/* super-seeder.com v2 — gerado por build_templates.py a partir do mockup v2 (26-09). */
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:400 800;font-display:swap;src:url('/assets/fonts/bricolage.woff2') format('woff2')}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/instrument-sans.woff2') format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/jetbrains-mono.woff2') format('woff2')}
  /* Dark-only by design: the brand is a boreal night with a seed in the soil. */
  :root{
    color-scheme:dark;
    --night:#070C16;       /* ground */
    --soil:#0A0F12;        /* below the soil line */
    --surface:#0C1422;
    --surface-2:#0A111D;
    --line:#1A2940;
    --line-soft:#132033;
    --frost:#DCE7F5;       /* text */
    --mist:#8395AE;        /* secondary text */
    --dim:#3A4C68;
    --sprout:#3EE8A4;      /* growth, "live", ok */
    --glacier:#4FD4E0;     /* USDC, flow */
    --aurora:#8B7CFF;      /* "at launch", future */
    --husk:#E9B35A;        /* the seed, VVV */
    --bad:#F26D6D;
    --grad:linear-gradient(110deg,var(--sprout) 0%,var(--glacier) 55%,var(--aurora) 100%);
    --display:'Bricolage Grotesque','Avenir Next','Segoe UI',system-ui,sans-serif;
    --body:'Instrument Sans','Helvetica Neue','Segoe UI',system-ui,sans-serif;
    --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
    --r:12px;
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth;background:var(--night)}
  body{background:var(--night);color:var(--frost);font:16px/1.6 var(--body);-webkit-font-smoothing:antialiased;margin:0}
  ::selection{background:rgba(62,232,164,.28)}
  a{color:inherit}
  :focus-visible{outline:2px solid var(--glacier);outline-offset:3px;border-radius:4px}
  h1,h2,h3,h4{margin:0;font-family:var(--display);text-wrap:balance}
  p{margin:0}
  code,kbd,pre{font-family:var(--mono)}
  .wrap{max-width:1160px;margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}
  .num{font-variant-numeric:tabular-nums}
  .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

  /* ── mockup ribbon ── */
  .ribbon{background:repeating-linear-gradient(135deg,#0E1830 0 14px,#0B1426 14px 28px);border-bottom:1px solid var(--line);
    font:500 12px/1.5 var(--mono);color:var(--mist)}
  .ribbon .wrap{display:flex;flex-wrap:wrap;gap:6px 18px;padding-block:8px;align-items:center}
  .ribbon b{color:var(--frost);font-weight:700;letter-spacing:.12em}

  /* markers for sample data and pre-launch values */
  .ex{font:700 9.5px/1 var(--mono);letter-spacing:.14em;color:var(--husk);border:1px solid rgba(233,179,90,.45);
    padding:3px 6px;border-radius:4px;vertical-align:2px;white-space:nowrap}
  .al{font:700 9.5px/1 var(--mono);letter-spacing:.14em;color:var(--aurora);border:1px dashed rgba(139,124,255,.6);
    padding:3px 6px;border-radius:4px;vertical-align:2px;white-space:nowrap}
  .live{font:700 9.5px/1 var(--mono);letter-spacing:.14em;color:var(--sprout);border:1px solid rgba(62,232,164,.45);
    padding:3px 6px;border-radius:4px;vertical-align:2px;white-space:nowrap}

  /* ── nav ── */
  nav.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;border-bottom:1px solid var(--line);
    background:rgba(7,12,22,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
  .nav-in{display:flex;align-items:center;gap:24px;height:58px}
  .brand{display:flex;align-items:center;gap:10px;font:700 18px var(--display);letter-spacing:-.01em;text-decoration:none}
  .brand svg{flex:none}
  .nav-links{display:flex;gap:20px;margin-left:auto;font-size:14px;color:var(--mist)}
  .nav-links a{text-decoration:none}
  .nav-links a:hover{color:var(--frost)}
  .nav-cta{font:600 13.5px var(--body);text-decoration:none;padding:8px 14px;border-radius:9px;background:var(--frost);color:#08111C}
  .nav-cta:hover{background:#fff}
  

  /* ── hero ── */
  .hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
  .hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:24px;align-items:end;padding-block:64px 0}
  .eyebrow{font:500 12px/1.4 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--mist)}
  .eyebrow .x{color:var(--husk)}
  .hero h1{font-size:clamp(40px,6.4vw,76px);line-height:.98;letter-spacing:-.035em;font-weight:800;margin-top:18px;
    font-variation-settings:"opsz" 96}
  .hero h1 .lit{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
  .hero-sub{margin-top:22px;max-width:590px;font-size:18px;line-height:1.55;color:var(--mist)}
  .hero-sub b{color:var(--frost);font-weight:600}
  .cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
  .btn{display:inline-flex;align-items:center;gap:8px;font:600 15px var(--body);padding:12px 20px;border-radius:10px;
    text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .12s,box-shadow .12s,border-color .12s}
  .btn-primary{background:var(--grad);color:#04140D}
  .btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 26px rgba(62,232,164,.22)}
  .btn-ghost{border-color:var(--line);color:var(--frost);background:transparent}
  .btn-ghost:hover{border-color:var(--glacier)}
  /* the garden (20-10): a bordered panel, the canvas inside it, the live pulse over the soil (or under it, on a phone) */
  .hero-art{position:relative;min-height:380px;min-width:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface-2);
    display:flex;flex-direction:column}
  .hero-canvas{position:relative;flex:1;min-height:0}
  .hero-canvas canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
  .hero-art .caption{position:absolute;left:14px;top:12px;margin:0;font:500 11px/1.5 var(--mono);color:var(--dim);text-align:left}
  .hero-art .lf-pulse{position:static;margin:0;padding:9px 14px 10px;border-top:1px solid var(--line-soft);background:var(--soil);flex-wrap:nowrap}   /* a band under the soil, clear of the roots */
  .hero-art .lf-pulse-t{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .hero-canvas{min-height:300px}
  .hero-fine{margin-top:14px;max-width:560px}
  .facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);margin-top:0}
  .fact{padding:18px 18px 20px;border-right:1px solid var(--line-soft)}
  .fact:last-child{border-right:none}
  .fact .v{font:700 clamp(20px,2.4vw,28px)/1.1 var(--mono);letter-spacing:-.02em}
  .fact .l{margin-top:6px;font-size:13px;color:var(--mist);line-height:1.4}
  @media(max-width:900px){
    .hero-grid{grid-template-columns:minmax(0,1fr);padding-top:44px}
    .hero-art{min-height:0;order:2}
    .hero-canvas{flex:none;height:230px;min-height:0}
    .hero-art .lf-pulse{padding:10px 14px 12px;font-size:12.5px;gap:8px;flex-wrap:wrap}
    .hero-art .lf-pulse-t{white-space:normal;overflow:visible}
    .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
    .fact{border-bottom:1px solid var(--line-soft)}
    .fact:nth-child(2n){border-right:none}
    .fact:last-child{grid-column:1/-1}
  }

  /* ── sections ── */
  section.blk{padding-block:88px;border-bottom:1px solid var(--line)}
  .head{max-width:760px;margin-bottom:40px}
  .head h2{font-size:clamp(30px,4.2vw,48px);line-height:1.04;letter-spacing:-.03em;font-weight:750;margin-top:12px;
    font-variation-settings:"opsz" 72}
  .head p{margin-top:14px;color:var(--mist);font-size:17px;max-width:65ch}
  .head p b{color:var(--frost);font-weight:600}
  .fine{font-size:13.5px;color:var(--mist);line-height:1.55}
  .fine b{color:var(--frost);font-weight:600}
  .inline-code{font:500 12.5px var(--mono);color:var(--frost);background:var(--surface);border:1px solid var(--line);
    border-radius:5px;padding:1px 6px;white-space:nowrap}

  /* ── start here ── */
  .paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .path{min-width:0;border:1px solid var(--line);border-radius:16px;background:var(--surface-2);padding:26px;display:flex;flex-direction:column;gap:18px}
  .path.easy{background:linear-gradient(180deg,rgba(62,232,164,.06),rgba(62,232,164,0) 40%),var(--surface-2);border-color:#1D3A3A}
  .path-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
  .path-tag{font:700 11px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--sprout)}
  .path.robust .path-tag{color:var(--glacier)}
  .path h3{font-size:26px;letter-spacing:-.02em;font-weight:700;margin-top:6px}
  .path .time{font:500 12.5px var(--mono);color:var(--mist)}
  .steps{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:s}
  .steps li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:start;counter-increment:s}
  .steps li::before{content:counter(s);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;
    border:1px solid var(--line);font:600 12.5px var(--mono);color:var(--frost);background:var(--night)}
  .steps b{font-weight:600}
  .steps p{color:var(--mist);font-size:14.5px;margin-top:2px}
  .steps a{color:var(--frost);text-underline-offset:3px}
  pre.code{position:relative;margin:0;background:#050912;border:1px solid var(--line);border-radius:10px;padding:16px 16px 16px;
    overflow-x:auto;font-size:13px;line-height:1.7;color:var(--frost)}
  pre.code .c{color:var(--dim)}
  pre.code .h{color:var(--sprout)}
  .copy{position:absolute;top:8px;right:8px;font:600 11px var(--mono);letter-spacing:.06em;color:var(--mist);background:var(--surface);
    border:1px solid var(--line);border-radius:6px;padding:5px 9px;cursor:pointer}
  .copy:hover{color:var(--frost);border-color:var(--glacier)}
  .copy.ok{color:var(--sprout);border-color:var(--sprout)}
  .peer{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px dashed var(--line);border-radius:10px;padding:10px 12px}
  .peer .k{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mist)}
  .peer .v{font:500 13px var(--mono);word-break:break-all;flex:1 1 220px}
  .peer .copy{position:static}
  .same{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px 28px;align-items:center;color:var(--mist);font-size:14.5px}
  .same b{color:var(--frost);font-weight:600}
  .starters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:26px}
  .starter{border:1px solid var(--line-soft);border-radius:12px;padding:14px 16px;background:var(--surface-2)}
  .starter .m{font:600 13.5px var(--mono)}
  .starter .p{font:500 12.5px var(--mono);color:var(--mist);margin-top:4px}
  .starter .w{font-size:13.5px;color:var(--mist);margin-top:8px}
  /* the third door (20-10): for people already on AntSeed, a prompt for their agent; full width under the two */
  .path.agent{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:22px 32px;border-color:#2A2F4A;
    background:linear-gradient(180deg,rgba(139,124,255,.06),rgba(139,124,255,0) 40%),var(--surface-2)}
  .path.agent .path-tag{color:var(--aurora)}
  .agent-l,.agent-r{min-width:0;display:flex;flex-direction:column;gap:18px}
  pre.code.agent-prompt{white-space:pre-wrap;word-break:break-word;padding-right:64px;font-size:13.5px;line-height:1.65}
  .agent-r .fine{margin:0}
  .agent-r .fine a{color:var(--sprout);text-decoration:none;font-weight:600}
  .agent-r .fine a:hover{text-decoration:underline;text-underline-offset:3px}
  @media(max-width:900px){.paths,.starters{grid-template-columns:minmax(0,1fr)}.path.agent{grid-template-columns:minmax(0,1fr)}}

  /* ── how it works ── */
  .flow{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:8px}
  .pipe{position:absolute;left:12.5%;right:12.5%;top:37px;height:6px;border-radius:3px;overflow:hidden;background:var(--line-soft)}
  .pipe i{position:absolute;inset:0;background:
      repeating-linear-gradient(90deg,transparent 0 18px,currentColor 18px 26px);opacity:.9}
  .pipe .seg1{color:var(--glacier);right:33.33%}
  .pipe .seg2{color:var(--husk);left:66.66%;right:0}
  .flow .pipe i{animation:flow 1.6s linear infinite}
  @keyframes flow{from{background-position:0 0}to{background-position:26px 0}}
  .stage{position:relative;padding:0 14px;text-align:left}
  .node{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;margin:0 auto;
    background:var(--night);border:1px solid var(--line);position:relative;z-index:1}
  .node svg{width:36px;height:36px}
  .stage h3{font-size:21px;letter-spacing:-.015em;margin-top:22px;font-weight:700;text-align:center}
  .stage .unit{display:block;text-align:center;margin-top:6px;font:500 11.5px var(--mono);letter-spacing:.14em;text-transform:uppercase}
  .stage p{margin-top:12px;color:var(--mist);font-size:14.5px;text-align:center}
  .stage .state{display:flex;justify-content:center;margin-top:14px}
  .why{margin-top:48px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
  .why > div{border-top:1px solid var(--line);padding-top:16px}
  .why h4{font-size:18px;font-weight:650;letter-spacing:-.01em}
  .why p{color:var(--mist);font-size:15px;margin-top:8px}
  @media(max-width:900px){
    .flow{grid-template-columns:minmax(0,1fr);gap:26px}
    .pipe{left:39px;right:auto;width:6px;top:40px;bottom:40px;height:auto}
    .pipe i{background:repeating-linear-gradient(180deg,transparent 0 18px,currentColor 18px 26px)}
    .pipe .seg1{right:0;bottom:33.33%}
    .pipe .seg2{left:0;top:66.66%}
    .flow .pipe i{animation-name:flowv}
    @keyframes flowv{from{background-position:0 0}to{background-position:0 26px}}
    .stage{display:grid;grid-template-columns:80px minmax(0,1fr);column-gap:18px;padding:0}
    .node{grid-row:1/span 4;margin:0}
    .stage h3,.stage .unit,.stage p{text-align:left;margin-top:0}
    .stage h3{margin-top:4px}
    .stage .unit{margin-top:4px}
    .stage p{margin-top:8px}
    .stage .state{justify-content:flex-start;margin-top:10px}
    .why{grid-template-columns:minmax(0,1fr)}
  }

  /* ── models ── */
  .tools{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin-bottom:16px}
  .search{flex:1 1 240px;max-width:340px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;
    padding:10px 12px;color:var(--frost);font:500 14px var(--body)}
  .search::placeholder{color:var(--dim)}
  .chips{display:flex;flex-wrap:wrap;gap:6px}
  .chip{font:500 12.5px var(--body);color:var(--mist);background:transparent;border:1px solid var(--line);border-radius:99px;
    padding:6px 11px;cursor:pointer}
  .chip:hover{color:var(--frost)}
  .chip[aria-pressed="true"]{color:#06120E;background:var(--sprout);border-color:var(--sprout)}
  .chip.tog[aria-pressed="true"]{background:var(--glacier);border-color:var(--glacier)}
  select.sel{background:var(--surface-2);color:var(--frost);border:1px solid var(--line);border-radius:10px;padding:9px 10px;font:500 13.5px var(--body)}
  .table-box{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);max-height:620px;overflow-y:auto}
  table.models{width:100%;border-collapse:collapse;min-width:900px;font-size:14px}
  table.models th{position:sticky;top:0;z-index:1;background:#0B1321;font:500 11px var(--mono);letter-spacing:.13em;text-transform:uppercase;
    color:var(--mist);text-align:left;padding:13px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
  table.models td{padding:10px 14px;border-bottom:1px solid var(--line-soft);vertical-align:middle}
  table.models tr:last-child td{border-bottom:none}
  table.models tbody tr{cursor:pointer;transition:background .12s}
  table.models tbody tr:hover{background:rgba(79,212,224,.05)}
  table.models tbody tr.sel{background:rgba(62,232,164,.08)}
  .r{text-align:right}
  .mn{font-weight:600;white-space:nowrap}
  .mn small{display:block;font:500 11.5px var(--mono);color:var(--dim);margin-top:2px;white-space:normal;max-width:230px}
  .pr{font:500 13.5px var(--mono);white-space:nowrap}
  .pr.dim{color:var(--mist)}
  .vs{display:flex;align-items:center;gap:10px;justify-content:flex-end;white-space:nowrap}
  .vs .bar{width:64px;height:6px;border-radius:3px;background:var(--line);position:relative;overflow:hidden}
  .vs .bar i{position:absolute;left:0;top:0;bottom:0;background:var(--sprout);border-radius:3px}
  .vs .pc{font:600 13px var(--mono)}
  .vs .vl{display:block;font:500 11px var(--mono);color:var(--dim);text-align:right;margin-top:2px}
  .ctx{font:500 12.5px var(--mono);color:var(--mist);white-space:nowrap}
  .caps{display:flex;gap:4px;flex-wrap:wrap}
  .cap{font:600 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:3px 6px;border-radius:4px;background:var(--line-soft);color:var(--mist)}
  .cap.pv{color:var(--sprout);background:rgba(62,232,164,.1)}
  .table-note{margin-top:12px}
  .calc{margin-top:22px;border:1px solid var(--line);border-radius:16px;padding:22px;background:var(--surface-2);
    display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:26px}
  .calc h3{font-size:22px;letter-spacing:-.015em;font-weight:700}
  .fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;margin-top:16px}
  .field label{display:block;font:500 11.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mist);margin-bottom:6px}
  .field input,.field select{width:100%;background:var(--night);border:1px solid var(--line);border-radius:9px;padding:9px 10px;color:var(--frost);
    font:500 14px var(--mono)}
  .field.wide{grid-column:1/-1}
  .out{display:grid;gap:10px;align-content:start}
  .out-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--line-soft)}
  .out-row .k{color:var(--mist);font-size:14px}
  .out-row .a{font:700 17px var(--mono);text-align:right}
  .out-row .b{font:500 13px var(--mono);color:var(--dim);text-align:right;min-width:92px}
  .out-head{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mist)}
  .out-head span:nth-child(2){text-align:right;color:var(--sprout)}
  .out-head span:nth-child(3){text-align:right;min-width:92px}
  .save{margin-top:6px;font-size:14px;color:var(--mist)}
  .save b{color:var(--sprout);font-family:var(--mono)}
  @media(max-width:900px){.calc{grid-template-columns:minmax(0,1fr)}}

  /* ── numbers ── */
  .nums{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:18px}
  .panel{min-width:0;border:1px solid var(--line);border-radius:16px;background:var(--surface-2);padding:22px}
  .panel-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
  .panel-h h3{font-size:20px;font-weight:700;letter-spacing:-.01em}
  .panel-h .src{font:500 11.5px var(--mono);color:var(--dim)}
  .tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line-soft);border:1px solid var(--line-soft);
    border-radius:10px;overflow:hidden;margin-top:16px}
  .tile{background:var(--surface-2);padding:14px}
  .tile .v{font:700 22px/1.1 var(--mono);letter-spacing:-.02em}
  .tile .l{font-size:12.5px;color:var(--mist);margin-top:5px;line-height:1.35}
  .seg{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden;margin-top:18px}
  .seg button{font:500 12.5px var(--body);color:var(--mist);background:transparent;border:none;padding:7px 12px;cursor:pointer;border-right:1px solid var(--line)}
  .seg button:last-child{border-right:none}
  .seg button[aria-pressed="true"]{background:var(--frost);color:#08111C}
  .chart{position:relative;margin-top:12px;touch-action:pan-y;cursor:crosshair;-webkit-tap-highlight-color:transparent;border-radius:8px}
  .chart:focus{outline:none} .chart:focus-visible{outline:2px solid var(--glacier);outline-offset:6px}
  .chart svg{display:block;width:100%;height:240px}
  .tip b{font-family:var(--body);font-weight:700}
  .tip{position:absolute;pointer-events:none;background:#0F1A2C;border:1px solid var(--line);border-radius:8px;padding:7px 9px;
    font:500 12px/1.45 var(--mono);color:var(--frost);white-space:nowrap;transform:translate(-50%,-100%);opacity:0;transition:opacity .1s}
  .net-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line-soft);border:1px solid var(--line-soft);
    border-radius:10px;overflow:hidden;margin-top:16px}
  .top-models{margin-top:20px;display:grid;gap:9px}
  .tm{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center;font-size:14px}
  .tm .bar{grid-column:1/-1;height:6px;border-radius:3px;background:var(--line-soft);overflow:hidden}
  .tm .bar i{display:block;height:100%;background:var(--glacier);border-radius:3px}
  .tm .bar i.no{background:var(--dim)}
  .tm .val{font:500 12.5px var(--mono);color:var(--mist)}
  .tm .ours{font:600 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-left:6px;color:var(--sprout)}
  .tm .ours.no{color:var(--dim)}
  .links{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:18px;font:500 12.5px var(--mono)}
  .links a{color:var(--glacier);text-decoration:none}
  .links a:hover{text-decoration:underline}
  @media(max-width:1000px){.nums{grid-template-columns:minmax(0,1fr)}}
  @media(max-width:560px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}

  /* ── participants ── */
  .diem{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
  .slider{margin-top:18px}
  .slider label{display:flex;justify-content:space-between;gap:10px;font-size:14px;color:var(--mist)}
  .slider label b{font:700 15px var(--mono);color:var(--frost)}
  input[type=range]{width:100%;margin-top:10px;accent-color:var(--sprout)}
  .gone{margin-top:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .gone .tile{border:1px solid var(--line-soft);border-radius:10px}
  .gone .v.bad{color:var(--husk)}
  .gone .v.ok{color:var(--sprout)}
  .ceiling{margin-top:18px;border-top:1px solid var(--line-soft);padding-top:14px}
  .cbar{margin-top:10px;display:grid;gap:8px}
  .cbar div{display:grid;grid-template-columns:130px minmax(0,1fr) 84px;gap:10px;align-items:center;font-size:13px;color:var(--mist)}
  .cbar span.t{height:10px;border-radius:5px;background:var(--line-soft);overflow:hidden;display:block}
  .cbar span.t i{display:block;height:100%;border-radius:5px}
  .cbar em{font:600 12.5px var(--mono);font-style:normal;color:var(--frost);text-align:right}
  .how-p{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:p}
  .how-p li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;counter-increment:p}
  .how-p li::before{content:counter(p);display:grid;place-items:center;width:28px;height:28px;border-radius:8px;
    background:var(--night);border:1px solid var(--line);font:600 12.5px var(--mono)}
  .how-p b{font-weight:600}
  .how-p p{color:var(--mist);font-size:14.5px;margin-top:2px}

  /* the personal panel preview */
  .app{min-width:0;margin-top:26px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#08101C}
  .app-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--line);background:#0A1322}
  .dots{display:flex;gap:6px}
  .dots i{width:10px;height:10px;border-radius:50%;background:var(--line)}
  .app-bar .url{font:500 12px var(--mono);color:var(--mist);flex:1 1 200px}
  .app-bar .who{font:500 12.5px var(--mono);color:var(--frost)}
  .app-body{padding:20px;display:grid;gap:18px}
  .pipe-stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border:1px solid var(--line-soft);border-radius:12px;overflow:hidden}
  .ps{padding:14px;border-right:1px solid var(--line-soft);position:relative}
  .ps:last-child{border-right:none}
  .ps .k{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mist)}
  .ps .v{font:700 19px/1.2 var(--mono);margin-top:8px;letter-spacing:-.01em}
  .ps .d{font-size:12.5px;color:var(--mist);margin-top:6px;line-height:1.4}
  .ps.hl{background:rgba(62,232,164,.06)}
  .ps.hl .v{color:var(--sprout)}
  .app-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px}
  .card{min-width:0;border:1px solid var(--line-soft);border-radius:12px;padding:16px}
  .card h4{font-size:15px;font-weight:650}
  .keyrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;padding:10px 12px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line-soft)}
  .keyrow .kid{font:600 13px var(--mono)}
  .pill{font:600 11px var(--mono);padding:3px 8px;border-radius:99px;letter-spacing:.04em}
  .pill.on{color:var(--sprout);background:rgba(62,232,164,.12)}
  .pill.off{color:var(--husk);background:rgba(233,179,90,.12)}
  .keyrow .bal{font:500 12.5px var(--mono);color:var(--mist);margin-left:auto}
  .mini{font:600 12px var(--body);color:var(--frost);background:transparent;border:1px solid var(--line);border-radius:7px;padding:5px 10px;cursor:pointer}
  .mini:hover{border-color:var(--glacier)}
  .mini.warn{color:var(--bad);border-color:rgba(242,109,109,.4)}
  .acc{margin-top:12px}
  .acc .track{height:10px;border-radius:5px;background:var(--line-soft);overflow:hidden;margin-top:8px}
  .acc .track i{display:block;height:100%;width:0;background:var(--grad);border-radius:5px}
  .acc .row{display:flex;justify-content:space-between;gap:10px;font:500 12.5px var(--mono);color:var(--mist);margin-top:8px}
  table.days{width:100%;border-collapse:collapse;font-size:13px;min-width:520px}
  table.days th{font:500 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mist);text-align:left;padding:8px 10px;border-bottom:1px solid var(--line-soft)}
  table.days td{padding:8px 10px;border-bottom:1px solid var(--line-soft);font-family:var(--mono);font-size:12.5px}
  .okb{color:var(--sprout)}
  .scroll-x{overflow-x:auto}
  .beta{margin-top:26px;border:1px dashed rgba(139,124,255,.55);border-radius:16px;padding:22px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start;
    background:rgba(139,124,255,.04)}
  .beta .badge{font:700 11px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--aurora);border:1px solid rgba(139,124,255,.6);border-radius:8px;padding:8px 10px;white-space:nowrap}
  .beta h3{font-size:22px;font-weight:700;letter-spacing:-.015em}
  .beta p{color:var(--mist);margin-top:8px;font-size:15px}
  .beta p b{color:var(--frost);font-weight:600}
  .ph{font:500 13px var(--mono);color:var(--husk);border-bottom:1px dotted var(--husk)}
  @media(max-width:1000px){.diem,.app-row{grid-template-columns:minmax(0,1fr)}.pipe-stages{grid-template-columns:repeat(2,minmax(0,1fr))}
    .ps{border-bottom:1px solid var(--line-soft)}.ps:nth-child(2n){border-right:none}.ps:last-child{grid-column:1/-1}}
  @media(max-width:560px){.beta{grid-template-columns:minmax(0,1fr)}.cbar div{grid-template-columns:100px minmax(0,1fr) 72px}}

  /* ── SEED ── */
  .seed-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
  dl.facts-list{margin:0;display:grid;grid-template-columns:150px minmax(0,1fr);border-top:1px solid var(--line)}
  dl.facts-list dt,dl.facts-list dd{padding:12px 0;border-bottom:1px solid var(--line-soft);margin:0}
  dl.facts-list dt{font:500 11.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mist);padding-top:15px}
  dl.facts-list dd{font-size:15px}
  dl.facts-list dd small{display:block;color:var(--mist);font-size:13.5px;margin-top:3px}
  .addr{font:500 13px var(--mono);color:var(--frost);text-decoration:none;border-bottom:1px dotted var(--dim)}
  a.addr:hover{border-bottom-color:var(--glacier);color:var(--glacier)}
  .plant{position:relative;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:
    radial-gradient(120% 80% at 50% 0%,rgba(139,124,255,.10),transparent 60%),var(--surface-2)}
  .plant canvas{display:block;width:100%;height:300px}
  .plant-ui{padding:18px 20px 20px;border-top:1px solid var(--line-soft)}
  .plant-out{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
  .plant-out .v{font:700 18px var(--mono)}
  .plant-out .l{font-size:12.5px;color:var(--mist);margin-top:4px}
  .src-art{margin-top:18px}
  .src-art pre{font-size:11px;line-height:1.35;color:var(--sprout);background:#050912;border:1px solid var(--line);border-radius:10px;padding:14px;overflow-x:auto;margin:0}
  .src-art pre span{color:var(--mist)}
  @media(max-width:1000px){.seed-grid{grid-template-columns:minmax(0,1fr)}}
  @media(max-width:560px){dl.facts-list{grid-template-columns:minmax(0,1fr)}dl.facts-list dt{border-bottom:none;padding-bottom:0}}

  /* ── verify ── */
  .verify-h{display:flex;gap:10px 18px;flex-wrap:wrap;align-items:center;margin-bottom:14px;font:500 12.5px var(--mono);color:var(--mist)}
  .verify-h .blk{color:var(--frost)}
  table.checks{width:100%;border-collapse:collapse;min-width:860px;font-size:14px}
  table.checks th{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mist);text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
  table.checks td{padding:12px 14px;border-bottom:1px solid var(--line-soft);vertical-align:top}
  table.checks tr:last-child td{border-bottom:none}
  .ck{font-weight:600}
  .ck small{display:block;color:var(--mist);font-weight:400;font-size:13px;margin-top:3px}
  .rd{font:500 13px var(--mono);white-space:nowrap}
  .rd.okv{color:var(--sprout)}
  .rd.pend{color:var(--aurora)}
  .how{font:500 11.5px/1.5 var(--mono);color:var(--mist);word-break:break-all}
  .lk{font:500 12.5px var(--mono);color:var(--glacier);text-decoration:none;white-space:nowrap}
  .lk:hover{text-decoration:underline}

  /* ── experiment ── */
  .exp{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px;align-items:start}
  .exp h2{font-size:clamp(30px,4.2vw,48px);line-height:1.04;letter-spacing:-.03em;font-weight:750;margin-top:12px}
  .exp .lead{margin-top:14px;color:var(--mist);font-size:17px}
  .risks{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
  .risks li{padding:16px 0;border-bottom:1px solid var(--line-soft);display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px}
  .risks li::before{content:"";width:10px;height:10px;margin-top:7px;border:1.5px solid var(--husk);transform:rotate(45deg);border-radius:2px}
  .risks b{font-weight:600}
  .risks p{color:var(--mist);font-size:15px;margin-top:3px}
  @media(max-width:900px){.exp{grid-template-columns:minmax(0,1fr)}}

  /* ── trust ── */
  .trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
  .tcard{border:1px solid var(--line);border-radius:14px;padding:20px;background:var(--surface-2)}
  .tcard h3{font-size:18px;font-weight:700;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}
  .tcard h3::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--sprout);box-shadow:0 0 10px var(--sprout)}
  .tcard p,.tcard li{color:var(--mist);font-size:14.5px}
  .tcard p{margin-top:10px}
  .tcard ul{margin:10px 0 0;padding-left:18px;display:grid;gap:6px}
  .tcard b{color:var(--frost);font-weight:600}
  .tcard a{color:var(--glacier);text-underline-offset:3px}
  .card-dl{margin-top:18px;border:1px solid var(--line);border-radius:14px;padding:20px;background:var(--surface-2)}
  .card-dl dl{margin:14px 0 0;display:grid;grid-template-columns:150px minmax(0,1fr);gap:0}
  .card-dl dt,.card-dl dd{margin:0;padding:9px 0;border-bottom:1px solid var(--line-soft)}
  .card-dl dt{font:500 11.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mist);padding-top:11px}
  .card-dl dd{font:500 13.5px var(--mono);word-break:break-all}
  .card-dl dd span{color:var(--mist);font-family:var(--body)}
  @media(max-width:1000px){.trust{grid-template-columns:minmax(0,1fr)}}
  @media(max-width:560px){.card-dl dl{grid-template-columns:minmax(0,1fr)}.card-dl dt{border-bottom:none;padding-bottom:0}}

  footer{padding-block:48px 64px}
  .foot{display:flex;flex-wrap:wrap;gap:18px 36px;justify-content:space-between;align-items:flex-start}
  .foot .peerid{font:500 12px var(--mono);color:var(--mist);margin-top:10px;word-break:break-all}
  .foot-links{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:14px;color:var(--mist)}
  .foot-links a{text-decoration:none}
  .foot-links a:hover{color:var(--frost)}
  .foot-fin{margin-top:26px;font:500 12px var(--mono);color:var(--dim)}

  @media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto}
    .flow .pipe i{animation:none}
    .btn,.chip{transition:none}
  }
