:root {
            --g6-bg: #f6f7fb;
            --g6-card: #fff;
            --g6-ink: #161722;
            --g6-muted: #707582;
            --g6-line: #e6e8ef;
            --g6-pink: #ff4f9a;
            --g6-purple: #7558ff;
            --g6-blue: #45a8ff;
            --g6-green: #12a86b;
            --g6-red: #e45151;
            --g6-orange: #e89522;
            --g6-shadow: 0 18px 55px rgba(23, 24, 42, .08);
            --g6-radius: 22px
        }

        * {
            box-sizing: border-box
        }

        html {
            scroll-behavior: smooth
        }

        body {
            margin: 0;
            background: var(--g6-bg);
            color: var(--g6-ink);
            font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
            line-height: 1.6
        }

        .g6bp-header {
            position: sticky;
            top: 0;
            z-index: 50;
            background: rgba(255, 255, 255, .86);
            backdrop-filter: blur(18px);
            border-bottom: 1px solid rgba(20, 20, 40, .07)
        }

        .g6bp-header-inner {
            max-width: 1320px;
            margin: auto;
            padding: 13px 22px;
            display: flex;
            align-items: center;
            justify-content: space-between
        }

        .g6bp-logo {
            display: flex;
            align-items: center;
            gap: 11px;
            font-weight: 900
        }

        .g6bp-logo-mark {
            width: 42px;
            height: 42px;
            border-radius: 14px;
            display: grid;
            place-items: center;
            color: #fff;
            font-weight: 950;
            background: linear-gradient(135deg, var(--g6-pink), var(--g6-purple));
            box-shadow: 0 9px 24px rgba(117, 88, 255, .25)
        }

        .g6bp-nav {
            display: flex;
            gap: 5px
        }

        .g6bp-nav a {
            padding: 9px 12px;
            border-radius: 11px;
            color: var(--g6-muted);
            font-size: 13px;
            font-weight: 800;
            
        }

        .g6bp-nav a:hover {
            background: #f0f1f6;
            color: var(--g6-ink)
        }

        .g6bp-hero {
            max-width: 1320px;
            margin: auto;
            padding: 58px 22px 35px
        }

        .g6bp-hero-grid {
            display: grid;
            grid-template-columns: 1.25fr .75fr;
            gap: 28px;
            align-items: stretch
        }

        .g6bp-eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            padding: 7px 11px;
            border: 1px solid #f0d9e8;
            border-radius: 999px;
            background: #fff7fb;
            color: #d8347d;
            font-size: 11px;
            font-weight: 900;
            text-transform: uppercase;
            letter-spacing: .1em
        }

        .g6bp-hero h1 {
            margin: 17px 0 14px;
            max-width: 850px;
            font-size: clamp(42px, 6vw, 74px);
            line-height: .99;
            letter-spacing: -3.8px
        }

        .g6bp-gradient {
            background: linear-gradient(100deg, var(--g6-pink), var(--g6-purple), var(--g6-blue));
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent
        }

        .g6bp-hero p {
            max-width: 720px;
            color: var(--g6-muted);
            font-size: 17px
        }

        .g6bp-hero-actions {
            display: flex;
            gap: 10px;
            flex-wrap: wrap;
            margin-top: 24px
        }

        .g6bp-btn {
            border: 0;
            border-radius: 13px;
            padding: 12px 17px;
            font-weight: 850;
            transition: transform .2s, box-shadow .2s, background .2s
        }

        .g6bp-btn:hover {
            transform: translateY(-2px)
        }

        .g6bp-btn-primary {
            color: #fff;
            background: linear-gradient(135deg, var(--g6-pink), var(--g6-purple));
            box-shadow: 0 10px 25px rgba(117, 88, 255, .2)
        }

        .g6bp-btn-secondary {
            color: var(--g6-ink);
            background: #fff;
            border: 1px solid var(--g6-line)
        }

        .g6bp-hero-card {
            position: relative;
            overflow: hidden;
            padding: 28px;
            border-radius: 26px;
            color: #fff;
            background: linear-gradient(145deg, #202239, #514a8e 58%, #d957a1);
            box-shadow: 0 24px 65px rgba(72, 58, 145, .2)
        }

        .g6bp-hero-card:after {
            content: "";
            position: absolute;
            width: 210px;
            height: 210px;
            border-radius: 50%;
            right: -90px;
            top: -100px;
            background: rgba(255, 255, 255, .12)
        }

        .g6bp-hero-card h3 {
            margin: 0;
            font-size: 21px
        }

        .g6bp-hero-card p {
            color: rgba(255, 255, 255, .78);
            font-size: 13px
        }

        .g6bp-mini-stat {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 9px;
            margin-top: 20px
        }

        .g6bp-mini-stat div {
            padding: 13px;
            border-radius: 15px;
            background: rgba(255, 255, 255, .11);
            border: 1px solid rgba(255, 255, 255, .12)
        }

        .g6bp-mini-stat small {
            display: block;
            color: rgba(255, 255, 255, .62);
            font-size: 10px
        }

        .g6bp-mini-stat strong {
            display: block;
            margin-top: 2px;
            font-size: 15px
        }

        .g6bp-main {
            max-width: 1320px;
            margin: auto;
            padding: 10px 22px 70px
        }

        .g6bp-tool {
            display: grid;
            grid-template-columns: 370px minmax(0, 1fr);
            gap: 20px;
            align-items: start
        }

        .g6bp-panel,
        .g6bp-info,
        .g6bp-faq {
            background: var(--g6-card);
            border: 1px solid var(--g6-line);
            border-radius: var(--g6-radius);
            box-shadow: var(--g6-shadow)
        }

        .g6bp-panel-header {
            padding: 21px 22px;
            border-bottom: 1px solid var(--g6-line)
        }

        .g6bp-panel-header h2 {
            margin: 0;
            font-size: 18px
        }

        .g6bp-panel-header p {
            margin: 4px 0 0;
            color: var(--g6-muted);
            font-size: 12px
        }

        .g6bp-panel-body {
            padding: 17px
        }

        .g6bp-search {
            width: 100%;
            padding: 12px 14px 12px 39px;
            border: 1px solid var(--g6-line);
            border-radius: 13px;
            outline: 0;
            background: #fafbfe
        }

        .g6bp-search:focus,
        .g6bp-select:focus,
        .g6bp-input:focus {
            border-color: #9a8aff;
            box-shadow: 0 0 0 4px rgba(117, 88, 255, .09)
        }

        .g6bp-filter-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 8px;
            margin-top: 9px
        }

        .g6bp-select {
            width: 100%;
            padding: 10px;
            border: 1px solid var(--g6-line);
            border-radius: 11px;
            background: #fff;
            outline: 0;
            font-size: 12px
        }

        .g6bp-list-top {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: 14px 2px 7px
        }

        .g6bp-list-top span {
            font-size: 11px;
            color: var(--g6-muted);
            font-weight: 750
        }

        .g6bp-business-list {
            max-height: 650px;
            overflow: auto;
            padding-right: 3px
        }

        .g6bp-business {
            position: relative;
            width: 100%;
            display: flex;
            align-items: center;
            gap: 11px;
            text-align: left;
            border: 1px solid transparent;
            background: #fff;
            border-radius: 15px;
            padding: 12px;
            margin-bottom: 6px;
            transition: .2s ease
        }

        .g6bp-business:hover {
            background: #faf9ff;
            border-color: #dcd8ff;
            transform: translateX(2px)
        }

        .g6bp-business.active {
            background: #faf9ff;
            border-color: #a99dff;
            box-shadow: 0 0 0 3px rgba(117, 88, 255, .08)
        }

        .g6bp-business-icon {
            flex: 0 0 38px;
            width: 38px;
            height: 38px;
            border-radius: 12px;
            display: grid;
            place-items: center;
            background: #f1efff;
            color: var(--g6-purple);
            font-weight: 900
        }

        .g6bp-business-copy {
            min-width: 0;
            flex: 1
        }

        .g6bp-business-name {
            display: block;
            font-size: 13px;
            font-weight: 900;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .g6bp-business-meta {
            display: flex;
            align-items: center;
            gap: 7px;
            margin-top: 4px;
            flex-wrap: wrap
        }

        .g6bp-location {
            font-size: 10px;
            color: #8b909b
        }

        .g6bp-chevron {
            font-size: 22px;
            color: #b0b4bd
        }

        .g6bp-badge {
            display: inline-flex;
            padding: 3px 7px;
            border-radius: 999px;
            font-size: 9px;
            font-weight: 900
        }

        .g6bp-confirmed {
            background: #e8f8f1;
            color: #087a4d
        }

        .g6bp-reported {
            background: #edf4ff;
            color: #3264b2
        }

        .g6bp-rumored {
            background: #fff3df;
            color: #a25f08
        }

        .g6bp-empty {
            padding: 35px 15px;
            text-align: center;
            color: #8a8f99
        }

        .g6bp-empty span {
            display: block;
            font-size: 28px
        }

        .g6bp-empty strong {
            display: block;
            color: #333;
            font-size: 13px
        }

        .g6bp-empty small {
            font-size: 11px
        }

        .g6bp-add {
            width: 100%;
            margin-top: 8px
        }

        .g6bp-calculator {
            overflow: hidden
        }

        .g6bp-business-title {
            padding: 24px;
            border-bottom: 1px solid var(--g6-line);
            background: linear-gradient(180deg, #fff, #fcfcff)
        }

        .g6bp-title-row {
            display: flex;
            justify-content: space-between;
            gap: 16px
        }

        .g6bp-business-title h2 {
            margin: 0;
            font-size: 26px;
            line-height: 1.15;
            letter-spacing: -.8px
        }

        .g6bp-description {
            margin: 7px 0 0;
            color: var(--g6-muted);
            font-size: 13px
        }

        .g6bp-confidence {
            flex-shrink: 0
        }

        .g6bp-section {
            padding: 22px 24px;
            border-bottom: 1px solid var(--g6-line)
        }

        .g6bp-section:last-child {
            border-bottom: 0
        }

        .g6bp-section-heading {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 15px
        }

        .g6bp-section-heading h3 {
            margin: 0;
            font-size: 14px
        }

        .g6bp-step {
            width: 27px;
            height: 27px;
            display: grid;
            place-items: center;
            border-radius: 9px;
            background: #f0edff;
            color: var(--g6-purple);
            font-size: 11px;
            font-weight: 950
        }

        .g6bp-fields {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 12px
        }

        .g6bp-field label {
            display: block;
            margin-bottom: 5px;
            font-size: 11px;
            color: #777d89;
            font-weight: 800
        }

        .g6bp-input-wrap {
            position: relative
        }

        .g6bp-input-wrap>span {
            position: absolute;
            left: 12px;
            top: 10px;
            color: #9297a2;
            font-size: 12px;
            z-index: 1
        }

        .g6bp-input {
            width: 100%;
            padding: 11px 12px 11px 25px;
            border: 1px solid var(--g6-line);
            border-radius: 11px;
            background: #fafbfe;
            outline: 0;
            font-size: 13px
        }

        .g6bp-input-percent {
            padding-left: 12px;
            padding-right: 34px
        }

        .g6bp-percent-symbol {
            left: auto !important;
            right: 12px
        }

        .g6bp-input-time {
            padding-left: 12px
        }

        .g6bp-help {
            font-size: 10px;
            color: #9297a2;
            margin-top: 5px;
            display: block
        }

        .g6bp-results {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 10px
        }

        .g6bp-result {
            padding: 15px;
            border: 1px solid var(--g6-line);
            border-radius: 15px;
            background: #fafbfe
        }

        .g6bp-result-label {
            font-size: 10px;
            color: #7d828d;
            font-weight: 800
        }

        .g6bp-result-value {
            margin-top: 3px;
            font-size: 20px;
            font-weight: 950;
            letter-spacing: -.6px
        }

        .g6bp-result-main {
            color: var(--g6-green)
        }

        .g6bp-result-danger {
            color: var(--g6-red)
        }

        .g6bp-result-purple {
            color: var(--g6-purple)
        }

        .g6bp-result-orange {
            color: var(--g6-orange)
        }

        .g6bp-pop {
            animation: g6bpPop .32s ease
        }

        @keyframes g6bpPop {
            0% {
                opacity: .35;
                transform: translateY(3px)
            }

            100% {
                opacity: 1;
                transform: none
            }
        }

        .g6bp-profit-box {
            margin-top: 12px;
            padding: 20px;
            border-radius: 17px;
            color: #fff;
            background: linear-gradient(135deg, #1c1e31, #403d70);
            position: relative;
            overflow: hidden
        }

        .g6bp-profit-box:after {
            content: "";
            position: absolute;
            width: 170px;
            height: 170px;
            right: -90px;
            top: -80px;
            border-radius: 50%;
            background: rgba(255, 255, 255, .08)
        }

        .g6bp-profit-box small {
            display: block;
            color: rgba(255, 255, 255, .65);
            font-size: 10px
        }

        .g6bp-profit-number {
            font-size: 38px;
            line-height: 1.1;
            font-weight: 950;
            margin: 4px 0 5px
        }

        .g6bp-controls {
            display: flex;
            gap: 8px;
            flex-wrap: wrap
        }

        .g6bp-compare {
            margin-top: 20px;
            overflow: hidden
        }

        .g6bp-compare-table {
            width: 100%;
            border-collapse: collapse
        }

        .g6bp-compare-table th,
        .g6bp-compare-table td {
            padding: 12px;
            border-bottom: 1px solid var(--g6-line);
            text-align: left;
            font-size: 12px
        }

        .g6bp-compare-table th {
            color: #858a95;
            font-size: 10px;
            text-transform: uppercase;
            letter-spacing: .05em
        }

        .g6bp-compare-scroll {
            overflow: auto
        }

        .g6bp-faq {
            margin-top: 22px;
            padding: 24px
        }

        .g6bp-faq h2 {
            margin-top: 0;
            font-size: 24px
        }

        .g6bp-faq details {
            border: 1px solid var(--g6-line);
            border-radius: 13px;
            margin: 8px 0;
            padding: 14px 16px;
            background: #fff
        }

        .g6bp-faq summary {
            cursor: pointer;
            font-size: 13px;
            font-weight: 850
        }

        .g6bp-faq p {
            color: #686e79;
            font-size: 13px
        }

        .g6bp-footer {
            max-width: 1320px;
            margin: auto;
            padding: 25px 22px 55px;
            color: #7b808b;
            font-size: 12px
        }

        .g6bp-footer strong {
            color: #333
        }

        .g6bp-modal-open {
            overflow: hidden
        }

        .g6bp-modal {
            position: fixed;
            inset: 0;
            z-index: 1000;
            display: grid;
            place-items: center;
            padding: 20px;
            background: rgba(20, 20, 35, .45);
            backdrop-filter: blur(8px);
            opacity: 0;
            visibility: hidden;
            transition: .2s
        }

        .g6bp-modal.is-open {
            opacity: 1;
            visibility: visible
        }

        .g6bp-modal-card {
            width: min(460px, 100%);
            background: #fff;
            border-radius: 22px;
            border: 1px solid var(--g6-line);
            box-shadow: 0 30px 90px rgba(20, 20, 40, .22);
            padding: 24px;
            transform: translateY(12px);
            transition: .25s
        }

        .g6bp-modal.is-open .g6bp-modal-card {
            transform: none
        }

        .g6bp-modal-head {
            display: flex;
            justify-content: space-between;
            gap: 15px
        }

        .g6bp-modal-head h3 {
            margin: 0;
            font-size: 20px
        }

        .g6bp-modal-head p {
            margin: 4px 0 0;
            color: var(--g6-muted);
            font-size: 12px
        }

        .g6bp-close {
            border: 0;
            background: #f3f4f7;
            width: 34px;
            height: 34px;
            border-radius: 10px;
            font-size: 18px
        }

        .g6bp-modal-label {
            display: block;
            margin: 20px 0 6px;
            font-size: 11px;
            font-weight: 850;
            color: #737985
        }

        .g6bp-modal-input {
            width: 100%;
            padding: 12px;
            border: 1px solid var(--g6-line);
            border-radius: 11px;
            outline: 0
        }

        .g6bp-modal-input:focus {
            border-color: #9a8aff;
            box-shadow: 0 0 0 4px rgba(117, 88, 255, .09)
        }

        .g6bp-modal-actions {
            display: flex;
            justify-content: flex-end;
            gap: 8px;
            margin-top: 18px
        }

        @media(max-width:1050px) {
            .g6bp-hero-grid {
                grid-template-columns: 1fr
            }

            .g6bp-tool {
                grid-template-columns: 1fr
            }

            .g6bp-business-list {
                max-height: 400px
            }

            .g6bp-results {
                grid-template-columns: repeat(4, 1fr)
            }
        }

        @media(max-width:700px) {
            .g6bp-header-inner {
                padding: 11px 15px
            }

            .g6bp-nav {
                display: none
            }

            .g6bp-hero {
                padding: 40px 15px 25px
            }

            .g6bp-main {
                padding: 8px 15px 50px
            }

            .g6bp-hero h1 {
                letter-spacing: -2.3px;
                font-size: clamp(39px, 12vw, 60px)
            }

            .g6bp-hero p {
                font-size: 15px
            }

            .g6bp-mini-stat {
                grid-template-columns: 1fr 1fr
            }

            .g6bp-section,
            .g6bp-business-title {
                padding: 19px
            }

            .g6bp-fields {
                grid-template-columns: 1fr
            }

            .g6bp-results {
                grid-template-columns: repeat(2, 1fr)
            }

            .g6bp-title-row {
                flex-direction: column
            }

            .g6bp-business-title h2 {
                font-size: 22px
            }

            .g6bp-info {
                padding: 21px
            }

            .g6bp-info h2 {
                font-size: 23px
            }

            .g6bp-footer {
                padding-left: 15px;
                padding-right: 15px
            }
        }

        @media(max-width:430px) {
            .g6bp-results {
                grid-template-columns: 1fr 1fr
            }

            .g6bp-mini-stat {
                grid-template-columns: 1fr
            }

            .g6bp-hero-actions .g6bp-btn {
                width: 100%
            }

            .g6bp-controls .g6bp-btn {
                flex: 1
            }

            .g6bp-filter-row {
                grid-template-columns: 1fr
            }
        }

        /* Full-width Profit Results card */
        .g6bp-profit-results-card {
            width: 100%;
            margin: 22px 0 0;
            padding: 28px;
            background: linear-gradient(180deg, #fff 0%, #fbfbff 100%);
            border: 1px solid var(--g6-line);
            border-radius: 26px;
            box-shadow: 0 22px 65px rgba(23, 24, 42, .09);
            position: relative;
            overflow: hidden;
        }

        .g6bp-profit-results-card:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 4px;
            background: linear-gradient(90deg, var(--g6-pink), var(--g6-purple), var(--g6-blue));
        }

        .g6bp-profit-results-head {
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            gap: 20px;
            margin-bottom: 22px;
        }

        .g6bp-results-kicker {
            display: inline-block;
            margin-bottom: 5px;
            color: var(--g6-purple);
            font-size: 10px;
            font-weight: 950;
            letter-spacing: .12em;
        }

        .g6bp-profit-results-head h2 {
            margin: 0;
            font-size: 27px;
            line-height: 1.15;
            letter-spacing: -.8px;
        }

        .g6bp-profit-results-head p {
            margin: 6px 0 0;
            color: var(--g6-muted);
            font-size: 13px;
        }

        .g6bp-results-business {
            min-width: 220px;
            max-width: 360px;
            padding: 12px 15px;
            border: 1px solid var(--g6-line);
            border-radius: 14px;
            background: #fff;
        }

        .g6bp-results-business span {
            display: block;
            color: #9297a2;
            font-size: 9px;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: .07em;
        }

        .g6bp-results-business strong {
            display: block;
            margin-top: 3px;
            font-size: 13px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .g6bp-results-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 12px;
        }

        .g6bp-results-grid .g6bp-result {
            min-height: 106px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 17px 18px;
            border: 1px solid var(--g6-line);
            border-radius: 17px;
            background: #fff;
            transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
        }

        .g6bp-results-grid .g6bp-result:hover {
            transform: translateY(-2px);
            box-shadow: 0 12px 30px rgba(23, 24, 42, .07);
            border-color: #d7d3ff;
        }

        .g6bp-results-grid .g6bp-result-featured {
            background: linear-gradient(145deg, #f7fff9, #fff);
            border-color: #cfeee0;
        }

        .g6bp-result-note {
            display: block;
            margin-top: 3px;
            color: #8c929d;
            font-size: 10px;
        }

        .g6bp-profit-highlight {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
            margin-top: 14px;
            padding: 20px 22px;
            color: #fff;
            border-radius: 19px;
            background: linear-gradient(135deg, #1d2034 0%, #454077 58%, #7a5b91 100%);
            box-shadow: 0 16px 35px rgba(54, 48, 105, .16);
        }

        .g6bp-profit-highlight span {
            display: block;
            color: rgba(255, 255, 255, .68);
            font-size: 10px;
            font-weight: 750;
        }

        .g6bp-profit-highlight strong {
            display: block;
            margin-top: 3px;
            font-size: 34px;
            line-height: 1.1;
            letter-spacing: -1px;
        }

        .g6bp-profit-highlight-side {
            min-width: 180px;
            padding-left: 20px;
            border-left: 1px solid rgba(255, 255, 255, .16);
        }

        .g6bp-profit-highlight-side strong {
            font-size: 19px;
        }

        @media(max-width:1050px) {
            .g6bp-results-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr))
            }
        }

        @media(max-width:700px) {
            .g6bp-profit-results-card {
                padding: 20px;
                margin-top: 18px;
                border-radius: 21px
            }

            .g6bp-profit-results-head {
                align-items: stretch;
                flex-direction: column;
                margin-bottom: 16px
            }

            .g6bp-results-business {
                min-width: 0;
                max-width: none;
                width: 100%
            }

            .g6bp-results-grid {
                grid-template-columns: 1fr 1fr;
                gap: 9px
            }

            .g6bp-results-grid .g6bp-result {
                min-height: 96px;
                padding: 14px
            }

            .g6bp-profit-highlight {
                align-items: stretch;
                flex-direction: column;
                padding: 18px
            }

            .g6bp-profit-highlight-side {
                min-width: 0;
                padding: 13px 0 0;
                border-left: 0;
                border-top: 1px solid rgba(255, 255, 255, .16)
            }

            .g6bp-profit-highlight strong {
                font-size: 29px
            }
        }
    
        /* =========================================================
           GTA 6 BUSINESS PROFIT CALCULATOR GUIDE
           New guide layout — matched to the existing site theme.
           ========================================================= */
        .g6bp-guide {
            margin-top: 22px;
            padding: 0;
            background: var(--g6-card);
            border: 1px solid var(--g6-line);
            border-radius: 26px;
            box-shadow: var(--g6-shadow);
            overflow: hidden;
        }

        .g6bp-guide-hero {
            padding: 34px 31px 30px;
            background:
                radial-gradient(circle at 92% 8%, rgba(117,88,255,.12), transparent 30%),
                radial-gradient(circle at 8% 90%, rgba(255,79,154,.08), transparent 28%),
                linear-gradient(180deg, #fff 0%, #fcfcff 100%);
            border-bottom: 1px solid var(--g6-line);
        }

        .g6bp-guide-kicker {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            padding: 7px 11px;
            border: 1px solid #e4defe;
            border-radius: 999px;
            background: #f8f6ff;
            color: var(--g6-purple);
            font-size: 10px;
            font-weight: 950;
            text-transform: uppercase;
            letter-spacing: .1em;
        }

        .g6bp-guide-hero h2 {
            margin: 15px 0 7px;
            font-size: clamp(27px, 4vw, 38px);
            line-height: 1.08;
            letter-spacing: -1.2px;
        }

        .g6bp-guide-hero > p {
            max-width: 850px;
            margin: 0;
            color: var(--g6-muted);
            font-size: 14px;
        }

        .g6bp-guide-body {
            padding: 31px;
        }

        .g6bp-guide-section {
            padding: 0 0 30px;
            margin-bottom: 30px;
            border-bottom: 1px solid var(--g6-line);
        }

        .g6bp-guide-section:last-child {
            padding-bottom: 0;
            margin-bottom: 0;
            border-bottom: 0;
        }

        .g6bp-guide-heading {
            margin-bottom: 17px;
        }

        .g6bp-guide-heading h3 {
            margin: 0;
            font-size: 22px;
            line-height: 1.2;
            letter-spacing: -.6px;
        }

        .g6bp-guide-heading p {
            margin: 5px 0 0;
            color: var(--g6-muted);
            font-size: 13px;
        }

        .g6bp-guide h4 {
            margin: 24px 0 8px;
            font-size: 16px;
            line-height: 1.3;
        }

        .g6bp-guide p,
        .g6bp-guide li {
            color: #5d6370;
            font-size: 14px;
        }

        .g6bp-guide p {
            margin: 9px 0;
        }

        .g6bp-guide strong {
            color: var(--g6-ink);
        }

        .g6bp-guide-list {
            margin: 12px 0 0;
            padding-left: 21px;
        }

        .g6bp-guide-list li {
            margin: 8px 0;
            padding-left: 3px;
        }

        .g6bp-guide-steps {
            display: grid;
            gap: 10px;
            margin-top: 15px;
        }

        .g6bp-guide-step {
            display: grid;
            grid-template-columns: 35px minmax(0,1fr);
            gap: 12px;
            align-items: start;
            padding: 14px;
            border: 1px solid var(--g6-line);
            border-radius: 15px;
            background: #fafbfe;
        }

        .g6bp-guide-step-num {
            width: 35px;
            height: 35px;
            display: grid;
            place-items: center;
            border-radius: 11px;
            background: #f0edff;
            color: var(--g6-purple);
            font-size: 11px;
            font-weight: 950;
        }

        .g6bp-guide-step strong {
            display: block;
            margin: 1px 0 3px;
            font-size: 13px;
        }

        .g6bp-guide-step p {
            margin: 0;
            font-size: 13px;
        }

        .g6bp-guide-metrics {
            display: grid;
            grid-template-columns: repeat(3, minmax(0,1fr));
            gap: 12px;
            margin-top: 18px;
        }

        .g6bp-guide-metric {
            padding: 19px;
            border: 1px solid var(--g6-line);
            border-radius: 17px;
            background: #fff;
            transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
        }

        .g6bp-guide-metric:hover {
            transform: translateY(-2px);
            box-shadow: 0 12px 30px rgba(23,24,42,.07);
            border-color: #d7d3ff;
        }

        .g6bp-guide-metric-icon {
            width: 40px;
            height: 40px;
            display: grid;
            place-items: center;
            margin-bottom: 12px;
            border-radius: 13px;
            background: #f7f4ff;
            font-size: 20px;
        }

        .g6bp-guide-metric strong {
            display: block;
            font-size: 15px;
        }

        .g6bp-guide-metric span {
            display: block;
            margin-top: 4px;
            color: #6b717d;
            font-size: 12px;
        }

        .g6bp-guide-note {
            margin-top: 16px !important;
            padding: 14px 16px;
            border: 1px solid #e6e0ff;
            border-radius: 14px;
            background: #faf9ff;
        }

        .g6bp-guide-equation {
            margin: 15px 0;
            padding: 17px 19px;
            border-radius: 15px;
            color: #fff;
            background: linear-gradient(135deg, #1c1e31, #514a8e 62%, #d957a1);
            box-shadow: 0 14px 35px rgba(72,58,145,.14);
            font-size: 15px;
            font-weight: 850;
        }

        .g6bp-guide-equation strong {
            color: #fff;
        }

        .g6bp-guide-table-wrap {
            margin-top: 15px;
            overflow: auto;
            border: 1px solid var(--g6-line);
            border-radius: 17px;
        }

        .g6bp-guide-table {
            width: 100%;
            min-width: 760px;
            border-collapse: collapse;
        }

        .g6bp-guide-table th,
        .g6bp-guide-table td {
            padding: 12px 13px;
            border-bottom: 1px solid var(--g6-line);
            text-align: left;
            vertical-align: top;
            font-size: 12px;
        }

        .g6bp-guide-table th {
            color: #858a95;
            background: #fafbfe;
            font-size: 10px;
            text-transform: uppercase;
            letter-spacing: .05em;
            white-space: nowrap;
        }

        .g6bp-guide-table tbody tr:last-child td {
            border-bottom: 0;
        }

        .g6bp-guide-table tbody tr:hover {
            background: #fcfbff;
        }

        .g6bp-guide-status {
            display: inline-flex;
            padding: 4px 8px;
            border-radius: 999px;
            font-size: 9px;
            font-weight: 900;
            white-space: nowrap;
        }

        .g6bp-guide-status-confirmed {
            background: #e8f8f1;
            color: #087a4d;
        }

        .g6bp-guide-status-rumored {
            background: #fff3df;
            color: #a25f08;
        }

        .g6bp-guide-subcards {
            display: grid;
            grid-template-columns: repeat(3, minmax(0,1fr));
            gap: 12px;
            margin-top: 17px;
        }

        .g6bp-guide-subcard {
            padding: 19px;
            border: 1px solid var(--g6-line);
            border-radius: 17px;
            background: linear-gradient(180deg, #fff, #fafbfe);
        }

        .g6bp-guide-subcard-icon {
            font-size: 23px;
            margin-bottom: 10px;
        }

        .g6bp-guide-subcard h4 {
            margin: 0 0 5px;
            font-size: 14px;
        }

        .g6bp-guide-subcard p {
            margin: 0;
            font-size: 12px;
        }

        .g6bp-guide-divider {
            height: 1px;
            margin: 23px 0;
            background: var(--g6-line);
        }

        @media(max-width:700px) {
            .g6bp-guide {
                margin-top: 18px;
                border-radius: 21px;
            }

            .g6bp-guide-hero {
                padding: 25px 19px 22px;
            }

            .g6bp-guide-body {
                padding: 21px 19px;
            }

            .g6bp-guide-section {
                padding-bottom: 24px;
                margin-bottom: 24px;
            }

            .g6bp-guide-heading h3 {
                font-size: 19px;
            }

            .g6bp-guide p,
            .g6bp-guide li {
                font-size: 13px;
            }

            .g6bp-guide-metrics,
            .g6bp-guide-subcards {
                grid-template-columns: 1fr;
            }

            .g6bp-guide-metric,
            .g6bp-guide-subcard {
                padding: 16px;
            }

            .g6bp-guide-table-wrap {
                border-radius: 13px;
            }

            .g6bp-guide-table {
                min-width: 720px;
            }
        }
a {
            text-decoration: none;
        }