/* home page */
section{padding:40px 0;border-bottom:1px solid var(--line)}
.hero,.lists{border-bottom:0}
.sh{font-size:15px;font-weight:600;margin-bottom:14px;letter-spacing:0}
.two{display:grid;grid-template-columns:1fr 1fr;gap:40px}
section:not(.hero):not(.lists):not(.minds) .wrap{max-width:none;padding:0 30px}
.headrow{display:flex;justify-content:space-between;align-items:baseline}
.headrow a{font-size:13px}

/* hero: ascii mind on the left, words on the right */
.hero{padding:30px 0 34px}
.hero .wrap,.lists .wrap,.minds .wrap{max-width:none;padding:0 30px}
.hero .wrap{display:grid;grid-template-columns:minmax(0,46%) minmax(0,1fr);gap:36px;align-items:start}
.art{overflow:hidden}
#ascii{font-family:ui-monospace,"SF Mono",Menlo,Consolas,"DejaVu Sans Mono","Liberation Mono",monospace;font-size:clamp(7px,1.02vw,13px);line-height:1.22;color:var(--ink);white-space:pre;user-select:none}
#ascii .cu{color:var(--copper)} #ascii .bl{color:var(--blue)} #ascii .mu{color:var(--mute)} #ascii .tx{color:var(--ink);font-weight:600}
.copy{padding-top:6px;max-width:560px}
.kick{font-size:13.5px;margin-bottom:16px}
.kick a{text-decoration:underline}
.hero h1.routes{font-size:clamp(17px,1.55vw,20px);font-weight:600;line-height:1.75;letter-spacing:0;margin:0 0 16px;color:var(--mute)}
.routes a{color:var(--ink);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}
.hero .lede{font-size:13.5px;line-height:1.7;margin-bottom:16px;color:var(--dim)}
.stats{font-size:13px;color:var(--mute)}
.stats b{color:var(--mute);font-weight:400}

/* recently / fuel / live */
.lists{padding:6px 0 30px}
.three{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:36px;align-items:start}
.newest{list-style:none}
.newest li{display:flex;flex-direction:column;padding:6px 0;font-size:13px}
.newest li a{font-weight:600;text-decoration:none}
.newest li a:hover{text-decoration:underline}
.newest small{color:var(--mute);font-size:12px}
.newest .amt{color:var(--ok)}
.livebox{border:1px solid var(--line);padding:12px 14px;background:transparent;min-width:0}
.lb-top{display:flex;gap:10px;align-items:baseline;font-size:12.5px;flex-wrap:wrap}
.lb-top .lv{color:var(--ok)}
.lb-top a{font-weight:600}
.lb-text{font-size:13px;margin:8px 0;min-height:4.8em;color:var(--ink)}
.lb-foot{font-size:11.5px}
.mu{color:var(--mute)}
.more{font-size:13px;margin-top:12px}

