:root{
    --paper:#FBFAF7; --paper-2:#F2F0EA; --paper-3:#EDEBE4;
    --ink:#1A1A17; --ink-soft:#5C5C56; --ink-faint:#73736C;
    --hair:#DCDAD2; --hair-2:#E7E5DD;
    --accent:#00FF85; --accent-deep:#00A857; --accent-text:#00723D;
    --ease-out:cubic-bezier(.23,1,.32,1);
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  :focus-visible{outline:2px solid var(--accent-text);outline-offset:2px;border-radius:2px;}
  section[id]{scroll-margin-top:76px;}
  html{scroll-behavior:smooth;}
  body{background:var(--paper);color:var(--ink);
    font-family:'Neue Haas Grotesk','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
    line-height:1.55;-webkit-font-smoothing:antialiased;}
  .serif{font-family:'Canela','Freight Display','Tiempos',Georgia,serif;font-weight:400;}
  .mono{font-family:'SFMono-Regular',ui-monospace,'Roboto Mono',Menlo,monospace;}
  .wrap{max-width:1120px;margin:0 auto;padding:0 44px;}
  section{padding:80px 0;border-top:1px solid var(--hair);}
  a{color:inherit;text-decoration:none;}
  button{color:inherit;}

  nav{position:sticky;top:0;z-index:50;background:rgba(251,250,247,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--hair);}
  .navin{max-width:1120px;margin:0 auto;padding:0 44px;height:64px;display:flex;align-items:center;gap:26px;}
  .brand{font-size:20px;letter-spacing:-.02em;cursor:pointer;background:none;border:none;font-family:inherit;color:var(--ink);padding:0;}
  .brand i{color:var(--accent-text);font-style:normal;}
  .navlinks{display:flex;gap:20px;margin-left:auto;align-items:center;}
  .nl{background:none;border:none;font-family:inherit;font-size:13.5px;color:var(--ink-soft);cursor:pointer;padding:5px 0;border-bottom:1px solid transparent;transition:color .15s ease,border-color .15s ease;}
  .nl:hover,.nl.on{color:var(--ink);border-bottom-color:var(--accent);}
  .btn{display:inline-block;background:var(--accent);color:var(--ink);border:none;font-family:inherit;font-size:13.5px;font-weight:500;padding:9px 18px;border-radius:6px;cursor:pointer;transition:background-color .18s var(--ease-out),color .18s var(--ease-out),transform .12s var(--ease-out);}
  .btn:hover{background:var(--ink);color:var(--accent);}
  .btn:active{transform:scale(.97);}
  .btn.lg{font-size:15px;padding:13px 26px;}
  .btn.ghost{background:none;border:1px solid var(--hair);color:var(--ink);}
  .btn.ghost:hover{border-color:var(--ink);background:none;color:var(--ink);}
  .menub{display:none;background:none;border:1px solid var(--hair);border-radius:6px;width:36px;height:36px;cursor:pointer;color:var(--ink);align-items:center;justify-content:center;flex-shrink:0;transition:border-color .15s ease;}
  .menub:hover{border-color:var(--ink);}

  .view{display:none;} .view.on{display:block;}

  .hero{padding:80px 0 64px;border:none;}
  .kicker{font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:26px;display:flex;align-items:center;gap:9px;}
  .kicker::before{content:"";width:5px;height:5px;background:var(--accent);}
  .hero h1{font-size:clamp(38px,5.4vw,64px);line-height:1.04;letter-spacing:-.022em;max-width:none;text-wrap:balance;}
  .hero h1.wide{max-width:none;}
  .hero .sub{margin-top:24px;max-width:750px;color:var(--ink-soft);font-size:18px;line-height:1.55;text-wrap:pretty;}
  .herocta{margin-top:32px;display:flex;gap:12px;flex-wrap:wrap;align-items:center;}
  .herometa{margin-top:32px;display:flex;gap:26px;flex-wrap:wrap;font-size:12.5px;color:var(--ink-soft);}
  .herometa span{display:flex;align-items:center;gap:8px;}
  .herometa span::before{content:"";width:4px;height:4px;background:var(--accent);border-radius:1px;}

  /* hero live-settlement card */
  .herog{display:grid;grid-template-columns:1fr 370px;gap:56px;align-items:center;}
  .heroviz{min-width:0;}
  .hv{border:1px solid var(--ink);border-radius:14px;background:var(--paper);box-shadow:0 1px 0 var(--hair);overflow:hidden;}
  .hv-top{display:flex;align-items:center;gap:9px;padding:13px 20px;border-bottom:1px solid var(--hair);background:var(--paper-3);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);}
  .hv-body{padding:24px 20px 18px;}
  .hv-pair{display:flex;align-items:baseline;justify-content:center;gap:16px;font-size:36px;letter-spacing:-.01em;}
  .hv-pair .cur{transition:opacity .28s var(--ease-out),filter .28s var(--ease-out);}
  .hv-pair .cur.hv-fade{opacity:0;filter:blur(4px);}
  .hv-eq{color:var(--accent-text);}
  .hv-route{position:relative;display:flex;align-items:center;justify-content:space-between;margin:24px 2px 0;}
  .hv-route::before{content:"";position:absolute;left:10px;right:10px;top:50%;height:1px;background:var(--hair);}
  .hv-node{position:relative;z-index:1;font-size:11px;color:var(--ink);border:1px solid var(--hair);border-radius:5px;padding:6px 9px;background:var(--paper);white-space:nowrap;}
  .hv-node.tok{border-color:var(--accent-deep);color:var(--accent-text);background:var(--paper-2);}
  .hv-track{position:absolute;left:10px;right:10px;top:50%;opacity:0;}
  .hv-dot{position:absolute;left:-3px;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--accent-deep);}
  .hv-log{margin-top:22px;border-top:1px solid var(--hair-2);padding-top:12px;font-size:11.5px;color:var(--ink-soft);height:79px;overflow:hidden;}
  .hv-row{display:flex;justify-content:space-between;gap:10px;line-height:22px;}
  .hv-row .ok{color:var(--accent-text);}

  h2.sec{font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:14px;display:flex;align-items:center;gap:9px;}
  h2.sec::before{content:"";width:5px;height:5px;background:var(--accent);}
  .sech{font-size:clamp(26px,3.2vw,36px);letter-spacing:-.02em;line-height:1.15;margin-bottom:16px;max-width:none;text-wrap:balance;}
  .sech.w{max-width:none;}
  .lead{color:var(--ink-soft);max-width:710px;font-size:16px;text-wrap:pretty;}
  .divider{height:1px;background:var(--hair);margin:40px 0;}

  /* ============ PAIR CHECKER ============ */
  .pc{border:1px solid var(--ink);border-radius:14px;background:var(--paper);overflow:hidden;box-shadow:0 1px 0 var(--hair);}
  .pc-top{padding:24px 28px;border-bottom:1px solid var(--hair);background:var(--paper-3);}
  .pc-lab{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:16px;display:flex;align-items:center;gap:9px;}
  .pc-lab::before{content:"";width:5px;height:5px;background:var(--accent);}
  .pc-in{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
  .pc-sel{position:relative;flex:1;min-width:150px;}
  .pc-sel select{width:100%;font-family:'SFMono-Regular',ui-monospace,Menlo,monospace;font-size:16px;color:var(--ink);
    background:var(--paper);border:1px solid var(--hair);border-radius:7px;padding:13px 14px;outline:none;
    appearance:none;cursor:pointer;transition:border-color .15s ease;}
  .pc-sel select:hover,.pc-sel select:focus{border-color:var(--ink);}
  .pc-sel::after{content:"";position:absolute;right:14px;top:50%;width:10px;height:10px;margin-top:-5px;pointer-events:none;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><path d="M1.5 3.5 5 7l3.5-3.5" fill="none" stroke="%235C5C56" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/contain no-repeat;}
  .pc-eq{font-size:22px;color:var(--accent-text);flex-shrink:0;}
  .pc-swap{background:none;border:1px solid var(--hair);border-radius:6px;width:36px;height:36px;cursor:pointer;color:var(--ink-soft);display:inline-flex;align-items:center;justify-content:center;transition:border-color .15s ease,color .15s ease,transform .12s var(--ease-out);flex-shrink:0;}
  .pc-swap:active{transform:scale(.94);}
  .pc-swap:hover{border-color:var(--ink);color:var(--ink);}
  .pc-body{padding:28px;}
  .pc-verdict{display:flex;align-items:flex-start;gap:14px;margin-bottom:24px;}
  .pc-mark{font-size:26px;line-height:1;flex-shrink:0;margin-top:2px;}
  .pc-mark.yes{color:var(--accent-text);}
  .pc-mark.meh{color:var(--ink-faint);}
  .pc-vt{font-size:21px;letter-spacing:-.01em;margin-bottom:6px;}
  .pc-vd{font-size:14.5px;color:var(--ink-soft);max-width:56ch;}
  .pc-routes{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px;}
  .pc-rt{border:1px solid var(--hair);border-radius:9px;padding:18px;background:var(--paper);}
  .pc-rt.ours{border-color:var(--accent-deep);background:var(--paper-2);}
  .pc-rl{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:12px;}
  .pc-rt.ours .pc-rl{color:var(--accent-text);}
  .pc-hops{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:13px;margin-bottom:12px;}
  .pc-h{border:1px solid var(--hair);border-radius:5px;padding:5px 9px;background:var(--paper);}
  .pc-h.dead{border-style:dashed;color:var(--ink-faint);}
  .pc-h.on{border-color:var(--accent-deep);}
  .pc-a{color:var(--ink-faint);font-size:10px;}
  .pc-rn{font-size:12.5px;color:var(--ink-soft);}
  .pc-rt.ours .pc-rn{color:var(--ink);}
  .pc-cta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding-top:20px;border-top:1px solid var(--hair-2);}
  .pc-count{font-size:12px;color:var(--ink-faint);margin-left:auto;}

  /* BIG STATS */
  .bstats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair);border-radius:12px;overflow:hidden;margin-top:36px;}
  .bs{background:var(--paper);padding:34px 28px;}
  .bs .bn{font-size:44px;letter-spacing:-.02em;line-height:1;margin-bottom:12px;}
  .bs .bt{font-size:16px;font-weight:500;margin-bottom:8px;}
  .bs .bd{font-size:13.5px;color:var(--ink-soft);margin-bottom:20px;}
  .bs .alt{border-top:1px solid var(--hair-2);padding-top:14px;}
  .bs .alt .al{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:4px;}
  .bs .alt .av{font-size:13px;color:var(--ink-faint);}

  /* VS */
  .vs{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px;}
  .vsc{border:1px solid var(--hair);border-radius:12px;padding:32px;background:var(--paper);}
  .vsc.new{background:var(--paper-3);border-color:var(--ink);}
  .vsc .vh{font-size:19px;font-weight:500;margin-bottom:8px;letter-spacing:-.01em;}
  .vsc .vd{font-size:14px;color:var(--ink-soft);margin-bottom:26px;min-height:44px;}
  .hops{display:flex;align-items:center;gap:6px;margin-bottom:26px;flex-wrap:wrap;}
  .hop{flex:1;min-width:38px;text-align:center;}
  .hop .box{border:1px solid var(--hair);border-radius:6px;padding:12px 4px;font-size:11px;color:var(--ink-faint);background:var(--paper);}
  .hop .box.on{border-color:var(--accent-deep);color:var(--ink);}
  .hop .t{font-size:10px;color:var(--ink-faint);margin-top:7px;}
  .hop .t.g{color:var(--accent-text);}
  .arw{color:var(--ink-faint);font-size:11px;}
  .metric{display:flex;justify-content:space-between;align-items:baseline;padding:14px 0;border-top:1px solid var(--hair-2);gap:16px;}
  .metric .ml{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);}
  .metric .mv{font-size:19px;text-align:right;}
  .metric .mv small{display:block;font-size:11px;color:var(--ink-faint);letter-spacing:0;text-transform:none;margin-top:2px;}
  .vsc.new .mv{color:var(--accent-text);}
  .vsc.new .mv small{color:var(--ink-soft);}

  .stack{border:1px solid var(--hair);border-radius:12px;overflow:hidden;margin-top:36px;}
  .lyr{display:grid;grid-template-columns:180px 1fr;border-bottom:1px solid var(--hair);}
  .lyr:last-child{border-bottom:none;}
  .lyr .who{padding:22px 24px;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);background:var(--paper-2);border-right:1px solid var(--hair);display:flex;align-items:center;}
  .lyr .what{padding:22px 26px;}
  .lyr .what b{font-size:16px;font-weight:500;display:block;margin-bottom:5px;}
  .lyr .what p{font-size:13.5px;color:var(--ink-soft);}
  .lyr.us .who{background:var(--ink);color:var(--accent);}
  .lyr.us .what{background:var(--paper-3);}
  .lyr .tags{margin-top:10px;display:flex;gap:6px;flex-wrap:wrap;}
  .tag{font-size:11px;border:1px solid var(--hair);border-radius:4px;padding:3px 8px;color:var(--ink-soft);background:var(--paper);}

  .feat{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair);border-radius:12px;overflow:hidden;margin-top:36px;}
  .feat.two{grid-template-columns:repeat(2,1fr);}
  .fc{background:var(--paper);padding:30px 26px;}
  .fc.click{cursor:pointer;transition:background-color .15s ease;text-align:left;font-family:inherit;border:none;width:100%;display:block;}
  .fc.click:hover{background:var(--paper-2);}
  .fc .fn{font-size:11px;color:var(--accent-text);margin-bottom:14px;letter-spacing:.04em;}
  .fc h3{font-size:17px;font-weight:500;margin-bottom:9px;letter-spacing:-.01em;}
  .fc.click h3{color:var(--accent-text);}
  .fc.cta{background:var(--paper-3);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;}
  .fc.cta:hover{background:var(--paper-2);}
  .fc p{font-size:13.5px;color:var(--ink-soft);margin-bottom:14px;}
  .fc ul{list-style:none;}
  .fc li{font-size:12.5px;color:var(--ink-soft);padding:5px 0;display:flex;gap:9px;align-items:baseline;border-top:1px solid var(--hair-2);}
  .fc li:first-child{border-top:none;}
  .fc li::before{content:"";width:4px;height:4px;background:var(--accent);flex-shrink:0;transform:translateY(-2px);}
  .fc .go{margin-top:16px;font-size:12.5px;color:var(--ink);border-bottom:1px solid var(--accent);display:inline-block;padding-bottom:2px;}

  .flow{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair);border-radius:12px;overflow:hidden;margin-top:36px;}
  .fl{background:var(--paper);padding:26px 22px;}
  .fl .s{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:14px;}
  .fl h4{font-size:15px;font-weight:500;margin-bottom:8px;}
  .fl p{font-size:12.5px;color:var(--ink-soft);}
  .fl .ex{margin-top:14px;font-size:11px;color:var(--ink);background:var(--paper-2);border-radius:5px;padding:8px 10px;}

  .tbl{width:100%;border-collapse:collapse;border:1px solid var(--hair);border-radius:12px;overflow:hidden;margin-top:36px;font-size:14px;}
  .tbl th{text-align:left;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);font-weight:400;padding:16px 20px;background:var(--paper-2);border-bottom:1px solid var(--hair);}
  .tbl th:last-child{color:var(--ink);}
  .tbl td{padding:15px 20px;border-bottom:1px solid var(--hair-2);vertical-align:top;}
  .tbl tr:last-child td{border-bottom:none;}
  .tbl td:first-child{color:var(--ink);width:22%;}
  .tbl td:nth-child(2){color:var(--ink-faint);width:39%;}
  .tbl td:nth-child(3){color:var(--ink);background:var(--paper-2);width:39%;}
  .tbl td:nth-child(3)::before{content:"= ";color:var(--accent-text);}
  .tbl.plain td:nth-child(3)::before{content:none;}
  .tbl.plain td:nth-child(2){color:var(--ink-soft);}

  .stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--hair);border-radius:12px;overflow:hidden;}
  .st{padding:26px 22px;border-right:1px solid var(--hair);}
  .st:last-child{border-right:none;}
  .st .n{font-size:46px;letter-spacing:-.01em;line-height:1;}
  .st .l{font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-soft);margin-top:10px;}

  .chips{display:flex;flex-wrap:wrap;gap:7px;}
  .chip{border:1px solid var(--hair);border-radius:5px;padding:6px 10px;font-size:12px;color:var(--ink);display:flex;align-items:center;gap:6px;background:var(--paper);}
  .chip::before{content:"";width:4px;height:4px;background:var(--accent);border-radius:1px;}
  .chip.q::before{background:var(--hair);}
  .crow{display:grid;grid-template-columns:140px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid var(--hair-2);align-items:start;}
  .crow:last-child{border-bottom:none;}
  .crow .rl{font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-soft);padding-top:7px;}

  .grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
  .card{border:1px solid var(--hair);border-radius:12px;padding:32px;background:var(--paper);}
  .card h3{font-size:19px;font-weight:500;margin-bottom:10px;letter-spacing:-.01em;}
  .card .cs{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-text);margin-bottom:14px;}
  .card p{font-size:14px;color:var(--ink-soft);margin-bottom:16px;}
  .card ul{list-style:none;margin-bottom:18px;}
  .card li{font-size:13px;color:var(--ink-soft);padding:7px 0;border-bottom:1px solid var(--hair-2);display:flex;gap:9px;align-items:baseline;}
  .card li::before{content:"";width:4px;height:4px;background:var(--accent);flex-shrink:0;transform:translateY(-2px);}
  .card.dark{background:var(--paper-2);}

  .code{background:var(--ink);border-radius:10px;padding:24px 26px;overflow-x:auto;font-size:12.5px;line-height:1.75;color:#D8D6CE;}
  .code.big{font-size:15px;padding:32px;}
  .code .c{color:#8F8F86;} .code .k{color:var(--accent);} .code .s{color:#B8C7A8;} .code .n{color:#D8D6CE;} .code .w{color:#C9B896;}

  /* VISION */
  .vlead{font-size:clamp(24px,3.4vw,38px);line-height:1.25;letter-spacing:-.02em;max-width:none;text-wrap:balance;}
  .story{max-width:740px;}
  .story p{font-size:17px;color:var(--ink-soft);margin-bottom:20px;line-height:1.6;}
  .story p b{color:var(--ink);font-weight:500;}
  .story p.big{font-size:21px;color:var(--ink);}
  .arc{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair);border-radius:12px;overflow:hidden;margin-top:36px;}
  .ar{background:var(--paper);padding:32px 28px;}
  .ar.now{background:var(--paper-3);}
  .ar .an{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:16px;}
  .ar.now .an{color:var(--accent-text);}
  .ar h4{font-size:19px;font-weight:400;margin-bottom:10px;letter-spacing:-.01em;}
  .ar p{font-size:13.5px;color:var(--ink-soft);}
  .prin{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair);border-radius:12px;overflow:hidden;margin-top:36px;}
  .pr{background:var(--paper);padding:30px 26px;}
  .pr .pn{font-size:11px;color:var(--accent-text);margin-bottom:14px;}
  .pr h4{font-size:16px;font-weight:500;margin-bottom:8px;}
  .pr p{font-size:13px;color:var(--ink-soft);}
  .pull{border-left:2px solid var(--accent);padding:8px 0 8px 28px;margin:32px 0;}
  .pull p{font-size:23px;line-height:1.4;font-family:'Canela',Georgia,serif;max-width:22ch;}
  .pull cite{display:block;margin-top:14px;font-size:12.5px;color:var(--ink-soft);font-style:normal;font-family:inherit;}

  /* BLOG */
  .bfilter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px;}
  .bf{background:none;border:1px solid var(--hair);border-radius:5px;padding:6px 12px;font-family:inherit;font-size:12px;color:var(--ink-soft);cursor:pointer;transition:border-color .15s ease,color .15s ease,background-color .15s ease,transform .12s var(--ease-out);}
  .bf:active{transform:scale(.96);}
  .bf:hover{border-color:var(--ink);color:var(--ink);}
  .bf.on{background:var(--ink);color:var(--accent);border-color:var(--ink);}
  .post{display:block;width:100%;text-align:left;background:none;border:none;font-family:inherit;padding:26px 0;border-bottom:1px solid var(--hair-2);}
  .post .pm{display:flex;gap:14px;align-items:center;margin-bottom:10px;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);}
  .post .pm .cat{color:var(--accent-text);}
  .post h3{font-size:21px;font-weight:400;letter-spacing:-.015em;margin-bottom:8px;}
  .post p{font-size:14px;color:var(--ink-soft);max-width:760px;margin-bottom:10px;}
  .post .by{font-size:12px;color:var(--ink-faint);}

  .formwrap{border:1px solid var(--hair);border-radius:12px;padding:40px;background:var(--paper);}
  .fgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
  .field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px;}
  .field label{font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-soft);}
  .field input,.field select,.field textarea{font-family:inherit;font-size:14.5px;color:var(--ink);background:var(--paper);
    border:1px solid var(--hair);border-radius:6px;padding:11px 13px;outline:none;transition:border-color .15s ease;}
  .field input:focus,.field select:focus,.field textarea:focus{border-color:var(--ink);}
  .field textarea{resize:vertical;min-height:80px;}
  .fnote{font-size:12px;color:var(--ink-soft);margin-top:16px;}
  .sent{text-align:center;padding:36px 0;}
  .sent .tick{font-size:32px;color:var(--accent-text);}
  .sent h3{font-size:22px;font-weight:400;margin:14px 0 8px;}
  .sent p{color:var(--ink-soft);font-size:14px;}

  footer{padding:64px 0 48px;border-top:none;background:var(--ink);color:var(--paper);}
  footer .brand{color:var(--paper);}
  footer .brand i{color:var(--accent);}
  .fcols h5{color:#8F8F86;}
  .fcols button{color:#D8D6CE;}
  .fcols button:hover{color:var(--accent);}
  .ftag{color:var(--paper);}
  .fmeta{border-color:#33332E;}
  .fmeta .fm h6{color:#8F8F86;}
  .fmeta .fm p{color:#D8D6CE;}
  .fmeta .fm a:hover{color:var(--accent);}
  .disc{background:#232320;border-color:#33332E;color:#A8A69E;}
  .disc b{color:var(--paper);}
  .fbot{color:#8F8F86;}
  .fcols{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:32px;margin-bottom:40px;}
  .fcols h5{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:14px;}
  .fcols button{display:block;background:none;border:none;font-family:inherit;font-size:13px;cursor:pointer;padding:4px 0;text-align:left;}
  .ftag{font-size:15px;margin-bottom:14px;max-width:240px;line-height:1.4;}
  .fmeta{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-top:1px solid #33332E;border-bottom:1px solid #33332E;padding:24px 0;margin-bottom:24px;}
  .fmeta .fm h6{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:7px;}
  .fmeta .fm p{font-size:13px;}
  .disc{border:1px solid #33332E;border-radius:10px;padding:20px 22px;font-size:12px;line-height:1.6;}
  .disc b{font-weight:500;}
  .fbot{margin-top:28px;font-size:11.5px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;}
  .todo{background:#FFF8E1;border:1px solid #E8D9A0;color:#6B5A1F;border-radius:8px;padding:11px 15px;font-size:12px;margin-top:14px;line-height:1.6;}
  .ph{color:var(--accent-text);}

  /* ============ THREE-MODEL COMPARISON ============ */
  .tri{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px;}
  .tc{border:1px solid var(--hair);border-radius:12px;background:var(--paper);padding:28px 24px;display:flex;flex-direction:column;}
  .tc.ours{border-color:var(--ink);background:var(--paper-3);}
  .tc-n{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:12px;}
  .tc.ours .tc-n{color:var(--accent-text);}
  .tc h3{font-size:18px;font-weight:500;letter-spacing:-.01em;margin-bottom:7px;}
  .tc-sub{font-size:13px;color:var(--ink-soft);margin-bottom:22px;min-height:38px;}
  .tc-route{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;padding:20px 8px;margin-bottom:22px;background:var(--paper-2);border:1px solid var(--hair-2);border-radius:9px;}
  .tc.ours .tc-route{background:var(--paper);border-color:var(--accent-deep);}
  .nd{font-family:'SFMono-Regular',ui-monospace,Menlo,monospace;font-size:11px;color:var(--ink);border:1px solid var(--hair);border-radius:5px;padding:6px 8px;background:var(--paper);white-space:nowrap;}
  .nd.you{border-color:var(--ink);}
  .nd.usd{border-style:dashed;color:var(--ink-faint);}
  .nd.tok{border-color:var(--accent-deep);color:var(--accent-text);background:var(--paper-2);}
  .nd.stack{box-shadow:3px 3px 0 var(--paper-2),4px 4px 0 1px var(--hair);}
  .lk{color:var(--ink-faint);font-size:10px;}
  .lk.g{color:var(--accent-text);}
  .tc-rows{display:flex;flex-direction:column;margin-bottom:20px;}
  .tc-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--hair-2);font-size:12.5px;}
  .tc-row:first-child{border-top:none;}
  .tc-row .k{color:var(--ink-soft);flex-shrink:0;}
  .tc-row .v{color:var(--ink);text-align:right;font-weight:500;}
  .tc.ours .tc-row .v{color:var(--accent-text);}
  .tc-verd{margin-top:auto;font-size:11px;letter-spacing:.03em;padding:9px 12px;border-radius:6px;text-align:center;}
  .tc-verd.bad,.tc-verd.mid{background:var(--paper-2);color:var(--ink-soft);border:1px solid var(--hair);}
  .tc-verd.good{background:var(--accent);color:var(--ink);border:1px solid var(--accent-deep);font-weight:500;}

  /* ============ PARTNERSHIP ============ */
  .split{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px;}
  .sp{border:1px solid var(--hair);border-radius:12px;overflow:hidden;background:var(--paper);}
  .sp.us{border-color:var(--ink);}
  .sp-h{padding:22px 26px;border-bottom:1px solid var(--hair);}
  .sp.us .sp-h{background:var(--ink);border-bottom-color:var(--ink);}
  .sp-k{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px;}
  .sp.us .sp-k{color:var(--accent);}
  .sp-h h3{font-size:20px;font-weight:500;letter-spacing:-.01em;}
  .sp.us .sp-h h3{color:var(--paper);}
  .sp-h p{font-size:13px;color:var(--ink-soft);margin-top:6px;}
  .sp.us .sp-h p{color:var(--hair);}
  .sp-item{padding:20px 26px;border-top:1px solid var(--hair-2);}
  .sp-item:first-of-type{border-top:none;}
  .sp-item .ic{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-text);margin-bottom:8px;display:flex;align-items:center;gap:8px;}
  .sp-item .ic::before{content:"";width:5px;height:5px;background:var(--accent);flex-shrink:0;}
  .sp-item b{font-size:15px;font-weight:500;display:block;margin-bottom:5px;}
  .sp-item p{font-size:13px;color:var(--ink-soft);}

  .tline{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair);border-radius:12px;overflow:hidden;margin-top:24px;}
  .tl{background:var(--paper);padding:26px 22px;}
  .tl.fast{background:var(--paper-3);}
  .tl .tw{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:14px;}
  .tl.fast .tw{color:var(--accent-text);}
  .tl h4{font-size:15px;font-weight:500;margin-bottom:8px;letter-spacing:-.01em;}
  .tl p{font-size:12.5px;color:var(--ink-soft);}
  .twochoice{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px;}
  .wc{border:1px solid var(--hair);border-radius:10px;padding:24px;background:var(--paper);}
  .wc.dark{background:var(--paper-2);}
  .wc .wt{font-size:16px;font-weight:500;margin-bottom:8px;}
  .wc p{font-size:13px;color:var(--ink-soft);}

  /* ============ DASHBOARD PREVIEW ============ */
  .dash{border:1px solid var(--ink);border-radius:14px;background:var(--paper);box-shadow:0 1px 0 var(--hair),0 30px 70px rgba(26,26,23,.09);overflow:hidden;margin-top:36px;transform-origin:50% 100%;}
  .dash-bar{display:flex;align-items:center;gap:7px;padding:12px 18px;border-bottom:1px solid var(--hair);background:var(--paper-3);}
  .dash-bar .dbd{width:9px;height:9px;border-radius:50%;background:var(--hair);}
  .dash-url{margin-left:12px;font-size:11.5px;color:var(--ink-soft);border:1px solid var(--hair);border-radius:5px;padding:3px 10px;background:var(--paper);}
  .dash-body{display:grid;grid-template-columns:280px 1fr;}
  .dash-side{border-right:1px solid var(--hair);padding:22px 22px 18px;background:var(--paper-2);}
  .dash-lab{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:12px;}
  .dash-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;border-top:1px solid var(--hair-2);font-size:13px;}
  .dash-row:first-of-type{border-top:none;}
  .dash-row .cc{color:var(--ink);}
  .dash-row .amt{color:var(--ink);}
  .dash-row.dim .cc,.dash-row.dim .amt{color:var(--ink-soft);}
  .dash-main{padding:22px 26px 18px;display:flex;flex-direction:column;gap:22px;}
  .dash-quote{border:1px solid var(--hair);border-radius:10px;padding:18px 20px;background:var(--paper);}
  .dash-qrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px;}
  .dash-cur{border:1px solid var(--hair);border-radius:7px;padding:9px 13px;font-size:14px;background:var(--paper-2);}
  .dash-qeq{color:var(--accent-text);font-size:18px;}
  .dash-rate{font-size:12.5px;color:var(--ink-soft);margin-left:auto;}
  .dash-hold{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
  .dash-timer{font-size:12.5px;color:var(--accent-text);display:flex;align-items:center;gap:8px;}
  .dash-act .dash-row{font-size:12.5px;}
  .dash-st{color:var(--accent-text);}
  .dash-st.infl{color:var(--ink-faint);}

  /* ============ PAIR NETWORK ============ */
  .covgrid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-top:28px;}
  .covgrid .stats{grid-template-columns:1fr 1fr;margin-top:0;}
  .covgrid .st:nth-child(2n){border-right:none;}
  .covgrid .st:nth-child(-n+2){border-bottom:1px solid var(--hair);}
  .net{display:block;width:100%;height:auto;}
  .net line{stroke:var(--hair);stroke-width:1;}
  .net .cnode rect{fill:var(--paper);stroke:var(--hair);}
  .net .cnode text{font-family:'SFMono-Regular',ui-monospace,Menlo,monospace;font-size:11px;fill:var(--ink);}
  .net .hub rect{fill:var(--accent);stroke:var(--accent-deep);}
  .net .hub text{font-size:15px;fill:var(--ink);}

  /* ============ BIG CLOSING STATEMENT ============ */
  .endline{font-size:clamp(38px,6.5vw,88px);letter-spacing:-.03em;line-height:1.04;}
  .endline i{font-style:normal;color:var(--accent-deep);}

  /* ============ DARK BAND ============ */
  section.band{background:var(--ink);border-top:none;padding:112px 0;
    clip-path:polygon(0 0,100% 36px,100% 100%,0 calc(100% - 36px));}
  .band h2.sec{color:#8F8F86;}
  .band .sech{color:var(--paper);}
  .band .lead{color:#B5B3AB;}
  .band-route{display:block;width:100%;max-width:640px;margin:34px 0 6px;overflow:visible;}
  .band-route .brl{stroke:var(--accent);stroke-width:1.5;fill:none;}
  .band-route .brn{fill:var(--ink);stroke:#4A4A44;stroke-width:1;}
  .band-route .brn.g{stroke:var(--accent-deep);}
  .band-route text{font-family:'SFMono-Regular',ui-monospace,Menlo,monospace;font-size:11px;fill:#B5B3AB;}
  .band-route text.g{fill:var(--accent);}

  /* ============ DYNAMIC / INTERACTIVE ============ */
  #navprog{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--accent);}
  .live{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--accent-text);margin-bottom:20px;}
  .livedot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0;}
  .ticker{-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);}
  .ticker{overflow:hidden;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);background:var(--paper-2);padding:11px 0;}
  .ticker-in{display:flex;gap:40px;white-space:nowrap;width:max-content;}
  .ticker span{font-size:12.5px;color:var(--ink-soft);display:flex;align-items:center;gap:8px;}
  .ticker b{color:var(--accent-text);font-weight:500;}
  .ticker i{font-style:normal;color:var(--ink);}
  nav.scrolled{box-shadow:0 6px 24px rgba(26,26,23,.07);}
  .card,.vsc,.tc,.wc,.sp{transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-out);}
  .chip{transition:border-color .15s ease,transform .15s var(--ease-out);}
  @media (hover:hover) and (pointer:fine){
    .card:hover,.vsc:hover,.tc:hover,.wc:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(26,26,23,.07);}
    .chip:hover{border-color:var(--accent-deep);transform:translateY(-1px);}
    .fc.click .go{transition:transform .2s var(--ease-out);}
    .fc.click:hover .go{transform:translateX(4px);}
  }
  @media (prefers-reduced-motion: no-preference){
    .ticker-in{animation:tick 55s linear infinite;}
    .ticker:hover .ticker-in{animation-play-state:paused;}
    @keyframes tick{to{transform:translateX(-50%);}}
    .rv{opacity:0;transform:translateY(12px);transition:opacity .55s var(--ease-out),transform .55s var(--ease-out);}
    .dash.rv{transform:perspective(1200px) rotateX(6deg) translateY(30px);transition:opacity .75s var(--ease-out),transform .75s var(--ease-out);}
    .dash.rv.in{transform:none;}
    .rv.in{opacity:1;transform:none;}
    /* payment wave — money travels the route; slow on legacy rails, instant on ours */
    @keyframes hopflash{0%{box-shadow:0 0 0 0 rgba(0,168,87,0);}4%{box-shadow:0 0 0 5px rgba(0,168,87,.25);}12%{box-shadow:0 0 0 0 rgba(0,168,87,0);}100%{box-shadow:0 0 0 0 rgba(0,168,87,0);}}
    .vsc:not(.new) .hops .hop:nth-of-type(1) .box{animation:hopflash 6.5s linear infinite;}
    .vsc:not(.new) .hops .hop:nth-of-type(2) .box{animation:hopflash 6.5s linear infinite 1.2s;}
    .vsc:not(.new) .hops .hop:nth-of-type(3) .box{animation:hopflash 6.5s linear infinite 2.4s;}
    .vsc:not(.new) .hops .hop:nth-of-type(4) .box{animation:hopflash 6.5s linear infinite 3.6s;}
    .vsc:not(.new) .hops .hop:nth-of-type(5) .box{animation:hopflash 6.5s linear infinite 4.8s;}
    .vsc.new .hops .hop:nth-of-type(1) .box{animation:hopflash 6.5s linear infinite;}
    .vsc.new .hops .hop:nth-of-type(2) .box{animation:hopflash 6.5s linear infinite .3s;}
    .vsc.new .hops .hop:nth-of-type(3) .box{animation:hopflash 6.5s linear infinite .6s;}
    .tc:not(.ours) .tc-route .nd:nth-child(1){animation:hopflash 6.5s linear infinite;}
    .tc:not(.ours) .tc-route .nd:nth-child(3){animation:hopflash 6.5s linear infinite 1.2s;}
    .tc:not(.ours) .tc-route .nd:nth-child(5){animation:hopflash 6.5s linear infinite 2.4s;}
    .tc:not(.ours) .tc-route .nd:nth-child(7){animation:hopflash 6.5s linear infinite 3.6s;}
    .tc:not(.ours) .tc-route .nd:nth-child(9){animation:hopflash 6.5s linear infinite 4.8s;}
    .tc.ours .tc-route .nd:nth-child(1){animation:hopflash 6.5s linear infinite;}
    .tc.ours .tc-route .nd:nth-child(3){animation:hopflash 6.5s linear infinite .3s;}
    .tc.ours .tc-route .nd:nth-child(5){animation:hopflash 6.5s linear infinite .6s;}
    .pc-rt:not(.ours) .pc-hops .pc-h:nth-child(1){animation:hopflash 6.5s linear infinite;}
    .pc-rt:not(.ours) .pc-hops .pc-h:nth-child(3){animation:hopflash 6.5s linear infinite 1.2s;}
    .pc-rt:not(.ours) .pc-hops .pc-h:nth-child(5){animation:hopflash 6.5s linear infinite 2.4s;}
    .pc-rt.ours .pc-hops .pc-h:nth-child(1){animation:hopflash 6.5s linear infinite;}
    .pc-rt.ours .pc-hops .pc-h:nth-child(3){animation:hopflash 6.5s linear infinite .3s;}
    .pc-rt.ours .pc-hops .pc-h:nth-child(5){animation:hopflash 6.5s linear infinite .6s;}
    /* view transition */
    .view.on{animation:viewin .28s var(--ease-out) both;}
    @keyframes viewin{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
    /* pair-checker result cascade */
    .pc-body .pc-verdict{animation:pcfade .3s var(--ease-out) both;}
    .pc-body .pc-routes{animation:pcfade .3s var(--ease-out) both .07s;}
    .pc-body .pc-cta{animation:pcfade .3s var(--ease-out) both .14s;}
    @keyframes pcfade{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
    .livedot{animation:blink 1.6s ease-in-out infinite;}
    @keyframes blink{0%,100%{opacity:1;}50%{opacity:.35;}}
    /* authored hero entrance — one staggered sequence per view arrival */
    .view.on .heroleft>*,.view.on .hero .wrap>.kicker,.view.on .hero .wrap>h1,.view.on .hero .wrap>.sub,.view.on .hero .wrap>.herocta{animation:heroin .6s var(--ease-out) both;}
    .view.on .heroleft>*:nth-child(2),.view.on .hero .wrap>h1{animation-delay:.07s;}
    .view.on .heroleft>*:nth-child(3),.view.on .hero .wrap>.sub{animation-delay:.14s;}
    .view.on .heroleft>*:nth-child(4),.view.on .hero .wrap>.herocta{animation-delay:.21s;}
    .view.on .heroleft>*:nth-child(5){animation-delay:.27s;}
    .view.on .heroviz{animation:heroin .65s var(--ease-out) .18s both;}
    @keyframes heroin{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
    /* settlement dot travels the direct route */
    .hv-track.run{animation:hvtravel 1.35s cubic-bezier(.77,0,.175,1) both;}
    @keyframes hvtravel{0%{transform:translateX(0);opacity:0;}12%{opacity:1;}88%{opacity:1;}100%{transform:translateX(100%);opacity:0;}}
    /* new settlement-log rows ease in on insertion */
    .hv-row{transition:opacity .45s var(--ease-out),transform .45s var(--ease-out);}
    @starting-style{.hv-row{opacity:0;transform:translateY(8px);}}
    /* pair network: spokes light up in turn */
    .net line{animation:spoke 8s linear infinite;}
    @keyframes spoke{0%,100%{stroke:var(--hair);}5%{stroke:var(--accent-deep);}12%{stroke:var(--hair);}}
    /* dark band: route draws itself on reveal */
    .band-route .brl{stroke-dasharray:600;stroke-dashoffset:600;transition:stroke-dashoffset 1.4s var(--ease-out) .15s;}
    .band-route.in .brl{stroke-dashoffset:0;}
    /* pair-checker feedback */
    .pc-swap svg{transition:transform .3s var(--ease-out);}
    .pc-eq.pulse{animation:eqpulse .5s var(--ease-out);}
    @keyframes eqpulse{0%{transform:scale(1);}35%{transform:scale(1.22);}100%{transform:scale(1);}}
    /* hero pointer-glow that tracks the cursor */
    .herog{position:relative;}
    .hero-glow{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:0;transition:opacity .35s var(--ease-out);
      background:radial-gradient(420px circle at var(--mx,50%) var(--my,40%),rgba(0,168,87,.10),transparent 60%);}
    .hero:hover .hero-glow{opacity:1;}
    .heroleft,.heroviz{position:relative;z-index:1;}
    /* subtle 3D tilt on the live-settlement card, follows the pointer */
    .hv{transition:transform .4s var(--ease-out),box-shadow .4s var(--ease-out);will-change:transform;}
    .hv.tilt{transform:perspective(1100px) rotateX(var(--ry,0deg)) rotateY(var(--rx,0deg));}
    /* big stats react to the pointer */
    .bs{transition:background-color .2s ease,transform .25s var(--ease-out);}
    .bs:hover{background:var(--paper-2);transform:translateY(-2px);}
    .bs .bn{transition:color .2s ease;}
    .bs:hover .bn{color:var(--accent-text);}
    /* coverage network: nodes respond to hover, hub stays lit */
    .net{cursor:crosshair;}
    .net .cnode rect,.net .cnode text{transition:fill .18s ease,stroke .18s ease;}
    .net .cnode.hot rect{fill:var(--accent);stroke:var(--accent-deep);}
    .net .cnode.hot text{fill:var(--ink);}
    .net .cnode{transition:transform .18s var(--ease-out);transform-box:fill-box;transform-origin:center;}
    .net .cnode.hot{transform:scale(1.12);}
    .net line.hot{stroke:var(--accent-deep)!important;}
    /* mid-page CTA band */
    .ctaband{border-top:1px solid var(--ink);background:var(--ink);color:var(--paper);}
    .ctaband .wrap{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;padding:44px 44px;}
    .ctaband .ct-h{font-size:clamp(22px,2.6vw,30px);letter-spacing:-.02em;line-height:1.2;max-width:60ch;}
    .ctaband .ct-h i{font-style:normal;color:var(--accent);}
    .ctaband .btn{background:var(--accent);color:var(--ink);}
    .ctaband .btn:hover{background:var(--paper);color:var(--ink);}
    .ctaband .btn.ghost{background:none;border:1px solid #4A4A44;color:var(--paper);}
    .ctaband .btn.ghost:hover{border-color:var(--accent);color:var(--accent);}
    /* sticky bottom CTA bar — appears once the hero scrolls away */
    .stickycta{position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(251,250,247,.96);backdrop-filter:blur(10px);
      border-top:1px solid var(--hair);transform:translateY(110%);transition:transform .35s var(--ease-out);}
    .stickycta.show{transform:translateY(0);}
    .stickycta .sc-in{max-width:1120px;margin:0 auto;padding:12px 44px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
    .stickycta .sc-txt{font-size:13.5px;color:var(--ink-soft);}
    .stickycta .sc-txt b{color:var(--ink);font-weight:500;}
    .stickycta .sc-spacer{margin-left:auto;}
    .stickycta .btn{padding:9px 18px;font-size:13.5px;}
    /* honeypot: hidden from humans, tempting to bots */
    .hp{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
    /* conversion: make stats and use-case cards feel tappable toward demo */
    .fc.click{position:relative;}
    .pc-rt.ours{cursor:default;}
    /* FAQ accordion + estimator reveal motion */
    .acc-body{transition:max-height .35s var(--ease-out),opacity .3s var(--ease-out);}
    .acc .qm{transition:transform .3s var(--ease-out);}
    .acc.open .qm{transform:rotate(45deg);}
    .copybtn{transition:background-color .15s ease,color .15s ease,border-color .15s ease;}
    @media (hover:none){.hero-glow{display:none;}}
  }

  @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
  @media(prefers-reduced-motion:reduce){
    .hero-glow,.hv.tilt,.net .cnode.hot,.acc-body,.acc .qm,.copybtn{transition:none!important;}
  }

  @media(max-width:1000px){.fcols{grid-template-columns:1fr 1fr 1fr;}.prin{grid-template-columns:1fr 1fr;}}
  @media(max-width:940px){
    .herog{grid-template-columns:1fr;gap:0;}
    .heroviz{display:none;}
    .covgrid{grid-template-columns:1fr;gap:28px;}
    .dash-body{grid-template-columns:1fr;}
    .dash-side{border-right:none;border-bottom:1px solid var(--hair);}
    .feat,.flow{grid-template-columns:1fr 1fr;}
    .grid2,.vs,.arc,.pc-routes{grid-template-columns:1fr;}
    .bstats{grid-template-columns:1fr;}
    .tri,.split,.twochoice{grid-template-columns:1fr;}
    .tline{grid-template-columns:1fr 1fr;}
    .stats{grid-template-columns:1fr 1fr;}
    .st:nth-child(2n){border-right:none;} .st:nth-child(-n+2){border-bottom:1px solid var(--hair);}
    .fmeta{grid-template-columns:1fr;}
  }
  @media(max-width:700px){
    .feat,.feat.two,.flow{grid-template-columns:1fr;}
    .tline{grid-template-columns:1fr;}
    .lyr{grid-template-columns:1fr;}
    .lyr .who{border-right:none;border-bottom:1px solid var(--hair);padding:12px 20px;}
    .crow{grid-template-columns:1fr;gap:9px;}
    .fgrid,.prin,.fcols{grid-template-columns:1fr;}
    .wrap,.navin{padding:0 24px;}
    .navin{gap:14px;}
    .menub{display:inline-flex;}
    .navlinks{gap:12px;}
    .navlinks .nl{display:none;}
    nav.open .navlinks{position:absolute;top:64px;left:0;right:0;display:flex;flex-direction:column;align-items:stretch;gap:0;background:var(--paper);border-bottom:1px solid var(--hair);padding:6px 24px 18px;box-shadow:0 16px 32px rgba(26,26,23,.09);}
    nav.open .navlinks .nl{display:block;font-size:15px;padding:12px 0;text-align:left;border-bottom:1px solid var(--hair-2);}
    nav.open .navlinks .btn{margin-top:14px;text-align:center;}
    section{padding:56px 0;}
    .tbl{font-size:13px;} .tbl td,.tbl th{padding:12px 14px;}
    .pc-count{margin-left:0;width:100%;}
  }

/* FAQ / People also ask */
.qa{margin:18px 0;padding:18px 20px;background:var(--paper-2);border:1px solid var(--hair);border-radius:10px}
.qa h3{font-size:17px;margin:0 0 6px;color:var(--ink)}
.qa p{margin:0;color:var(--ink-soft);font-size:15px;line-height:1.5}
section .sech{margin:28px 0 6px}

/* ============ SAVINGS ESTIMATOR ============ */
.est{display:grid;grid-template-columns:1.1fr 1fr;gap:0;margin-top:36px;border:1px solid var(--hair);border-radius:12px;overflow:hidden;background:var(--paper);}
.est-controls{padding:30px 28px;display:flex;flex-direction:column;gap:26px;border-right:1px solid var(--hair);}
.est-field label{font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-soft);display:flex;justify-content:space-between;gap:12px;margin-bottom:14px;}
.est-field label .mono{color:var(--accent-text);letter-spacing:.04em;}
.est-field input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:var(--hair);outline:none;cursor:pointer;}
.est-field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);border:2px solid var(--accent-deep);cursor:pointer;}
.est-field input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);border:2px solid var(--accent-deep);cursor:pointer;}
.est-out{padding:30px 28px;background:var(--paper-3);display:flex;flex-direction:column;}
.est-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:16px 0;border-top:1px solid var(--hair-2);font-size:14px;color:var(--ink-soft);}
.est-row:first-child{border-top:none;}
.est-row span:last-child{color:var(--ink);font-weight:500;}
.est-row.ours{color:var(--ink);}
.est-row.ours span:last-child{color:var(--accent-text);font-size:19px;font-weight:500;}
.est-save{margin:18px 0 22px;font-size:14px;color:var(--ink-soft);}
.est-save b{color:var(--accent-text);font-size:20px;font-weight:500;}
.est-note{margin-top:22px;font-size:11.5px;color:var(--ink-faint);line-height:1.6;letter-spacing:.02em;}

/* ============ FAQ ============ */
.faq{margin-top:36px;border:1px solid var(--hair);border-radius:12px;overflow:hidden;background:var(--paper);}
.faq .acc{border-top:1px solid var(--hair-2);}
.faq .acc:first-child{border-top:none;}
.acc .q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:left;background:none;border:none;font-family:inherit;font-size:16px;font-weight:500;color:var(--ink);cursor:pointer;padding:22px 26px;letter-spacing:-.01em;transition:color .15s ease;}
.acc .q:hover{color:var(--accent-text);}
.acc .qm{flex-shrink:0;font-size:20px;color:var(--accent-text);line-height:1;font-weight:400;}
.acc-body{max-height:0;overflow:hidden;opacity:0;}
.acc.open .acc-body{max-height:340px;opacity:1;}
.acc-body p{padding:0 26px 24px;margin:0;font-size:14px;color:var(--ink-soft);max-width:72ch;line-height:1.6;}

/* ============ COPY CODE ============ */
.code{position:relative;}
.copybtn{position:absolute;top:12px;right:12px;z-index:2;background:rgba(251,250,247,.12);border:1px solid #4A4A44;color:#D8D6CE;border-radius:5px;padding:4px 11px;font-family:inherit;font-size:11px;letter-spacing:.04em;cursor:pointer;}
.copybtn:hover{background:var(--accent);color:var(--ink);border-color:var(--accent-deep);}
.copybtn.done{background:var(--accent);color:var(--ink);border-color:var(--accent-deep);}

@media(max-width:940px){
  .est{grid-template-columns:1fr;}
  .est-controls{border-right:none;border-bottom:1px solid var(--hair);}
}