/* ── v2 shell (orquestrador): routing, nav das 3 portas, fita ── */
.nav-links{align-items:center}
.nav-links a{position:relative;padding-block:4px}
.nav-links a[data-door="use"]:hover,.nav-links a[data-door="use"][aria-current="page"]{color:var(--glacier)}
.nav-links a[data-door="earn"]:hover,.nav-links a[data-door="earn"][aria-current="page"]{color:var(--sprout)}
.nav-links a[data-door="seed"]:hover,.nav-links a[data-door="seed"][aria-current="page"]{color:var(--husk)}
.nav-links a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:1px;background:currentColor}
.nav-cta[aria-current="page"]{background:var(--sprout)}
.ribbon .routes{display:flex;flex-wrap:wrap;gap:4px 10px}
.ribbon .routes a{color:var(--frost);text-decoration:none;border-bottom:1px dotted var(--dim)}
.ribbon .routes a:hover{color:var(--sprout)}
.ribbon .routes em{font-style:normal;color:var(--dim)}
@media(max-width:900px){.nav-in{gap:14px}.nav-links{gap:14px;font-size:13.5px}.nav-cta{padding:7px 11px;font-size:12.5px}}
@media(max-width:460px){.brand .bt{display:none}.nav-in{gap:10px}.nav-links{gap:12px}}
@media(min-width:901px){body[data-page="home"] .hero h1{font-size:clamp(40px,4.9vw,62px)}     /* o gerador estampa data-page no <body> (20-10) */
  body[data-page="home"] .hero-grid{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:stretch;gap:32px;padding-block:44px 32px}
  body[data-page="home"] .hero-grid>div:first-child{display:flex;flex-direction:column;justify-content:center}}