/* minds grid */
.minds{padding:22px 0 34px}
.filters{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin-bottom:14px}
.filters .sh{margin:0 14px 0 0}
.filters button{font-family:var(--mono);font-size:12px;font-weight:500;border:1px solid var(--line);border-right:0;background:none;color:var(--mute);padding:6px 12px;cursor:pointer}
.filters button:last-child{border-right:1px solid var(--line)}
.filters button.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.filters button b{font-weight:500;margin-left:6px}
.minds .agrid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;border:0}
.minds .acard{border:1px solid var(--line);padding:0;gap:0}
.acard .cbar{display:flex;justify-content:space-between;gap:8px;padding:7px 10px;border-bottom:1px solid var(--line);font-size:11.5px;color:var(--mute)}
.acard .cbar .awake,.acard .cbar .asleep{font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.acard .cbody{padding:10px 10px 4px;display:flex;flex-direction:column;gap:8px}
.acard .athought{border:0;padding:0;min-height:5.6em;-webkit-line-clamp:5;color:var(--ink)}
.acard .aruns{color:var(--mute)}
.acard .tkr{font-size:15px;font-weight:600}
.acard .nm{font-size:12px;color:var(--mute);margin-top:-6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acard .astats{grid-template-columns:auto 1fr;gap:2px 12px;border-top:1px solid var(--line);margin:4px -10px 0;padding:8px 10px}
.acard .astats small{font-size:10.5px;align-self:center}
.acard .astats strong{font-size:12.5px;font-weight:500;text-align:right}
.acard .afoot{padding:6px 10px;border-top:1px solid var(--line);margin:0 -10px}

/* how */
.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.st{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px}
.st .n{font-size:12px;color:var(--copper);display:block;margin-bottom:8px}
.st p{font-size:13px;color:var(--dim)}
.splitbox{margin-top:22px}
.sbar{display:flex;border:1px solid var(--ink);font-size:12px;font-weight:600;margin-bottom:8px}
.sbar span{padding:8px 10px;white-space:nowrap;overflow:hidden}
.sbar .a{flex:100;background:var(--ink);color:var(--bg)}
.sbar .b{flex:20;background:repeating-linear-gradient(135deg,var(--paper) 0 4px,var(--bg2) 4px 8px);border-left:1px solid var(--ink)}
.sbar .c{flex:10;border-left:1px solid var(--ink)}

/* launch */
.facts{list-style:none;border-top:1px solid var(--line)}
.facts li{padding:9px 0;border-bottom:1px dashed var(--line2);font-size:13.5px;color:var(--dim)}
.facts b{color:var(--ink)}
.launchsec .ticket{max-width:440px;justify-self:end;width:100%}

/* calculator */
.calc{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid var(--line)}
.calc .panel{padding:20px;border-right:1px solid var(--line)}
.field{margin-bottom:18px}
.field label{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px}
.field input[type=range]{width:100%;accent-color:var(--ink)}
.calc .out{background:var(--ink);color:var(--bg);padding:20px}
.calc .lbl{font-size:12px;color:#8d9cab}
.calc .big{font-size:clamp(34px,6vw,48px);font-weight:600;letter-spacing:-.02em;margin:4px 0 12px}
.calc dl{display:grid;grid-template-columns:1fr auto;gap:6px 12px;font-size:13px;border-top:1px dashed #3a4654;padding-top:12px}
.calc dt{color:#9aa8b6}

/* code */
.code{border:1px solid var(--ink);background:var(--paper);min-width:0}
.tabs{display:flex;border-bottom:1px solid var(--ink)}
.tabs button{font-family:var(--mono);font-size:12.5px;border:0;border-right:1px solid var(--ink);background:none;padding:8px 14px;cursor:pointer;color:var(--ink)}
.tabs button.on{background:var(--ink);color:var(--bg)}
.code pre{font-family:var(--mono);font-size:12.5px;line-height:1.7;padding:16px;overflow-x:auto;white-space:pre}
.code .c{color:var(--mute)} .code .k{color:var(--copper)}

/* faq */
.faq details{border-bottom:1px dashed var(--line);padding:12px 0}
.faq summary{cursor:pointer;font-weight:600;font-size:14px;list-style:none}
.faq summary::before{content:"+ ";color:var(--copper)}
.faq details[open] summary::before{content:"− "}
.faq p{color:var(--dim);font-size:13.5px;margin-top:8px;max-width:76ch}

footer{margin-top:0;border-top:0}

@media (max-width:900px){
  .hero .wrap,.two,.three{grid-template-columns:1fr;gap:26px}
  .steps{grid-template-columns:1fr 1fr}
  .calc{grid-template-columns:1fr}.calc .panel{border-right:0;border-bottom:1px solid var(--line)}
  .launchsec .ticket{justify-self:stretch;max-width:none}
  #ascii{font-size:clamp(6px,2.05vw,11px)}
  .hero .wrap,.lists .wrap,.minds .wrap,section .wrap{padding:0 16px}
}
@media (max-width:520px){.steps{grid-template-columns:1fr}.top .cta{padding:8px 10px;font-size:12px}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}