@font-face{font-family:"Work Sans";font-weight:100 900;font-style:normal;font-display:swap;src:url("fonts/work-sans.woff2") format("woff2")}
@font-face{font-family:"JetBrains Mono";font-weight:100 800;font-style:normal;font-display:swap;src:url("fonts/jetbrains-mono.woff2") format("woff2")}
:root{--bg:#050e1f;--bg2:#050e1f;--panel:#050e1f;--c1:#0a1830;--c2:#050e1f;--line:#1b3a63;--edge:rgba(61,143,224,.34);--ink:#f7f9fc;--dim:#9db2ce;--faint:#9db2ce;--blue:#3d8fe0;--blue2:#7cc0ff;--cyan:#7cc0ff;--orange:#ff6a1f;--green:#7cc0ff;--navy:#0f2242;--mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;--sans:"Work Sans",system-ui,-apple-system,"Segoe UI",sans-serif}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{font-size:clamp(16px,11px + .35vw,21px);scroll-behavior:smooth;scroll-padding-top:5.5rem;background:var(--bg);-webkit-text-size-adjust:100%}
body{margin:0;background-color:var(--bg);background-image:none;color:var(--dim);font:400 1rem/1.62 var(--sans);overflow-x:hidden}
h1,h2,h3,h4,p,ul,ol,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit;text-decoration:none}
a:hover{color:#f7f9fc}
button,input,select,textarea{font:inherit;color:inherit}
img,svg{max-width:100%}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:.4rem}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:1rem;top:-4rem;z-index:100;padding:.7rem 1rem;border-radius:.6rem;background:var(--orange);color:var(--navy);font-weight:600}
.skip:focus{top:1rem}
.mono,.eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase}
.eyebrow{color:var(--blue2);font-weight:600;margin-bottom:.9rem}
.wrap{width:calc(100% - 2rem);margin-inline:auto}
@media(min-width:601px){.wrap{width:80%}}