/* ═══════════════════════════════════════════════════════════════════════════
   v2.css — part ④: home · the three doors · the circuit · earn strip · BETA chip
   Only NEW rules; classes prefixed v2-. Colours are v1's tokens (every rgba() is a
   token's rgb, the way v1 does it). Loads AFTER v1's <style>. Dark-only.
   ═══════════════════════════════════════════════════════════════════════════ */

.v2-segrow{display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:space-between;align-items:center}
.v2-chartwin{margin-top:6px}
/* ── BETA chip — sibling of .ex / .al / .live, sprout, lightly filled ── */
.v2-beta{font:700 9.5px/1 var(--mono);letter-spacing:.14em;color:var(--sprout);background:rgba(62,232,164,.12);
  border:1px solid rgba(62,232,164,.45);padding:3px 6px;border-radius:4px;vertical-align:2px;white-space:nowrap}

/* ── hero: the second idea under the sub-line ── */
.v2-hero-earn{margin-top:14px;font-size:16px}
.v2-hero-earn a{color:var(--sprout);font-weight:600;text-decoration:none;white-space:nowrap}
.v2-hero-earn a:hover{text-decoration:underline;text-underline-offset:3px}

/* ── the three doors (inside the hero, where v1 had the facts strip) ── */
.v2-doors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;border-top:1px solid var(--line);
  padding-block:24px 40px}
