.scroller:has(> .room.is-long){scroll-snap-type:none;margin-bottom:clamp(.4rem,2svh,1.2rem);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 1rem,#000 calc(100% - 2.5rem),transparent);mask-image:linear-gradient(to bottom,transparent,#000 1rem,#000 calc(100% - 2.5rem),transparent)}
.room.is-long > .stack{justify-content:flex-start;gap:0;min-width:0;width:100%;max-width:100%}
@media (min-aspect-ratio:1/1){
  .kick{margin-bottom:clamp(.4rem,3svh,2.2rem)!important;font-size:clamp(.72rem,1.6svh,.78rem)!important}
  .pillars{row-gap:0}
  .pillar svg{width:clamp(26px,6svh,64px)!important;margin-bottom:clamp(.3rem,1.6svh,1.1rem)!important}
  .pillar .n{margin-bottom:clamp(.2rem,1svh,.5rem)!important;font-size:.72rem!important}
  .pillar h2{font-size:clamp(.9rem,2.8svh,1.35rem)!important;margin-bottom:clamp(.3rem,1.4svh,.8rem)!important}
  .pillar p.d{font-size:clamp(.74rem,2.05svh,1rem)!important;line-height:1.5!important}
  .pillar .links{margin-top:clamp(.4rem,1.8svh,1rem)!important}
  .pillar a.go{font-size:clamp(.72rem,1.6svh,.8rem)!important}
  .btns{margin-top:clamp(.8rem,4svh,2.8rem)!important}
  .btn{padding:clamp(.55rem,1.8svh,.95rem) clamp(1rem,3svh,1.6rem)!important;font-size:clamp(.72rem,1.7svh,.85rem)!important}
}
@media (min-aspect-ratio:1/1){
  .pillars{grid-template-columns:repeat(3,minmax(0,1fr))!important;width:min(100%,68rem)!important}
  .pillar{display:grid!important;grid-row:span 5!important;grid-template-rows:subgrid!important;grid-template-columns:none!important;border-top:0!important;border-left:1px solid var(--rule)!important;padding:.2rem clamp(.6rem,2vw,2rem)!important}
  .pillar:first-child{border-left:0!important}
  .pillar svg{grid-row:auto!important}
  .pillar .links{grid-column:auto!important;flex-direction:column!important}
}
@media (min-aspect-ratio:1/1) and (max-height:520px){
  .pillar svg,.pillar .n{display:none!important}
  .pillar p.d{font-size:clamp(.7rem,2.3svh,1rem)!important;line-height:1.42!important}
  .pillar h2{margin-bottom:.2rem!important}
  .kick{margin-bottom:.3rem!important}
}
.kick{margin:0 0 clamp(1rem,4svh,2.2rem);font:400 .78rem/1 var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--accent);text-align:center}
.pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:min(100%,68rem);margin:0 auto;text-align:left}
.pillar{padding:.4rem clamp(1rem,2.4vw,2rem) .4rem;border-left:1px solid var(--rule);display:grid;grid-row:span 5;grid-template-rows:subgrid;align-content:start}
.pillar > *{align-self:end}
.pillar p.d{align-self:start}
.pillar .links.row{flex-direction:row;gap:1.4rem}
.pillar .links{align-self:start;margin:1rem 0 0;display:flex;flex-direction:column;align-items:flex-start;gap:.7rem}
.pillar a.go{font:400 .8rem/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-bright);text-decoration:none;border-bottom:1px solid var(--accent-strong);padding-bottom:.3em}
.pillar a.go .sep,.pillar .go.tag .sep{color:var(--accent)}
.pillar .go.tag{align-self:start;justify-self:start;margin-top:1rem;font:400 .8rem/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);padding-bottom:.3em;border-bottom:1px solid var(--rule)}
.pillar a.go::after{content:" \2192";color:var(--accent)}
.pillar a.go:hover,.pillar a.go:focus-visible{border-bottom-color:var(--accent);outline:none}
.pillar:first-child{border-left:0}
.pillar svg{display:block;width:clamp(44px,6cqw,64px);height:auto;margin:0 0 1.1rem;overflow:visible}
.pillar svg .ln{fill:none;stroke:var(--line-outline);stroke-width:1.3;vector-effect:non-scaling-stroke}
.pillar svg .ac{fill:none;stroke:var(--accent);stroke-width:1.3;vector-effect:non-scaling-stroke}
.pillar svg .dot{fill:var(--accent)}
.pillar .n{margin:0 0 .5rem;font:400 .72rem/1 var(--mono);letter-spacing:.24em;color:var(--accent)}
.pillar h2{margin:0 0 .8rem;font:400 clamp(1.05rem,1.9cqw,1.35rem)/1.3 var(--mono);color:var(--ink-bright);letter-spacing:.01em}
.pillar p.d{margin:0;font:300 clamp(.9rem,1.35cqw,1rem)/1.6 var(--mono);color:var(--ink)}
@container (max-width:760px){
  .pillars{grid-template-columns:1fr;gap:clamp(.9rem,3.2svh,1.6rem);width:min(100%,26rem)}
  .pillar{border-left:0;border-top:1px solid var(--rule);padding:clamp(.8rem,2.6svh,1.2rem) 0 0;display:grid;grid-row:auto;grid-template-rows:none;grid-template-columns:auto 1fr;column-gap:1rem;align-items:start}
  .pillar > *{align-self:start}
  .pillar .links,.pillar .go.tag{grid-column:2;margin-top:.6rem}
  .pillar .links{flex-direction:row;flex-wrap:wrap;gap:.5rem 1rem}
  .pillar a.go,.pillar .go.tag{font-size:.72rem}
  .pillar:first-child{border-top:0;padding-top:0}
  .pillar svg{grid-row:span 3;width:40px;margin:0}
  .pillar h2{margin-bottom:.35rem;font-size:1rem}
  .pillar p.d{font-size:.86rem;line-height:1.5}
}
.cta{display:flex;flex-direction:column;align-items:center;text-align:center}
.cta h1{margin:0}
.btns{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:clamp(1.6rem,6svh,2.8rem)}
.btn{display:inline-block;padding:.95rem 1.6rem;font:400 .85rem/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:var(--ink-bright);border:1px solid var(--rule);background:rgba(255,255,255,.03);transition:background .2s,border-color .2s}
.btn.go{border-color:var(--accent-strong);background:var(--accent-faint);box-shadow:0 0 18px var(--accent-faint)}
.btn:hover,.btn:focus-visible{border-color:var(--accent);background:var(--accent-soft);outline:none}
@container (max-width:520px){.btns{flex-direction:column;align-items:stretch;width:min(100%,20rem)}.btn{text-align:center}}
.cta .say{margin:1rem 0 0;max-width:34ch;font:300 clamp(1rem,4.4cqw,1.25rem)/1.55 var(--mono);color:var(--ink)}
.btn .sep{color:var(--accent)}
.nf{display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(1rem,4svh,2rem)}
.nf h1{margin:0}
.nf .say{margin:0;max-width:40ch;font:300 clamp(1rem,calc(.9rem + .45vw),1.25rem)/1.55 var(--mono);color:var(--ink)}
.nf .btns{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin:0}
.nf .btn{display:inline-block;padding:.95rem 1.6rem;font:400 .85rem/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:var(--ink-bright);border:1px solid var(--rule);background:rgba(255,255,255,.03);transition:background .2s,border-color .2s}
.nf .btn.go{border-color:var(--accent-strong);background:var(--accent-faint);box-shadow:none}
.nf .btn:hover,.nf .btn:focus-visible{border-color:var(--accent);background:var(--accent-soft);outline:none}
@container (max-width:520px){.nf .btns{flex-direction:column;align-items:stretch;width:min(100%,20rem)}.nf .btn{text-align:center}}
.funnel{width:min(100%,46rem);margin:0 auto;display:flex;flex-direction:column;text-align:left}
.funnel,.funnel > *{min-width:0}
.funnel .hook{min-height:min(62svh,40rem);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:clamp(1rem,4svh,2.2rem);padding-bottom:clamp(1rem,4svh,2rem)}
.funnel .hook .say{margin:0;max-width:40ch;font:300 clamp(1rem,calc(.9rem + .45vw),1.25rem)/1.55 var(--mono);color:var(--ink)}
.funnel .cue{display:block;width:1px;height:clamp(2.5rem,9svh,5rem);margin:0 auto;background:linear-gradient(var(--accent),transparent)}
.funnel .part{position:relative;padding:clamp(2rem,7svh,3.6rem) 0 clamp(2rem,7svh,3.6rem) clamp(1.4rem,5cqw,2.6rem);border-left:1px solid var(--rule)}
.funnel .part::before{content:"";position:absolute;left:-4px;top:calc(clamp(2rem,7svh,3.6rem) + .1rem);width:7px;height:7px;background:var(--accent);box-shadow:0 0 10px var(--accent-faint)}
.funnel .n{margin:0 0 .7rem;font:400 .74rem/1 var(--mono);letter-spacing:.26em;text-transform:uppercase;color:var(--accent)}
.funnel h2{margin:0 0 .9rem;font:400 clamp(1.25rem,calc(.95rem + 1.4vw),1.9rem)/1.25 var(--mono);color:var(--ink-bright);letter-spacing:.005em;overflow-wrap:break-word}
.funnel .part p.d{margin:0 0 .8rem;max-width:44ch;font:300 clamp(.95rem,calc(.88rem + .3vw),1.1rem)/1.6 var(--mono);color:var(--ink)}
.funnel .part p.d:last-child{margin-bottom:0}
.funnel .part p.fine{margin:1.2rem 0 0;max-width:52ch;font:300 .82rem/1.55 var(--mono);color:var(--ink-soft)}
.funnel a.go{display:inline-block;margin-top:.4rem;padding-block:.6rem;font:400 .78rem/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-bright);text-decoration:none}
.funnel a.go span{padding-bottom:.3em;border-bottom:1px solid var(--accent-strong)}
.funnel a.go::after{content:" \2192";color:var(--accent)}
.funnel a.go:hover span,.funnel a.go:focus-visible span{border-bottom-color:var(--accent)}
.funnel a.go:focus-visible{outline:none}
.funnel .close{padding:clamp(2.4rem,9svh,4.4rem) 0 clamp(1.6rem,6svh,3rem);border-top:1px solid var(--rule);text-align:center;display:flex;flex-direction:column;align-items:center}
.funnel .close h2{font-size:clamp(1.4rem,calc(1rem + 1.8vw),2.2rem)}
.funnel .cta-row{display:flex;flex-direction:column;align-items:center;gap:.9rem}
.funnel .close .cta-row{margin-top:clamp(1.4rem,5svh,2.4rem)}
.funnel .btns{display:flex;gap:.9rem;flex-wrap:wrap;justify-content:center;margin:0}
.funnel .btn{display:inline-block;padding:.9rem 1.4rem;font:400 .82rem/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:var(--ink-bright);border:1px solid var(--rule);background:rgba(255,255,255,.03);transition:background .2s,border-color .2s}
.funnel .btn.main{border-color:var(--accent-strong);background:var(--accent-faint);box-shadow:0 0 18px var(--accent-faint)}
.funnel .btn:hover,.funnel .btn:focus-visible{border-color:var(--accent);background:var(--accent-soft);outline:none}
@container (max-width:520px){.funnel .cta-row{width:min(100%,20rem);align-items:stretch}.funnel .btns{flex-direction:column;align-items:stretch}.funnel .btn{text-align:center}}
.funnel pre.code{margin:.4rem 0 .4rem;padding:.9rem 1rem;max-width:100%;overflow-x:auto;border:1px solid var(--rule);border-left:2px solid var(--accent-strong);background:rgba(0,0,0,.18);font:400 .8rem/1.6 var(--mono);color:var(--ink-bright)}
.funnel pre.code code{font-family:var(--mono);white-space:pre;font-variant-ligatures:none}
.funnel .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:1.4rem 0 0;padding:0;list-style:none}
.funnel .steps li{padding:0 clamp(.8rem,2.4cqw,1.4rem);border-left:1px solid var(--rule)}
.funnel .steps li:first-child{padding-left:0;border-left:0}
.funnel .steps .k{display:block;margin:0 0 .5rem;font:400 .72rem/1 var(--mono);letter-spacing:.24em;color:var(--accent)}
.funnel .steps h3{margin:0 0 .5rem;font:400 clamp(1rem,calc(.92rem + .4vw),1.15rem)/1.3 var(--mono);color:var(--ink-bright)}
.funnel .steps p{margin:0;font:300 clamp(.88rem,calc(.84rem + .2vw),.98rem)/1.55 var(--mono);color:var(--ink)}
.funnel p.fine a{color:var(--ink-bright);text-decoration:underline;text-decoration-color:var(--accent-strong);text-underline-offset:.2em;padding-block:.35rem}
.funnel .dev{margin-top:clamp(1.6rem,6svh,3rem);border-top:1px solid var(--rule);border-left:0;padding-left:0}
.funnel .dev::before{display:none}
@container (max-width:620px){
  .funnel .steps{grid-template-columns:1fr;gap:1.2rem}
  .funnel .steps li{padding:1.1rem 0 0;border-left:0;border-top:1px solid var(--rule)}
  .funnel .steps li:first-child{padding-top:0;border-top:0}
}
.guide{width:min(100%,48rem);min-width:0;margin:0 auto;display:flex;flex-direction:column;text-align:left}
.guide > *{min-width:0}
.guide .top{display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(.9rem,3svh,1.6rem);padding:clamp(1.6rem,6svh,3.2rem) 0 clamp(1.6rem,5svh,2.6rem)}
.guide .jump{display:flex;flex-wrap:wrap;justify-content:center;gap:.2rem 1.4rem;margin:0}
.guide .jump a{display:inline-block;padding:.55rem 0;font:400 .78rem/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-bright);text-decoration:none;border-bottom:1px solid var(--accent-strong)}
.guide .jump a:hover,.guide .jump a:focus-visible{border-bottom-color:var(--accent);outline:none}
.guide .part{position:relative;padding:clamp(1.8rem,6svh,3rem) 0 clamp(1.8rem,6svh,3rem) clamp(1.1rem,4cqw,2.2rem);border-left:1px solid var(--rule)}
.guide .part::before{content:"";position:absolute;left:-4px;top:calc(clamp(1.8rem,6svh,3rem) + .1rem);width:7px;height:7px;background:var(--accent);box-shadow:0 0 10px var(--accent-faint)}
.guide .n{margin:0 0 .7rem;font:400 .74rem/1 var(--mono);letter-spacing:.26em;text-transform:uppercase;color:var(--accent)}
.guide h2{margin:0 0 .9rem;font:400 clamp(1.2rem,calc(.95rem + 1.2vw),1.75rem)/1.25 var(--mono);color:var(--ink-bright);overflow-wrap:break-word}
.guide h3{margin:1.4rem 0 .5rem;font:400 clamp(.95rem,calc(.9rem + .3vw),1.08rem)/1.3 var(--mono);letter-spacing:.06em;color:var(--ink-bright)}
.guide p.d{margin:0 0 .8rem;max-width:60ch;font:300 clamp(.9rem,calc(.86rem + .2vw),1rem)/1.6 var(--mono);color:var(--ink);overflow-wrap:break-word}
.guide code{font-family:var(--mono);color:var(--ink-bright);overflow-wrap:anywhere}
.guide pre.code{margin:.4rem 0 1rem;padding:.9rem 1rem;max-width:100%;overflow-x:auto;border:1px solid var(--rule);border-left:2px solid var(--accent-strong);background:rgba(0,0,0,.18);font:400 .8rem/1.6 var(--mono);color:var(--ink-bright);tab-size:2}
.guide pre.code code{overflow-wrap:normal;white-space:pre;font-variant-ligatures:none}
.guide ol.list,.guide ul.list{margin:.2rem 0 1rem;padding-left:1.4rem;max-width:60ch;font:300 clamp(.9rem,calc(.86rem + .2vw),1rem)/1.6 var(--mono);color:var(--ink)}
.guide .list li{margin:0 0 .35rem;overflow-wrap:break-word}
.guide .list li::marker{color:var(--accent)}
.guide dl.kv{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:.3rem 1rem;margin:.4rem 0 0;font:300 .86rem/1.5 var(--mono)}
.guide dl.kv dt{color:var(--ink-soft);letter-spacing:.08em}
.guide dl.kv dd{margin:0;color:var(--ink);overflow-wrap:anywhere}
.guide .setting{padding:0 0 1.1rem;border-bottom:1px solid var(--rule);margin-bottom:1.1rem}
.guide .setting:last-child{border-bottom:0;margin-bottom:0}
.guide .setting h3{margin-top:0}
.guide .close{padding:clamp(2rem,7svh,3.6rem) 0 clamp(1.4rem,5svh,2.6rem);border-top:1px solid var(--rule);display:flex;flex-direction:column;align-items:center;text-align:center}
.guide .cta-row{display:flex;flex-direction:column;align-items:center;gap:.9rem}
.guide .btns{display:flex;gap:.9rem;flex-wrap:wrap;justify-content:center;margin:0}
.guide .btn{display:inline-block;padding:.9rem 1.4rem;font:400 .82rem/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:var(--ink-bright);border:1px solid var(--rule);background:rgba(255,255,255,.03);transition:background .2s,border-color .2s}
.guide .btn.main{border-color:var(--accent-strong);background:var(--accent-faint);box-shadow:0 0 18px var(--accent-faint)}
.guide .btn:hover,.guide .btn:focus-visible{border-color:var(--accent);background:var(--accent-soft);outline:none}
@container (max-width:520px){.guide .cta-row{width:min(100%,20rem);align-items:stretch}.guide .btns{flex-direction:column;align-items:stretch}.guide .btn{text-align:center}}
.legal-doc{width:min(100%,46rem);margin:0 auto;padding:clamp(2rem,8svh,4rem) 0 clamp(2rem,7svh,3.6rem);display:flex;flex-direction:column;text-align:left;min-width:0}
.legal-doc .legal-head{padding-bottom:clamp(1.4rem,5svh,2.4rem);border-bottom:1px solid var(--rule)}
.legal-doc .legal-when{margin:.9rem 0 0;font:400 .74rem/1 var(--mono);letter-spacing:.26em;text-transform:uppercase;color:var(--accent)}
.legal-doc section{padding:clamp(1.4rem,5svh,2.4rem) 0 0}
.legal-doc h2{margin:0 0 .8rem;font:400 clamp(1.05rem,calc(.92rem + .6vw),1.35rem)/1.3 var(--mono);color:var(--ink-bright);overflow-wrap:break-word}
.legal-doc h3{margin:1.2rem 0 .6rem;font:400 clamp(.95rem,calc(.88rem + .3vw),1.1rem)/1.3 var(--mono);color:var(--ink-bright)}
.legal-doc p,.legal-doc li{font:300 clamp(.9rem,calc(.86rem + .2vw),1rem)/1.65 var(--mono);color:var(--ink);overflow-wrap:break-word}
.legal-doc p{margin:0 0 .8rem;max-width:62ch}
.legal-doc ul{margin:0 0 .8rem;padding:0;list-style:none;max-width:62ch}
.legal-doc li{position:relative;margin:0 0 .5rem;padding-left:1.2rem}
.legal-doc li::before{content:"";position:absolute;left:0;top:.72em;width:5px;height:5px;background:var(--accent)}
.legal-doc strong{font-weight:400;color:var(--ink-bright)}
.legal-doc a{color:var(--ink-bright);text-decoration:underline;text-decoration-color:var(--accent-strong);text-underline-offset:.2em;padding-block:.3rem}
.legal-doc .legal-see{margin-top:clamp(1.4rem,5svh,2.4rem)}
.legal-doc a:hover,.legal-doc a:focus-visible{text-decoration-color:var(--accent);outline:none}
.say{margin:0;max-width:44ch;font:300 clamp(1rem,4.2cqw,1.25rem)/1.55 var(--mono);color:var(--ink);text-align:center}
.legal-doc pre.code{margin:.4rem 0 1rem;padding:.9rem 1rem;max-width:100%;overflow-x:auto;border:1px solid var(--rule);border-left:2px solid var(--accent-strong);background:rgba(0,0,0,.18);font:400 .8rem/1.6 var(--mono);color:var(--ink-bright);white-space:pre;font-variant-ligatures:none}
