/* ────────────────────────────────────────────────────
       CONTAINER LADDER — use these classes exclusively
       ──────────────────────────────────────────────────── */
    :root{
      --container-hero: 960px;
      --container-default: 1120px;
      --container-prose: 760px;
      --container-wide: 1280px;
      --section-header-max: 720px;
      --prose-max: 68ch;
      --color-primary:#0E5E66;
      --color-primary-dark:#0a4a51;
      --color-accent:#4de8c2;
      --color-charcoal:#1E2425;
      --color-charcoal-soft:#2A3437;
      --color-cream:#F7F6F2;
      --color-paper:#FFFFFF;
      --color-line:#E5E2D8;
      --color-muted:#5B6668;
      --color-bg-dark:#0E2428;
    }
    .c-hero{max-width:var(--container-hero);margin:0 auto;padding:0 24px}
    .c-default{max-width:var(--container-default);margin:0 auto;padding:0 24px}
    .c-prose{max-width:var(--container-prose);margin:0 auto;padding:0 24px}
    .c-wide{max-width:var(--container-wide);margin:0 auto;padding:0 24px}

    /* ────────────────────────────────────────────────────
       RESET + BASE
       ──────────────────────────────────────────────────── */
    *,*::before,*::after{box-sizing:border-box}
    html,body{margin:0;padding:0}
    body{font-family:'General Sans',-apple-system,sans-serif;background:var(--color-cream);color:var(--color-charcoal);line-height:1.55;-webkit-font-smoothing:antialiased}
    a{color:var(--color-primary);text-decoration:none}
    a:hover{text-decoration:underline}
    img{max-width:100%;height:auto}
    button{font-family:inherit;cursor:pointer}

    /* ────────────────────────────────────────────────────
       NAV
       ──────────────────────────────────────────────────── */
    .nav{padding:20px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-line)}
    .brand{display:flex;align-items:center;gap:12px;font-family:'Cabinet Grotesk',sans-serif;font-weight:800;font-size:22px;color:var(--color-charcoal);letter-spacing:-0.035em}
    .brand-badge{width:36px;height:36px;background:rgba(14,94,102,0.08);border:1.5px solid var(--color-primary);border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:'Cabinet Grotesk',sans-serif;font-weight:800;font-size:14px;color:var(--color-primary);letter-spacing:-0.04em}
    .nav-cta{padding:10px 22px;background:var(--color-primary);color:var(--color-cream);border-radius:999px;font-family:'Cabinet Grotesk',sans-serif;font-weight:800;font-size:14px;letter-spacing:-0.01em}
    .nav-cta:hover{text-decoration:none;background:var(--color-primary-dark)}
    .breadcrumb{padding:14px 0;font-size:13px;color:var(--color-muted)}
    .breadcrumb a{color:var(--color-muted)}

    /* ────────────────────────────────────────────────────
       TYPOGRAPHY — natural wrapping, no forced <br>
       ──────────────────────────────────────────────────── */
    h1{font-family:'Cabinet Grotesk',sans-serif;font-weight:800;font-size:56px;line-height:1.05;letter-spacing:-0.035em;color:var(--color-charcoal);margin:0 0 22px;max-width:20ch}
    h1 .accent{color:var(--color-primary)}
    h2{font-family:'Cabinet Grotesk',sans-serif;font-weight:800;font-size:36px;line-height:1.1;letter-spacing:-0.03em;color:var(--color-charcoal);margin:0 0 14px}
    h2 .accent{color:var(--color-primary)}
    h3{font-family:'Cabinet Grotesk',sans-serif;font-weight:800;font-size:22px;line-height:1.25;letter-spacing:-0.02em;color:var(--color-charcoal);margin:32px 0 10px}
    p{font-size:17px;line-height:1.62;color:var(--color-charcoal-soft);margin:0 0 16px}

    /* ────────────────────────────────────────────────────
       SECTION-HEADER PATTERN — centered framing for transitions
       ──────────────────────────────────────────────────── */
    .section-header{max-width:var(--section-header-max);margin:0 auto 36px;text-align:center}
    .section-header .eyebrow{font-family:'General Sans',sans-serif;font-size:12px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--color-primary);margin:0 0 14px}
    .section-header h2{margin:0 auto 14px;max-width:18ch}
    .section-header .intro{font-size:18px;line-height:1.5;color:var(--color-charcoal-soft);margin:0 auto;max-width:60ch}

    /* PROSE WRAPPER — left-aligned long-form, constrained width */
    .prose{max-width:var(--prose-max);margin-left:auto;margin-right:auto}
    .prose p{text-align:left}
    .prose p+p{margin-top:14px}
    .prose .lede{font-size:19px;line-height:1.55}

    section{padding:56px 0}

    /* ────────────────────────────────────────────────────
       HERO — centered framing, left-aligned body
       ──────────────────────────────────────────────────── */
    .hero{padding:56px 0 36px;text-align:center}
    .hero .vertical-badge{display:inline-block;font-family:'General Sans',sans-serif;font-size:12px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--color-primary);background:rgba(14,94,102,0.08);padding:8px 14px;border-radius:999px;margin:0 0 22px}
    .hero h1{margin-left:auto;margin-right:auto;max-width:22ch}
    .hero .hero-sub{font-size:20px;line-height:1.5;color:var(--color-charcoal-soft);margin:0 auto 28px;max-width:62ch}
    .hero-ctas{display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap}
    .btn-primary{display:inline-block;padding:18px 36px;background:var(--color-primary);color:var(--color-cream);font-family:'Cabinet Grotesk',sans-serif;font-weight:800;font-size:17px;letter-spacing:-0.01em;border-radius:999px;box-shadow:0 6px 20px rgba(14,94,102,0.25);border:0}
    .btn-primary:hover{text-decoration:none;background:var(--color-primary-dark)}
    .btn-secondary{display:inline-block;padding:18px 28px;background:transparent;color:var(--color-primary);font-family:'Cabinet Grotesk',sans-serif;font-weight:700;font-size:17px;letter-spacing:-0.01em;border-radius:999px;border:1.5px solid var(--color-primary)}
    .btn-secondary:hover{text-decoration:none;background:rgba(14,94,102,0.08)}
    .risk-reversal{display:flex;justify-content:center;align-items:center;gap:8px;margin:14px 0 0;font-size:13px;color:var(--color-muted)}
    .risk-reversal .check{display:inline-flex;width:18px;height:18px;border-radius:50%;background:rgba(14,94,102,0.1);color:var(--color-primary);align-items:center;justify-content:center;font-weight:800;font-size:11px;flex-shrink:0}

    .trust-strip{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:28px auto 0;padding:20px 0 0;border-top:1px solid var(--color-line);max-width:var(--container-hero)}
    .pill-badge{display:inline-flex;align-items:center;gap:8px;background:var(--color-paper);border:1px solid var(--color-line);padding:10px 16px;border-radius:999px;font-family:'Cabinet Grotesk',sans-serif;font-weight:700;font-size:13px;color:var(--color-charcoal);letter-spacing:-0.01em}
    .pill-badge .ico{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;color:var(--color-primary);font-size:12px;font-weight:800}

    /* ────────────────────────────────────────────────────
       TOUR DEMO BLOCK
       ──────────────────────────────────────────────────── */
    .demo-stage{background:var(--color-paper);border:1px solid var(--color-line);border-radius:18px;padding:36px;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
    .gbp-card{background:var(--color-cream);border:1px solid var(--color-line);border-radius:14px;overflow:hidden}
    .gbp-card .gbp-label{font-family:'Cabinet Grotesk',sans-serif;font-weight:800;font-size:11px;letter-spacing:0.18em;text-transform:uppercase;padding:14px 18px 8px;color:var(--color-muted)}
    .gbp-card .gbp-label.bad{color:#A8412F}
    .gbp-card .gbp-label.good{color:var(--color-primary)}
    .gbp-photo{aspect-ratio:16/9;background:linear-gradient(135deg,#9FB0B3 0%,#5B6668 100%);position:relative;display:flex;align-items:center;justify-content:center;color:var(--color-cream);font-family:'General Sans',sans-serif;font-size:13px;font-weight:600;letter-spacing:0.04em}
    .gbp-photo.good{background:linear-gradient(135deg,#1E3438 0%,var(--color-primary) 100%)}
    .gbp-photo .photo-tag{position:absolute;top:12px;left:12px;background:rgba(0,0,0,0.55);color:#fff;font-size:10px;padding:4px 9px;border-radius:4px;letter-spacing:0.06em}
    .gbp-photo.good .photo-tag{background:rgba(77,232,194,0.18);color:var(--color-accent)}
    .gbp-body{padding:18px}
    .gbp-name{font-family:'Cabinet Grotesk',sans-serif;font-weight:800;font-size:17px;color:var(--color-charcoal);margin:0 0 4px}
    .gbp-stars{font-size:13px;color:var(--color-muted);margin:0 0 10px}
    .gbp-link{display:block;padding:10px 14px;background:var(--color-paper);border:1px solid var(--color-line);border-radius:8px;font-family:'Cabinet Grotesk',sans-serif;font-weight:700;font-size:13px;color:var(--color-charcoal);margin:6px 0;text-align:center}
    .gbp-link.tour{background:var(--color-primary);color:var(--color-cream);border-color:var(--color-primary)}
    .demo-caption{font-size:14px;color:var(--color-muted);text-align:center;margin:24px 0 0}

    /* ────────────────────────────────────────────────────
       WITHOUT/WITH COMPARISON — tinted columns
       ──────────────────────────────────────────────────── */
    .compare-grid{background:var(--color-paper);border:1px solid var(--color-line);border-radius:18px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;max-width:var(--container-default)}
    .compare-col{padding:32px}
    .compare-col.bad{background:#FDF1EE}
    .compare-col.good{background:#EDF8F4}
    .compare-col h4{font-family:'Cabinet Grotesk',sans-serif;font-weight:800;font-size:13px;letter-spacing:0.16em;text-transform:uppercase;margin:0 0 18px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
    .compare-col.bad h4{color:#A8412F}
    .compare-col.good h4{color:var(--color-primary)}
    .compare-col h4 .pill-mini{display:inline-block;padding:3px 10px;border-radius:999px;font-size:10px;letter-spacing:0.08em}
    .compare-col.bad h4 .pill-mini{background:#F5D8D0;color:#A8412F}
    .compare-col.good h4 .pill-mini{background:#C4ECD9;color:var(--color-primary)}
    .compare-col ul{margin:0;padding:0;list-style:none}
    .compare-col li{font-size:15px;line-height:1.55;color:var(--color-charcoal);margin-bottom:14px;padding-left:30px;position:relative}
    .compare-col.bad li::before{content:"×";position:absolute;left:0;top:-1px;width:22px;height:22px;border-radius:50%;background:#E5B6AD;color:#7A2F22;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:13px}
    .compare-col.good li::before{content:"✓";position:absolute;left:0;top:-1px;width:22px;height:22px;border-radius:50%;background:#BFE6D2;color:var(--color-primary);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:11px}

    /* ────────────────────────────────────────────────────
       CHANNEL GRID
       ──────────────────────────────────────────────────── */
    .channel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:0 auto;max-width:var(--container-default)}
    .channel{background:var(--color-paper);border-left:3px solid var(--color-accent);border-radius:8px;padding:24px}
    .channel .num{font-family:'Cabinet Grotesk',sans-serif;font-weight:800;font-size:11px;color:var(--color-primary);letter-spacing:0.16em;margin:0 0 6px}
    .channel h4{font-family:'Cabinet Grotesk',sans-serif;font-weight:800;font-size:18px;margin:0 0 8px;letter-spacing:-0.02em}
    .channel p{font-size:14px;line-height:1.55;color:var(--color-charcoal-soft);margin:0 0 8px}
    .channel .anchor{display:inline-block;background:rgba(14,94,102,0.08);color:var(--color-primary);font-family:'Cabinet Grotesk',sans-serif;font-weight:700;font-size:12px;padding:5px 10px;border-radius:6px;margin-top:6px}

    /* ────────────────────────────────────────────────────
       COMPARISON TABLE
       ──────────────────────────────────────────────────── */
    .compare-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--color-paper);border-radius:14px;overflow:hidden;border:1px solid var(--color-line);margin:0 auto;max-width:var(--container-default)}
    .compare-table th{background:var(--color-bg-dark);color:var(--color-cream);font-family:'Cabinet Grotesk',sans-serif;font-weight:800;font-size:12px;letter-spacing:0.08em;text-align:left;padding:16px 22px;text-transform:uppercase}
    .compare-table td{padding:20px 22px;border-top:1px solid var(--color-line);font-size:15px;line-height:1.55;vertical-align:top;color:var(--color-charcoal-soft)}
    .compare-table tr.tr-row td{background:rgba(77,232,194,0.10)}
    .compare-table td.q{font-family:'Cabinet Grotesk',sans-serif;font-weight:800;font-size:15px;color:var(--color-charcoal);width:30%;border-right:1px solid var(--color-line)}
    .compare-table td.q .badge-best{display:inline-block;margin-top:8px;font-family:'Cabinet Grotesk',sans-serif;font-weight:800;font-size:10px;letter-spacing:0.1em;background:var(--color-primary);color:var(--color-cream);padding:4px 9px;border-radius:999px;text-transform:uppercase}
    .compare-table td.q .sub{display:block;font-weight:500;font-size:13px;color:var(--color-muted);margin-top:6px}
    .compare-table td.q .sub.accent{color:var(--color-primary)}

    /* ────────────────────────────────────────────────────
       LEAD CAPTURE
       ──────────────────────────────────────────────────── */
    .lead-capture{background:var(--color-paper);border:1px solid var(--color-line);border-radius:18px;padding:40px;display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:center}
    .lead-capture h3{margin:0 0 8px;font-size:24px}
    .lead-capture p{font-size:15px;margin:0;color:var(--color-muted)}
    .lead-form{display:flex;gap:8px;flex-direction:column}
    .lead-form input{padding:14px 18px;border:1px solid var(--color-line);border-radius:999px;font-family:'General Sans',sans-serif;font-size:15px;outline:none;background:var(--color-cream)}
    .lead-form input:focus{border-color:var(--color-primary);background:var(--color-paper)}
    .lead-form button{padding:14px 24px;background:var(--color-primary);color:var(--color-cream);font-family:'Cabinet Grotesk',sans-serif;font-weight:800;font-size:15px;border:0;border-radius:999px;letter-spacing:-0.01em}
    .lead-form button:hover{background:var(--color-primary-dark)}
    .lead-form .ok{display:none;padding:14px 18px;background:#EDF8F4;color:var(--color-primary);border-radius:8px;font-weight:600;font-size:14px}

    /* ────────────────────────────────────────────────────
       SPECIALTY / HIPAA — prose container styling
       ──────────────────────────────────────────────────── */
    .hipaa-block{background:#FFF4E6;border:1px solid #F0D5A8;border-radius:14px;padding:28px;margin:32px 0}
    .hipaa-block .badge{font-family:'Cabinet Grotesk',sans-serif;font-weight:800;font-size:11px;color:#8C5A0F;letter-spacing:0.18em;text-transform:uppercase;margin:0 0 12px}
    .hipaa-block p{margin:0 0 12px;font-size:15px;line-height:1.6;color:#5B4313}
    .hipaa-block p:last-child{margin-bottom:0}

    /* ────────────────────────────────────────────────────
       FINAL CTA — fully centered conversion unit
       ──────────────────────────────────────────────────── */
    .price-block{background:var(--color-bg-dark);color:var(--color-cream);border-radius:18px;padding:56px 32px;text-align:center;max-width:var(--container-hero);margin:0 auto;display:flex;flex-direction:column;align-items:center}
    .price-block .label{font-family:'Cabinet Grotesk',sans-serif;font-weight:800;font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--color-accent);margin:0 0 14px}
    .price-block h2{color:var(--color-cream);max-width:18ch;margin:0 auto 18px;font-size:32px}
    .price-block h2 .accent{color:var(--color-accent)}
    .price-block .price{font-family:'Cabinet Grotesk',sans-serif;font-weight:800;font-size:80px;line-height:1;letter-spacing:-0.035em;color:var(--color-cream);margin:0 0 10px}
    .price-block .price-sub{font-size:18px;color:#9FB0B3;margin:0 0 28px;max-width:48ch}
    .price-block .btn-primary{background:var(--color-accent);color:var(--color-bg-dark);font-size:18px}
    .price-block .btn-primary:hover{background:#3ed4af}
    .price-block .risk-reversal{margin:14px auto 0;color:#9FB0B3;justify-content:center}
    .price-block .fine-print{margin-top:18px;font-size:13px;color:#9FB0B3;max-width:56ch;text-align:center}

    /* ────────────────────────────────────────────────────
       FAQ ACCORDION
       ──────────────────────────────────────────────────── */
    .faq-list{max-width:var(--container-prose);margin:0 auto;display:flex;flex-direction:column;gap:10px}
    .faq-item{background:var(--color-paper);border:1px solid var(--color-line);border-radius:12px;overflow:hidden;transition:border-color .2s ease, box-shadow .2s ease}
    .faq-item[open]{border-color:var(--color-primary);box-shadow:0 4px 14px rgba(14,94,102,0.08)}
    .faq-item summary{padding:20px 24px;font-family:'Cabinet Grotesk',sans-serif;font-weight:700;font-size:16px;color:var(--color-charcoal);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;outline:none;letter-spacing:-0.015em;line-height:1.35}
    .faq-item summary::-webkit-details-marker{display:none}
    .faq-item summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:12px}
    .faq-item summary .chev{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:rgba(14,94,102,0.08);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;transition:transform .25s ease, background .2s ease}
    .faq-item[open] summary .chev{transform:rotate(45deg);background:var(--color-primary);color:var(--color-cream)}
    .faq-answer{padding:0 24px 22px;font-size:15px;line-height:1.65;color:var(--color-charcoal-soft);text-align:left}

    /* ────────────────────────────────────────────────────
       FOOTER CTA STRIP
       ──────────────────────────────────────────────────── */
    .footer-cta-strip{background:var(--color-primary);color:var(--color-cream);padding:48px 0}
    .footer-cta-strip .inner{display:grid;grid-template-columns:1.6fr 1fr;gap:32px;align-items:center}
    .footer-cta-strip h3{margin:0 0 6px;color:var(--color-cream);font-size:28px;letter-spacing:-0.025em;line-height:1.2}
    .footer-cta-strip p{margin:0;color:#B7DDD8;font-size:14px}
    .footer-cta-strip .btn-primary{background:var(--color-accent);color:var(--color-bg-dark);justify-self:end;font-size:17px}
    .footer-cta-strip .btn-primary:hover{background:#3ed4af}

    /* ────────────────────────────────────────────────────
       FOOTER
       ──────────────────────────────────────────────────── */
    .footer{background:var(--color-bg-dark);color:#9FB0B3;padding:48px 0 36px}
    .footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr;gap:36px;text-align:left}
    .footer h5{font-family:'Cabinet Grotesk',sans-serif;font-weight:800;font-size:13px;color:var(--color-cream);letter-spacing:0.06em;text-transform:uppercase;margin:0 0 12px}
    .footer a{color:#9FB0B3;display:block;padding:4px 0;font-size:14px}
    .footer a:hover{color:var(--color-accent);text-decoration:none}
    .footer .colophon{font-size:12px;line-height:1.6;color:#6B7C7F;margin-top:14px}

    /* ────────────────────────────────────────────────────
       STICKY CTA BAR
       ──────────────────────────────────────────────────── */
    .sticky-cta{position:fixed;left:50%;bottom:0;transform:translateX(-50%) translateY(120%);width:100%;max-width:var(--container-default);background:var(--color-bg-dark);color:var(--color-cream);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px 14px 22px;border-radius:14px 14px 0 0;box-shadow:0 -12px 32px rgba(0,0,0,0.18);transition:transform .35s cubic-bezier(.16,1,.3,1);z-index:50}
    .sticky-cta.show{transform:translateX(-50%) translateY(0)}
    .sticky-cta .label{font-family:'General Sans',sans-serif;font-size:14px;font-weight:600;color:var(--color-cream)}
    .sticky-cta .label strong{color:var(--color-accent)}
    .sticky-cta .right{display:flex;align-items:center;gap:10px}
    .sticky-cta a.btn{padding:11px 22px;background:var(--color-accent);color:var(--color-bg-dark);font-family:'Cabinet Grotesk',sans-serif;font-weight:800;font-size:14px;border-radius:999px;letter-spacing:-0.01em}
    .sticky-cta a.btn:hover{background:#3ed4af;text-decoration:none}
    .sticky-cta button.dismiss{background:transparent;border:0;color:#9FB0B3;font-size:18px;padding:6px 8px;line-height:1}
    .sticky-cta button.dismiss:hover{color:var(--color-cream)}

    /* ────────────────────────────────────────────────────
       RESPONSIVE
       ──────────────────────────────────────────────────── */
    @media (max-width:880px){
      h1{font-size:38px;max-width:none}
      h2{font-size:28px}
      .hero{padding:36px 0 24px}
      .hero .hero-sub{font-size:17px}
      section{padding:40px 0}
      .demo-stage{grid-template-columns:1fr;padding:20px;gap:18px}
      .compare-grid{grid-template-columns:1fr}
      .channel-grid{grid-template-columns:1fr}
      .lead-capture{grid-template-columns:1fr;padding:24px;gap:20px}
      .price-block{padding:36px 22px}
      .price-block .price{font-size:60px}
      .price-block h2{font-size:26px}
      .footer-cta-strip .inner{grid-template-columns:1fr;gap:16px;text-align:left}
      .footer-cta-strip .btn-primary{justify-self:start}
      .footer-inner{grid-template-columns:1fr;gap:24px}
      .compare-table td.q,.compare-table td:not(.q){display:block;width:100%;border-right:0}
      .compare-table td.q{padding-bottom:6px;border-bottom:0}
      .compare-table td:not(.q){padding-top:0}
      .faq-item summary{font-size:15px;padding:18px 18px}
      .faq-answer{padding:0 18px 18px}
      .sticky-cta{flex-direction:column;align-items:stretch;gap:10px;padding:14px;border-radius:14px 14px 0 0}
      .sticky-cta .label{font-size:13px;text-align:center}
      .sticky-cta a.btn{text-align:center}
      .sticky-cta .right{justify-content:center}
    }
    /* ────────────────────────────────────────────────────
       FEATURED MODAL (global component)
       ──────────────────────────────────────────────────── */
    .tr-modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}
    .tr-modal[hidden]{display:none}
    .tr-modal-backdrop{position:absolute;inset:0;background:rgba(14,36,40,0.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:trFadeIn .25s ease-out}
    .tr-modal-card{position:relative;background:var(--color-cream);border-radius:18px;max-width:480px;width:100%;max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 32px 64px rgba(0,0,0,0.28);animation:trRise .35s cubic-bezier(.16,1,.3,1);padding:40px 36px 32px}
    .tr-modal-x{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;background:rgba(14,36,40,0.06);border:0;color:var(--color-charcoal);font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:400;transition:background .2s, transform .2s}
    .tr-modal-x:hover{background:rgba(14,36,40,0.12);transform:scale(1.08)}
    .tr-modal-eyebrow{font-family:'Cabinet Grotesk',sans-serif;font-weight:800;font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--color-primary);margin:0 0 14px;text-align:center}
    .tr-modal-title{font-family:'Cabinet Grotesk',sans-serif;font-weight:800;font-size:26px;line-height:1.15;letter-spacing:-0.02em;color:var(--color-charcoal);margin:0 0 12px;text-align:center}
    .tr-modal-title .accent{color:var(--color-primary)}
    .tr-modal-sub{font-size:15px;line-height:1.55;color:var(--color-charcoal-soft);margin:0 0 18px;text-align:center;max-width:38ch;margin-left:auto;margin-right:auto}
    .tr-modal-spots{font-size:13px;color:var(--color-primary);background:rgba(77,232,194,0.12);border:1px solid rgba(77,232,194,0.35);padding:10px 14px;border-radius:999px;text-align:center;margin:0 0 22px;font-family:'General Sans',sans-serif}
    .tr-modal-spots strong{color:var(--color-primary);font-weight:700}
    .tr-modal-form{display:flex;flex-direction:column;gap:10px}
    .tr-modal-form input{padding:14px 18px;border:1px solid var(--color-line);border-radius:999px;font-family:'General Sans',sans-serif;font-size:15px;outline:none;background:#FFFFFF;color:var(--color-charcoal)}
    .tr-modal-form input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(14,94,102,0.10)}
    .tr-modal-submit{padding:16px 24px;background:var(--color-primary);color:var(--color-cream);font-family:'Cabinet Grotesk',sans-serif;font-weight:800;font-size:16px;border:0;border-radius:999px;cursor:pointer;letter-spacing:-0.01em;margin-top:4px;transition:background .2s}
    .tr-modal-submit:hover{background:var(--color-primary-dark)}
    .tr-modal-submit:disabled{opacity:0.6;cursor:wait}
    .tr-modal-fine{font-size:12px;color:#8E9799;margin:12px 0 0;text-align:center;max-width:38ch;margin-left:auto;margin-right:auto;line-height:1.5}
    .tr-modal-alt{margin:18px 0 0;text-align:center;font-size:13px;color:var(--color-muted)}
    .tr-modal-alt a{color:var(--color-primary);font-weight:700}
    .tr-modal-success,.tr-modal-full{text-align:center;padding:8px 0}
    .tr-modal-check{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#EDF8F4;color:var(--color-primary);font-size:32px;font-weight:800;margin:0 auto 18px}
    @keyframes trFadeIn{from{opacity:0}to{opacity:1}}
    @keyframes trRise{from{opacity:0;transform:translateY(16px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}
    @media (max-width:560px){
      .tr-modal-card{padding:32px 24px 24px}
      .tr-modal-title{font-size:22px}
    }

    /* ────────────────────────────────────────────────────
       HOOK H1 + KEYWORD H2 BRIDGE (hero conversion structure)
       ──────────────────────────────────────────────────── */
    .hero h2.hero-keyword{
      font-family:'Cabinet Grotesk',sans-serif;
      font-weight:700;
      font-size:22px;
      line-height:1.3;
      letter-spacing:-0.015em;
      color:var(--color-charcoal-soft);
      margin:0 auto 24px;
      max-width:44ch;
      text-align:center;
    }
    .hero h2.hero-keyword .accent{color:var(--color-primary)}
    @media (max-width:880px){
      .hero h2.hero-keyword{font-size:18px;max-width:none}
    }