.v2-door{--c:var(--glacier);--ct:rgba(79,212,224,.07);--cg:rgba(79,212,224,.2);
  position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;
  border:1px solid var(--line);border-radius:16px;padding:20px 22px 18px;text-decoration:none;color:inherit;
  background:linear-gradient(180deg,var(--ct),rgba(7,12,22,0) 42%),var(--surface-2);
  transition:border-color .12s,transform .12s,box-shadow .12s}
.v2-door-use{--c:var(--glacier);--ct:rgba(79,212,224,.07);--cg:rgba(79,212,224,.2)}
.v2-door-earn{--c:var(--sprout);--ct:rgba(62,232,164,.07);--cg:rgba(62,232,164,.2)}
.v2-door-seed{--c:var(--husk);--ct:rgba(233,179,90,.07);--cg:rgba(233,179,90,.2)}
.v2-door:hover{border-color:var(--c);transform:translateY(-2px);box-shadow:0 12px 30px rgba(7,12,22,.55),0 0 0 1px var(--cg)}
.v2-door-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.v2-door-verb{font:700 11px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--c)}
.v2-door-h{font-family:var(--display);font-size:clamp(20px,1.9vw,23px);line-height:1.15;letter-spacing:-.02em;font-weight:700}
.v2-door-fact{color:var(--mist);font-size:14.5px;line-height:1.5;flex:1 1 auto}
.v2-door-fact b{color:var(--frost);font-weight:600}
.v2-door-go{font:600 13.5px var(--body);color:var(--c);margin-top:2px}
.v2-door:hover .v2-door-go{text-decoration:underline;text-underline-offset:3px}

/* ── numbers strip as its own block (v1 .facts markup) ── */
section.blk.v2-numbers{padding-block:0}
.v2-numbers .facts{border-top:none}
.v2-numbers-note{padding:14px 0 16px;border-top:1px solid var(--line-soft)}
.v2-numbers-note a,.v2-exp-more a{color:var(--glacier);text-decoration:none}
.v2-numbers-note a:hover,.v2-exp-more a:hover{text-decoration:underline;text-underline-offset:3px}

/* ── honest box: the "all the risks" link ── */
.v2-exp-more{margin-top:16px;font:600 14px var(--body)}

/* ── earn strip — shared one-liner (markup fixed in BRIEF-C §2) ── */
.v2-strip{display:flex;align-items:center;gap:10px 22px;flex-wrap:wrap;margin-top:40px;padding:14px 18px;
  border:1px solid rgba(62,232,164,.32);border-radius:12px;
  background:linear-gradient(90deg,rgba(62,232,164,.07),rgba(62,232,164,.015)),var(--surface-2)}
.v2-strip p{flex:1 1 260px;min-width:0;color:var(--mist);font-size:15px;line-height:1.45}
.v2-strip p b{color:var(--frost);font-weight:600}
.v2-strip-go{margin-left:auto;font:600 13.5px var(--body);color:var(--sprout);text-decoration:none;white-space:nowrap;
  padding:8px 14px;border:1px solid rgba(62,232,164,.45);border-radius:9px;transition:background .12s}
.v2-strip-go:hover{background:rgba(62,232,164,.12)}

/* ── the circuit — six nodes, every node a link to its door ── */
.v2-circuit-head{display:grid;gap:8px;margin-bottom:26px;max-width:760px}
.v2-circuit-lead{color:var(--mist);font-size:16px;line-height:1.5}
.v2-circuit-lead b{color:var(--frost);font-weight:600}
.v2-circuit{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0}
@media(min-width:901px){.v2-circuit.v2-c5{grid-template-columns:repeat(5,minmax(0,1fr))}.v2-doors.v2-doors-two{grid-template-columns:repeat(2,minmax(0,1fr))}}   /* soft launch: sem a perna do SEED; abaixo de 900 px é uma coluna */
.v2-cs{--c:var(--glacier);--cg:rgba(79,212,224,.18);position:relative;min-width:0;transition:opacity .15s}
.v2-cs-gl{--c:var(--glacier);--cg:rgba(79,212,224,.18)}
.v2-cs-sp{--c:var(--sprout);--cg:rgba(62,232,164,.18)}
.v2-cs-hk{--c:var(--husk);--cg:rgba(233,179,90,.18)}
.v2-cs > a{display:block;padding:0 10px;text-decoration:none;color:inherit;border-radius:10px}
/* the leg to the next node: ::before = track, ::after = flow (source node's colour) */
.v2-cs::before,.v2-cs::after{content:"";position:absolute;top:29px;left:calc(50% + 32px);right:calc(-50% + 32px);height:6px;border-radius:3px}
.v2-cs::before{background:var(--line-soft)}
.v2-cs::after{background:repeating-linear-gradient(90deg,transparent 0 18px,var(--c) 18px 26px);opacity:.9;
  animation:v2flow 1.6s linear infinite}
.v2-cs:last-child::before,.v2-cs:last-child::after{display:none}
/* an AT LAUNCH leg: aurora, static, short dashes */
.v2-leg-al::after{background:repeating-linear-gradient(90deg,transparent 0 9px,var(--aurora) 9px 15px);opacity:.6;animation:none}
@keyframes v2flow{from{background-position:0 0}to{background-position:26px 0}}
.v2-cn{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:0 auto;color:var(--c);
  background:var(--night);border:1px solid var(--line);position:relative;z-index:1;transition:border-color .12s,box-shadow .12s}
