:root{--paper:#ecebe4;--ink:#0d0d0c;--acc:#ff4b12;--mu:#5c5b55;--line:#0d0d0c;--mu2:#b9b8b0;--mu3:#8a897f;--ok:#e9ff6b;--line2:#2a2a27;--rule:#c9c7bd;--hi:#fff;--panel:var(--ink);--ptx:var(--paper);--onacc:var(--ink);--serif:"Instrument Serif",Georgia,serif;--sans:"Space Grotesk",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--paper);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased}
::selection{background:var(--acc);color:var(--ink)}
a{color:inherit}
.mono{font-family:var(--mono);font-size:.78rem;letter-spacing:.02em;text-transform:uppercase}
.serif{font-family:var(--serif);font-weight:400;font-style:italic;letter-spacing:-.01em}
.pad{padding-left:clamp(16px,4vw,48px);padding-right:clamp(16px,4vw,48px)}
/* top bar */
.bar{display:grid;grid-template-columns:1fr auto;align-items:center;border-bottom:1px solid var(--line);height:56px;position:sticky;top:0;background:var(--paper);z-index:20}
.bar .brand{font-weight:700;font-size:1.05rem;letter-spacing:-.03em;text-decoration:none;display:flex;gap:10px;align-items:center}
.bar .brand i{width:12px;height:12px;background:var(--acc);display:inline-block}
.bar nav{display:flex;height:100%}
.bar nav a{display:flex;align-items:center;padding:0 18px;border-left:1px solid var(--line);text-decoration:none;font-family:var(--mono);font-size:.75rem;text-transform:uppercase}
.bar nav a:hover,.bar nav a[aria-current]{background:var(--ink);color:var(--paper)}
.bar nav a.hot{background:var(--acc);color:var(--onacc)}
.bar nav a.hot:hover{background:var(--ink)}
html,body{overflow-x:clip}
.menu{display:none}
@media(max-width:720px){
.bar{grid-template-columns:1fr auto}
.menu{display:flex;flex-direction:column;justify-content:center;gap:6px;width:56px;height:56px;background:none;border:0;border-left:1px solid var(--line);color:inherit;cursor:pointer;padding:0 18px}
.menu span{display:block;height:2px;background:currentColor;transition:transform .2s}
.bar.open .menu span:first-child{transform:translateY(4px) rotate(45deg)}.bar.open .menu span:last-child{transform:translateY(-4px) rotate(-45deg)}
.bar nav{display:none;position:absolute;top:56px;left:0;right:0;flex-direction:column;height:auto;background:var(--paper);border-bottom:1px solid var(--line)}
.bar.open nav{display:flex}
.bar nav a,.bar nav .mode{min-height:52px;border-left:0;border-top:1px solid var(--line);padding:0 clamp(16px,4vw,28px);font-size:.85rem}
.bar nav .mode{width:100%;justify-content:flex-start}
.bar .brand{min-height:56px}
.cform input,.cform textarea{width:100%;min-height:48px;font-size:16px}
#field{min-height:0;height:min(78vw,380px);touch-action:pan-y}
.hero-r{grid-template-rows:auto auto}
}
/* hero */
.hero{display:grid;grid-template-columns:1.25fr 1fr;border-bottom:1px solid var(--line);min-height:calc(100vh - 56px)}
.hero-l{padding-top:clamp(28px,5vw,64px);padding-bottom:32px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line)}
.hero h1{font-size:clamp(3.4rem,9.6vw,9.5rem);line-height:.86;letter-spacing:-.055em;font-weight:700}
.hero h1 .serif{font-weight:400;letter-spacing:-.03em}
.hero h1 .dot{color:var(--acc)}
.hero-meta{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:end;margin-top:48px}
.hero-meta p{max-width:430px;font-size:1.1rem}
.hero-r{position:relative;display:grid;grid-template-rows:1fr auto;background:var(--panel);color:var(--ptx);overflow:hidden}
#field{width:100%;height:100%;display:block;min-height:340px;cursor:crosshair}
@keyframes bl{50%{opacity:0}}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:0}.hero-l{border-right:0;border-bottom:1px solid var(--line)}.hero-meta{grid-template-columns:1fr;gap:18px}#field{min-height:300px}}
/* btn */
.go{display:inline-flex;align-items:center;gap:14px;background:var(--ink);color:var(--paper);text-decoration:none;padding:16px 22px;font-weight:500;border:1px solid var(--ink);transition:background .2s,color .2s}
.go span{display:inline-block;transition:transform .25s}
.go:hover{background:var(--acc);color:var(--onacc)}.go:hover span{transform:translateX(6px) rotate(-45deg)}
.go.line{background:none;color:var(--ink)}.go.line:hover{background:var(--ink);color:var(--paper)}
/* marquee */
.marquee{border-bottom:1px solid var(--line);overflow:hidden;background:var(--acc);color:var(--onacc);padding:18px 0;white-space:nowrap}
.marquee .track{display:inline-flex;animation:mq 38s linear infinite}
.marquee span{font-size:clamp(1.8rem,4vw,3.4rem);font-weight:700;letter-spacing:-.04em;padding:0 .4em}
.marquee span.s{font-family:var(--serif);font-weight:400;font-style:italic}
.marquee em{font-style:normal;padding:0 .2em}
@keyframes mq{to{transform:translateX(-50%)}}
.marquee:hover .track{animation-play-state:paused}
/* numbered section */
.sec{display:grid;grid-template-columns:minmax(160px,1fr) 3fr;border-bottom:1px solid var(--line)}
.sec>.lab{padding-top:28px;padding-bottom:28px;border-right:1px solid var(--line)}
.sec>.lab .n{font-family:var(--mono);font-size:.8rem;color:var(--acc)}
.sec>.lab h2{font-size:1rem;font-weight:500;margin-top:6px}
.sec>.body{padding-top:28px;padding-bottom:56px}
.big{font-size:clamp(1.9rem,4.4vw,4rem);line-height:1.02;letter-spacing:-.04em;font-weight:500;max-width:18ch}
.big .serif{font-weight:400}
@media(max-width:720px){.sec{grid-template-columns:1fr}.sec>.lab{border-right:0;border-bottom:1px solid var(--line);padding-top:16px;padding-bottom:16px;display:flex;gap:14px;align-items:baseline}.sec>.lab h2{margin:0}}
/* rows list */
.rows{list-style:none;margin-top:40px;border-top:1px solid var(--line)}
.rows li{display:grid;grid-template-columns:70px 1.1fr 1.4fr 40px;gap:20px;align-items:baseline;padding:26px 0;border-bottom:1px solid var(--line);position:relative;transition:padding .3s}
.rows li::before{content:"";position:absolute;inset:0;background:var(--ink);transform:scaleY(0);transform-origin:bottom;transition:transform .35s cubic-bezier(.7,0,.2,1);z-index:-1}
.rows li:hover{color:var(--paper);padding-left:16px}
.rows li:hover::before{transform:scaleY(1)}
.rows li:hover p{color:var(--mu2)}
.rows{position:relative;z-index:0}
.rows .k{font-family:var(--mono);font-size:.8rem;color:var(--acc)}
.rows h3{font-size:clamp(1.3rem,2.4vw,2rem);font-weight:500;letter-spacing:-.03em;line-height:1.05}
.rows p{color:var(--mu)}
.rows .ar{font-size:1.4rem;text-align:right;transition:transform .3s}
.rows li:hover .ar{transform:rotate(-45deg);color:var(--acc)}
@media(max-width:720px){.rows li{grid-template-columns:44px 1fr;gap:6px 12px}.rows p{grid-column:2}.rows .ar{display:none}}
/* process */
.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px;border-top:1px solid var(--line)}
.steps>div{padding:24px 24px 36px 0;border-right:1px solid var(--line)}
.steps>div+div{padding-left:24px}.steps>div:last-child{border-right:0}
.steps .w{font-family:var(--serif);font-style:italic;font-size:clamp(2.4rem,4.5vw,4rem);line-height:1}
.steps p{color:var(--mu);margin-top:14px;max-width:32ch}
@media(max-width:720px){.steps{grid-template-columns:1fr}.steps>div,.steps>div+div{border-right:0;border-bottom:1px solid var(--line);padding:20px 0}}
/* contact strip */
.contact{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;border-bottom:1px solid var(--line);padding-top:72px;padding-bottom:48px}
.contact a.mail{font-size:clamp(1.8rem,6.4vw,6.4rem);letter-spacing:-.05em;font-weight:700;text-decoration:none;line-height:.95;word-break:break-all;background:linear-gradient(var(--acc),var(--acc)) 0 100%/0 .12em no-repeat;transition:background-size .5s}
.contact a.mail:hover{background-size:100% .12em}
@media(max-width:720px){.contact{grid-template-columns:1fr}}
/* footer */
footer{background:var(--panel);color:var(--ptx);overflow:hidden}
footer .cols{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-top:40px;padding-bottom:30px;color:var(--mu3)}
footer .cols a{text-decoration:none;display:block}footer .cols a:hover{color:var(--acc)}
footer .word{font-size:clamp(5rem,23.5vw,23rem);font-weight:700;letter-spacing:-.075em;line-height:.74;padding-bottom:.02em;white-space:nowrap;margin-left:-.04em}
footer .word i{color:var(--acc);font-style:normal}
@media(max-width:720px){footer .cols{grid-template-columns:1fr 1fr}}
/* inner pages */
.ihead{display:grid;grid-template-columns:1fr auto;align-items:end;gap:30px;border-bottom:1px solid var(--line);padding-top:56px;padding-bottom:40px}
.ihead h1{font-size:clamp(3rem,8.6vw,8.4rem);line-height:.88;letter-spacing:-.055em;font-weight:700}
.ihead h1 .serif{font-weight:400}
.ihead p{max-width:420px;font-size:1.08rem}
@media(max-width:900px){.ihead{grid-template-columns:1fr}}
.two{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:36px;border-top:1px solid var(--line)}
.two>div{padding:24px 28px 28px 0}.two>div+div{border-left:1px solid var(--line);padding-left:28px}
@media(max-width:720px){.two{grid-template-columns:1fr}.two>div+div{border-left:0;border-top:1px solid var(--line);padding-left:0}}
.ticks{list-style:none;counter-reset:t}
.ticks li{counter-increment:t;display:grid;grid-template-columns:40px 1fr;padding:12px 0;border-bottom:1px solid var(--rule)}
.ticks li::before{content:counter(t,decimal-leading-zero);font-family:var(--mono);font-size:.78rem;color:var(--acc);padding-top:3px}
.price{font-size:clamp(2.2rem,4vw,3.4rem);letter-spacing:-.04em;font-weight:700;line-height:1;margin:16px 0}
details{border-bottom:1px solid var(--line)}
details:first-of-type{border-top:1px solid var(--line)}
summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 30px;padding:22px 0;font-size:clamp(1.15rem,2vw,1.6rem);letter-spacing:-.02em;font-weight:500}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-family:var(--mono);text-align:right;transition:transform .3s;color:var(--acc)}
details[open] summary::after{transform:rotate(45deg)}
details p{color:var(--mu);max-width:62ch;padding-bottom:24px}
.clock{font-family:var(--mono);font-size:clamp(4rem,14vw,13rem);line-height:.85;letter-spacing:-.06em;color:var(--acc)}
/* use cases */
.filters{display:flex;flex-wrap:wrap;border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:8px}
.filters button{font:inherit;font-family:var(--mono);font-size:.78rem;text-transform:uppercase;background:none;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 18px;cursor:pointer;color:var(--ink)}
.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.filters button:hover{background:var(--acc)}
.filters sup{color:var(--acc);margin-left:4px}
.filters button[aria-pressed=true] sup{color:var(--acc)}
.ucgrid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);margin-top:28px}
.uc{border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-top:1px solid var(--line);margin-top:-1px;padding:22px;display:flex;flex-direction:column;gap:12px;transition:background .25s}
.uc:hover{background:var(--hi)}
.uc .top{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.72rem;text-transform:uppercase}
.uc .top b{font-weight:400;color:var(--acc)}
.uc h3{font-size:1.55rem;letter-spacing:-.03em;font-weight:500;line-height:1.05}
.uc dl{display:grid;gap:10px;font-size:.93rem}
.uc dt{font-family:var(--mono);font-size:.68rem;text-transform:uppercase;color:var(--mu)}
.uc dd.tools{font-family:var(--mono);font-size:.75rem}
.uc[hidden]{display:none}
@media(max-width:1000px){.ucgrid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.ucgrid{grid-template-columns:1fr}}
.sponsor{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;background:var(--panel);color:var(--ptx);padding:36px clamp(16px,4vw,48px)}
.sponsor h2{font-size:clamp(1.6rem,3.4vw,3rem);letter-spacing:-.04em;font-weight:500;line-height:1.02}
.sponsor .go{background:var(--acc);color:var(--onacc);border-color:var(--acc)}
.sponsor .go:hover{background:var(--paper)}
@media(max-width:720px){.sponsor{grid-template-columns:1fr}}
/* cursor */
.cur-dot{position:fixed;top:0;left:0;width:14px;height:14px;background:var(--acc);border-radius:50%;pointer-events:none;z-index:99;mix-blend-mode:multiply;transform:translate(-50%,-50%);transition:width .2s,height .2s;display:none;opacity:0}.cur-dot.on{opacity:1}
.cur-dot.big{width:54px;height:54px}
@media(hover:hover) and (pointer:fine){.cur-dot{display:block}}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--i,0)*70ms)}
.reveal.in{opacity:1;transform:none}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:var(--acc);padding:8px;z-index:100}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.pull{font-family:var(--serif);font-size:clamp(2.2rem,5.4vw,5.2rem);line-height:1;letter-spacing:-.025em;max-width:20ch;text-indent:-.4em}
.pull span{font-style:italic;color:var(--acc)}
.founder{display:grid;grid-template-columns:260px 1fr;gap:40px;margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}
.mono-slot{aspect-ratio:4/5;background:var(--panel);color:var(--ptx);display:flex;flex-direction:column;justify-content:space-between;padding:18px;position:relative;overflow:hidden}
.mono-slot span{font-family:var(--serif);font-style:italic;font-size:8rem;line-height:.8;margin-top:auto}
.mono-slot small{position:absolute;top:16px;left:18px;color:var(--mu3)}
.mono-slot::after{content:"";position:absolute;right:16px;bottom:16px;width:14px;height:14px;background:var(--acc)}
.fbio{max-width:62ch;display:grid;gap:16px;align-content:start}.fbio p:not(.mono){color:var(--mu);font-size:1.05rem}
.fbio .go{justify-self:start;margin-top:8px}
.strip{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 20px;margin-top:40px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.strip b{font-size:clamp(1.1rem,1.55vw,1.45rem);font-weight:500;letter-spacing:-.03em}
.strip b+b::before{content:"/";color:var(--acc);margin-right:20px;font-weight:400}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;align-items:center}
.tags .lab2{margin-right:10px}
.tags i{font-style:normal;font-family:var(--mono);font-size:.74rem;border:1px solid var(--line);padding:7px 10px;transition:background .2s}
.tags i:hover{background:var(--ink);color:var(--paper)}
@media(max-width:720px){.founder{grid-template-columns:1fr;gap:24px}.mono-slot{max-width:200px}.strip b+b::before{margin-right:12px}.strip{gap:6px 12px}}

