@font-face{font-family:"Barlow Condensed";font-style:italic;font-weight:800;font-display:swap;src:url(/assets/fonts/bc-latin-ext-800-italic.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Barlow Condensed";font-style:italic;font-weight:800;font-display:swap;src:url(/assets/fonts/bc-latin-800-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/bc-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/bc-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#0a0b0d;--card:#15181d;--card2:#1d2128;--line:#2a2f37;--ink:#f4f6f8;--muted:#98a1ae;--hot:#ff5a1f;--run:#e8ecf1;--cool:#7ee0c3;
--disp:"Barlow Condensed","Arial Narrow",Impact,sans-serif;--sans:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 var(--sans);overflow-x:hidden}
a{color:var(--ink)}
.wrap{max-width:1040px;margin:0 auto;padding:0 16px}
.top{position:sticky;top:0;z-index:20;background:rgba(10,11,13,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:16px;height:48px}
.brand{font:italic 800 26px/1 var(--disp);text-transform:uppercase;letter-spacing:.01em;text-decoration:none;color:var(--ink)}
.brand em{font-style:inherit;color:var(--hot)}
.nav{display:flex;gap:14px;margin-left:auto;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
.nav::-webkit-scrollbar{display:none}
.nav a{font:700 17px/48px var(--disp);text-transform:uppercase;letter-spacing:.03em;color:var(--muted);text-decoration:none}
.nav a:hover,.nav a:focus-visible{color:var(--hot)}

/* first screen */
.hero{position:relative;overflow:hidden;padding:14px 0 22px;background:repeating-linear-gradient(100deg,transparent 0 78px,rgba(255,255,255,.022) 78px 80px),radial-gradient(120% 70% at 85% 0,rgba(255,90,31,.2),transparent 62%)}
.kick{margin:0;font:700 16px/1.1 var(--disp);letter-spacing:.14em;text-transform:uppercase;color:var(--hot)}
.ask{margin:2px 0 0;font:italic 800 clamp(40px,12vw,64px)/.95 var(--disp);text-transform:uppercase}
.clock{display:block;margin:4px 0 0;font:italic 800 clamp(92px,28.5vw,190px)/.86 var(--disp);font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--ink);text-shadow:0 0 38px color-mix(in srgb,var(--rk) 35%,transparent);transition:text-shadow .25s}
.rank{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:6px;min-height:42px}
.rk-name{display:inline-block;font:italic 800 44px/1 var(--disp);text-transform:uppercase;color:var(--rk);transform-origin:left center;transition:color .2s}
.delta{display:none;margin-left:auto;font:italic 800 32px/1 var(--disp);font-variant-numeric:tabular-nums;color:var(--muted)}
.delta.show{display:block;animation:deltain .16s ease}
.delta.good{color:var(--cool)}
.xp{height:9px;margin:4px 3px 0;background:#22262d;transform:skewX(-10deg);overflow:hidden}
.xp i{display:block;height:100%;width:4%;background:var(--rk);box-shadow:0 0 14px var(--rk);transition:width .16s ease-out,background .2s}
.vs{margin:6px 0 10px;font:700 19px/1.15 var(--disp);letter-spacing:.02em;color:var(--muted);min-height:22px}
.vs b{color:var(--ink);font-variant-numeric:tabular-nums}
html.js .hero:not(.ready) .rank,html.js .hero:not(.ready) .xp,html.js .hero:not(.ready) .vs{opacity:0}
.hero .rank,.hero .xp,.hero .vs{transition:opacity .2s}
.hero.drag{animation:speed .5s linear infinite}
@keyframes speed{to{background-position:-80px 0,0 0}}
@keyframes deltain{from{transform:translateY(8px);opacity:0}}
@keyframes slamk{0%{transform:scale(1.9);opacity:0}55%{transform:scale(.93);opacity:1}100%{transform:none}}
.slam{animation:slamk .42s cubic-bezier(.2,1.3,.4,1)}
.fx{position:fixed;inset:0;z-index:40;pointer-events:none}
#r-p.hint::-webkit-slider-thumb{animation:nudge 1.1s ease-in-out infinite}
@keyframes nudge{0%,100%{box-shadow:0 0 0 0 rgba(255,90,31,.8)}60%{box-shadow:0 0 0 14px rgba(255,90,31,0)}}
input[type=range]:active::-webkit-slider-thumb{width:36px;height:36px;margin-top:-14px;background:var(--rk)}
.goal{margin:0 0 18px;font:700 23px/1.2 var(--disp);letter-spacing:.02em;color:var(--muted);transform-origin:left center}
.goal:empty{display:none}
.goal b{color:var(--ink);font-variant-numeric:tabular-nums}
.goal.won,.goal.won b{color:var(--cool)}
.cta{white-space:nowrap}
.bar{position:relative;display:flex;gap:2px;height:54px;transform:skewX(-10deg);margin:14px 5px 0}
.seg{position:relative;flex:1 1 0;min-width:0;padding:0;border:0;background:#262b33;cursor:pointer;overflow:hidden;transition:flex-grow .22s ease}
.seg i{position:absolute;inset:0;transform-origin:left;transform:scaleX(var(--f,1));background:var(--run)}
.seg.st i{background:var(--hot)}
.seg.rx i{background:#6a7280}
.seg span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transform:skewX(10deg);font:italic 800 18px/1 var(--disp);color:#0a0b0d}
.seg.on{outline:2px solid var(--ink);outline-offset:1px;z-index:2}
.head-line{position:absolute;top:-5px;bottom:-5px;left:calc(var(--p,1)*100%);width:3px;background:#fff;box-shadow:0 0 14px 3px rgba(255,255,255,.7);opacity:var(--po,0);pointer-events:none}
.read{margin:8px 0 10px;font:700 18px/1.2 var(--disp);letter-spacing:.02em;color:var(--muted);min-height:22px}
.read b{color:var(--ink);font-weight:700}
.sl{display:block;margin:0 0 10px}
.sl>span{display:flex;justify-content:space-between;align-items:baseline;font:700 18px/1.2 var(--disp);text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.sl b{font:italic 800 26px/1 var(--disp);color:var(--ink);font-variant-numeric:tabular-nums;text-transform:none}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:32px;margin:0;background:transparent;cursor:pointer;touch-action:pan-y}
input[type=range]::-webkit-slider-runnable-track{height:8px;background:linear-gradient(90deg,var(--hot) var(--v,50%),#2a2f37 var(--v,50%))}
input[type=range]::-moz-range-track{height:8px;background:#2a2f37}
input[type=range]::-moz-range-progress{height:8px;background:var(--hot)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;margin-top:-11px;background:#fff;border:0;transform:skewX(-10deg);box-shadow:0 2px 12px rgba(0,0,0,.6)}
input[type=range]::-moz-range-thumb{width:30px;height:30px;background:#fff;border:0;border-radius:0}
.row-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.chip{appearance:none;border:1px solid var(--line);background:transparent;color:var(--muted);font:700 18px/1 var(--disp);text-transform:uppercase;letter-spacing:.04em;padding:9px 13px;transform:skewX(-10deg);cursor:pointer}
.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#0a0b0d}
.cta{appearance:none;border:0;background:var(--hot);color:#0a0b0d;font:italic 800 21px/1 var(--disp);text-transform:uppercase;letter-spacing:.02em;padding:11px 16px;transform:skewX(-10deg);cursor:pointer;margin-left:auto}
.cta:hover{background:#fff}
.done .cta{animation:pop .5s ease}
@keyframes pop{40%{transform:skewX(-10deg) scale(1.1)}}

/* station order game */
.qz{position:relative;margin-top:10px;padding:14px;background:var(--card);border-top:4px solid var(--hot);overflow:hidden}
.qz-hud{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.qz-hud small{display:block;font:700 14px/1 var(--disp);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.qz-hud b{display:inline-block;font:italic 800 40px/1.05 var(--disp);font-variant-numeric:tabular-nums;transform-origin:left center}
#qz-c{color:var(--hot)}
.qz-slots{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin-top:8px}
.qz-slot{display:block;padding:7px 0;text-align:center;background:#262b33;color:var(--muted);font:italic 800 19px/1 var(--disp);transform:skewX(-10deg)}
.qz-slot.now{background:#343a44;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.qz-slot.on{background:var(--hot);color:#0a0b0d}
.qz-slot.slam{animation:slamk .3s ease}
.qz-ask{margin:12px 0 8px;font:italic 800 30px/1 var(--disp);text-transform:uppercase}
.qz-tiles{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.qz-t{position:relative;appearance:none;min-height:58px;padding:6px 10px 6px 34px;border:1px solid var(--line);background:var(--card2);color:var(--ink);font:italic 800 21px/1.02 var(--disp);text-transform:uppercase;text-align:left;cursor:pointer;touch-action:manipulation;transition:transform .08s,background .15s}
.qz-t:active{transform:scale(.96)}
.qz-t i{position:absolute;left:11px;top:50%;margin-top:-13px;font:italic 800 26px/1 var(--disp);color:#0a0b0d}
.qz-t.ok{background:var(--hot);border-color:var(--hot);color:#0a0b0d;cursor:default}
.qz-t.no{animation:shake .32s;background:#5a1f26;border-color:#ff3b6b}
.qz-t.hint{animation:glow .8s ease-in-out infinite;border-color:var(--cool)}
.qz-pop{position:absolute;right:8px;top:6px;font:italic 800 26px/1 var(--disp);color:#fff;pointer-events:none;animation:rise .65s ease-out forwards}
@keyframes shake{20%{transform:translateX(-7px)}45%{transform:translateX(6px)}70%{transform:translateX(-4px)}}
@keyframes glow{50%{box-shadow:0 0 0 3px var(--cool)}}
@keyframes rise{to{transform:translateY(-34px);opacity:0}}
.qz-end{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);text-align:center}
.qz-end[hidden]{display:none}
.qz-title{display:block;font:italic 800 32px/1 var(--disp);text-transform:uppercase;color:var(--cool)}
.qz-final{display:block;font:italic 800 104px/.95 var(--disp);font-variant-numeric:tabular-nums}
.qz-note{margin:2px 0 12px;color:var(--muted);font-size:15px}
.qz-end .row-ctl{justify-content:center;gap:12px}
.qz-end .cta{margin-left:0}
@media (min-width:900px){.qz-tiles{grid-template-columns:repeat(4,1fr)}}

/* sections */
.s{padding:30px 0 6px}
h2,.h2{margin:0 0 4px;font:italic 800 clamp(38px,9vw,60px)/.98 var(--disp);text-transform:uppercase}
.sub{margin:0 0 12px;color:var(--muted);max-width:60ch}
.page-head{padding-top:22px;padding-bottom:4px}
.page-head h1{margin:0;font:italic 800 clamp(42px,11vw,76px)/.95 var(--disp);text-transform:uppercase}
.crumbs{margin:0 0 8px;font:700 15px/1 var(--disp);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.crumbs a{color:var(--muted);text-decoration:none}
.lead{font-size:19px;line-height:1.4;margin:10px 0 14px;max-width:56ch}
h3{font:italic 800 28px/1.05 var(--disp);text-transform:uppercase;margin:0}
p{max-width:65ch}
.rail{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:4px 16px 12px;scrollbar-width:none}
.rail::-webkit-scrollbar{display:none}
.rail>*{flex:0 0 76%;max-width:280px;scroll-snap-align:center}
.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;padding:4px 0 12px}
.city-chips{margin:0 0 28px}
.cts{list-style:none;margin:0;padding:0}
.ct{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;border-bottom:1px solid var(--line)}
.ct[hidden]{display:none}
.ct strong{display:block;font:italic 800 clamp(38px,10vw,56px)/1 var(--disp);text-transform:uppercase}
.ct small{display:block;margin-top:6px;font-size:15px;color:var(--muted)}
.ct-km{font:700 20px/1 var(--disp);color:var(--muted);white-space:nowrap}
.ct-km b{font:italic 800 34px/1 var(--disp);color:var(--hot);font-variant-numeric:tabular-nums}
.note{font-size:13.5px;color:var(--muted);margin:6px 0}
.quiet{display:inline-block;margin:6px 0 2px;font:700 20px/1.2 var(--disp);letter-spacing:.02em;color:var(--ink);text-decoration:none;border-bottom:2px solid var(--hot)}
.more{display:inline-block;font:700 18px/1 var(--disp);letter-spacing:.05em;text-transform:uppercase;color:var(--hot);text-decoration:none;padding:6px 0}

/* stations */
.st-tiles{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;margin:10px 0 0;transform:skewX(-10deg);margin-inline:6px}
.st-t{appearance:none;border:0;background:var(--card2);color:var(--muted);font:italic 800 34px/1 var(--disp);padding:14px 0;cursor:pointer;transition:background .15s,color .15s}
.st-t span{display:block;transform:skewX(10deg)}
.st-t[aria-pressed=true]{background:var(--hot);color:#0a0b0d}
.st-p{background:var(--card);padding:16px 14px;margin-top:8px}
html.js .st-p:not(.on){display:none}
.st-p h3{font-size:34px}
.st-big{display:block;font:italic 800 clamp(72px,21vw,120px)/.92 var(--disp);color:var(--hot);margin:6px 0 2px;font-variant-numeric:tabular-nums}
.st-p p{margin:6px 0 0}

/* gyms */
.gc{display:flex;flex-direction:column;background:var(--card);padding:14px;border-top:3px solid var(--line);text-decoration:none}
.gc small{font:700 15px/1 var(--disp);letter-spacing:.1em;text-transform:uppercase;color:var(--hot)}
.gc strong{font:italic 800 30px/1.02 var(--disp);text-transform:uppercase;margin:4px 0}
.gc span{font-size:14px;color:var(--muted)}
.gc p{font-size:14.5px;margin:8px 0 0}
.gc.none{border-top-color:var(--hot)}

/* tiles and stats */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}
.stat{background:var(--card);padding:12px}
.stat b{display:block;font:italic 800 clamp(34px,10vw,58px)/1 var(--disp);color:var(--hot)}
.stat span{font:700 16px/1.1 var(--disp);text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin:12px 0}
.tile{display:block;background:var(--card);padding:14px;text-decoration:none;font:italic 800 26px/1.02 var(--disp);text-transform:uppercase}
.tile small{display:block;margin-top:6px;font:400 13.5px/1.3 var(--sans);text-transform:none;color:var(--muted)}
.tile:hover{background:var(--hot);color:#0a0b0d}
.tile:hover small{color:#0a0b0d}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:14px 0}
.flow div{background:var(--card);padding:10px 8px;font:italic 800 19px/1.02 var(--disp);text-transform:uppercase;min-height:84px}
.flow small{display:block;color:var(--hot);font:700 15px/1 var(--disp);letter-spacing:.06em;margin-bottom:6px}
@media (max-width:420px){.flow{grid-template-columns:repeat(2,1fr)}.flow div{min-height:0}}
details{background:var(--card);margin:6px 0;padding:0}
summary{cursor:pointer;list-style:none;padding:14px;font:italic 800 28px/1.05 var(--disp);text-transform:uppercase;display:flex;justify-content:space-between;gap:12px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--hot)}
details[open] summary::after{content:"\2212"}
details>:not(summary){margin-left:14px;margin-right:14px}
details>:last-child{padding-bottom:14px}
details ul,details ol{padding-left:20px}
.wk{display:grid;gap:6px;padding-bottom:14px}
.wk p{margin:0;padding:10px;background:var(--card2)}
.wk b{display:block;font:700 15px/1.2 var(--disp);letter-spacing:.08em;text-transform:uppercase;color:var(--hot)}
.terms{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;margin:12px 0}
.terms div{background:var(--card);padding:12px 14px}
.terms b{display:block;font:italic 800 24px/1.05 var(--disp);text-transform:uppercase}
.terms span{font-size:14.5px;color:var(--muted)}

/* tables, forms, leaderboard */
.t-scroll{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:15px;margin:10px 0}
th,td{padding:9px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
th{font:700 15px/1.1 var(--disp);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.n{font-variant-numeric:tabular-nums;white-space:nowrap}
.box{background:var(--card);border-left:4px solid var(--hot);padding:14px;margin:14px 0}
.tool{background:var(--card);padding:16px;margin:12px 0}
.tool .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.tool label{display:block;font-size:14px;font-weight:600}
input:not([type=range]):not([type=checkbox]),select{font:inherit;padding:11px 12px;border:1px solid var(--line);background:#0f1115;color:var(--ink);border-radius:0;min-width:0;max-width:100%}
.tool label input:not([type=checkbox]),.tool label select{width:100%;margin-top:4px}
button[type=submit]{font:italic 800 21px/1 var(--disp);text-transform:uppercase;padding:12px 18px;border:0;background:var(--hot);color:#0a0b0d;cursor:pointer}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.msg{margin:8px 0 0;font-size:15px}
.msg a{color:var(--hot);margin-right:8px}
.big{font:italic 800 clamp(64px,18vw,110px)/.95 var(--disp);color:var(--hot)}
main a:not([class]){color:var(--hot)}
main{padding-bottom:30px}
.prose{max-width:65ch}
.prose h2{font-size:36px;margin-top:22px}
footer{border-top:1px solid var(--line);padding:18px 0 28px;font-size:13.5px;color:var(--muted)}
footer a{color:var(--muted)}
footer p{margin:5px 0}
html.js .s{opacity:0;transform:translateY(16px);transition:opacity .45s ease,transform .45s ease}
html.js .s.in{opacity:1;transform:none}

/* Room to breathe: 1 idea per screen, on every page. */
.wrap{padding:0 24px}
.top .wrap{height:60px}
.menu-b{margin-left:auto;appearance:none;border:0;background:none;color:var(--ink);font:700 20px/60px var(--disp);text-transform:uppercase;letter-spacing:.05em;padding:0;cursor:pointer}
html:not(.js) .menu-b{display:none}
html.js .nav{display:none}
html.js .top.open .nav{display:flex;flex-direction:column;gap:0;position:absolute;top:100%;left:0;right:0;height:calc(100vh - 60px);margin:0;padding:40px 24px;background:var(--bg)}
html.js .top.open .nav a{font:italic 800 60px/1.45 var(--disp);color:var(--ink)}
.hero{padding:36px 0 80px}
.ask{margin:10px 0 0;font:italic 800 clamp(46px,13.2vw,84px)/1 var(--disp)}
.clock{margin-top:32px}
.rank{margin-top:20px}
.vs{margin:14px 0 44px;font-size:21px}
.sl{margin:0 0 30px}
.sl>span{margin-bottom:8px}
.opt{background:none;margin:6px 0 0}
.opt summary{padding:6px 0;font:700 20px/1.2 var(--disp);text-transform:none;letter-spacing:.03em;color:var(--muted);justify-content:flex-start;gap:12px}
.opt summary::after,.opt[open] summary::after{content:"schimbă";color:var(--hot)}
.opt>:not(summary){margin:14px 0 0}
.opt>:last-child{padding-bottom:0}
.after{display:none;margin-top:40px}
.hero.played .after,.hero.has-goal .after{display:block}
.cta{display:block;width:calc(100% - 12px);margin:0 6px;padding:19px 16px;font-size:25px;text-align:center}
.bar{height:76px;margin:0 8px}
.read{margin:24px 0 0;font-size:24px;min-height:30px}
.s{padding:104px 0 0}
h2,.h2{margin:0 0 32px}
.sub{margin:-18px 0 36px;font-size:19px}
.more{margin-top:32px;font-size:21px}
.quiet{margin-top:48px;font-size:23px}
.note{margin:18px 0;font-size:14.5px}
.city-chips{margin-bottom:24px}
.qz{margin:0;padding:0;background:none;border:0;overflow:visible}
.qz-hud{grid-template-columns:1fr auto;align-items:end}
.qz-hud b{font-size:60px}
#qz-c{margin-left:12px;font:italic 800 32px/1 var(--disp)}
.qz-ask{margin:40px 0 22px;font-size:38px}
.qz-tiles{gap:12px}
.qz-t{min-height:82px;padding:12px 12px 12px 40px;font-size:24px}
.qz.over .qz-tiles,.qz.over .qz-ask{display:none}
.qz-end{margin-top:44px;padding:0;border:0}
.qz-title{font-size:40px}
.qz-final{margin-top:10px;font-size:132px}
.qz-note{margin:12px 0 36px;font-size:16px}
.qz-end .cta{margin:0 6px}
.qz-share{appearance:none;display:block;width:100%;background:none;border:0;cursor:pointer;margin-top:24px}
[data-strip]>.row-ctl{margin-bottom:32px}
.st-tiles{margin:0 6px;gap:4px}
.st-t{padding:20px 0}
.st-p{background:none;padding:44px 0 0;margin:0}
.st-p h3{font-size:38px}
.st-big{margin:14px 0 8px}
.st-p p{margin:14px 0 0}
.rail{gap:16px;margin:0 -24px;padding:4px 24px 12px}
.rail>*{flex:0 0 80%}
.cards-grid{gap:20px}
.gc{padding:28px 24px}
.gc strong{margin:10px 0 8px;font-size:36px}
.gc p{margin-top:14px;font-size:16px}
.page-head{padding-top:56px;padding-bottom:12px}
.crumbs{margin:0 0 20px}
.lead{margin:20px 0 48px;font-size:22px;line-height:1.5}
details{margin:14px 0}
summary{padding:24px 20px}
details>:not(summary){margin-left:20px;margin-right:20px}
details>:last-child{padding-bottom:24px}
details ul,details ol{padding-left:22px;line-height:1.8}
.wk{gap:12px;padding-bottom:24px}
.wk p{padding:18px}
.terms{gap:14px;margin:32px 0}
.terms div{padding:22px 20px}
.flow{gap:10px;margin:40px 0}
.flow div{padding:18px 14px}
.gap{margin-top:96px}
table{margin:24px 0}
th,td{padding:15px 10px}
.box{margin:32px 0;padding:24px}
.tool{margin:32px 0;padding:24px}
.tool .row{gap:20px}
.prose h2{margin-top:0}
main{padding-bottom:112px}
footer{padding:44px 0 64px;font-size:14.5px}
footer p{margin:18px 0}
footer p:last-child{line-height:2.3}
.doors{display:grid;gap:16px}
.door{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:150px;padding:26px 56px 26px 24px;background:var(--card);border-top:4px solid var(--hot);text-decoration:none;transition:background .15s}
.door strong{font:italic 800 clamp(42px,12vw,64px)/1 var(--disp);text-transform:uppercase}
.door span{margin-top:10px;font-size:16px;line-height:1.35;color:var(--muted)}
.door::after{content:"\2192";position:absolute;top:22px;right:22px;font:800 28px/1 var(--sans);color:var(--hot)}
.door:hover,.door:focus-visible{background:var(--hot);color:#0a0b0d}
.door:hover span,.door:focus-visible span,.door:hover::after,.door:focus-visible::after{color:#0a0b0d}
.tz{--rk:#7ee0c3;padding:44px 24px 40px;background:var(--card);border-top:4px solid var(--hot)}
.tz .h2{margin:0}
.tz .clock{margin-top:28px;font-size:clamp(76px,23vw,132px)}
.tz .rk-name{display:block;margin-top:16px;font-size:38px}
.tz .sl{margin:40px 0 32px}
a.cta{color:#0a0b0d;text-decoration:none}
html:not(.js) .tz .sl{display:none}
.front{padding:24px 0 48px}
.front-grid{display:grid;gap:14px;grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "doors" "first" "mini"}
.front-head{grid-area:head;margin-bottom:10px}
.front .ask{font-size:clamp(42px,12.4vw,68px)}
.front .doors{grid-area:doors;grid-template-columns:1fr 1fr;gap:12px}
.front .door{min-height:104px;padding:14px;justify-content:flex-end}
.front .door strong{font-size:30px}
.front .door span,.front .door::after{display:none}
.first{grid-area:first;display:block;padding:16px 18px;background:var(--hot);color:#0a0b0d;text-decoration:none;transition:background .15s}
.first strong{display:block;font:italic 800 clamp(26px,7.4vw,34px)/1 var(--disp);text-transform:uppercase}
.first span{display:block;margin-top:6px;font-size:15px}
.first:hover,.first:focus-visible{background:#fff}
.tz-mini{grid-area:mini;padding:16px 18px;border-top:0}
.tz-q{margin:0;font:700 17px/1.1 var(--disp);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.tz-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.tz-mini .clock{margin:6px 0 0;font-size:68px;line-height:1}
.tz-mini .rk-name{margin:0;font-size:24px}
.tz-mini .sl{margin:10px 0 4px}
.tz-mini .sl>span{margin-bottom:2px}
.tz-mini .more{margin:0;font-size:18px}
@media (min-width:900px){
.front .wrap{max-width:1120px}
.front{padding:56px 0 88px}
.front-grid{gap:18px 64px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-rows:auto auto 1fr;grid-template-areas:"head doors" "first doors" "mini doors"}
.front .doors{gap:18px}
.front .door{min-height:200px;padding:26px}
.front .door strong{font-size:44px}
.front .door span{display:block}
.tz.tz-mini{display:block;padding:20px 24px}
.tz.tz-mini .clock{font-size:76px}
.tz.tz-mini .sl{margin-top:10px}
.doors{grid-template-columns:1fr 1fr;gap:28px}
.door{min-height:280px;padding:40px}
.door::after{top:36px;right:36px;font-size:34px}
.tz{display:grid;grid-template-columns:1.1fr .9fr;gap:0 64px;align-items:center;padding:64px}
.tz .clock{font-size:110px}
.tz .sl{margin-top:0}
.wrap{max-width:900px}
.top .wrap,.hero .wrap{max-width:1120px}
.menu-b{display:none}
html.js .nav{display:flex;gap:40px}
.nav a{font-size:20px;line-height:60px}
.hero{padding:104px 0 136px}
.grid-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:0 110px;align-items:center}
.clock{font-size:168px}
.ctl .row-ctl{flex-wrap:nowrap}
.after{grid-column:2;margin-top:44px}
.bar{height:110px}
.s{padding-top:168px}
.qz-tiles{gap:16px}
.page-head{padding-top:112px;padding-bottom:20px}
.lead{margin-bottom:64px}
.cards-grid{gap:28px}
.gap{margin-top:140px}
main{padding-bottom:168px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html.js .s{opacity:1;transform:none}}

.ck[hidden]{display:none}.ck{position:fixed;bottom:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:center;gap:.7rem;padding:.55rem 1rem;background:#171717;color:#fff;font-size:.85rem;flex-wrap:wrap}.ck button{padding:.25rem .7rem}