.v2-cn svg{width:30px;height:30px}
.v2-cs-al .v2-cn{border-style:dashed;border-color:rgba(139,124,255,.6)}
.v2-cs h3{font-size:17px;line-height:1.2;letter-spacing:-.015em;font-weight:700;margin-top:16px;text-align:center}
.v2-cu{display:block;text-align:center;margin-top:5px;font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--c)}
.v2-cs p{margin-top:10px;color:var(--mist);font-size:13.5px;line-height:1.5;text-align:center}
.v2-cst{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}
.v2-cgo{font:600 12.5px var(--body);color:var(--c);white-space:nowrap}
.v2-cs > a:hover .v2-cn,.v2-cs > a:focus-visible .v2-cn{border-color:var(--c);box-shadow:0 0 0 4px var(--cg)}
.v2-cs > a:hover .v2-cgo{text-decoration:underline;text-underline-offset:3px}
/* emphasis (variants use · earn · seed): lit nodes glow, the rest step back */
.v2-cs-hl .v2-cn{border-color:var(--c);border-style:solid;box-shadow:0 0 0 5px var(--cg),0 0 30px var(--cg)}
.v2-cs-hl h3{color:var(--c)}
.v2-circuit[data-emph]:not([data-emph="home"]) .v2-cs:not(.v2-cs-hl){opacity:.68}
.v2-circuit[data-emph]:not([data-emph="home"]) .v2-cs:not(.v2-cs-hl):hover,
.v2-circuit[data-emph]:not([data-emph="home"]) .v2-cs:not(.v2-cs-hl):focus-within{opacity:1}
.v2-circuit-cap{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;margin-top:28px}
.v2-circuit-cap .fine{display:inline-flex;align-items:center;gap:8px}

/* ── ≤1100px: six columns still, tighter ── */
@media(max-width:1100px){
  .v2-cs > a{padding:0 6px}
  .v2-cs h3{font-size:15.5px}
  .v2-cs p{font-size:12.5px}
  .v2-cu{font-size:10px;letter-spacing:.1em}
}

/* ── ≤900px: doors stack; the circuit goes vertical (v1 .flow is the model) ── */
@media(max-width:900px){
  .v2-doors{grid-template-columns:minmax(0,1fr);padding-block:22px 34px}
  .v2-door{padding:18px 18px 16px}
  .v2-door-h{font-size:21px}
  .v2-circuit{grid-template-columns:minmax(0,1fr);gap:26px}
  .v2-cs > a{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:16px;padding:0}
  .v2-cs::before,.v2-cs::after{top:64px;bottom:-26px;left:29px;right:auto;width:6px;height:auto}
  .v2-cs::after{background:repeating-linear-gradient(180deg,transparent 0 18px,var(--c) 18px 26px);animation-name:v2flowv}
  .v2-leg-al::after{background:repeating-linear-gradient(180deg,transparent 0 9px,var(--aurora) 9px 15px);animation:none}
  @keyframes v2flowv{from{background-position:0 0}to{background-position:0 26px}}
  .v2-cn{grid-row:1/span 4;margin:0}
  .v2-cs h3,.v2-cu,.v2-cs p{text-align:left;margin-top:0}
  .v2-cs h3{font-size:18px;margin-top:2px}
  .v2-cu{margin-top:4px;font-size:11px;letter-spacing:.12em}
  .v2-cs p{margin-top:8px;font-size:14px}
  .v2-cst{justify-content:flex-start;margin-top:10px}
  .v2-circuit-head{margin-bottom:20px}
}

/* ── ≤560px (375px phones): strip stacks, tighter chrome ── */
@media(max-width:560px){
  .v2-strip{padding:14px 16px;margin-top:32px}
  .v2-strip-go{margin-left:0}
  .v2-doors{gap:12px}
  .v2-numbers-note{padding-inline:0}
}

@media (prefers-reduced-motion: reduce){
  .v2-cs::after{animation:none}
  .v2-door,.v2-cn,.v2-cs,.v2-strip-go{transition:none}
  .v2-door:hover{transform:none}
}

/* ── part ⑤ · Use + Earn — NEW classes only (v2-), built from v1 tokens.
      v1's CSS is not restated. `.v2-strip` is part ④'s (not here). ── */

/* page heroes: v1's .hero without the art grid — one wrap of copy, then the facts strip if any */
.hero.v2-hero .v2-hero-in{padding-block:64px 44px}
.hero.v2-hero h1{font-size:clamp(34px,5.4vw,62px);max-width:18ch}
.hero.v2-hero .hero-sub{max-width:640px}
.v2-kicker{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}
.v2-beta{font:700 10px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--aurora);
  border:1px solid rgba(139,124,255,.6);border-radius:6px;padding:4px 7px;white-space:nowrap}

/* /use facts strip with 4 tiles (v1's .facts assumes 5) */
.facts.v2-facts4{grid-template-columns:repeat(4,minmax(0,1fr))}

/* requirement chips (/earn first screen) */
.v2-reqs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:26px}
.v2-reqs-k{font:500 11.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mist);margin-right:4px}
.v2-req{display:inline-flex;align-items:center;gap:8px;font:500 13.5px var(--body);color:var(--frost);
  border:1px solid var(--line);background:var(--surface-2);border-radius:99px;padding:7px 13px 7px 10px}
.v2-req::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--sprout);box-shadow:0 0 8px var(--sprout)}
.v2-req.v2-req-beta::before{background:var(--aurora);box-shadow:0 0 8px var(--aurora)}
.v2-time{margin-top:16px;font:500 12.5px var(--mono);color:var(--mist)}
.v2-time b{color:var(--frost);font-weight:600}

/* the honesty line (VVV until launch · SEED can be worth nothing) */
.v2-honest{margin-top:22px;max-width:640px;border-left:2px solid var(--husk);padding:4px 0 4px 14px;
  font-size:15px;line-height:1.55;color:var(--mist)}
.v2-honest b{color:var(--frost);font-weight:600}

/* contact placeholder next to the primary CTA — selectable in one click */
.v2-cta-note{flex:1 1 100%;font-size:13.5px;color:var(--mist);margin-top:2px}
.v2-cta-note .ph{user-select:all;-webkit-user-select:all}

/* copy button inline in a definition list (v1's .copy is absolute) */
.copy.v2-inline{position:static;margin-left:10px;vertical-align:middle}

/* one-line price note above the models table */
.v2-pricenote{display:flex;gap:10px;align-items:flex-start;margin:-4px 0 14px}
.v2-pricenote::before{content:"";flex:none;width:7px;height:7px;margin-top:7px;border-radius:50%;background:var(--glacier)}

/* ANTS readout tile: a plain LIVE figure, read from the chain */
.panel.v2-readout{margin-top:18px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 28px;align-items:center}
.v2-readout-v{font:700 clamp(30px,4vw,44px)/1 var(--mono);letter-spacing:-.03em;color:var(--frost);white-space:nowrap}
.v2-readout-v .unit{font-size:.42em;letter-spacing:.04em;color:var(--mist);margin-left:8px}
.v2-readout-l{font-size:15.5px;color:var(--frost)}
.v2-readout-m{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin-top:6px;font:500 12px var(--mono);color:var(--mist)}
.v2-readout > .fine{grid-column:1/-1;margin-top:6px;border-top:1px solid var(--line-soft);padding-top:12px}

/* /earn · 3 steps as cards (v1's ol.how-p, three across) */
.how-p.v2-cols3{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.how-p.v2-cols3 li{align-content:start;border:1px solid var(--line);border-radius:14px;padding:18px;background:var(--surface-2)}

/* /earn · the 85/15 split, drawn once */
.v2-split{margin-top:6px;max-width:760px}
.v2-split-bar{display:grid;grid-template-columns:85fr 15fr;gap:3px;height:14px;border-radius:7px;overflow:hidden}
.v2-split-bar i{display:block;height:100%}
.v2-split-bar i:first-child{background:var(--sprout)}
.v2-split-bar i:last-child{background:var(--dim)}
.v2-split-l{display:flex;justify-content:space-between;gap:10px;margin-top:8px;font:500 12.5px var(--mono);color:var(--mist)}
.v2-split-l b{color:var(--frost);font-weight:600}

/* three short facts under a head (like v1's .why, but three) */
.v2-three{margin-top:40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.v2-three > div{border-top:1px solid var(--line);padding-top:16px}
.v2-three h4{font-size:17px;font-weight:650;letter-spacing:-.01em}
.v2-three p{color:var(--mist);font-size:14.5px;margin-top:8px}

/* /earn · idle-credit panel on its own (v1 put it in a 2-col .diem grid) */
.panel.v2-idle{max-width:760px}

/* two panels side by side (Who does what · Your key) */
.v2-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
.v2-role{margin-top:18px;font:500 11.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mist)}
.v2-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}
.v2-list li{position:relative;padding-left:18px;font-size:14.5px;color:var(--mist);line-height:1.5}
.v2-list li::before{content:"";position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:50%;background:var(--sprout)}
.v2-list.v2-you li::before{background:var(--glacier)}
.v2-list b{color:var(--frost);font-weight:600}

/* "Sell from" — the per-key setting, shown static */
.v2-sellfrom{margin-top:18px;border:1px dashed var(--line);border-radius:12px;padding:14px}
.v2-sellfrom .k{font:500 11.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mist)}
.v2-sellfrom .opts{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.v2-opt{display:inline-flex;align-items:center;gap:8px;font:500 13px var(--body);color:var(--mist);
  border:1px solid var(--line);border-radius:99px;padding:6px 12px 6px 9px}
.v2-opt::before{content:"";flex:none;width:12px;height:12px;border-radius:50%;border:1px solid var(--dim)}
.v2-opt.on{color:var(--frost);border-color:var(--sprout)}
.v2-opt.on::before{border-color:var(--sprout);background:radial-gradient(circle,var(--sprout) 0 3px,transparent 3.5px)}
.v2-opt .d{font:600 9.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sprout)}
.v2-sellfrom .small{margin-top:10px;font-size:13px;color:var(--mist);line-height:1.5}
.v2-sellfrom .small b{color:var(--frost);font-weight:600}

/* dashboard preview: four stages (v1 had five) + the demo row */
.pipe-stages.v2-stages4{grid-template-columns:repeat(4,minmax(0,1fr))}
.v2-demo{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;margin-top:16px}

/* FAQ with <details> */
.v2-faq{max-width:820px;border-top:1px solid var(--line)}
.v2-faq details{border-bottom:1px solid var(--line-soft)}
.v2-faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) 22px;gap:14px;align-items:center;
  padding:16px 0;font:600 16.5px/1.4 var(--body);color:var(--frost)}
.v2-faq summary::-webkit-details-marker{display:none}
.v2-faq summary::after{content:"+";font:500 20px/1 var(--mono);color:var(--mist);text-align:center}
.v2-faq details[open] summary::after{content:"−"}
.v2-faq summary:hover{color:var(--glacier)}
.v2-faq .a{padding:0 36px 18px 0;color:var(--mist);font-size:15px;line-height:1.6}
.v2-faq .a p + p{margin-top:8px}
.v2-faq .a b{color:var(--frost);font-weight:600}
.v2-faq .a a{color:var(--glacier);text-underline-offset:3px}
.v2-faq .a .small{font-size:13px;border-left:2px solid var(--line);padding-left:10px}

