:root{
    --ink:#0b0d12;
    --ink-soft:#151822;
    --paper:#fafaf9;
    --paper-alt:#f2f1ee;
    --line:#e4e2dc;
    --line-dark:#242833;
    --text:#1c1e24;
    --text-dim:#5b5e68;
    --text-inv:#f4f4f2;
    --text-inv-dim:#9ea3b0;
    --accent:#ff6a3d;
    --accent-2:#33e0a1;
    --wire:#3a6ff5;
    --radius:14px;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    background:var(--paper);
    color:var(--text);
    font-family:'Inter',system-ui,sans-serif;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3,.display{
    font-family:'Space Grotesk',system-ui,sans-serif;
    letter-spacing:-0.02em;
    margin:0;
  }
  .mono{font-family:'JetBrains Mono',monospace;}
  a{color:inherit;text-decoration:none;}
  .wrap{max-width:1180px;margin:0 auto;padding:0 32px;}
  @media (max-width:720px){.wrap{padding:0 20px;}}

  /* ---------- NAV ---------- */
  header.nav{
    position:sticky;top:0;z-index:50;
    background:rgba(11,13,18,0.92);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line-dark);
  }
  .nav-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 32px;max-width:1180px;margin:0 auto;}
  .brand{display:flex;align-items:center;gap:10px;color:var(--text-inv);font-weight:700;font-size:17px;}
  .brand .mark{height:30px;width:auto;display:flex;align-items:center;justify-content:center;}
  .brand .mark img{height:100%;width:auto;object-fit:contain;display:block;}
  nav.links{display:flex;gap:32px;}
  nav.links a{color:var(--text-inv-dim);font-size:14px;font-weight:500;transition:color .15s;}
  nav.links a:hover{color:var(--text-inv);}
  .nav-cta{background:var(--accent);color:#1a0a03;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:600;}
  .nav-mobile-hide{display:flex;align-items:center;gap:32px;}
  @media (max-width:820px){ nav.links{display:none;} }

  /* ---------- HERO (dark) ---------- */
  .hero{
    background:radial-gradient(circle at 18% -10%, #1a2540 0%, var(--ink) 45%), var(--ink);
    color:var(--text-inv);
    padding:96px 0 120px;
    position:relative;
    overflow:hidden;
    border-bottom:1px solid var(--line-dark);
  }
  .hero::before{
    content:"";position:absolute;inset:0;
    background-image:
      linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
    background-size:56px 56px;
    mask-image:radial-gradient(ellipse 70% 60% at 50% 20%, #000 0%, transparent 75%);
    pointer-events:none;
  }
  .hero-inner{position:relative;display:grid;grid-template-columns:1.15fr 0.85fr;gap:56px;align-items:center;}
  @media (max-width:920px){ .hero-inner{grid-template-columns:1fr;} }
  .eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    font-family:'JetBrains Mono',monospace;font-size:12.5px;letter-spacing:0.04em;
    color:var(--accent-2);background:rgba(51,224,161,0.08);border:1px solid rgba(51,224,161,0.25);
    padding:6px 12px;border-radius:100px;margin-bottom:22px;
  }
  .eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 0 3px rgba(51,224,161,0.18);}
  .hero h1{font-size:clamp(34px,4.4vw,54px);line-height:1.08;font-weight:700;color:#fff;}
  .hero h1 .hl{color:var(--accent);}
  .hero p.lede{margin-top:22px;font-size:18px;line-height:1.6;color:var(--text-inv-dim);max-width:520px;}
  .hero-ctas{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap;}
  .btn{
    display:inline-flex;align-items:center;gap:8px;
    padding:13px 24px;border-radius:9px;font-weight:600;font-size:15px;
    transition:transform .12s ease, box-shadow .12s ease, background .12s ease;
    border:1px solid transparent;
  }
  .btn-primary{background:var(--accent);color:#1a0a03;}
  .btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 22px -6px rgba(255,106,61,0.55);}
  .btn-ghost{border-color:rgba(255,255,255,0.18);color:#fff;}
  .btn-ghost:hover{border-color:rgba(255,255,255,0.4);background:rgba(255,255,255,0.04);}
  .hero-meta{display:flex;gap:28px;margin-top:44px;flex-wrap:wrap;}
  .hero-meta .item{font-size:13px;color:var(--text-inv-dim);}
  .hero-meta .item b{display:block;color:#fff;font-family:'JetBrains Mono',monospace;font-size:20px;font-weight:500;margin-bottom:2px;}

  /* Scan panel */
  .scan-card{
    background:var(--ink-soft);border:1px solid var(--line-dark);border-radius:16px;
    padding:22px;font-family:'JetBrains Mono',monospace;font-size:13px;color:#c9cdd8;
    box-shadow:0 30px 60px -20px rgba(0,0,0,0.55);
  }
  .scan-card .bar{display:flex;gap:6px;margin-bottom:16px;align-items:center;}
  .scan-card .bar span{width:10px;height:10px;border-radius:50%;background:#3a3f4d;}
  .scan-card .bar .live{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:10.5px;color:#8d93a3;letter-spacing:.04em;}
  .scan-card .bar .live i{width:6px;height:6px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 0 3px rgba(51,224,161,0.18);}
  .scan-card .title{color:#8d93a3;font-size:11.5px;margin-bottom:14px;letter-spacing:0.03em;}
  .scan-form{display:flex;gap:8px;margin-bottom:16px;}
  .scan-form input{
    flex:1;background:#0f1119;border:1px solid #2a2e3a;border-radius:8px;color:#f4f4f2;
    padding:11px 12px;font-family:'JetBrains Mono',monospace;font-size:13px;outline:none;min-width:0;
  }
  .scan-form input::placeholder{color:#5b606f;}
  .scan-form input:focus{border-color:var(--accent-2);}
  .scan-form button{
    background:var(--accent-2);color:#062017;border:none;border-radius:8px;padding:0 16px;
    font-family:'JetBrains Mono',monospace;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;
  }
  .scan-form button:disabled{opacity:.5;cursor:default;}
  .scan-line{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px dashed rgba(255,255,255,0.08);}
  .scan-line:last-child{border-bottom:none;}
  .scan-line .k{color:#8d93a3;}
  .status{padding:2px 9px;border-radius:5px;font-size:11.5px;font-weight:600;}
  .status.fail{background:rgba(255,90,90,0.12);color:#ff8a8a;}
  .status.warn{background:rgba(255,183,77,0.12);color:#ffc77d;}
  .status.pass{background:rgba(51,224,161,0.12);color:var(--accent-2);}
  .status.pending{background:rgba(255,255,255,0.06);color:#8d93a3;}
  .scan-empty{color:#5b606f;font-size:12.5px;line-height:1.6;padding:6px 0 2px;}
  .scan-footnote{margin-top:14px;padding-top:14px;border-top:1px dashed rgba(255,255,255,0.08);font-size:11.5px;color:#6b7080;line-height:1.55;}
  .scan-footnote a{color:var(--accent-2);}
  .scan-error{color:#ff8a8a;font-size:12.5px;padding:6px 0;}

  /* ---------- SECTIONS (light) ---------- */
  section{padding:88px 0;}
  .section-tag{font-family:'JetBrains Mono',monospace;font-size:12.5px;color:var(--accent);letter-spacing:0.04em;margin-bottom:14px;}
  .section-head{max-width:640px;margin-bottom:52px;}
  .section-head h2{font-size:clamp(26px,3vw,36px);font-weight:700;}
  .section-head p{margin-top:14px;color:var(--text-dim);font-size:16.5px;line-height:1.6;}

  /* Problem grid */
  .leak-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
  @media (max-width:880px){.leak-grid{grid-template-columns:1fr;}}
  .leak-card{
    background:#fff;border:1px solid var(--line);border-radius:var(--radius);
    padding:26px;transition:border-color .15s, transform .15s;
  }
  .leak-card:hover{border-color:#d7d4cb;transform:translateY(-2px);}
  .leak-card .num{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--text-dim);margin-bottom:16px;}
  .leak-card h3{font-size:18px;font-weight:600;margin-bottom:10px;}
  .leak-card p{color:var(--text-dim);font-size:14.5px;line-height:1.6;margin:0 0 14px;}
  .leak-card .tag{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:11.5px;color:#a34a1f;background:#fff1ea;border:1px solid #ffd9c4;padding:3px 9px;border-radius:6px;}

  /* Process strip */
  .process{background:var(--paper-alt);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
  .process-flow{display:flex;align-items:stretch;gap:0;overflow-x:auto;padding-bottom:6px;}
  .pf-step{
    flex:1;min-width:190px;background:#fff;border:1px solid var(--line);border-radius:12px;
    padding:20px;position:relative;
  }
  .pf-step + .pf-step{margin-left:20px;}
  .pf-step .k{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--text-dim);margin-bottom:10px;}
  .pf-step h4{font-size:15px;font-weight:600;margin:0 0 6px;}
  .pf-step p{font-size:13px;color:var(--text-dim);margin:0;line-height:1.5;}
  .pf-arrow{display:flex;align-items:center;padding:0 4px;color:var(--text-dim);font-size:18px;}

  /* Diagnostic offer band (dark) */
  .offer{
    background:var(--ink);color:var(--text-inv);border-radius:20px;
    padding:52px 48px;display:grid;grid-template-columns:1.1fr 0.9fr;gap:40px;align-items:center;
    border:1px solid var(--line-dark);
  }
  @media (max-width:880px){.offer{grid-template-columns:1fr;padding:36px 26px;}}
  .offer h2{color:#fff;font-size:28px;margin-bottom:14px;}
  .offer p{color:var(--text-inv-dim);font-size:15.5px;line-height:1.6;}
  .offer-list{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;}
  .offer-list li{display:flex;gap:10px;font-size:14.5px;color:#e5e6ea;}
  .offer-list li::before{content:"→";color:var(--accent-2);font-family:'JetBrains Mono',monospace;}
  .offer-card{background:var(--ink-soft);border:1px solid var(--line-dark);border-radius:14px;padding:28px;}
  .offer-card .price{font-family:'JetBrains Mono',monospace;font-size:34px;font-weight:500;color:#fff;}
  .offer-card .price span{font-size:14px;color:var(--text-inv-dim);}
  .offer-card .pline{display:flex;justify-content:space-between;padding:10px 0;border-top:1px dashed rgba(255,255,255,0.1);font-size:13.5px;color:#c9cdd8;}

  /* Tiers preview */
  .tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
  @media (max-width:880px){.tiers{grid-template-columns:1fr;}}
  .tier-card{border:1px solid var(--line);border-radius:var(--radius);padding:26px;background:#fff;}
  .tier-card.featured{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink);}
  .tier-card .badge{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--accent);margin-bottom:10px;letter-spacing:.03em;}
  .tier-card h3{font-size:19px;font-weight:700;margin-bottom:6px;}
  .tier-card .price{font-family:'JetBrains Mono',monospace;font-size:22px;margin:12px 0 16px;color:var(--text);}
  .tier-card p{font-size:14px;color:var(--text-dim);line-height:1.55;margin:0;}

  /* Standard / proof */
  .standard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;}
  @media (max-width:880px){.standard-grid{grid-template-columns:1fr;}}
  .standard-item{background:#fff;padding:32px 26px;}
  .standard-item .stat{font-family:'JetBrains Mono',monospace;font-size:30px;font-weight:500;color:var(--ink);margin-bottom:8px;}
  .standard-item h4{font-size:15px;font-weight:600;margin-bottom:8px;}
  .standard-item p{font-size:13.5px;color:var(--text-dim);line-height:1.55;margin:0;}

  /* Founder */
  .founder{display:grid;grid-template-columns:220px 1fr;gap:36px;align-items:start;}
  @media (max-width:640px){.founder{grid-template-columns:1fr;}}
  .founder-photo{width:100%;aspect-ratio:1/1;border-radius:16px;background:linear-gradient(135deg,#1a1c22,#2b2e37);border:1px solid var(--line-dark);display:flex;align-items:flex-end;justify-content:center;color:var(--text-inv-dim);font-family:'JetBrains Mono',monospace;font-size:12px;text-align:center;padding:16px;overflow:hidden;position:relative;}
  .founder-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
  .founder-photo span{position:relative;background:rgba(11,13,18,0.72);padding:4px 10px;border-radius:6px;backdrop-filter:blur(2px);}
  .founder h3{font-size:20px;font-weight:700;}
  .founder .role{font-family:'JetBrains Mono',monospace;font-size:12.5px;color:var(--accent);margin:6px 0 16px;}
  .founder p{color:var(--text-dim);font-size:15px;line-height:1.65;margin:0 0 14px;}

  /* FAQ */
  .faq{border-top:1px solid var(--line);}
  .faq-item{border-bottom:1px solid var(--line);padding:22px 0;}
  .faq-item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:15.5px;}
  .faq-item summary::-webkit-details-marker{display:none;}
  .faq-item summary::after{content:"+";font-family:'JetBrains Mono',monospace;font-size:20px;color:var(--text-dim);transition:transform .15s;}
  .faq-item[open] summary::after{transform:rotate(45deg);}
  .faq-item p{margin:14px 0 0;color:var(--text-dim);font-size:14.5px;line-height:1.65;max-width:760px;}

  /* Final CTA */
  .cta-final{background:var(--ink);color:#fff;border-radius:20px;padding:64px 40px;text-align:center;border:1px solid var(--line-dark);}
  .cta-final h2{font-size:clamp(26px,3.4vw,38px);color:#fff;margin-bottom:16px;}
  .cta-final p{color:var(--text-inv-dim);font-size:16px;max-width:480px;margin:0 auto 30px;}

  footer{border-top:1px solid var(--line);padding:48px 0;}
  footer .brand .mark{height:40px;}
  .foot-grid{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:24px;}
  .foot-brand{color:var(--text-dim);font-size:13.5px;max-width:280px;line-height:1.6;}
  .foot-links{display:flex;gap:28px;flex-wrap:wrap;}
  .foot-links a{font-size:13.5px;color:var(--text-dim);}
  .foot-links a:hover{color:var(--text);}

  /* ---------- PAGE HEADER (light interior pages) ---------- */
  .page-head{background:var(--ink);color:var(--text-inv);padding:64px 0 56px;position:relative;overflow:hidden;border-bottom:1px solid var(--line-dark);}
  .page-head::before{
    content:"";position:absolute;inset:0;
    background-image:linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
    background-size:56px 56px;
    mask-image:radial-gradient(ellipse 70% 60% at 50% 0%, #000 0%, transparent 75%);
    pointer-events:none;
  }
  .page-head .wrap{position:relative;}
  .page-head h1{color:#fff;font-size:clamp(28px,3.6vw,42px);max-width:680px;}
  .page-head p{color:var(--text-inv-dim);font-size:16.5px;margin-top:16px;max-width:560px;line-height:1.6;}

  /* ---------- PRICING TABLE ---------- */
  .pricing-tiers{display:flex;flex-direction:column;gap:20px;}
  .price-row{
    border:1px solid var(--line);border-radius:var(--radius);background:#fff;
    display:grid;grid-template-columns:1.4fr 1fr 1.6fr auto;gap:24px;align-items:center;padding:26px 28px;
  }
  .price-row.featured{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink);background:linear-gradient(180deg,#fff, #fdfaf7);}
  @media (max-width:900px){.price-row{grid-template-columns:1fr;text-align:left;}}
  .price-row .tier-label{font-family:'JetBrains Mono',monospace;font-size:11.5px;color:var(--accent);letter-spacing:.03em;margin-bottom:8px;}
  .price-row h3{font-size:20px;font-weight:700;margin-bottom:4px;}
  .price-row .sub{font-size:13.5px;color:var(--text-dim);}
  .price-row .amount{font-family:'JetBrains Mono',monospace;font-size:24px;color:var(--text);white-space:nowrap;}
  .price-row .scope{font-size:14px;color:var(--text-dim);line-height:1.6;}
  .price-row .scope ul{margin:0;padding-left:18px;}
  .price-row .scope li{margin-bottom:4px;}
  .price-badge{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:10.5px;background:var(--ink);color:#fff;padding:3px 9px;border-radius:6px;margin-bottom:8px;}

  .mandate{background:var(--paper-alt);border:1px solid var(--line);border-radius:var(--radius);padding:28px 30px;margin-top:8px;}
  .mandate h4{font-size:15px;font-weight:700;margin-bottom:8px;}
  .mandate p{font-size:14px;color:var(--text-dim);line-height:1.65;margin:0;}

  /* ---------- CALCULATOR ---------- */
  .calc-wrap{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start;}
  @media (max-width:900px){.calc-wrap{grid-template-columns:1fr;}}
  .calc-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;}
  .calc-panel h3{font-size:17px;margin-bottom:22px;}
  .field{margin-bottom:20px;}
  .field label{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:8px;}
  .field .hint{font-size:12px;color:var(--text-dim);margin-top:6px;}
  .field input[type=number], .field input[type=text], .field input[type=email], .field input[type=tel]{
    width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:8px;font-family:'Inter',sans-serif;
    font-size:15px;color:var(--text);background:var(--paper-alt);
  }
  .field input:focus{outline:none;border-color:var(--wire);background:#fff;}
  .calc-result{
    background:var(--ink);color:#fff;border-radius:var(--radius);padding:30px;
    position:sticky;top:96px;
  }
  .calc-result .k{font-family:'JetBrains Mono',monospace;font-size:11.5px;color:var(--text-inv-dim);letter-spacing:.03em;margin-bottom:10px;}
  .calc-result .big{font-family:'JetBrains Mono',monospace;font-size:38px;font-weight:500;color:var(--accent-2);margin-bottom:4px;}
  .calc-result .sub{font-size:13.5px;color:var(--text-inv-dim);margin-bottom:24px;}
  .calc-result .breakdown{display:flex;flex-direction:column;gap:0;margin-bottom:24px;}
  .calc-line{display:flex;justify-content:space-between;padding:10px 0;border-top:1px dashed rgba(255,255,255,0.1);font-size:13.5px;color:#dfe1e6;}
  .calc-note{font-size:12px;color:var(--text-inv-dim);line-height:1.6;border-top:1px solid var(--line-dark);padding-top:16px;margin-bottom:20px;}
  .capture{border-top:1px solid var(--line-dark);padding-top:20px;}
  .capture .field input{background:#0f1119;border-color:#2a2e3a;color:#f4f4f2;}
  .capture .field label{color:var(--text-inv-dim);}
  .sms-consent{display:flex;gap:10px;align-items:flex-start;margin:0 0 20px;font-size:12px;line-height:1.55;color:var(--text-inv-dim);cursor:pointer;}
  .sms-consent input{margin-top:3px;flex-shrink:0;accent-color:var(--accent-2);}
  .sms-consent strong{color:#dfe1e6;}
  .capture-error{margin-top:12px;font-size:13px;color:#ff8a80;}
  .capture-error a{color:var(--accent-2);}
  .capture-success{background:rgba(51,224,161,0.1);border:1px solid rgba(51,224,161,0.3);border-radius:10px;padding:16px 18px;font-size:14px;color:var(--accent-2);}

  /* ---------- ABOUT / TIMELINE ---------- */
  .timeline{display:flex;flex-direction:column;gap:0;}
  .tl-step{display:grid;grid-template-columns:80px 1fr;gap:24px;padding:26px 0;border-top:1px solid var(--line);}
  .tl-step:first-child{border-top:none;}
  .tl-step .tl-num{font-family:'JetBrains Mono',monospace;font-size:22px;color:var(--text-dim);}
  .tl-step h4{font-size:17px;font-weight:700;margin-bottom:8px;}
  .tl-step p{font-size:14.5px;color:var(--text-dim);line-height:1.65;margin:0;max-width:640px;}
  .values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
  @media (max-width:880px){.values-grid{grid-template-columns:1fr;}}
  .value-card{border:1px solid var(--line);border-radius:var(--radius);padding:24px;background:#fff;}
  .value-card h4{font-size:15.5px;font-weight:700;margin-bottom:8px;}
  .value-card p{font-size:13.5px;color:var(--text-dim);line-height:1.6;margin:0;}

  /* ---------- LEGAL PAGES ---------- */
  .legal{max-width:760px;}
  .legal .effective{font-family:'JetBrains Mono',monospace;font-size:12.5px;color:var(--text-dim);margin-bottom:36px;}
  .legal h2{font-size:20px;font-weight:700;margin:36px 0 12px;}
  .legal h2:first-of-type{margin-top:0;}
  .legal p{font-size:15px;color:var(--text-dim);line-height:1.7;margin:0 0 16px;}
  .legal ul{margin:0 0 16px;padding-left:20px;color:var(--text-dim);font-size:15px;line-height:1.7;}
  .legal li{margin-bottom:6px;}
  .legal strong{color:var(--text);}
  .legal a{color:var(--accent);text-decoration:underline;}