:root {
            --ink: #111111;
            --ink-soft: #1c1c1c;
            --gold: #C2A85A;
            --gold-bright: #3F4348;
            --gold-deep: #C2A85A;
            --paper: #ffffff;
            --paper-warm: #faf8f4;
            --paper-deep: #f2efe8;
            --white: #ffffff;
            --grey: #5f5f5f;
            --line: #e4e0d6;
            --line-dark: #2a2a2a;
            --radius: 18px;
            --maxw: 1180px;
        }

        * { box-sizing: border-box; margin: 0; padding: 0; }
        html { scroll-behavior: smooth; }
        body {
            font-family: 'Inter', system-ui, sans-serif;
            color: var(--ink);
            background: var(--paper);
            line-height: 1.6;
            -webkit-font-smoothing: antialiased;
        }
        h1, h2, h3 {
            font-family: 'Fraunces', Georgia, serif;
            font-weight: 500;
            line-height: 1.08;
            letter-spacing: -0.01em;
        }
        a { color: inherit; text-decoration: none; }
        .wrap { max-width: var(--maxw); margin: 0 auto; padding: 0 24px; }
        .eyebrow {
            display: inline-block;
            margin-bottom: 18px;
            font-size: 0.78rem;
            font-weight: 600;
            letter-spacing: 0.14em;
            text-transform: uppercase;
            color: var(--gold-deep);
        }
        .btn {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-weight: 600;
            font-size: 0.95rem;
            padding: 14px 26px;
            border-radius: 100px;
            border: 1.5px solid transparent;
            cursor: pointer;
            transition: transform .15s ease, background .2s ease, box-shadow .2s ease, color .2s ease;
        }
        .btn:hover { transform: translateY(-2px); }
        .btn-primary {
            background: var(--ink);
            color: var(--white);
            box-shadow: 0 8px 22px rgba(0,0,0,.18);
        }
        .btn-primary:hover { background: var(--ink-soft); }
        .btn-gold {
            background: var(--gold);
            color: var(--ink);
            box-shadow: 0 8px 22px rgba(184,144,47,.28);
        }
        .btn-gold:hover { background: var(--gold-bright); }
        .btn-ghost {
            background: transparent;
            color: var(--ink);
            border-color: var(--ink);
        }
        .btn-ghost:hover {
            background: var(--ink);
            color: var(--white);
        }
        .arrow { transition: transform .2s ease; }
        .btn:hover .arrow { transform: translateX(3px); }

        .brand-soft {
            background-color: var(--paper-deep);
        }

        .section-anchor {
            scroll-margin-top: 110px;
        }

        .hero {
            padding: 60px 0 96px;
        }
        .hero-grid {
            display: grid;
            grid-template-columns: 1.05fr 0.95fr;
            gap: 48px;
            align-items: center;
        }
        .hero h1 {
            font-size: clamp(2.6rem, 5.2vw, 4.1rem);
        }
        .hero h1 .hl {
            color: var(--gold-deep);
            font-style: italic;
        }
        .hero p.lead {
            font-size: 1.15rem;
            color: var(--grey);
            margin: 22px 0 30px;
            max-width: 32em;
        }
        .hero-cta {
            display: flex;
            flex-wrap: wrap;
            gap: 14px;
        }
        .trust-row {
            display: flex;
            gap: 26px;
            margin-top: 34px;
            flex-wrap: wrap;
        }
        .trust-row .ti {
            font-size: 0.86rem;
            color: var(--grey);
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .trust-row .ti svg {
            color: var(--gold-deep);
            flex-shrink: 0;
        }

        .quote-card {
            background: var(--ink);
            color: var(--white);
            border-radius: 22px;
            padding: 30px 30px 26px;
            box-shadow: 0 26px 60px rgba(0,0,0,.32);
            position: relative;
            overflow: hidden;
            border: 1px solid var(--line-dark);
        }
        .quote-card::before {
            content: "";
            position: absolute;
            top: -60px;
            right: -60px;
            width: 200px;
            height: 200px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(212,175,85,.20), transparent 70%);
        }
        .quote-card .qc-tag {
            font-size: 0.74rem;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            color: var(--gold);
            font-weight: 600;
        }
        .quote-card .qc-price {
            font-family: 'Fraunces', Georgia, serif;
            font-size: 3rem;
            line-height: 1;
            margin: 12px 0 2px;
        }
        .quote-card .qc-price span {
            font-size: 1.05rem;
            color: #b3b3b3;
            font-family: 'Inter', system-ui, sans-serif;
        }
        .qc-sub { color: #d4d0c6; font-size: 0.92rem; }
        .qc-rows {
            margin: 22px 0 20px;
            border-top: 1px solid rgba(255,255,255,.12);
        }
        .qc-row {
            display: flex;
            justify-content: space-between;
            padding: 11px 0;
            border-bottom: 1px solid rgba(255,255,255,.10);
            font-size: 0.92rem;
        }
        .qc-row span:first-child { color: #d4d0c6; }
        .qc-row .ok {
            color: var(--gold);
            font-weight: 600;
        }
        .qc-foot {
            font-size: 0.8rem;
            color: #8f8f8f;
            display: flex;
            align-items: center;
            gap: 7px;
        }

        .strip {
            background: var(--ink);
            color: var(--white);
            padding: 16px 0;
        }
        .strip .wrap {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 40px;
            flex-wrap: wrap;
            font-size: 0.9rem;
        }
        .strip b { color: var(--gold); }

        section.block { padding: 84px 0; }
        .sec-head {
            max-width: 40em;
            margin-bottom: 46px;
        }
        .sec-head h2 {
            font-size: clamp(2rem, 3.6vw, 2.9rem);
            margin: 14px 0 16px;
        }
        .sec-head p {
            color: var(--grey);
            font-size: 1.08rem;
        }

        .ben-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
        }
        .equip-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
        }
        .ben {
            background: var(--white);
            border: 1px solid var(--line);
            border-radius: var(--radius);
            padding: 30px 28px;
            transition: transform .18s ease, box-shadow .18s ease, border-color .18s;
        }
        .ben:hover {
            transform: translateY(-4px);
            box-shadow: 0 18px 40px rgba(0,0,0,.08);
            border-color: var(--gold);
        }
        .ben .picon {
            width: 50px;
            height: 50px;
            border-radius: 13px;
            background: var(--paper-deep);
            display: grid;
            place-items: center;
            color: var(--gold-deep);
            margin-bottom: 18px;
        }
        .svg-ic {
            width: 26px;
            height: 26px;
            display: block;
            object-fit: contain;
        }
        .pledge-item .pi .svg-ic { width: 20px; height: 20px; }
        .ben h3 {
            font-size: 1.28rem;
            margin-bottom: 8px;
        }
        .ben p {
            color: var(--grey);
            font-size: 0.95rem;
        }

        .brands-sec { background: var(--paper-warm); }
        .brands {
            display: flex;
            flex-wrap: wrap;
            gap: 14px;
            margin-top: 8px;
        }
        .brand-chip {
            background: var(--white);
            border: 1px solid var(--line);
            border-radius: 100px;
            padding: 11px 22px;
            font-weight: 600;
            font-size: 0.96rem;
            color: var(--ink);
        }
        .brand-chip.more {
            background: transparent;
            color: var(--grey);
            border-style: dashed;
        }

        .flex-sec {
            background: var(--ink);
            color: var(--white);
            border-radius: 34px;
            margin: 0 24px;
        }
        .flex-sec .inner {
            max-width: var(--maxw);
            margin: 0 auto;
            padding: 84px 24px;
        }
        .flex-sec .eyebrow { color: var(--gold-bright); }
        .flex-sec h2 { color: var(--white); }
        .flex-sec .sec-head p { color: #b8b8b8; }
        .flex-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 16px;
        }
        .flex-card {
            background: rgba(255,255,255,.04);
            border: 1px solid rgba(212,175,85,.20);
            border-radius: 16px;
            padding: 28px 24px;
        }
        .flex-card .num {
            font-family: 'Fraunces', Georgia, serif;
            font-size: 1.05rem;
            color: var(--gold);
            margin-bottom: 14px;
        }
        .flex-card h3 {
            color: var(--white);
            font-size: 1.25rem;
            margin-bottom: 8px;
        }
        .flex-card p {
            color: #b8b8b8;
            font-size: 0.92rem;
        }

        .steps {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 28px;
        }
        .step .sn {
            font-family: 'Fraunces', Georgia, serif;
            font-size: 1.1rem;
            color: var(--white);
            background: var(--ink);
            width: 44px;
            height: 44px;
            border-radius: 50%;
            display: grid;
            place-items: center;
            margin-bottom: 18px;
            border: 1.5px solid var(--gold);
        }
        .step h3 {
            font-size: 1.25rem;
            margin-bottom: 8px;
        }
        .step p {
            color: var(--grey);
            font-size: 0.96rem;
        }

        .pledge-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 56px;
            align-items: start;
        }
        .pledge-list {
            display: grid;
            gap: 18px;
        }
        .pledge-item {
            display: flex;
            gap: 16px;
            padding: 20px;
            background: var(--white);
            border: 1px solid var(--line);
            border-radius: 14px;
        }
        .pledge-item .pi {
            width: 40px;
            height: 40px;
            flex-shrink: 0;
            border-radius: 10px;
            background: var(--gold);
            color: var(--ink);
            display: grid;
            place-items: center;
        }
        .pledge-item h3 {
            font-size: 1.12rem;
            margin-bottom: 4px;
        }
        .pledge-item p {
            font-size: 0.92rem;
            color: var(--grey);
        }

        .quotes {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
        }
        .qcard {
            background: var(--white);
            border: 1px solid var(--line);
            border-radius: var(--radius);
            padding: 28px;
        }
        .stars {
            color: var(--gold);
            letter-spacing: 2px;
            margin-bottom: 12px;
        }
        .qcard blockquote {
            font-size: 0.98rem;
            color: var(--ink);
            margin-bottom: 16px;
        }
        .qcard .who {
            font-size: 0.86rem;
            color: var(--grey);
            font-weight: 600;
        }

        .cta-band {
            text-align: center;
            padding: 90px 24px;
        }
        .cta-band h2 {
            font-size: clamp(2.1rem, 4vw, 3.1rem);
            margin-bottom: 16px;
        }
        .cta-band p {
            color: var(--grey);
            font-size: 1.1rem;
            max-width: 36em;
            margin: 0 auto 28px;
        }
        .cta-band .hero-cta { justify-content: center; }

        .footer-shell {
            background: var(--ink);
            color: #b8b8b8;
            padding: 64px 0 32px;
        }
        .foot-grid {
            display: grid;
            grid-template-columns: 1.4fr 1fr 1fr 1fr;
            gap: 36px;
        }
        .footer-shell .logo {
            color: var(--white);
            margin-bottom: 14px;
            display: flex;
            align-items: center;
            gap: 10px;
            font-family: 'Fraunces', Georgia, serif;
            font-size: 1.35rem;
            font-weight: 600;
        }
        .footer-shell .logo .mark {
            width: 34px;
            height: 34px;
            border-radius: 9px;
            background: var(--gold);
            color: var(--ink);
            display: grid;
            place-items: center;
            font-size: 0.95rem;
            font-weight: 600;
            font-family: 'Inter', system-ui, sans-serif;
            letter-spacing: -0.02em;
        }
        .footer-shell h4 {
            color: var(--white);
            font-size: 0.82rem;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            margin-bottom: 16px;
            font-family: 'Inter', system-ui, sans-serif;
            font-weight: 600;
        }
        .footer-shell ul {
            list-style: none;
            display: grid;
            gap: 10px;
        }
        .footer-shell a {
            font-size: 0.92rem;
            transition: color .15s;
        }
        .footer-shell a:hover { color: var(--gold-bright); }
        .foot-blurb {
            font-size: 0.92rem;
            max-width: 24em;
        }
        .foot-bottom {
            margin-top: 48px;
            padding-top: 24px;
            border-top: 1px solid rgba(255,255,255,.12);
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 14px;
            font-size: 0.82rem;
            color: #8f8f8f;
        }
        .foot-bottom a { color: #a8a8a8; }

        @media (max-width: 900px) {
            .hero-grid, .pledge-grid { grid-template-columns: 1fr; gap: 40px; }
            .ben-grid, .flex-grid, .steps, .quotes, .equip-grid { grid-template-columns: 1fr 1fr; }
            .foot-grid { grid-template-columns: 1fr 1fr; }
        }

        @media (max-width: 560px) {
            .ben-grid, .flex-grid, .steps, .quotes, .foot-grid { grid-template-columns: 1fr; }
            .hero { padding: 112px 0 56px; }
            section.block { padding: 60px 0; }
        }

        @media (prefers-reduced-motion: reduce) {
            * { animation: none !important; transition: none !important; scroll-behavior: auto; }
        }

        :focus-visible {
            outline: 3px solid var(--gold);
            outline-offset: 3px;
            border-radius: 4px;
        }