/* ── responsive ── */
@media(max-width:1000px){
  .v2-two{grid-template-columns:minmax(0,1fr)}
  .pipe-stages.v2-stages4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pipe-stages.v2-stages4 .ps:last-child{grid-column:auto}
  .pipe-stages.v2-stages4 .ps:nth-child(n+3){border-bottom:none}
}
@media(max-width:900px){
  .hero.v2-hero .v2-hero-in{padding-block:44px 32px}
  .facts.v2-facts4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .facts.v2-facts4 .fact:last-child{grid-column:auto}
  .how-p.v2-cols3,.v2-three{grid-template-columns:minmax(0,1fr)}
  .v2-three{margin-top:28px}
}
@media(max-width:600px){
  .panel.v2-readout{grid-template-columns:minmax(0,1fr);gap:10px}
  .v2-faq .a{padding-right:0}
  .v2-split-l{flex-direction:column;gap:4px}
}
@media(max-width:400px){
  .hero.v2-hero h1{font-size:32px}
  .v2-req{font-size:13px;padding:6px 11px 6px 9px}
}

/* ═══ part ⑥ — SEED page + participant app · NEW CSS only (v2- prefix, v1 tokens only) ═══
   v1's CSS (lines 7–437 of ref/mockup-v1.html) is assumed loaded before this block.
   .v2-strip / .v2-strip-go are part ④'s — not restated here. */

/* ── markers ── */
.v2-status{font:700 9.5px/1 var(--mono);letter-spacing:.14em;color:var(--aurora);border:1px dashed rgba(139,124,255,.6);
  padding:3px 6px;border-radius:4px;vertical-align:2px;white-space:nowrap}

/* ── SEED hero: text + "at a glance" card ── */
.v2-hero-grid{align-items:start;padding-bottom:56px}
.v2-hero-side{min-width:0;padding-top:34px}
.v2-tokcard{margin-top:0}
.v2-tokcard h3{font-size:18px;font-weight:700}
.v2-tokcard dl{grid-template-columns:110px minmax(0,1fr)}
.v2-tokcard dd{word-break:normal;overflow-wrap:anywhere}
.v2-tokcard dd code{font:500 12.5px var(--mono);color:var(--frost)}

/* ── today / at launch ── */
.v2-twin{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.v2-twin-card{min-width:0;border:1px solid var(--line);border-radius:16px;padding:22px 24px;background:var(--surface-2);display:grid;gap:12px;align-content:start}
.v2-twin-card p{font-size:15.5px;color:var(--frost)}
.v2-twin-card p.fine{color:var(--mist)}
.v2-twin-card .eyebrow{display:flex;gap:10px;align-items:center}
.v2-twin-card a.addr{color:var(--frost)}
.v2-twin-card code{font:500 12.5px var(--mono)}
.v2-twin-al{border-style:dashed;border-color:rgba(139,124,255,.55);background:rgba(139,124,255,.04)}

/* ── earn hook (inside "where the VVV comes from") ── */
.v2-hook{margin-top:36px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 28px;align-items:center;
  border:1px solid rgba(62,232,164,.35);border-radius:16px;padding:22px 24px;
  background:linear-gradient(180deg,rgba(62,232,164,.06),rgba(62,232,164,0) 60%),var(--surface-2)}
.v2-hook .eyebrow{color:var(--sprout)}
.v2-hook p:not(.eyebrow){margin-top:8px;font-size:16px;color:var(--frost);max-width:60ch}
.v2-nobuy{margin-top:16px}

/* ── price & pool readouts (AT LAUNCH) ── */
.v2-tiles-al{margin-top:0;border-style:dashed;border-color:rgba(139,124,255,.45)}
.v2-tiles-al .tile .v{color:var(--aurora);opacity:.85}
.v2-tiles-al .tile .l .al{margin-left:4px}

/* ── pool slider: EXAMPLE marker next to the value ── */
.plant-ui .slider label > span{display:inline-flex;align-items:center;gap:8px}

/* ── risks box on the SEED page ── */
.v2-exp{margin-top:40px}

/* ═══ APP ═══ */
.v2-appblk{padding-block:36px 64px}
.v2-appnote{font-size:13.5px;color:var(--mist);margin-bottom:14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.v2-app{margin-top:0}
.v2-appbar{gap:10px 14px}
.v2-path{color:var(--frost)}
.v2-wallet{display:inline-flex;align-items:center;gap:7px;font:600 12.5px var(--mono);color:var(--frost);
  border:1px solid var(--line);border-radius:99px;padding:4px 10px;background:var(--surface-2);white-space:nowrap}
.v2-wallet i{width:7px;height:7px;border-radius:50%;background:var(--sprout);box-shadow:0 0 8px var(--sprout)}
.v2-signout{font:600 12.5px var(--body);color:var(--mist);text-decoration:none;border:1px solid var(--line);border-radius:7px;padding:4px 10px}
.v2-signout:hover{color:var(--frost);border-color:var(--glacier)}
.v2-tabs{display:flex;gap:4px;padding:6px 12px 0;border-bottom:1px solid var(--line);background:#0A1322;overflow-x:auto;scrollbar-width:none}
.v2-tabs::-webkit-scrollbar{display:none}
.v2-tabs a{font:600 13.5px var(--body);color:var(--mist);text-decoration:none;padding:10px 12px 11px;border-bottom:2px solid transparent;white-space:nowrap;
  display:inline-flex;align-items:center;gap:8px}
.v2-tabs a:hover{color:var(--frost)}
.v2-tabs a[aria-current="page"]{color:var(--frost);border-bottom-color:var(--sprout)}
.v2-tabs a .al{font-size:8.5px;padding:2px 5px}

.v2-h{font-size:clamp(22px,2.6vw,28px);line-height:1.1;letter-spacing:-.02em;font-weight:750;margin-top:8px}
.v2-lbl{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mist)}
.v2-strong{color:var(--frost)!important;font-weight:600}
.v2-honest{border-left:2px solid var(--husk);padding-left:12px;max-width:70ch}
.v2-dash-top{display:flex;justify-content:space-between;align-items:flex-end;gap:14px 28px;flex-wrap:wrap}
.v2-dash-top > .fine{max-width:34ch;text-align:right}

/* segmented control (own class: v1 binds every .seg button to its chart) */
.v2-seg{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--night)}
.v2-seg button{font:500 12.5px var(--body);color:var(--mist);background:transparent;border:none;padding:7px 12px;cursor:pointer;border-right:1px solid var(--line)}
.v2-seg button:last-child{border-right:none}
.v2-seg button:hover{color:var(--frost)}
.v2-seg button[aria-pressed="true"]{background:var(--frost);color:#08111C}
.v2-seg button:focus-visible{outline-offset:-3px}
.v2-period{display:grid;gap:8px;justify-items:end}
.v2-period .fine{font-size:12.5px}

/* phone-first summary — desktop hides it, the five cards carry the same numbers */
.v2-sum{display:none}

/* the five cards in money order (extends v1 .pipe-stages/.ps) */
.v2-money{margin-top:2px}
.v2-money .ps{display:grid;align-content:start;gap:0}
.v2-money .ps .k{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.v2-n{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;border:1px solid var(--line);font:600 10.5px var(--mono);color:var(--frost);letter-spacing:0}
.v2-money .ps .d + .d{margin-top:4px}
.v2-ps-al{background:rgba(139,124,255,.04)}
.v2-ps-al .v{color:var(--aurora);opacity:.85}
.v2-money-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.v2-money-al{border-style:dashed;border-color:rgba(139,124,255,.45)}
.v2-money-al .v{color:var(--aurora);opacity:.85}

/* day-by-day chart: nested bars (settled ⊂ sold ⊂ credit), one column per day */
.v2-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px;font:500 12px var(--mono);color:var(--mist)}
.v2-legend span{display:inline-flex;align-items:center;gap:6px}
.v2-legend i{width:10px;height:10px;border-radius:2px;display:inline-block}
.v2-legend i.c{background:var(--dim)}
.v2-legend i.s{background:var(--sprout)}
.v2-legend i.t{background:var(--glacier)}
.v2-chart{display:flex;align-items:flex-end;gap:4px;height:180px;margin-top:14px;padding-bottom:18px;border-bottom:1px solid var(--line-soft);position:relative}
.v2-col{flex:1 1 0;min-width:0;height:100%;position:relative;display:flex;flex-direction:column;justify-content:flex-end}
.v2-bars{position:relative;flex:1 1 auto;min-height:0}
.v2-bars i{position:absolute;bottom:0;left:50%;transform:translateX(-50%);border-radius:2px 2px 0 0;min-height:1px}
.v2-bars i.c{width:100%;background:var(--dim);opacity:.55}
.v2-bars i.s{width:62%;background:var(--sprout)}
.v2-bars i.t{width:30%;background:var(--glacier)}
.v2-col .l{position:absolute;left:0;right:0;bottom:-18px;text-align:center;font:500 10px var(--mono);color:var(--mist);white-space:nowrap;overflow:hidden}
.v2-col.today .l{color:var(--frost)}
.v2-col.today .v2-bars i.c{opacity:.8}
.v2-col.quiet .l{color:var(--dim)}
.v2-chart.dense .v2-col .l{display:none}
.v2-chart.dense .v2-col.tick .l,.v2-chart.dense .v2-col.today .l{display:block}
.v2-chart.single .v2-col{flex:0 0 33%;margin-inline:auto}
.v2-chart.single .v2-bars i.c{border-radius:4px 4px 0 0}

/* keys */
.v2-keys{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.v2-key{display:grid;gap:12px;align-content:start;background:var(--surface-2)}
.v2-key-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.v2-key-top h4{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:16px}
.v2-key-top .kid{color:var(--mist);font-weight:500}
.v2-kv{margin:0;display:grid;grid-template-columns:96px minmax(0,1fr);gap:0;border-top:1px solid var(--line-soft)}
.v2-kv dt,.v2-kv dd{margin:0;padding:8px 0;border-bottom:1px solid var(--line-soft)}
.v2-kv dt{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mist);padding-top:10px}
.v2-kv dd{font:500 13px var(--mono);color:var(--frost)}
.v2-kv dd small{display:block;font:400 12px var(--body);color:var(--mist);margin-top:2px}
.v2-note:empty{display:none}
.v2-key-ctl{display:grid;gap:12px}
.v2-sfbox{display:grid;gap:8px;justify-items:start}
.v2-sf{margin-top:0}
.v2-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.v2-confirm{font-size:13px;color:var(--frost);display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center;
  border:1px solid rgba(242,109,109,.4);border-radius:9px;padding:6px 10px;background:rgba(242,109,109,.06)}
.v2-confirm[hidden]{display:none}
.v2-revoked{opacity:.55}
.v2-revoked .v2-key-ctl,.v2-revoked .mini{display:none}
.pill.v2-dry{color:var(--glacier);background:rgba(79,212,224,.12)}
.pill.v2-rej{color:var(--bad);background:rgba(242,109,109,.12)}
.pill.v2-gone{color:var(--dim);background:var(--line-soft);text-decoration:line-through}
.v2-states ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:9px;font-size:13.5px;color:var(--mist)}
.v2-states li{display:flex;gap:10px;align-items:baseline}
.v2-states .pill{flex:none;min-width:64px;text-align:center}
.v2-keys-foot{margin-top:18px}

/* add-key form */
.v2-form{margin-top:14px;display:grid;gap:14px}
.v2-form .fields{margin-top:0}
.v2-form .field input[type=password],.v2-form .field input[type=text]{font-family:var(--mono)}
.v2-form .field label{display:block}
.v2-form .fine{margin-top:6px}
.v2-warn{border-left:2px solid var(--husk);padding-left:12px}
.v2-btn{padding:10px 16px;font-size:14px}
.v2-btn[disabled]{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}

/* sign-in / not listed */
.v2-center{min-height:420px;place-items:start center}
.v2-auth{max-width:560px;width:100%;display:grid;gap:14px;padding-block:14px}
.v2-auth p{color:var(--mist);font-size:15.5px}
.v2-auth p b{color:var(--frost);font-weight:600}
.v2-auth a{color:var(--frost);text-underline-offset:3px}
.v2-cta{margin-top:2px}
.v2-siwe{font-size:12px;color:var(--mist)}
.v2-demo{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;border-top:1px solid var(--line-soft);padding-top:12px;font-size:13px}
.v2-demo a{color:var(--glacier);text-decoration:none;border:1px solid var(--line);border-radius:99px;padding:4px 10px}
.v2-demo a:hover{border-color:var(--glacier)}
.v2-beta{margin-top:0}
.v2-welcome{margin-top:18px}

/* your SEED */
.v2-claim{margin-top:14px;display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center}
.v2-claim .fine{flex:1 1 320px}
.v2-ghost{margin-top:22px;border-style:dashed;border-color:rgba(139,124,255,.45);opacity:.6;filter:saturate(.6)}
.v2-ghost:hover,.v2-ghost:focus-within{opacity:.85}
.v2-ghost .pipe-stages{margin-top:14px}
.v2-ghost .v2-claim .btn{opacity:1}

/* history */
table.days.v2-days{min-width:640px}          /* table.days.* beats v1's table.days{min-width:520px} */
.v2-days th.r,.v2-days td.r{text-align:right}
table.days.v2-sweeps{min-width:560px}
table.days.v2-adj{min-width:360px}
.v2-tx{border-bottom:none;font-size:12.5px}
.v2-hist-row{margin-top:18px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}

/* ── ≤1000px: two-panel rows collapse (matches v1) ── */
@media(max-width:1000px){
  .v2-twin{grid-template-columns:minmax(0,1fr)}
  .v2-keys{grid-template-columns:minmax(0,1fr)}
  .v2-hist-row{grid-template-columns:minmax(0,1fr)}
  .v2-money-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v2-money-4 .ps:last-child{grid-column:auto}
  .v2-money-4 .ps:nth-child(2n){border-right:none}
}

/* ── ≤900px: phones and small tablets ── */
@media(max-width:900px){
  .v2-hero-grid{padding-bottom:36px}
  .v2-hero-side{padding-top:0;order:2}
  .v2-hook{grid-template-columns:minmax(0,1fr)}
  .v2-hook .btn{justify-self:start}
  .v2-appblk{padding-block:22px 44px}
  .v2-dash-top{align-items:flex-start}
  .v2-dash-top > .fine{text-align:left;max-width:none}
  .v2-period{justify-items:start}
  /* first screen on a phone: 3 numbers + key state, before the five cards */
  .v2-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line-soft);border:1px solid var(--line-soft);border-radius:12px;overflow:hidden}
  .v2-sum > div{background:var(--surface-2);padding:12px 12px 13px;display:grid;gap:4px;min-width:0}
  .v2-sum .k{font:500 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mist)}
  .v2-sum b{font:700 20px/1.1 var(--mono);letter-spacing:-.02em;color:var(--frost)}
  .v2-sum > div:nth-child(3) b{color:var(--sprout)}
  .v2-sum-keys{grid-column:1/-1;display:flex!important;flex-wrap:wrap;gap:6px 10px;align-items:center;font:600 12.5px var(--mono);color:var(--frost)}
  .v2-tabs{padding-inline:8px}
  .v2-tabs a{padding:9px 9px 10px;font-size:13px}
}