/* palettes: set <html data-theme="..."> */
[data-theme=forest]{--paper:#f1ead8;--ink:#1f3a2e;--acc:#b8893b;--mu:#5a6158;--line:#1f3a2e;--mu2:#c9d1c4;--mu3:#8fa093;--ok:#e6c27a;--line2:#2f4d40;--rule:#d4cab2;--hi:#faf5e8}
[data-theme=lime]{--paper:#0c0d0b;--ink:#f2f1ea;--acc:#c6f432;--mu:#9a9b93;--line:#3a3b36;--mu2:#b3b4ab;--mu3:#7d7e77;--ok:#c6f432;--line2:#2c2d29;--rule:#2a2b27;--hi:#171815;--panel:#1a1b18;--ptx:#f2f1ea;--onacc:#0c0d0b}
[data-theme=terracotta]{--paper:#e9dcc9;--ink:#26221f;--acc:#c4552d;--mu:#6b5f54;--line:#26221f;--mu2:#cfc3b3;--mu3:#998b7c;--ok:#f0b98a;--line2:#3a332e;--rule:#cdbca5;--hi:#f4ebde}
[data-theme=ocean]{--paper:#eef3f1;--ink:#0f3b40;--acc:#ff6f59;--mu:#4d6466;--line:#0f3b40;--mu2:#b9d0cf;--mu3:#7fa3a3;--ok:#ffd3a8;--line2:#1d5157;--rule:#c4d4d1;--hi:#fff}
[data-theme=ocean][data-mode=dark]{--paper:#071a1d;--ink:#e6efed;--acc:#ff6f59;--mu:#93abaa;--line:#2a4c50;--mu2:#a9c2c0;--mu3:#7a9897;--ok:#ffd3a8;--line2:#1f3d41;--rule:#1d3a3e;--hi:#0c2428;--panel:#0c2a2e;--ptx:#e6efed;--onacc:#071a1d;color-scheme:dark}
.mode{display:flex;align-items:center;justify-content:center;width:56px;border:0;border-left:1px solid var(--line);background:none;color:var(--ink);cursor:pointer;font-size:1.05rem}
.mode:hover{background:var(--ink);color:var(--paper)}
.mode .sun{display:none}[data-mode=dark] .mode .sun{display:inline}[data-mode=dark] .mode .moon{display:none}
.cur-dot{mix-blend-mode:normal}

html{scroll-behavior:smooth}#contact{scroll-margin-top:70px}
.pillars{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line2)}
.pillars li{padding:18px clamp(14px,1.6vw,24px);border-right:1px solid var(--line2)}.pillars li:last-child{border-right:0}
.pillars .mono{color:var(--acc);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}
.pillars p{margin:8px 0 0;font-size:.88rem;line-height:1.45;color:var(--mu2)}
@media(max-width:720px){.pillars{grid-template-columns:1fr}.pillars li{border-right:0;border-bottom:1px solid var(--line2)}}
.cgrid{display:grid;grid-template-columns:1.6fr 1fr;gap:clamp(24px,4vw,64px);margin-top:32px}
.cform{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cform .full{grid-column:1/-1}
.cform label{display:grid;gap:8px;font-size:.85rem;font-weight:500}
.cform input,.cform textarea{font:inherit;color:var(--ink);background:transparent;border:1px solid var(--line);padding:12px 14px;border-radius:0}
.cform input:focus,.cform textarea:focus{outline:2px solid var(--acc);outline-offset:-1px}
.fact{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.fact small{color:var(--mu);font-size:.75rem}
.cinfo{display:grid;align-content:start;gap:6px;border-left:1px solid var(--line);padding-left:clamp(16px,2vw,32px)}
.cinfo .mono{font-size:.75rem;color:var(--acc);margin-top:14px}.cinfo .mono:first-child{margin-top:0}
.cinfo a{font-weight:500;word-break:break-word}.cinfo .reply{margin-top:22px;color:var(--mu)}
@media(max-width:820px){.cgrid{grid-template-columns:1fr}.cinfo{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:20px}.cform{grid-template-columns:1fr}}

@media(max-width:900px){footer .cols a{padding:13px 0}.rows h3 a,.cinfo a,.fbio a{display:inline-block;padding:11px 0}.bar .brand{min-height:56px}}
@media(hover:none),(pointer:coarse){.cur-dot{display:none!important}}

/* motion system */
:root{--ease:cubic-bezier(.23,1,.32,1);--ease-io:cubic-bezier(.7,0,.2,1)}
body{transition:background-color .42s var(--ease),color .42s var(--ease)}
.hw{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.hw>span{display:inline-block;transform:translateY(105%);transition:transform 1s var(--ease);transition-delay:calc(120ms + var(--i)*60ms)}
.ready .hw>span{transform:none}
.mo .hero-l>.mono,.mo .hero-meta,.mo .pillars li{opacity:0;transform:translateY(10px);transition:opacity .6s var(--ease),transform .8s var(--ease)}
.mo .hero-meta{transition-delay:.55s}.mo .pillars li{transition-delay:calc(.7s + var(--i,0)*90ms)}
.ready .hero-l>.mono,.ready .hero-meta,.ready .pillars li{opacity:1;transform:none}
#field{opacity:0;transition:opacity 1.2s var(--ease) .2s}.ready #field{opacity:1}
.wipe{clip-path:inset(0 100% 0 0);opacity:1;transform:none;transition:clip-path .9s var(--ease-io)}
.wipe.in{clip-path:inset(0 0 0 0)}
.go,.go span,.rows .ar,.tags i,.uc{transition-timing-function:var(--ease)}
.go span{transition-duration:.35s}
.cform input,.cform textarea{transition:border-color .16s ease,box-shadow .16s ease}
.cform input:hover,.cform textarea:hover{border-color:var(--acc)}
.bar.open nav a{animation:navin .4s var(--ease) both}
.bar.open nav>*:nth-child(2){animation-delay:30ms}.bar.open nav>*:nth-child(3){animation-delay:60ms}.bar.open nav>*:nth-child(4){animation-delay:90ms}.bar.open nav>*:nth-child(5){animation-delay:120ms}
@keyframes navin{from{opacity:0;transform:translateY(-6px)}}
@media(prefers-reduced-motion:reduce){.mo .hero-l>.mono,.mo .hero-meta,.mo .pillars li,#field{opacity:1;transform:none}.wipe{clip-path:none}.reveal{transition-delay:0s}}
.cur-dot:not(.on){opacity:0}
.bar{grid-template-columns:1fr auto auto}.bar>.mode{height:100%;align-self:stretch}
@media(max-width:720px){.bar{grid-template-columns:1fr auto auto}.bar>.mode{height:56px}}
/* v5 alignment fixes */
.hero-meta .go{justify-self:start}
@media(max-width:900px){footer .cols{grid-template-columns:1fr 1fr;row-gap:28px}footer .cols a{padding:0;line-height:2.4}footer .cols>div{line-height:2.4}}
footer .word{font-size:clamp(4rem,22.5vw,23rem)}
@media(min-width:901px) and (max-width:1180px){.strip b{font-size:1.15rem}.pillars p{font-size:.82rem}}
.fcta{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}.fbio .fcta .go{margin-top:0}
@media(max-width:520px){.fcta{flex-direction:column;align-items:stretch}.fcta .go{justify-content:space-between}}
.fbio .fcta a.go{display:inline-flex;padding:16px 22px}
.offer-tag{color:var(--acc);margin-bottom:14px}
.offer{list-style:none;counter-reset:o;display:grid;grid-template-columns:repeat(3,1fr);margin-top:32px;border-top:1px solid var(--line)}
.offer li{counter-increment:o;padding:20px 24px 24px 0;display:grid;gap:8px;align-content:start}
.offer li+li{padding-left:24px;border-left:1px solid var(--line)}
.offer li::before{content:counter(o,decimal-leading-zero);font-family:var(--mono);font-size:.78rem;color:var(--acc)}
.offer b{font-size:1.2rem;font-weight:500;letter-spacing:-.02em}.offer span{color:var(--mu);font-size:.95rem}
@media(max-width:720px){.offer{grid-template-columns:1fr}.offer li,.offer li+li{padding:16px 0;border-left:0;border-bottom:1px solid var(--line)}}
.cform .fact .go{max-width:100%}
/* v8 header: one flat row of equal 56px cells */
.bar{display:flex;align-items:stretch;height:57px}
.bar .brand{margin-right:auto;min-height:0}
@media(min-width:721px){.bar nav{display:flex;align-items:stretch;height:auto}}
.bar nav a{height:56px;padding:0 20px;line-height:1;letter-spacing:.06em;border-left:1px solid var(--line)}
.bar nav a.hot{border-left-color:var(--acc);font-weight:500}
.bar nav a.hot:hover{background:var(--ink);color:var(--paper);border-left-color:var(--line)}
.bar>.mode{width:56px;height:56px;flex:0 0 56px;padding:0;border-left:1px solid var(--line);font-size:1rem;line-height:1}
.bar nav a.hot+.mode,.bar nav+.mode{border-left:1px solid var(--line)}
@media(max-width:720px){.bar{display:flex}.bar .menu{order:2;flex:0 0 56px;padding:0 17px}.bar>.mode{order:3;height:56px}
.bar nav a{height:auto;min-height:52px;border-left:0}.bar nav a.hot{border-left:0}}
.bar nav a.tv{color:var(--mu);text-transform:none;letter-spacing:.02em}
.bar nav a.tv:hover{color:var(--paper)}