:root{
      --navy:#011936;
      --slate:#465362;
      --sage:#9FC490;
      --mint:#C0DFA1;
      --cream:#FAF7EE;
      --paper:#F2EBDA;
      --white:#fffdf7;
      --rule:rgba(1,25,54,.14);
      --rule-dark:rgba(250,247,238,.18);
      --shadow:0 20px 60px rgba(1,25,54,.10);
      --radius:22px;
    }

    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{
      font-family:'DM Sans', system-ui, -apple-system, Segoe UI, sans-serif;
      background:var(--cream);
      color:var(--slate);
      font-size:17px;
      line-height:1.55;
      -webkit-font-smoothing:antialiased;
      text-rendering:optimizeLegibility;
    }
    body::before{
      content:"";
      position:fixed;
      inset:0;
      pointer-events:none;
      opacity:.26;
      z-index:-1;
      background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.004 0 0 0 0 0.098 0 0 0 0 0.21 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    }

    a{color:inherit;text-decoration:none}
    img,svg{display:block;max-width:100%}
    button,input,textarea,select{font:inherit}
    .wrap{width:min(1160px, calc(100% - 44px));margin-inline:auto}
    .display{
      font-family:'Fraunces', Georgia, serif;
      font-variation-settings:"opsz" 144, "SOFT" 60;
      font-weight:430;
      letter-spacing:-.035em;
      line-height:.96;
      color:var(--navy);
    }
    .mono{
      font-family:'DM Mono', ui-monospace, SFMono-Regular, monospace;
      text-transform:uppercase;
      letter-spacing:.18em;
      font-size:11px;
    }
    .eyebrow{color:var(--slate);display:flex;align-items:center;gap:10px}
    .eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--sage)}
    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      min-height:50px;
      padding:14px 22px;
      border-radius:999px;
      font-weight:700;
      font-size:14.5px;
      transition:transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
      border:1px solid transparent;
      white-space:nowrap;
    }
    .btn:hover{transform:translateY(-2px)}
    .btn-primary{background:var(--navy);color:var(--cream)}
    .btn-primary:hover{background:#001128}
    .btn-accent{background:var(--sage);color:var(--navy)}
    .btn-accent:hover{background:var(--mint)}
    .btn-ghost{border-color:var(--navy);color:var(--navy)}
    .btn-ghost:hover{background:var(--navy);color:var(--cream)}

    /* Nav */
    .nav{
      position:sticky;
      top:0;
      z-index:20;
      background:rgba(250,247,238,.88);
      backdrop-filter:blur(18px);
      border-bottom:1px solid var(--rule);
    }
    .nav-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 0;gap:20px}
    .brand{display:flex;flex-direction:column;line-height:1;gap:4px}
    .brand-main{
      font-family:'Fraunces', Georgia, serif;
      font-variation-settings:"opsz" 72, "SOFT" 70;
      font-size:28px;
      font-weight:650;
      letter-spacing:-.035em;
      color:var(--navy);
    }
    .brand-dot{color:var(--sage)}
    .brand-sub{font-family:'DM Mono', monospace;text-transform:uppercase;letter-spacing:.22em;font-size:9.5px;color:var(--slate)}
    .nav-links{display:flex;align-items:center;gap:26px}
    .nav-links a:not(.btn){font-size:14px;font-weight:700;color:var(--navy)}
    @media(max-width:780px){.nav-links a:not(.btn){display:none}.nav .btn{padding-inline:16px}.brand-main{font-size:24px}}

    /* Hero */
    .hero{padding:88px 0 64px}
    .hero-grid{display:grid;grid-template-columns:1.04fr .74fr;gap:70px;align-items:end}
    .hero-copy{max-width:760px}
    .hero .eyebrow{margin-bottom:34px}
    h1{font-size:clamp(54px, 8vw, 112px);max-width:12.5ch}
    h1 em{font-style:italic;color:var(--sage)}
    .hero-lede{font-size:clamp(19px,2vw,23px);max-width:640px;margin-top:30px;color:var(--slate);line-height:1.42}
    .hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:38px}
    .hero-card{
      background:var(--navy);
      color:var(--cream);
      border-radius:var(--radius);
      padding:30px;
      box-shadow:var(--shadow);
      position:relative;
      overflow:hidden;
    }
    .hero-card::after{
      content:"B";
      position:absolute;
      right:-22px;
      bottom:-62px;
      font-family:'Fraunces', Georgia, serif;
      font-size:230px;
      line-height:1;
      color:rgba(192,223,161,.08);
      pointer-events:none;
    }
    .hero-card-content{position:relative;z-index:1}
    .hc-label{color:var(--mint);margin-bottom:22px}
    .hc-price{font-family:'Fraunces', Georgia, serif;font-size:70px;line-height:1;color:var(--cream);letter-spacing:-.04em}
    .hc-price span{font-family:'DM Mono', monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--sage);display:block;margin-top:10px}
    .hc-list{list-style:none;margin-top:28px;display:grid;gap:12px;border-top:1px solid var(--rule-dark);padding-top:24px}
    .hc-list li{display:flex;gap:10px;color:var(--mint);font-size:15px}
    .hc-list li::before{content:"✓";color:var(--sage);font-weight:800}
    .hc-note{margin-top:26px;padding:16px;border-radius:16px;background:rgba(250,247,238,.06);border:1px solid var(--rule-dark);font-size:14px;color:var(--mint)}
    @media(max-width:920px){.hero-grid{grid-template-columns:1fr;gap:44px}.hero-card{max-width:520px}.hero{padding-top:62px}}

    .stats{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-top:70px}
    .stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}
    .stat{padding:24px 22px;border-right:1px solid var(--rule)}
    .stat:last-child{border-right:0}
    .stat .mono{color:var(--slate);font-size:10px}.stat strong{display:block;margin-top:8px;color:var(--navy);font-family:'Fraunces', serif;font-size:22px;font-weight:550}
    @media(max-width:760px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--rule)}}

    /* Sections */
    section.block{padding:92px 0;border-bottom:1px solid var(--rule)}
    .section-head{display:grid;grid-template-columns:.7fr 1.3fr;gap:44px;align-items:end;margin-bottom:52px}
    .section-head h2{font-size:clamp(38px,5vw,68px);max-width:11ch}
    .section-head p{font-size:18px;max-width:620px}
    @media(max-width:820px){.section-head{grid-template-columns:1fr;gap:20px}}

    .offer-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--rule);border-radius:var(--radius);overflow:hidden;background:rgba(255,253,247,.35)}
    .offer{padding:34px;border-right:1px solid var(--rule)}
    .offer:last-child{border-right:0}
    .offer .num{color:var(--sage);margin-bottom:34px;display:block}
    .offer h3{font-family:'Fraunces', Georgia, serif;color:var(--navy);font-size:31px;font-weight:540;letter-spacing:-.02em;line-height:1.06;margin-bottom:14px}
    .offer p{font-size:15.5px}
    @media(max-width:860px){.offer-grid{grid-template-columns:1fr}.offer{border-right:0;border-bottom:1px solid var(--rule)}.offer:last-child{border-bottom:0}}

    .process{background:var(--paper)}
    .steps{display:grid;gap:0;border-top:1px solid var(--rule)}
    .step{display:grid;grid-template-columns:90px .9fr 1.4fr;gap:28px;padding:30px 0;border-bottom:1px solid var(--rule);align-items:start}
    .step-num{font-family:'Fraunces', Georgia, serif;color:var(--sage);font-size:46px;line-height:1}
    .step h3{font-family:'Fraunces', Georgia, serif;color:var(--navy);font-size:29px;font-weight:540;letter-spacing:-.02em}
    .step p{max-width:610px;font-size:16px}
    @media(max-width:760px){.step{grid-template-columns:64px 1fr}.step p{grid-column:1/-1}}

    .pricing-card{
      display:grid;
      grid-template-columns:1fr .85fr;
      gap:0;
      border-radius:var(--radius);
      overflow:hidden;
      border:1px solid var(--rule);
      background:var(--white);
      box-shadow:var(--shadow);
    }
    .pricing-main{padding:42px}
    .pricing-main h3{font-family:'Fraunces', Georgia, serif;font-size:46px;color:var(--navy);font-weight:520;letter-spacing:-.03em;margin:10px 0 18px}
    .pricing-main p{max-width:660px}
    .includes{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:13px 24px;list-style:none;margin-top:30px;padding-top:28px;border-top:1px solid var(--rule)}
    .includes li{display:flex;gap:10px;color:var(--navy);font-size:15px}
    .includes li::before{content:"✓";color:var(--sage);font-weight:900}
    .pricing-side{background:var(--navy);color:var(--cream);padding:42px;display:flex;flex-direction:column;justify-content:space-between;gap:28px}
    .price-big{font-family:'Fraunces', Georgia, serif;font-size:82px;line-height:1;letter-spacing:-.055em;color:var(--cream)}
    .price-big span{display:block;font-family:'DM Mono', monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--sage);margin-top:10px}
    .side-list{list-style:none;display:grid;gap:12px;color:var(--mint);font-size:15px}
    .side-list strong{color:var(--cream)}
    .pricing-side .btn{width:100%}
    @media(max-width:900px){.pricing-card{grid-template-columns:1fr}.includes{grid-template-columns:1fr}.price-big{font-size:68px}}

    /* Contact */
    .contact{background:var(--navy);color:var(--mint);border-bottom:0}
    .contact .section-head h2{color:var(--cream)}
    .contact .section-head h2 em{color:var(--sage)}
    .contact .section-head p{color:var(--mint)}
    .contact .eyebrow{color:var(--mint)}
    .contact-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:54px;align-items:start}
    .form-embed-card{
      min-height:600px;
      overflow:hidden;
      border:1px solid var(--rule-dark);
      border-radius:22px;
      background:var(--cream);
      box-shadow:0 18px 60px rgba(0,0,0,.18);
    }
    .form-embed-card iframe{
      display:block;
      width:100%;
      min-height:720px;
      border:0;
      background:var(--cream);
    }
    .contact-note{border:1px solid var(--rule-dark);border-radius:18px;padding:26px;background:rgba(250,247,238,.04)}
    .contact-note h3{font-family:'Fraunces', Georgia, serif;color:var(--cream);font-size:29px;font-weight:520;margin-bottom:16px}
    .contact-note ol{display:grid;gap:14px;margin-left:18px;color:var(--mint)}
    .contact-note a{color:var(--cream);border-bottom:1px solid var(--sage)}
    @media(max-width:880px){.contact-grid{grid-template-columns:1fr}.form-embed-card,.form-embed-card iframe{min-height:760px}}

    footer{padding:38px 0;background:var(--cream);border-top:1px solid var(--rule)}
    .foot{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--slate);font-size:13px}
    .foot a{color:var(--navy);font-weight:700}

/* Extracted utility classes */
.pricing-kicker{color:var(--sage)}
.side-list-spaced{margin-top:28px}
.email-note{margin-top:24px}
.nav.is-scrolled{box-shadow:0 8px 24px rgba(1,25,54,.06)}

/* ===== FAQ / SEO content ===== */
.faq { background: var(--cream); }
.faq-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: var(--rule);
  border: 1px solid var(--rule);
}
.faq-item {
  background: var(--cream);
  padding: 32px;
}
.faq-item h3 {
  font-family: 'Fraunces', serif;
  color: var(--ink);
  font-size: 1.35rem;
  line-height: 1.1;
  margin-bottom: 10px;
  font-weight: 500;
}
.faq-item p { margin: 0; }
@media (max-width: 760px) {
  .faq-grid { grid-template-columns: 1fr; }
  .faq-item { padding: 26px; }
}