/* ── ≤600px: one column for cards and form fields ── */
@media(max-width:600px){
  .v2-money{grid-template-columns:minmax(0,1fr)}
  .v2-money .ps{border-right:none;border-bottom:1px solid var(--line-soft)}
  .v2-money .ps:last-child{border-bottom:none;grid-column:auto}
  .v2-money-4{grid-template-columns:minmax(0,1fr)}
  .v2-form .fields{grid-template-columns:minmax(0,1fr)}
  .v2-kv{grid-template-columns:minmax(0,1fr)}
  .v2-kv dt{border-bottom:none;padding-bottom:0}
  .v2-tokcard dl{grid-template-columns:minmax(0,1fr)}
  .v2-tokcard dt{border-bottom:none;padding-bottom:0}
  .v2-appbar .url{flex-basis:100%;order:-1}
  .v2-appbar .dots{display:none}
  .v2-tabs a .al{display:none}   /* the page itself carries the AT LAUNCH marker */
}

/* ── 375px ── */
@media(max-width:400px){
  .v2-app .app-body{padding:14px;gap:14px}
  .v2-appbar{padding:10px 12px}
  .v2-chart{gap:2px;height:150px}
  .v2-seg button{padding:7px 10px;font-size:12px}
  .v2-sf button{padding:7px 8px;font-size:11.5px}
  .v2-sum b{font-size:18px}
  .v2-h{font-size:21px}
  .v2-twin-card{padding:18px 16px}
  .v2-hook{padding:18px 16px}
  .v2-auth{gap:12px}
  .v2-siwe{font-size:11px}
  .v2-cta .btn{width:100%;justify-content:center}
}

@media (prefers-reduced-motion: reduce){
  .v2-ghost{transition:none}
}

/* ── v2.1: SEED back, formas de ganhar, contactos ── */
.v2-social{display:inline-flex;flex-wrap:wrap;gap:6px 8px;vertical-align:middle}
.v2-soc{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--line);border-radius:99px;
  text-decoration:none;color:var(--frost);background:var(--surface-2);font-size:13px;text-transform:none;letter-spacing:0}
.v2-soc svg{width:13px;height:13px;fill:currentColor;flex:none}
.v2-soc:hover{border-color:var(--glacier)}
.foot-links .v2-foot-soc{display:inline-flex;align-items:center;gap:6px}
.foot-links .v2-foot-soc svg{width:13px;height:13px;fill:currentColor;flex:none}
.foot-links{align-items:center}
.foot-links .v2-soc{margin-block:-5px}   /* a pílula do X no rodapé (15-10): centrada na linha dos links, sem a fazer mais alta */
.v2-doors.v2-doors-2{grid-template-columns:repeat(2,minmax(0,1fr));border-top:none;padding-block:4px 0}
.v2-sb-box{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:28px;align-items:start;
  border:1px dashed rgba(139,124,255,.55);border-radius:16px;padding:26px;
  background:linear-gradient(180deg,rgba(139,124,255,.07),rgba(7,12,22,0) 55%),var(--surface-2)}
.v2-sb-box h2{font-size:clamp(28px,3.6vw,42px);line-height:1.05;letter-spacing:-.03em;font-weight:750;margin-top:12px}
.v2-sb-box > div > p:not(.eyebrow):not(.v2-sb-big){margin-top:14px;color:var(--mist);font-size:16.5px;max-width:60ch}
.v2-sb-box b{color:var(--frost);font-weight:600}
.v2-sb-box .v2-sb-big{font:700 clamp(40px,5vw,56px)/1 var(--mono);color:var(--aurora);letter-spacing:-.03em;margin-top:20px}
.v2-sb-box .v2-sb-big span{font:500 13px var(--mono);letter-spacing:.08em;color:var(--mist);margin-left:10px;text-transform:uppercase}
.v2-sb-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.v2-sb-list li{padding:13px 0;border-bottom:1px solid var(--line-soft);color:var(--mist);font-size:14.5px}
.v2-launch-note{margin-top:12px}
@media(max-width:900px){.v2-doors.v2-doors-2{grid-template-columns:minmax(0,1fr)}.v2-sb-box{grid-template-columns:minmax(0,1fr);padding:20px;gap:18px}}

/* ── Run by AI (06-10): uma feature, não o centro — genérico de propósito (Gekko) ── */
.v2-ai{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:20px 48px;align-items:start;
  border:1px solid var(--line);border-radius:18px;padding:28px 30px;
  background:radial-gradient(120% 140% at 0% 0%,rgba(139,124,255,.10),rgba(79,212,224,.04) 45%,rgba(7,12,22,0) 70%),var(--surface-2)}