/* ------------------------------------------------------------ preview bar and header */
.pbar{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .9rem;padding:.55rem 1rem;background:#0a1830;border-bottom:1px solid var(--line);color:var(--dim);font-size:.8rem}
.pbar .mono{color:var(--cyan);font-weight:600;font-size:.7rem}
.pbar-t{color:var(--dim)}
.pulse{width:.5rem;height:.5rem;border-radius:50%;background:var(--cyan);animation:soft 3.2s ease-in-out infinite}
.head{position:sticky;top:0;z-index:50;background:rgba(5,14,31,.86);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.head-in{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:4.4rem}
.brand{display:inline-flex;align-items:center;gap:.7rem;white-space:nowrap;color:var(--ink)}
.brand .word{font-size:1.35rem}
.eyebrow .word{font-size:1.15em;margin-right:.1em}
.vs b .word{font-size:1.1rem}
.mark{display:inline-block;width:2.1rem;height:2.1rem;flex:none;border-radius:50%;background:#050e1f url("/assets/atlas-consciousness.png") center 47%/210% auto no-repeat;box-shadow:0 0 1rem rgba(61,143,224,.3)}
.dnav{display:none;gap:1.25rem;align-items:center;font-size:.78rem;color:#9db2ce}
.dnav a{padding:.5rem 0}
.dnav a[aria-current=page]{color:#f7f9fc;box-shadow:inset 0 -2px 0 var(--cyan)}
.dnav .cust{border-left:1px solid var(--line);padding-left:1.1rem;color:#f7f9fc}
.mnav{position:relative}
.mnav summary{list-style:none;cursor:pointer;display:flex;gap:1rem;border:1px solid var(--line);border-radius:.7rem;padding:.55rem .9rem;font-size:.85rem;color:#f7f9fc}
.mnav summary::-webkit-details-marker{display:none}
.mnav nav{position:absolute;right:0;top:calc(100% + .5rem);min-width:15rem;display:grid;background:#0a1830;border:1px solid var(--line);border-radius:1rem;padding:.6rem;box-shadow:0 1.5rem 3rem rgba(5,14,31,.6)}
.mnav nav a{padding:.65rem .8rem;border-radius:.6rem;color:var(--dim)}
.mnav nav a[aria-current=page]{color:#f7f9fc}
.mnav nav a:hover{background:#0f2242;color:#f7f9fc}
@media(min-width:1180px){.dnav{display:flex}.mnav{display:none}}

/* ------------------------------------------------------------ hero: sky, ridge, soft sun */
.hero{position:relative;overflow:hidden;isolation:isolate;padding:clamp(3.2rem,9vh,6.5rem) 0 clamp(8rem,20vh,13rem);min-height:clamp(32rem,80vh,54rem)}
.sky{position:absolute;inset:0;z-index:-3;background:linear-gradient(180deg,rgba(5,14,31,.55),rgba(5,14,31,.3)),var(--sky-grad,linear-gradient(180deg,#0a1830 0%,#0f2242 44%,#1b3a63 72%,#25507f 100%))}
.sun{position:absolute;left:var(--sun-left,68%);top:var(--sun-top,73%);width:clamp(5rem,9vw,11rem);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,var(--sun-core,#f7f9fc) 0,var(--sun-core,#f7f9fc) 24%,transparent 72%);filter:blur(2px)}
.ridge{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:clamp(7rem,30%,18rem);z-index:-1}
.hero-in{display:grid;gap:2.2rem;align-items:center}
.hero-copy{min-width:0}
h1{font-weight:300;font-size:clamp(2.5rem,1.5rem + 3.6vw,5.2rem);line-height:1.04;letter-spacing:-.032em;color:#f7f9fc;text-wrap:balance;text-shadow:0 .4rem 2.4rem rgba(5,14,31,.5)}
.lede{margin-top:1.3rem;font-size:clamp(1.05rem,.95rem + .45vw,1.45rem);line-height:1.55;color:#f7f9fc;max-width:44ch}
.lede2{margin-top:.8rem;color:#f7f9fc}
.cta{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:1.8rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:2.9rem;padding:.8rem 1.4rem;border-radius:.8rem;border:1px solid transparent;font-weight:600;font-size:.95rem;line-height:1.2;cursor:pointer;text-align:center}
.btn.primary{background-color:var(--orange);background-image:linear-gradient(180deg,rgba(247,249,252,.3),rgba(255,255,255,0) 55%);color:var(--navy);border-color:var(--orange);box-shadow:inset 0 1px 0 rgba(247,249,252,.5),0 .8rem 2rem -.8rem #3d8fe0}
.btn.primary:hover{color:var(--navy);background-image:linear-gradient(180deg,rgba(247,249,252,.46),rgba(247,249,252,.06) 55%)}
.btn.ghost{background:rgba(10,24,48,.72);border-color:#3d8fe0;color:#f7f9fc}
.btn.ghost:hover{border-color:var(--cyan);color:#f7f9fc}
.btn.mini{min-height:2.3rem;padding:.45rem .95rem;font-size:.82rem;background:#0f2242;border-color:#3d8fe0;color:#f7f9fc;border-radius:.6rem}
.btn.mini.ghost{background:#0a1830;border-color:#3d8fe0;color:var(--dim)}
.btn.mini:hover{border-color:var(--cyan);color:#f7f9fc}
.btn:disabled{opacity:1;cursor:default;background:#0a1830;border-color:#1b3a63;color:#9db2ce;box-shadow:none}
.glass{border-radius:1.5rem;border:1px solid rgba(247,249,252,.26);background:linear-gradient(180deg,rgba(15,34,66,.62),rgba(10,24,48,.78));-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);box-shadow:inset 0 1px 0 rgba(247,249,252,.34),0 1.6rem 3rem -1.4rem rgba(5,14,31,.9);padding:1.4rem 1.6rem}
.glass .eyebrow{color:#f7f9fc;margin-bottom:.6rem}
.nums{display:grid;gap:.2rem}
.nums li{padding:.9rem 0;border-top:1px solid rgba(247,249,252,.2)}
.nums li:first-child{border-top:0}
.fig{color:#f7f9fc;font-size:.95rem;line-height:1.4}
.fig .n{display:block;font-weight:200;font-size:clamp(2.2rem,1.2rem + 2.2vw,4rem);line-height:1.02;letter-spacing:-.03em;color:#f7f9fc;font-variant-numeric:tabular-nums}
.fig.big .n{font-size:clamp(2.6rem,1.4rem + 2.6vw,4.6rem)}
.prov{margin-top:.6rem;font-size:.82rem;color:#f7f9fc}
@media(min-width:900px){.hero-in{grid-template-columns:minmax(0,1.45fr) minmax(0,.9fr);gap:3rem}}

/* ------------------------------------------------------------ jump nav */
.jump{background:#050e1f;border-bottom:1px solid var(--line)}
.jump-in{display:flex;gap:.4rem 1.4rem;overflow-x:auto;padding:.9rem 0;font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.jump a{color:var(--faint)}
.jump a:hover{color:#f7f9fc}

/* ------------------------------------------------------------ sections */
.sec{padding:clamp(3rem,6.5vw,6rem) 0}
.sec.alt{background:linear-gradient(180deg,#050e1f,#050e1f)}
.sec-head{margin-bottom:2rem;max-width:62rem}
h2{font-weight:300;font-size:clamp(1.9rem,1.2rem + 1.9vw,3.5rem);line-height:1.1;letter-spacing:-.025em;color:#f7f9fc}
.sec-lede{margin-top:1rem;font-size:clamp(1.02rem,.95rem + .3vw,1.3rem);color:var(--dim);max-width:60ch}
h3{font-weight:400;font-size:1.3rem;line-height:1.25;letter-spacing:-.015em;color:#f7f9fc}
.grid{display:grid;gap:1.1rem}
.two{display:grid;gap:1.1rem;margin-top:1.1rem}
@media(min-width:900px){.two{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* cards: lit along the top edge, blue ambient glow */
.card{position:relative;border-radius:1.25rem;border:1px solid var(--edge);background:linear-gradient(168deg,#0f2242,#0a1830 62%);box-shadow:inset 0 1px 0 rgba(247,249,252,.06),0 1.8rem 3.4rem -2rem #050e1f;padding:1.5rem 1.6rem;transition:border-color .25s,transform .25s;min-width:0}
.card::before{content:"";position:absolute;left:1.1rem;right:1.1rem;top:0;height:2px;border-radius:2px;background:linear-gradient(90deg,#ff6a1f 0,#ff6a1f 9%,#7cc0ff 44%,#7cc0ff 100%)}
.card:hover{border-color:#7cc0ff;transform:translateY(-2px)}
.card.pad{padding:1.5rem 1.6rem}
.card p+p{margin-top:.8rem}
.card h3{margin:.9rem 0 .7rem}
.card-top,.p-top,.tl-top,.rt-top{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}
.note{font-size:.9rem;color:var(--faint)}
.sub{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.8rem;font-size:.92rem;color:var(--dim)}
.sub .chip{flex:none}
.tgrid{grid-template-columns:minmax(0,1fr)}
@media(min-width:700px){.tgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.tgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:2400px){.tgrid{grid-template-columns:repeat(6,minmax(0,1fr))}}
.tcard .fig{margin-top:1rem}
.tcard .fig .n{font-size:clamp(2rem,1.1rem + 1.8vw,3.4rem)}

.legend{display:grid;gap:.9rem 2rem;margin-bottom:1.6rem;font-size:.9rem}
.legend li{display:grid;grid-template-columns:minmax(10.5rem,auto) minmax(0,1fr);gap:.8rem;align-items:center}
.legend .chip{justify-self:start}
@media(min-width:900px){.legend{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:2400px){.legend{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ------------------------------------------------------------ the record, day by day */
.tl{padding:1.6rem}
.tl-cap{color:var(--faint);font-size:.66rem}
.tl-marks{display:flex;justify-content:space-between;gap:.4rem;margin:1.4rem 0 .4rem;position:relative}
.tl-marks::before{content:"";position:absolute;left:1rem;right:1rem;top:50%;height:2px;background:linear-gradient(90deg,#3d8fe0,#7cc0ff);opacity:.75;z-index:0}
.tl-dot{position:relative;z-index:1;font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;color:#f7f9fc;background:#0a1830;border:1px solid #3d8fe0;border-radius:999px;padding:.55rem .8rem;cursor:pointer;min-height:2.4rem}
.tl-dot:hover{border-color:var(--cyan);color:#f7f9fc}
.tl-dot[aria-pressed=true]{background:#0f2242;border-color:var(--cyan);color:#f7f9fc;box-shadow:0 0 1.3rem rgba(61,143,224,.45)}
.tl-panel{margin:1rem 0 .4rem;min-height:5.2rem}
.tl-p{font-size:clamp(1.05rem,.95rem + .4vw,1.4rem);color:#f7f9fc;line-height:1.5;max-width:60ch}
.tl-p time{font-family:var(--mono);font-size:.72em;letter-spacing:.1em;color:var(--blue2);margin-right:.5rem;text-transform:uppercase;display:inline-block}
.tl-p .n{font-weight:300}
.tl-range{display:block;margin-top:.8rem}
input[type=range]{width:100%;height:2rem;background:transparent;-webkit-appearance:none;appearance:none;margin:0}
input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(90deg,#3d8fe0,#7cc0ff)}
input[type=range]::-moz-range-track{height:4px;border-radius:4px;background:linear-gradient(90deg,#3d8fe0,#7cc0ff)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;border-radius:50%;background:#f7f9fc;border:3px solid #3d8fe0;margin-top:-.55rem;box-shadow:0 0 1rem rgba(61,143,224,.6)}
input[type=range]::-moz-range-thumb{width:1.25rem;height:1.25rem;border-radius:50%;background:#f7f9fc;border:3px solid #3d8fe0}
.two .fig{font-size:clamp(1.2rem,1rem + .8vw,1.8rem);color:#f7f9fc;font-weight:300;line-height:1.3}

/* ------------------------------------------------------------ the promise band and six / six / six */
.band{background:linear-gradient(180deg,#050e1f 0,#0a1830 55%,#050e1f 100%)}
.statement{display:flex;flex-direction:column;align-items:flex-start;gap:1.1rem;max-width:62rem}
.statement h2{font-size:clamp(2rem,1.2rem + 2.8vw,4.4rem);line-height:1.08}
.sx{margin-top:2rem}
.sx-tabs{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.1rem}
.sx-tabs button{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;background:#0a1830;color:var(--dim);border:1px solid #3d8fe0;border-radius:999px;padding:.65rem 1rem;cursor:pointer;min-height:2.6rem}
.sx-tabs button:hover{border-color:var(--cyan);color:#f7f9fc}
.sx-tabs button[aria-selected=true]{background:#0f2242;border-color:var(--cyan);color:#f7f9fc}
.sx-pane{display:grid;gap:1.1rem}
@media(min-width:900px){.sx-pane{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sx-col{min-width:0}
.sx-h{color:var(--blue2);margin-bottom:.8rem;font-size:.7rem}
.stand{display:grid;gap:.9rem}
.stand li{display:grid;gap:.5rem;padding:1rem 1.1rem;border-radius:1rem;border:1px solid var(--edge);background:#0a1830}
.stand li .chip{justify-self:start}
.stand p{color:#f7f9fc}
.stand .n{font-weight:300}

/* examples: always labelled */
.demo{position:relative;margin-top:1.2rem;border:1px dashed #3d8fe0;border-radius:1rem;background:#050e1f;padding:1rem 1.1rem 1.1rem}
.demo figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.9rem}
.ex-tag{font-family:var(--mono);font-weight:700;font-size:.66rem;letter-spacing:.16em;color:var(--navy);background:#7cc0ff;padding:.3rem .55rem;border-radius:.4rem}
.demo-t{font-size:.84rem;color:var(--faint)}
.demo.thin{margin-top:0}
.bubble{padding:.8rem 1rem;border-radius:1rem;max-width:34ch;font-size:.98rem;line-height:1.45;color:#f7f9fc}
.bubble.q{background:#0f2242;border:1px solid #3d8fe0;margin-left:auto;border-bottom-right-radius:.3rem}
.bubble.a{background:#0a1830;border:1px solid var(--edge);margin-top:.7rem;border-bottom-left-radius:.3rem}
.line{margin-top:.8rem;font-size:.92rem;color:var(--dim);min-height:1.5em}
.row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-top:.9rem}
.sel select,.topic input,.paste textarea{background:#0a1830;border:1px solid #3d8fe0;border-radius:.6rem;color:#f7f9fc;padding:.55rem .75rem;min-height:2.3rem;font-size:.85rem}
.sel select{padding-right:1.2rem}

/* ------------------------------------------------------------ promises */
.pgrid{grid-template-columns:minmax(0,1fr);margin-top:1.1rem}
@media(min-width:700px){.pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.pgrid:not(.pgrid2)>:last-child:nth-child(odd){grid-column:1/-1}}
@media(min-width:1500px){.pgrid:not(.pgrid2){grid-template-columns:repeat(3,minmax(0,1fr))}.pgrid:not(.pgrid2)>:last-child:nth-child(odd){grid-column:auto}}
@media(min-width:2400px){.pgrid2{grid-template-columns:repeat(4,minmax(0,1fr))}}
.promise{padding-top:1.6rem}
.ord{font-family:var(--mono);font-weight:200;font-size:2.4rem;line-height:1;letter-spacing:-.04em;color:#f7f9fc}
.chips{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end}
.promise h3{font-size:1.45rem;margin:1.1rem 0 .6rem}
.feel{color:#f7f9fc;font-size:1.08rem;font-weight:300}
.more{color:var(--blue2);font-size:.9rem;border-bottom:1px solid #3d8fe0}
.ctx-grid{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:3px}
.ctx-grid i{display:block;aspect-ratio:2/1;border-radius:3px;background:#0f2242}
.ctx-grid i.hit{background:var(--cyan)}
.qrow{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem}
.qrow button{background:#0a1830;border:1px solid #3d8fe0;border-radius:999px;color:var(--dim);padding:.5rem .85rem;font-size:.82rem;cursor:pointer;min-height:2.3rem}
.qrow button:hover,.qrow button[aria-pressed=true]{border-color:var(--cyan);color:#f7f9fc}
.ctx-out{display:grid;gap:.5rem;margin-top:.9rem}
.it{padding:.7rem .9rem;border-radius:.8rem;background:#0a1830;border:1px solid var(--edge);font-size:.9rem;color:#f7f9fc}
.it small{display:block;font-family:var(--mono);font-size:.64rem;letter-spacing:.12em;color:var(--blue2);text-transform:uppercase;margin-bottom:.2rem}
.closed{font-family:var(--mono);font-size:.64rem;letter-spacing:.14em;color:var(--faint);text-transform:uppercase;margin-top:.2rem}
.svc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.svc-i{padding:.8rem;border-radius:.8rem;border:1px solid #3d8fe0;background:#0a1830;color:var(--dim)}
.svc-i.on{border-color:var(--cyan);color:#f7f9fc}
.svc-i.out{border-style:dashed;color:var(--faint)}
.svc .bar,.rt-bar .trackb{height:.5rem;border-radius:1rem;background:#0f2242;margin-top:.6rem;overflow:hidden}
.svc .bar i{display:block;height:100%;width:var(--w,100%);background:linear-gradient(90deg,#3d8fe0,#7cc0ff);border-radius:1rem;transition:width .35s}
.rec-list{display:grid;gap:.35rem;margin-top:.9rem;font-size:.84rem}
.rec-list li{display:flex;gap:.6rem;align-items:baseline;padding:.45rem .7rem;border-radius:.6rem;background:#0a1830;border:1px solid var(--edge);color:#f7f9fc}
.rec-list li small{margin-left:auto;font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;color:var(--blue2);text-transform:uppercase}
.rec-list li.fail{border-style:dashed;color:var(--dim)}
.vs{display:grid;gap:.9rem;grid-template-columns:repeat(2,minmax(0,1fr))}
.vs b{font-weight:600;color:#f7f9fc;font-size:.88rem}
.lines{display:grid;gap:.3rem;margin-top:.6rem;min-height:5rem;align-content:start}
.lines i{display:block;height:.38rem;border-radius:.3rem;background:#3d8fe0}
.vs-b .lines i{background:linear-gradient(90deg,#3d8fe0,#7cc0ff)}
.warn{margin-top:.6rem;font-size:.82rem;color:#f7f9fc;background:#0a1830;border:1px solid #e02424;border-radius:.6rem;padding:.5rem .65rem}
.okline{margin-top:.6rem;font-size:.82rem;color:#7cc0ff}
.trk{position:relative;height:3.2rem;border-radius:.8rem;background:#0a1830;border:1px solid #3d8fe0;overflow:hidden}
.trk .t{position:absolute;top:.8rem;bottom:.8rem;width:2px;background:#3d8fe0}
.trk .marker{position:absolute;top:.35rem;bottom:.35rem;width:.8rem;margin-left:-.4rem;border-radius:.4rem;background:var(--cyan);left:96%}
.ents{display:grid;gap:.4rem}
.ents li{display:flex;align-items:center;gap:.7rem;padding:.55rem .75rem;border-radius:.7rem;background:#0a1830;border:1px solid var(--edge);font-size:.86rem;color:#f7f9fc}
.ents li code{margin-left:auto;font-family:var(--mono);font-size:.68rem;color:var(--blue2)}
.ents li .ok{color:#7cc0ff;font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}
.ents li.bad{border-color:#e02424;background:#0a1830}
.ents li.bad .ok{color:#ff6a1f}
.threads{display:grid;gap:.5rem;margin-top:.9rem}
.threads li{padding:.7rem .9rem;border-radius:.8rem;background:#0a1830;border:1px solid var(--edge);color:#f7f9fc;font-size:.92rem}
.threads li small{display:block;font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;color:var(--faint);text-transform:uppercase;margin-top:.25rem}
.topic{display:flex;gap:.6rem;flex-wrap:wrap}
.topic input{flex:1 1 10rem;min-width:0}
.topic label{flex:1 1 10rem;display:flex}
.topic label input{flex:1}

/* trust */
.trgrid{grid-template-columns:minmax(0,1fr)}
@media(min-width:700px){.trgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1300px){.trgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pill .mono{color:var(--blue2);margin-bottom:.7rem;font-size:.7rem}
.pill p{color:#f7f9fc}
.pill .note{color:var(--faint)}
.two.top{align-items:start;margin-top:1.1rem}
.sheet{margin-top:0}
.sheet-h{color:var(--blue2);font-size:.66rem}
.sheet-q{margin:.8rem 0;padding:.9rem 1rem;border-radius:.9rem;background:#0a1830;border:1px solid var(--edge);color:#f7f9fc}
.choices{display:grid;gap:.5rem}
.ch{display:flex;align-items:center;gap:.7rem;padding:.7rem .9rem;border-radius:.8rem;border:1px solid #3d8fe0;background:#0a1830;color:var(--dim);cursor:pointer}
.ch:has(input:checked){border-color:var(--cyan);color:#f7f9fc;background:#0a1830}
.ch input{accent-color:#3d8fe0;width:1.1rem;height:1.1rem}
.lim h3{margin:0 0 1rem}
.limits{display:grid;gap:.9rem}
.limits li{padding-bottom:.9rem;border-bottom:1px solid var(--line);color:#f7f9fc}
.limits li:last-child{border:0;padding:0}
.vrows{display:grid;gap:.9rem}
.vrows li{padding-bottom:.9rem;border-bottom:1px solid var(--line);color:#f7f9fc;line-height:1.5}
.vrows li:last-child{border:0}
.vrows .n{font-weight:300}
code.fp{font-family:var(--mono);font-size:.82em;color:var(--cyan);background:#0f2242;border:1px solid #3d8fe0;border-radius:.4rem;padding:.1rem .4rem;white-space:nowrap}
.vtool{display:grid;grid-template-columns:minmax(0,1fr);gap:.8rem;align-content:start}
.vtool .mono{color:var(--blue2);font-size:.7rem}
.drop{display:block;padding:1.1rem;border:1px dashed #3d8fe0;border-radius:.9rem;color:var(--dim);cursor:pointer;text-align:center;font-size:.9rem}
.drop input{display:block;margin:.6rem auto 0;width:100%;max-width:100%;color:var(--dim)}
.paste textarea{width:100%;resize:vertical}
.vout{min-height:1.5em;color:#f7f9fc;font-size:.92rem;word-break:break-all}
.vnote{color:var(--faint);font-size:.64rem}
.ladder{margin-top:1.4rem;max-width:62rem}
.ld-h{font-weight:300;color:#f7f9fc;font-size:1.3rem}
.close .cta{margin-top:1.6rem}

/* ------------------------------------------------------------ footer: the site's existing footer, same words */
.foot{border-top:1px solid var(--line);background:#050e1f;margin-top:0}
.foot-grid{display:grid;gap:2rem;padding:3.2rem 0 2.2rem}
@media(min-width:700px){.foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.foot-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}}
.foot-grid p{font-size:.9rem;margin-top:1rem;max-width:20rem;color:var(--dim)}
.foot nav{display:flex;flex-direction:column;gap:.5rem;font-size:.85rem;color:var(--dim)}
.foot h2{font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--faint);margin-bottom:.5rem}
.foot-bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;border-top:1px solid var(--line);padding:1.2rem 0;font-size:.78rem;color:var(--faint)}
.foot-bot a{color:var(--dim)}
.estate{padding:0 0 1.2rem;font-size:.74rem;line-height:1.6;color:var(--faint);max-width:none}

/* ------------------------------------------------------------ motion: soft, slow, small */
@keyframes soft{0%,100%{opacity:.45}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* ------------------------------------------------------------ phones */
@media(max-width:400px){
  .brand .word{font-size:.9rem}.mark{width:1.5rem;height:1.5rem}.brand{gap:.5rem}
  .mnav summary{padding:.45rem .65rem;gap:.5rem;font-size:.8rem}
  .head-in{gap:.6rem}
}
@media(max-width:600px){
  .head-in{min-height:3.8rem;gap:.8rem}
  .brand .word{font-size:1.05rem}.mark{width:1.8rem;height:1.8rem}
  .hero{padding-top:2.4rem}
  .glass{padding:1.1rem 1.2rem}
  .card,.card.pad{padding:1.2rem 1.15rem}
  .tl-marks{gap:.25rem}.tl-dot{padding:.5rem .55rem;font-size:.64rem}
  .vs{grid-template-columns:minmax(0,1fr)}
  .rt-bar{grid-template-columns:5.2rem minmax(0,1fr)}
}

/* cards that pin their figures to the bottom, so a row of cards lines up */
.tcard{display:flex;flex-direction:column}
.tcard .facts{margin-top:auto;padding-top:1rem}
.tcard .facts .fig{margin-top:.2rem}
.fig.inl{font-size:1.02rem;line-height:1.7;color:#f7f9fc}
.fig.inl .n{display:inline;font-size:1.9em;line-height:1;margin:0 .06em}
.tcard .fig.inl .n{font-size:1.8em}
.stand-box{margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--line)}
.stand-h{color:var(--blue2);font-size:.68rem;margin-bottom:.7rem}
.stand-box p+p{margin-top:.7rem}
.promise{display:flex;flex-direction:column}
.promise .stand-box{margin-top:auto}
.promise .demo{margin-bottom:.2rem}
input[type=file]::file-selector-button{background:#0f2242;color:#f7f9fc;border:1px solid #3d8fe0;border-radius:.5rem;padding:.4rem .8rem;margin-right:.7rem;cursor:pointer;font:inherit}
.close{position:relative;overflow:hidden;isolation:isolate}
.close::before{content:"";position:absolute;inset:0;z-index:-1;background:none}

/* ------------------------------------------------------------ the sphere at rest, the story, the work, the status table */
.orb{position:absolute;left:84%;top:30%;width:clamp(9rem,20vw,26rem);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 34% 30%,#f7f9fc 0,#7cc0ff 10%,#3d8fe0 34%,#1b3a63 62%,#0a1830 100%);box-shadow:0 0 6rem rgba(61,143,224,.45),inset -1.2rem -1.4rem 3rem rgba(5,14,31,.55);opacity:.92}
.band{padding-bottom:clamp(3rem,6vw,5.5rem)}
.wc{margin-top:2.2rem;font-size:clamp(1.3rem,1rem + 1.2vw,2.2rem);font-weight:300;line-height:1.3;color:#f7f9fc;max-width:36ch}
.statement.s2{margin-top:2.2rem}
.statement .chips{justify-content:flex-start}
.stmt{font-weight:300;font-size:clamp(1.6rem,1.1rem + 1.8vw,3rem);line-height:1.15;letter-spacing:-.02em;color:#f7f9fc;max-width:30ch}
.sevenh{font-weight:600;color:var(--blue2);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;margin:0 0 1.2rem}
.sec-head .statement h2{font-size:clamp(2rem,1.2rem + 2.8vw,4.4rem)}
.task-chat{display:grid;gap:.6rem;transition:opacity .3s}
.task-chat.closed{opacity:.3}
.steps{display:grid;gap:.45rem;margin:1rem 0 0}
.steps li{display:flex;align-items:center;gap:.7rem;padding:.55rem .75rem;border-radius:.7rem;background:#0a1830;border:1px solid var(--edge);font-size:.88rem;color:var(--dim)}
.steps li small{margin-left:auto;font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
.steps li.done{color:#f7f9fc}.steps li.done small{color:#7cc0ff}
.steps li.wait{border-color:var(--cyan);color:#f7f9fc}.steps li.wait small{color:var(--cyan)}
.months{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.35rem;margin:0 0 1rem}
.months li{padding:.5rem .3rem;border-radius:.6rem;background:#0a1830;border:1px solid var(--edge);text-align:center;font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.months li.on{color:#f7f9fc;border-color:var(--cyan)}
.months li.exc{border-color:#e02424;background:#0a1830;color:#f7f9fc}
.choices.four{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:.4rem}
.two.top .demo{margin-top:0}
.stand-table{width:100%;border-collapse:separate;border-spacing:0 .6rem}
.stand-table th,.stand-table td{text-align:left;vertical-align:top;padding:1rem 1.1rem;background:linear-gradient(180deg,#0a1830,#050e1f);color:#f7f9fc;font-weight:400}
.stand-table thead th{background:none;color:var(--faint);font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;padding:.3rem 1.1rem}
.stand-table tbody th{font-size:1.05rem}
.stand-table tbody tr>:first-child{border-radius:1rem 0 0 1rem;border:1px solid var(--edge);border-right:0}
.stand-table tbody tr>:last-child{border-radius:0 1rem 1rem 0;border:1px solid var(--edge);border-left:0}
.stand-table tbody tr>:not(:first-child):not(:last-child){border-top:1px solid var(--edge);border-bottom:1px solid var(--edge)}
.stand-table .sn{font-family:var(--mono);font-weight:200;font-size:1.6rem;width:4rem}
.stand-table .sc{white-space:normal}.stand-table .sc .chip{margin:0 .4rem .4rem 0}
.stand-table .st{color:var(--dim);font-size:.95rem}
@media(max-width:860px){
  .stand-table thead{display:none}
  .stand-table,.stand-table tbody,.stand-table tr,.stand-table td,.stand-table th{display:block;width:100%}
  .stand-table tbody tr{margin-bottom:.8rem;border:1px solid var(--edge);border-radius:1rem;background:linear-gradient(180deg,#0a1830,#050e1f);overflow:hidden}
  .stand-table th,.stand-table td{background:none;border:0!important;border-radius:0!important;padding:.55rem 1.1rem}
  .stand-table .sn{width:auto;padding-top:1rem}
}
@media(max-width:900px){.orb{left:80%;top:90%;width:9rem;opacity:.7}}
@media(max-width:600px){.orb{left:82%;top:92%;width:8rem;opacity:.7}.months{grid-template-columns:repeat(3,minmax(0,1fr))}.choices.four{grid-template-columns:minmax(0,1fr)}}

@font-face{font-family:"Technovier";src:url("/assets/fonts/technovier-thin-wordmark.woff2") format("woff2");font-weight:400;font-style:normal;font-display:block}
body .word,body .word *{font-family:"Technovier","Work Sans",sans-serif!important;font-weight:400!important;font-style:normal!important;font-synthesis:none!important;letter-spacing:0!important;text-transform:uppercase!important;line-height:1!important}
.word{display:inline-block;white-space:nowrap;font-size:1.4rem;vertical-align:middle}
.word .wm-t{color:#ff7600}
.word .wm-d{color:#3d8fe0;font-size:1em;-webkit-text-stroke:0}
.word .wm-a{color:#ffffff}