
  :root{
    --white:#FFFFFF;
    --cream:#F1FAF4;
    --navy:#141414;
    --lime:#74CE96;
    --ink:#1C1C1C;
    --muted:#6B6B6B;
    --line:#E7E7E7;
    --line-soft:#F4F4F4;
    --citrus:#74CE96;
    --green-deep:#178A50;
    --shadow-sm:0 1px 2px rgba(20,20,20,.04), 0 2px 8px rgba(20,20,20,.04);
    --shadow-md:0 10px 30px rgba(20,20,20,.08), 0 2px 8px rgba(20,20,20,.05);
    --shadow-lg:0 30px 60px rgba(20,20,20,.12), 0 8px 20px rgba(20,20,20,.07);
    --ease:cubic-bezier(.16,1,.3,1);
    --display:"Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
    --body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
    --max:1120px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{
    font-family:var(--body);
    color:var(--ink);
    background:var(--white);
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    overflow-x:hidden;
  }
  a{color:inherit;text-decoration:none}
  img{max-width:100%;display:block}

  h1,h2,h3{font-family:var(--display);color:var(--navy);letter-spacing:-.01em;line-height:1.08;font-weight:600}
  h1{font-size:clamp(2.5rem,5.4vw,4.4rem);letter-spacing:-.02em}
  h2{font-size:clamp(1.9rem,3.6vw,3rem)}
  h3{font-size:1.3rem;line-height:1.2}
  p{color:var(--ink)}

  .wrap{max-width:var(--max);margin:0 auto;padding:0 28px}
  .eyebrow{
    font-family:var(--body);font-size:.78rem;font-weight:600;letter-spacing:.14em;
    text-transform:uppercase;color:var(--muted);margin-bottom:18px;display:inline-block;
  }
  .lead{font-size:1.18rem;color:var(--muted);line-height:1.6;max-width:640px}
  .center{text-align:center}
  .center .lead{margin-left:auto;margin-right:auto}

  section{padding:clamp(72px,9vw,128px) 0;position:relative}
  .cream{background:var(--cream)}
  .navy-sec{background:#E4F4EA}
  .navy-sec h2,.navy-sec h3{color:var(--navy)}
  .navy-sec p{color:var(--ink)}
  .navy-sec .eyebrow{color:var(--muted)}

  /* Buttons */
  .btn{
    display:inline-flex;align-items:center;gap:9px;font-family:var(--body);font-weight:600;
    font-size:.98rem;padding:14px 26px;border-radius:999px;cursor:pointer;border:1px solid transparent;
    transition:transform .4s var(--ease), box-shadow .4s var(--ease), background .25s ease, color .25s ease;
    will-change:transform;white-space:nowrap;
  }
  .btn:hover{transform:translateY(-2px)}
  .btn-primary{background:var(--lime);color:#141414;box-shadow:var(--shadow-sm)}
  .btn-primary:hover{box-shadow:var(--shadow-md)}
  .btn-lime{background:var(--lime);color:#141414;box-shadow:var(--shadow-sm)}
  .btn-lime:hover{box-shadow:0 14px 30px rgba(116,206,150,.4)}
  .btn-ghost{background:transparent;color:var(--navy);border-color:var(--line)}
  .btn-ghost:hover{border-color:var(--navy);background:rgba(20,20,20,.02)}
  .navy-sec .btn-ghost{color:var(--navy);border-color:var(--line)}
  .navy-sec .btn-ghost:hover{border-color:var(--navy);background:rgba(0,0,0,.03)}
  .btn .arr{transition:transform .4s var(--ease)}
  .btn:hover .arr{transform:translateX(4px)}

  /* Nav */
  header{
    position:fixed;top:0;left:0;right:0;z-index:100;
    transition:background .4s var(--ease), border-color .4s var(--ease), box-shadow .4s var(--ease);
    border-bottom:1px solid transparent;
  }
  header.scrolled{
    background:rgba(255,255,255,.72);
    backdrop-filter:saturate(180%) blur(20px);
    -webkit-backdrop-filter:saturate(180%) blur(20px);
    border-bottom:1px solid var(--line);
  }
  .nav{display:flex;align-items:center;justify-content:space-between;height:68px}
  .brand{font-family:var(--display);font-weight:700;font-size:1.34rem;color:var(--navy);letter-spacing:-.01em;display:flex;align-items:center;gap:2px}
  .brand .dot{color:var(--lime);font-size:1.5rem;line-height:0}
  .nav-links{display:flex;align-items:center;gap:30px}
  .nav-links a:not(.btn){font-size:.93rem;font-weight:500;color:var(--ink);transition:color .2s ease;position:relative}
  .nav-links a:not(.btn):hover{color:var(--navy)}
  .nav-links a:not(.btn)::after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:1.5px;background:var(--navy);transition:width .3s var(--ease)}
  .nav-links a:not(.btn):hover::after{width:100%}
  .nav-cta{padding:10px 20px;font-size:.9rem}
  .menu-btn{display:none;background:none;border:none;cursor:pointer;width:40px;height:40px;align-items:center;justify-content:center}
  .menu-btn span{display:block;width:20px;height:1.6px;background:var(--navy);position:relative;transition:.3s var(--ease)}
  .menu-btn span::before,.menu-btn span::after{content:"";position:absolute;left:0;width:20px;height:1.6px;background:var(--navy);transition:.3s var(--ease)}
  .menu-btn span::before{top:-6px}.menu-btn span::after{top:6px}

  /* Hero */
  .hero{padding-top:clamp(132px,16vw,180px);padding-bottom:clamp(60px,7vw,96px);position:relative;overflow:hidden}
  .hero::before{
    content:"";position:absolute;top:-30%;right:-15%;width:60vw;height:60vw;max-width:780px;max-height:780px;
    background:radial-gradient(circle, rgba(116,206,150,.16) 0%, rgba(116,206,150,0) 68%);
    z-index:0;pointer-events:none;
  }
  .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center;position:relative;z-index:1}
  .hero h1{margin:18px 0 24px}
  .hero .lead{max-width:520px;font-size:1.22rem}
  .hero-cta{display:flex;gap:14px;margin:34px 0 22px;flex-wrap:wrap}
  .hero-fine{font-size:.92rem;color:var(--muted)}
  .hero-fine a{color:var(--navy);font-weight:600;border-bottom:1px solid var(--line);transition:border-color .2s}
  .hero-fine a:hover{border-color:var(--navy)}

  /* Audit card */
  .audit-card{
    background:var(--white);border:1px solid var(--line);border-radius:24px;padding:30px;
    box-shadow:var(--shadow-lg);position:relative;
  }
  .audit-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
  .audit-label{display:flex;align-items:center;gap:9px;font-weight:600;font-size:.92rem;color:var(--navy)}
  .audit-ping{width:9px;height:9px;border-radius:50%;background:var(--lime);position:relative}
    .audit-status{font-size:.78rem;color:var(--muted);font-weight:500}
  .score-row{display:flex;align-items:flex-end;gap:18px;margin-bottom:6px}
  .score-num{font-family:var(--display);font-size:4.2rem;font-weight:700;color:var(--navy);line-height:.9}
  .score-den{font-size:1.1rem;color:var(--muted);font-weight:500;padding-bottom:10px}
  .score-ring{margin-left:auto;width:74px;height:74px;flex:none}
  .score-msg{font-family:var(--display);font-size:1.32rem;color:var(--navy);font-weight:600;line-height:1.15;margin:14px 0 4px}
  .score-sub{font-size:.92rem;color:var(--muted);margin-bottom:24px}
  .checks{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line-soft)}
  .check{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line-soft)}
  .check-name{font-size:.96rem;font-weight:500;color:var(--navy)}
  .pill{font-size:.76rem;font-weight:600;padding:5px 12px;border-radius:999px;letter-spacing:.01em}
  .pill.bad{background:#FCEEEE;color:#C0413B}
  .pill.warn{background:#FBF3E2;color:#9A6A14}
  .pill.good{background:#EDF7DD;color:#5C7A18}

  /* Stat banner */
  .statline{font-family:var(--display);font-size:clamp(1.9rem,4vw,3.1rem);font-weight:600;color:var(--navy);line-height:1.12;letter-spacing:-.015em;max-width:920px}
  .statline em{font-style:normal;color:var(--navy);position:relative;white-space:nowrap}
  .statline em::after{content:"";position:absolute;left:0;right:0;bottom:.08em;height:.42em;background:var(--citrus);opacity:.55;z-index:-1;border-radius:3px}
  .stat-foot{margin-top:28px;font-size:.86rem;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-weight:600}

  /* Section head */
  .sec-head{max-width:680px;margin-bottom:56px}
  .sec-head.center{margin-left:auto;margin-right:auto}
  .sec-head h2{margin-bottom:18px}

  /* Steps */
  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
  .step{
    background:var(--white);border:1px solid var(--line);border-radius:20px;padding:34px 30px;
    transition:transform .5s var(--ease), box-shadow .5s var(--ease), border-color .5s var(--ease);
  }
  .step:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--line-soft)}
  .step-no{font-family:var(--display);font-size:1.1rem;font-weight:700;color:var(--navy);
    width:46px;height:46px;border-radius:50%;background:var(--cream);display:flex;align-items:center;justify-content:center;margin-bottom:22px}
  .step:hover .step-no{background:var(--lime)}
  .step h3{margin-bottom:12px}
  .step p{color:var(--muted);font-size:.98rem}

  /* Tools strip */
  .tools{margin-top:62px;text-align:center}
  .tools-label{font-size:.82rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:22px}
  .tools-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
  .tool-chip{font-weight:600;font-size:.96rem;color:var(--navy);background:var(--white);border:1px solid var(--line);
    padding:10px 22px;border-radius:999px;transition:transform .4s var(--ease), box-shadow .4s var(--ease)}
  .tool-chip:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}

  /* Audit feature list */
  .audit-split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
  .feat-list{list-style:none;display:flex;flex-direction:column;gap:0}
  .feat-list li{display:flex;gap:16px;align-items:flex-start;padding:20px 0;border-bottom:1px solid var(--line)}
  .feat-list li:first-child{padding-top:0}
  .feat-list li:last-child{border-bottom:none}
  .tick{flex:none;width:26px;height:26px;border-radius:50%;background:#141414;display:flex;align-items:center;justify-content:center;margin-top:1px}
  .tick svg{width:13px;height:13px}
  .feat-list span{font-size:1.02rem;color:var(--navy);font-weight:500;line-height:1.45}

  /* Why cards */
  .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
  .why-card{background:var(--cream);border-radius:20px;padding:34px 30px;transition:transform .5s var(--ease), box-shadow .5s var(--ease)}
  .why-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}
  .why-card .eyebrow{margin-bottom:14px}
  .why-card h3{margin-bottom:12px}
  .why-card p{color:var(--muted);font-size:.98rem}

  /* Illustration callout */
  .callout{background:#E4F4EA;border-radius:28px;padding:clamp(40px,5vw,64px);text-align:center;position:relative;overflow:hidden}
  .callout::before{content:"";position:absolute;top:-40%;left:-10%;width:50%;height:160%;
    background:radial-gradient(circle, rgba(116,206,150,.14) 0%, rgba(116,206,150,0) 70%)}
  .callout p{font-family:var(--display);font-size:clamp(1.3rem,2.6vw,2rem);color:var(--navy);font-weight:500;line-height:1.4;max-width:880px;margin:0 auto;position:relative;letter-spacing:-.01em}
  .callout strong{color:var(--green-deep);font-weight:600}

  /* Pricing */
  .price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}
  .plan{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:36px 30px;display:flex;flex-direction:column;
    transition:transform .5s var(--ease), box-shadow .5s var(--ease), border-color .5s var(--ease)}
  .plan:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}
  .plan.featured{border-color:var(--navy);box-shadow:var(--shadow-md);position:relative}
  .plan-tag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--citrus);color:var(--navy);
    font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 16px;border-radius:999px}
  .plan h3{font-family:var(--display);margin-bottom:6px}
  .plan .price{font-family:var(--display);font-size:2.2rem;font-weight:700;color:var(--navy);margin:6px 0 4px}
  .plan .price span{font-family:var(--body);font-size:.95rem;font-weight:500;color:var(--muted)}
  .plan .desc{font-size:.95rem;color:var(--muted);min-height:48px;margin-bottom:24px}
  .plan ul{list-style:none;display:flex;flex-direction:column;gap:13px;margin-bottom:30px}
  .plan li{display:flex;gap:11px;font-size:.94rem;color:var(--ink);align-items:flex-start;line-height:1.4}
  .plan li svg{flex:none;width:16px;height:16px;margin-top:3px}
  .plan .btn{width:100%;justify-content:center}

  /* Compare */
  .compare{display:grid;grid-template-columns:1fr 1fr;gap:24px}
  .comp-card{border-radius:22px;padding:36px 32px}
  .comp-card.dim{background:var(--white);border:1px solid var(--line)}
  .comp-card.win{background:#E4F4EA;color:var(--navy)}
  .comp-eyebrow{font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
  .comp-card.win .comp-eyebrow{color:var(--muted)}
  .comp-price{font-family:var(--display);font-size:1.8rem;font-weight:700;color:var(--navy);margin-bottom:4px}
  .comp-card.win .comp-price{color:var(--green-deep)}
  .comp-sub{font-size:.95rem;color:var(--muted);margin-bottom:24px}
  .comp-card.win .comp-sub{color:var(--muted)}
  .comp-list{list-style:none;display:flex;flex-direction:column;gap:13px}
  .comp-list li{display:flex;gap:11px;font-size:.95rem;align-items:flex-start;line-height:1.4;color:var(--ink)}
  .comp-card.win .comp-list li{color:var(--ink)}
  .comp-dot{flex:none;width:6px;height:6px;border-radius:50%;background:var(--muted);margin-top:8px}
  .comp-card.win .comp-dot{background:var(--lime)}

  /* Founding */
  .founding{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
  .founding .lead{color:var(--muted)}
  .founding-side{background:#FFFFFF;border:1px solid var(--line);border-radius:22px;padding:40px}
  .founding-side .big{font-family:var(--display);font-size:3.4rem;font-weight:700;color:var(--green-deep);line-height:1;margin-bottom:6px}
  .founding-side .big-sub{color:var(--muted);font-size:1rem;margin-bottom:28px}
  .founding-side .btn{margin-bottom:14px}

  /* Founder */
  .founder{display:grid;grid-template-columns:.85fr 1.15fr;gap:54px;align-items:center}
  .founder-quote p{font-size:1.16rem;color:var(--ink);line-height:1.7;margin-bottom:18px}
  .founder-quote p:first-child{font-family:var(--display);font-size:1.4rem;color:var(--navy);line-height:1.4}
  .founder-meta{display:flex;align-items:center;gap:14px;margin-top:26px}
  .founder-badge{width:54px;height:54px;border-radius:50%;background:var(--navy);color:var(--white);
    display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:700;font-size:1.1rem}
  .founder-name{font-weight:600;color:var(--navy)}
  .founder-role{font-size:.9rem;color:var(--muted)}

  /* FAQ */
  .faq{max-width:760px;margin:0 auto}
  .faq-item{border-bottom:1px solid var(--line)}
  .faq-q{width:100%;background:none;border:none;cursor:pointer;text-align:left;font-family:var(--body);
    font-size:1.08rem;font-weight:600;color:var(--navy);padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}
  .faq-q .ic{flex:none;width:22px;height:22px;position:relative;transition:transform .4s var(--ease)}
  .faq-q .ic::before,.faq-q .ic::after{content:"";position:absolute;background:var(--navy);border-radius:2px}
  .faq-q .ic::before{top:50%;left:3px;right:3px;height:1.8px;transform:translateY(-50%)}
  .faq-q .ic::after{left:50%;top:3px;bottom:3px;width:1.8px;transform:translateX(-50%);transition:transform .4s var(--ease)}
  .faq-item.open .faq-q .ic::after{transform:translateX(-50%) scaleY(0)}
  .faq-a{max-height:0;overflow:hidden;transition:max-height .5s var(--ease)}
  .faq-a p{padding:0 0 24px;color:var(--muted);font-size:1rem;max-width:660px}

  /* Final CTA */
  .final h2{font-size:clamp(2rem,4.4vw,3.4rem);max-width:760px;margin:0 auto 18px}

  /* Footer */
  footer{background:#F3F7F4;color:var(--muted);padding:64px 0 40px}
  .foot-grid{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;margin-bottom:40px}
  .foot-brand .brand{color:var(--navy);margin-bottom:12px}
  .foot-brand p{color:var(--muted);font-size:.94rem;max-width:280px}
  .foot-links{display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center}
  .foot-links a{font-size:.93rem;color:var(--muted);transition:color .2s}
  .foot-links a:hover{color:var(--navy)}
  .foot-cta{padding:10px 20px;font-size:.9rem}
  .foot-bottom{border-top:1px solid var(--line);padding-top:26px;font-size:.86rem;color:var(--muted);
    display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}

  /* Reveal animation */
  .reveal{opacity:0;transition:opacity .6s var(--ease)}
  .reveal.in{opacity:1}
  .reveal.d1{transition-delay:.05s}.reveal.d2{transition-delay:.1s}.reveal.d3{transition-delay:.15s}.reveal.d4{transition-delay:.2s}

  /* Responsive */
  @media(max-width:900px){
    .hero-grid,.audit-split,.why-grid,.steps,.price-grid,.compare,.founding,.founder,.foot-grid{grid-template-columns:1fr}
    .steps,.why-grid,.price-grid,.compare{gap:18px}
    .hero-grid{gap:44px}
    .audit-split,.founding,.founder{gap:40px}
    .nav-links{display:none}
    .nav-links.open{display:flex;position:absolute;top:68px;left:0;right:0;flex-direction:column;
      background:rgba(255,255,255,.96);backdrop-filter:blur(20px);padding:22px 28px;gap:18px;border-bottom:1px solid var(--line);box-shadow:var(--shadow-md)}
    .nav-links.open a:not(.btn)::after{display:none}
    .menu-btn{display:flex}
    .founder{text-align:left}
  }
  @media(max-width:560px){
    .wrap{padding:0 20px}
    .hero-cta .btn,.plan .btn{width:100%;justify-content:center}
    .hero-cta{flex-direction:column}
    .score-ring{display:none}
  }
  @media(prefers-reduced-motion:reduce){
    *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
    .reveal{opacity:1;transform:none}
  }

/* ===== Shared subpage additions ===== */
.page-hero{padding-top:clamp(132px,16vw,176px);padding-bottom:clamp(48px,6vw,80px)}
.page-hero h1{font-size:clamp(2.2rem,4.6vw,3.6rem);margin:18px 0 22px;max-width:820px}
.page-hero .lead{max-width:660px}
.crumb{font-size:.9rem;font-weight:600;color:var(--muted)}
.crumb a{color:var(--navy);border-bottom:1px solid var(--line)}
.crumb a:hover{border-color:var(--navy)}

/* Forms */
.form-card{background:var(--white);border:1px solid var(--line);border-radius:24px;padding:clamp(28px,4vw,44px);box-shadow:var(--shadow-lg)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form-grid .full{grid-column:1 / -1}
.field label{display:block;font-size:.88rem;font-weight:600;color:var(--navy);margin-bottom:8px}
.field input,.field select,.field textarea{
  width:100%;font-family:var(--body);font-size:1rem;color:var(--navy);
  background:var(--cream);border:1.5px solid transparent;border-radius:14px;
  padding:14px 16px;outline:none;transition:border-color .25s ease, background .25s ease, box-shadow .25s ease;
  -webkit-appearance:none;appearance:none;
}
.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M1 1.5L7 7.5L13 1.5' stroke='%230E5A3C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px}
.field textarea{min-height:120px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--navy);background:var(--white);box-shadow:0 0 0 4px rgba(20,20,20,.06)}
.field input::placeholder,.field textarea::placeholder{color:#9A9DAF}
.field-help{font-size:.84rem;color:var(--muted);margin-top:7px}
.form-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:26px;flex-wrap:wrap}
.form-fine{font-size:.88rem;color:var(--muted)}
.form-fine a{color:var(--navy);border-bottom:1px solid var(--line)}
.form-success{display:none;text-align:center;padding:30px 10px}
.form-success .tick{width:58px;height:58px;margin:0 auto 20px}
.form-success .tick svg{width:28px;height:28px}
.form-success h3{font-size:1.6rem;margin-bottom:10px}
.form-success p{color:var(--muted);max-width:420px;margin:0 auto}
.form-error{display:none;margin-top:16px;font-size:.92rem;color:#C0413B;background:#FCEEEE;border-radius:12px;padding:12px 16px}
.hp{position:absolute;left:-9999px;opacity:0;height:0;width:0;overflow:hidden}

/* Audit report (sample audit) */
.report{background:var(--white);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow-lg);overflow:hidden;max-width:880px;margin:0 auto}
.report-head{background:#ECF7F0;border-bottom:1px solid #D9ECE0;padding:clamp(30px,4vw,48px);display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}
.report-head .brand{color:var(--navy)}
.report-badge{font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:#D9F0E2;color:var(--green-deep);padding:7px 14px;border-radius:999px}
.report-for{padding:26px clamp(30px,4vw,48px);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.report-for .eyebrow{margin:0}
.report-for .name{font-family:var(--display);font-size:1.5rem;font-weight:700;color:var(--navy)}
.report-for .url{font-size:.92rem;color:var(--muted)}
.report-body{padding:clamp(30px,4vw,48px)}
.report-body h2{font-size:1.5rem;margin:42px 0 16px;padding-top:34px;border-top:1px solid var(--line)}
.report-body h2:first-child{margin-top:0;padding-top:0;border-top:none}
.report-body p{color:var(--ink);margin-bottom:14px}
.findings{list-style:none;display:flex;flex-direction:column;gap:11px;margin:18px 0}
.findings li{display:flex;gap:12px;align-items:flex-start;font-size:.98rem;line-height:1.5}
.findings .y,.findings .n{flex:none;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;margin-top:1px}
.findings .y{background:#EDF7DD;color:#5C7A18}
.findings .n{background:#FCEEEE;color:#C0413B}
.scorebar{margin:20px 0}
.scorebar .row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
.scorebar .label{font-weight:600;color:var(--navy);font-size:1rem}
.scorebar .val{font-family:var(--display);font-weight:700;color:var(--navy)}
.scorebar .track{height:8px;border-radius:99px;background:var(--line-soft);overflow:hidden;margin-bottom:8px}
.scorebar .fill{height:100%;border-radius:99px;background:var(--lime);width:0}
.scorebar .note{font-size:.9rem;color:var(--muted)}
.overall{background:var(--cream);border-radius:16px;padding:20px 24px;font-weight:600;color:var(--navy);margin-top:26px}
.prio{border:1px solid var(--line);border-radius:18px;padding:24px 26px;margin-bottom:16px;transition:transform .4s var(--ease), box-shadow .4s var(--ease)}
.prio:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.prio .eyebrow{margin-bottom:8px}
.prio h3{margin-bottom:8px;font-size:1.15rem}
.prio p{color:var(--muted);font-size:.96rem;margin:0}
.diag{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}
.diag div{background:var(--cream);border-radius:14px;padding:18px 20px}
.diag b{display:block;color:var(--navy);font-size:.86rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}
.diag span{font-size:.95rem;color:var(--ink)}

/* Flow cards (sample system) */
.flow{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:clamp(26px,3.4vw,40px);margin-bottom:26px}
.flow-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.flow-tag{font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--cream);color:var(--navy);padding:7px 14px;border-radius:999px}
.flow-tag.star{background:var(--citrus)}
.flow h3{font-size:1.5rem;margin-bottom:8px}
.flow .why{color:var(--muted);margin-bottom:20px;max-width:680px}
.mail{background:var(--cream);border-radius:16px;padding:22px 24px;margin-bottom:14px}
.mail .meta{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.mail .subj{font-weight:600;color:var(--navy);margin-bottom:10px}
.mail p{font-size:.95rem;color:var(--ink);margin-bottom:8px}
.mail p:last-child{margin-bottom:0}

@media(max-width:700px){.form-grid{grid-template-columns:1fr}.diag{grid-template-columns:1fr}}

  /* After you start */
  .start-steps{list-style:none;max-width:660px;margin:46px auto 0;display:grid;gap:12px;padding:0}
  .start-steps li{display:flex;align-items:center;gap:16px;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:15px 20px;font-weight:500;color:var(--ink);font-size:1rem}
  .start-steps .sn{flex:none;width:30px;height:30px;border-radius:50%;background:var(--lime);color:#141414;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}


/* ---- premium trust + report additions ---- */
.plan-sub{font-size:.92rem;font-weight:600;color:var(--green-deep);margin:-2px 0 10px}
.not-agency{margin-top:34px;padding-top:26px;border-top:1px solid var(--line);font-family:var(--display);font-weight:700;font-size:clamp(1.05rem,1.9vw,1.35rem);color:var(--navy);max-width:680px;letter-spacing:-.01em;line-height:1.45}
.trust-box{display:flex;gap:16px;align-items:flex-start;background:#FFFFFF;border:1px solid #DDEEE4;border-radius:18px;padding:22px 26px;max-width:860px;margin:36px auto 0;color:var(--ink);line-height:1.65;font-size:1rem}
.trust-box b{color:var(--navy)}
.tb-badge{flex:none;width:34px;height:34px;border-radius:999px;background:var(--lime);display:flex;align-items:center;justify-content:center;margin-top:2px}
.report-score{display:flex;gap:22px;align-items:center;background:#F1FAF4;border:1px solid #DDEEE4;border-radius:18px;padding:24px 28px;margin:0 0 34px}
.rs-num{font-family:var(--display);font-weight:800;font-size:2.9rem;color:var(--green-deep);line-height:1;flex:none}
.rs-num span{font-size:1.2rem;color:var(--muted);font-weight:700}
.rs-txt b{display:block;font-family:var(--display);font-size:1.05rem;color:var(--navy);margin-bottom:4px}
.rs-txt span{color:var(--muted);font-size:.98rem;line-height:1.55}
.opp-card{background:#F1FAF4;border:1px solid #DDEEE4;border-radius:18px;padding:28px 30px;margin:18px 0 8px}
.opp-num{font-family:var(--display);font-weight:800;font-size:clamp(2rem,4vw,2.7rem);color:var(--green-deep);line-height:1;margin:10px 0 12px}
.opp-num span{font-size:1.05rem;color:var(--muted);font-weight:700}
.opp-card p{color:var(--ink);font-size:.98rem;line-height:1.6;margin:0}
/* ==== Mobile fixes. Append only. Nothing above 900px changes. ====
   Several pages set grid-template-columns inline, which beats the normal
   breakpoint. The !important below is deliberate: it is the only way a
   stylesheet can override an inline style. */

@media(max-width:900px){
  .hero-grid,
  .audit-split,
  .why-grid,
  .steps,
  .price-grid,
  .compare,
  .founding,
  .founder,
  .foot-grid{grid-template-columns:1fr !important}
}

@media(max-width:640px){
  h1{font-size:clamp(1.85rem,7.4vw,2.5rem)}
  .page-hero h1{font-size:clamp(1.8rem,7vw,2.3rem)}

  .report{border-radius:20px}
  .report-head{padding:24px 20px}
  .report-for{padding:20px}
  .report-body{padding:26px 20px}
  .report-body h2{font-size:1.3rem;margin:32px 0 14px;padding-top:28px}

  .report-score{flex-direction:column;align-items:flex-start;gap:14px;padding:22px 20px}
  .rs-num{font-size:2.5rem}

  .prio{padding:20px 18px;border-radius:16px}
  .opp-card{padding:22px 20px;border-radius:16px}
  .diag{grid-template-columns:1fr}

  .scorebar .row{gap:14px}
  .scorebar .label{font-size:.95rem;line-height:1.3}

  .plan{padding:26px 20px}
  .plan .btn{width:100%;justify-content:center}

  /* Nothing the audit writes can push the page sideways. */
  .report-body{overflow-wrap:anywhere}
  .report-body img,.report-body table,.report-body pre{max-width:100%}
}