.v2-ai h2{margin-top:10px}
.v2-ai-lead{color:var(--mist);font-size:16.5px;line-height:1.6}
.v2-ai-lead b{color:var(--frost);font-weight:600}
.v2-ai-chips{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.v2-ai-chips li{font:600 12px/1 var(--mono);letter-spacing:.08em;color:var(--sprout);border:1px solid rgba(62,232,164,.4);
  border-radius:999px;padding:7px 12px;background:rgba(62,232,164,.06)}
@media(max-width:900px){.v2-ai{grid-template-columns:minmax(0,1fr);padding:22px 20px}}

/* ── a tese (Gekko 06-10): porque estamos bullish, e o cenário inverso; só na página do SEED ── */
.v2-thesis{margin-top:22px;display:grid;gap:12px;border-left:3px solid var(--sprout);padding:2px 0 2px 16px}
.v2-thesis p{color:var(--mist);font-size:15.5px;line-height:1.6}
.v2-thesis b{color:var(--frost);font-weight:600}
.v2-thesis-h{font:700 18px/1.25 var(--display);color:var(--frost)!important;letter-spacing:-.01em}
/* ── Why this design (06-10) ── */
.v2-why{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px}
.v2-why li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:2px 12px;align-content:start;padding:14px 0;border-top:1px solid var(--line-soft)}
.v2-why li::before{content:"";grid-row:1/span 2;width:10px;height:10px;margin-top:8px;border:1.5px solid var(--sprout);transform:rotate(45deg);border-radius:2px}
.v2-why b{font:700 17px/1.3 var(--display);letter-spacing:-.01em}
.v2-why p{color:var(--mist);font-size:15px;line-height:1.55}
@media(max-width:900px){.v2-why{grid-template-columns:minmax(0,1fr)}}
.v2-story-go{margin-top:14px}
.v2-story-go a{font:600 14.5px var(--body);color:var(--sprout);text-decoration:none}
.v2-story-go a:hover{text-decoration:underline;text-underline-offset:3px}

/* ── live feed (2026-10-20): A = pulse line in the hero, B = tape above the numbers, /live = the table. No buyer, ever. ── */
.lf-pulse{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;font:500 13.5px/1.4 var(--mono);color:var(--mist)}
.lf-pulse b{color:var(--frost);font-weight:600}
.lf-pulse.lf-new .lf-pulse-t{animation:lfFade .6s ease}
.lf-asof{display:none;color:var(--husk)}
.lf-stale .lf-asof{display:inline}
.lf-stale .live{opacity:.45}
@keyframes lfFade{from{opacity:.2}to{opacity:1}}
@keyframes lfIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.lf-tape{border-top:1px solid var(--line);padding:16px 0 14px}
.lf-tape-h{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin-bottom:12px}
.lf-tape-h .lf-right{margin-left:auto}
.lf-tape-h a{color:var(--sprout);text-decoration:none;font-weight:600}
.lf-tape-h a:hover{text-decoration:underline;text-underline-offset:3px}
.lf-tape-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:var(--line-soft);border:1px solid var(--line-soft);overflow:hidden}
.lf-tape-l li{background:var(--night);padding:12px 14px;font:400 12.5px/1.45 var(--mono);color:var(--mist);min-width:0}
.lf-tape-l li.lf-new{animation:lfIn .5s ease}
.lf-tape-l li .m{display:block;color:var(--frost);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lf-tape-l li .u{color:var(--sprout)}
.lf-tape-l li .lf-ago{display:block;font-size:11px;opacity:.75;margin-top:2px}
@media(max-width:900px){.lf-tape-l{grid-template-columns:repeat(3,minmax(0,1fr))}.lf-tape-l li:nth-child(n+4){display:none}}
@media(max-width:520px){.lf-tape-l{grid-template-columns:repeat(2,minmax(0,1fr))}.lf-tape-l li:nth-child(n+3){display:none}}
.lf-page .facts{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.lf-page .facts{grid-template-columns:repeat(2,minmax(0,1fr))}.lf-page .fact:last-child{grid-column:auto}}
.lf-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:28px;margin-top:28px}
@media(max-width:900px){.lf-grid{grid-template-columns:minmax(0,1fr)}}
.lf-h{font:600 15px var(--body);color:var(--frost);margin-bottom:10px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.lf-hours{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:2px;height:96px;align-items:end;border-bottom:1px solid var(--line)}
.lf-hours i{display:block;background:var(--glacier);border-radius:2px 2px 0 0;min-height:1px;opacity:.9}
.lf-hours i.now{background:var(--sprout)}
.lf-hours-ax{display:flex;justify-content:space-between;font:400 11px var(--mono);color:var(--mist);margin-top:6px}
.lf-models{display:grid;gap:10px}
.lf-wrap{overflow-x:auto;margin-top:14px;border-top:1px solid var(--line)}
.lf-table{width:100%;border-collapse:collapse;font:400 13px/1.5 var(--mono);font-variant-numeric:tabular-nums}
.lf-table th{text-align:left;font-weight:600;color:var(--mist);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:10px 12px 8px;border-bottom:1px solid var(--line-soft)}
.lf-table td{padding:7px 12px;border-bottom:1px solid var(--line-soft);color:var(--frost);white-space:nowrap}
.lf-table td.w{color:var(--mist)}.lf-table .n{text-align:right}.lf-table td.u{color:var(--sprout)}
.lf-table tr.lf-new td{animation:lfIn .5s ease}
@media (prefers-reduced-motion:reduce){.lf-tape-l li.lf-new,.lf-table tr.lf-new td,.lf-pulse.lf-new .lf-pulse-t{animation:none}}
/* ── docs (2026-10-20): the second window. Sidebar · article · on this page. Same tokens, prose set for reading. ── */
.docs{display:grid;grid-template-columns:230px minmax(0,1fr) 190px;gap:40px;padding-block:36px 64px;align-items:start}
.docs-side-m{display:none}
.docs-side-d,.docs-toc{position:sticky;top:calc(64px + env(safe-area-inset-top, 0px))}
.docs-g{margin:0 0 18px}
.docs-g b{display:block;font:700 10.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mist);margin-bottom:8px}
.docs-g ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.docs-g a{display:block;padding:5px 10px;border-radius:7px;font-size:14px;color:var(--mist);text-decoration:none;border-left:2px solid transparent}
.docs-g a:hover{color:var(--frost);background:var(--surface-2)}
.docs-g a[aria-current="page"]{color:var(--frost);background:var(--surface-2);border-left-color:var(--sprout)}
.docs-main{min-width:0;max-width:72ch}
.docs-crumb a{color:var(--mist);text-decoration:none}.docs-crumb a:hover{color:var(--frost)}
.docs-main h1{font-size:clamp(30px,4vw,40px);letter-spacing:-.025em;line-height:1.1;margin-top:10px}
.docs-summary{margin-top:12px;font-size:17px;line-height:1.55;color:var(--mist)}
.docs-body{margin-top:26px;font-size:15.5px;line-height:1.7}
.docs-body h2{font-size:22px;letter-spacing:-.015em;margin-top:40px;padding-top:18px;border-top:1px solid var(--line-soft)}
.docs-body h3{font-size:17px;margin-top:26px}
.docs-body h2 a,.docs-body h3 a{color:inherit;text-decoration:none}
.docs-body p{margin:12px 0}
.docs-body ul,.docs-body ol{margin:12px 0;padding-left:22px}.docs-body li{margin:5px 0}
.docs-body a{color:var(--sprout);text-decoration:none;text-underline-offset:3px}.docs-body a:hover{text-decoration:underline}
.docs-body code{font:500 13px var(--mono);color:var(--frost);background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:1px 5px}
.docs-body pre{margin:14px 0;background:#050912;border:1px solid var(--line);border-radius:10px;padding:14px 16px;overflow-x:auto;font-size:13px;line-height:1.65;color:var(--frost)}
.docs-body pre code{background:none;border:0;padding:0;font-size:inherit}
.docs-body table{width:100%;border-collapse:collapse;margin:14px 0;font-size:14px;display:block;overflow-x:auto}
.docs-body th{text-align:left;font-weight:600;color:var(--mist);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;padding:8px 10px;border-bottom:1px solid var(--line)}
.docs-body td{padding:8px 10px;border-bottom:1px solid var(--line-soft);vertical-align:top}
.docs-body td code{white-space:nowrap}
.docs-body blockquote{margin:14px 0;padding:10px 16px;border-left:3px solid var(--husk);background:var(--surface-2);border-radius:0 8px 8px 0;color:var(--mist)}
.docs-body blockquote p{margin:4px 0}
.docs-body hr{border:0;border-top:1px solid var(--line-soft);margin:28px 0}
.docs-body strong{color:var(--frost);font-weight:600}
.docs-pn{display:flex;justify-content:space-between;gap:12px;margin-top:40px;padding-top:18px;border-top:1px solid var(--line-soft)}
.docs-pn a{display:block;text-decoration:none;color:var(--frost);font-size:14px;max-width:48%}
.docs-pn a span{display:block;font:500 10.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mist);margin-bottom:5px}
.docs-pn a.next{margin-left:auto;text-align:right}
.docs-pn a:hover{color:var(--sprout)}
.docs-meta{margin-top:22px}.docs-meta a{color:var(--mist)}.docs-meta a:hover{color:var(--frost)}
.docs-toc b{display:block;font:700 10.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mist);margin-bottom:8px}
.docs-toc ul{list-style:none;margin:0;padding:0}.docs-toc ul ul{padding-left:12px}
.docs-toc a{display:block;padding:3px 0;font-size:13px;color:var(--mist);text-decoration:none}.docs-toc a:hover{color:var(--frost)}
.docs-home{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:8px}
.docs-home a{display:block;border:1px solid var(--line);border-radius:12px;padding:16px 18px;text-decoration:none;color:var(--frost);background:var(--surface-2)}
.docs-home a:hover{border-color:var(--glacier)}
.docs-home a b{display:block;font-size:15px;margin-bottom:4px}.docs-home a span{font-size:13.5px;color:var(--mist);line-height:1.5}
.docs-preview{font:500 12px/1.4 var(--mono);color:var(--husk);border:1px dashed rgba(233,179,90,.5);border-radius:8px;padding:8px 12px;margin-bottom:18px}
@media(max-width:1100px){.docs{grid-template-columns:220px minmax(0,1fr)}.docs-toc{display:none}}
@media(max-width:900px){
  .docs{grid-template-columns:minmax(0,1fr);gap:18px;padding-top:20px}
  .docs-side-d{display:none}.docs-side-m{display:block;border:1px solid var(--line);border-radius:10px;padding:10px 14px;background:var(--surface-2)}
  .docs-side-m summary{cursor:pointer;font-size:14px;color:var(--frost)}.docs-side-m nav{margin-top:12px}
  .docs-home{grid-template-columns:minmax(0,1fr)}
}