@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains_mono_regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains_mono_semibold.ttf)format("truetype");font-weight:600;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains_mono_bold.ttf)format("truetype");font-weight:700;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--mono:"JetBrains Mono",ui-monospace,"Cascadia Mono",Menlo,Consolas,monospace;--backdrop:linear-gradient(135deg,#fefefe,#fdfcfa 35%,#fbf8f5 70%,#f9f5f0);--backdrop-flat:#fbf8f5;--paper:#faf6f1;--paper2:#f4ede5;--side:#e1d4c4;--shell:linear-gradient(#f4ede5,#f1e9df);--ink:#3b342d;--muted:#7c7166;--accent:#3b342d;--accent-ink:#f4ede5;--accent-side:#211c17;--line:#3b342d33;--key-shadow:#2a1e1229;--sheen:#ffffff1f;--arrive:#3b342d;--reject:#e0796b;--scrim:#0009;--cell:64px;--out:cubic-bezier(.16,1,.3,1);--field-alpha:.3}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--backdrop:#1f1f1f;--backdrop-flat:#1f1f1f;--paper:#262626;--paper2:#2f2f2f;--side:#212121;--shell:linear-gradient(#252525,#222);--ink:#ededed;--muted:#a6a8ad;--accent:#d4d6da;--accent-ink:#1b1c1e;--accent-side:#8e9095;--line:#ffffff1f;--key-shadow:#0000006b;--sheen:#ffffff09;--arrive:#f5ffea;--reject:#ffb4a8;--field-alpha:.16}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--backdrop:#1f1f1f;--backdrop-flat:#1f1f1f;--paper:#262626;--paper2:#2f2f2f;--side:#212121;--shell:linear-gradient(#252525,#222);--ink:#ededed;--muted:#a6a8ad;--accent:#d4d6da;--accent-ink:#1b1c1e;--accent-side:#8e9095;--line:#ffffff1f;--key-shadow:#0000006b;--sheen:#ffffff09;--arrive:#f5ffea;--reject:#ffb4a8;--field-alpha:.16}.red{--light:#e09a91;--deep:#ae546b;--flat:#e69a99}.blue{--light:#93d2db;--deep:#3b88a6;--flat:#88cedd}.green{--light:#a6d7ad;--deep:#4b896b;--flat:#9fd6b5}.yellow{--light:#f0d38b;--deep:#b88a43;--flat:#edcc82}.purple{--light:#c9b8e1;--deep:#8464a9;--flat:#bba9dc}.white{--light:#f3f4df;--deep:#c3cfbc;--flat:#e4ecdf}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--backdrop) fixed;background-color:var(--backdrop-flat);min-height:100vh;color:var(--ink);font:400 16px/1.6 var(--mono);margin:0}h1,h2,h3,p,ul,ol,dl,dd{margin:0;padding:0}ul,ol{list-style:none}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:6px}.key{--depth:3px;--wall:var(--side);--face:var(--paper2);cursor:pointer;background:linear-gradient(to bottom,var(--sheen),transparent 50%),var(--face);min-height:48px;color:var(--ink);font:600 14px/1.2 var(--mono);letter-spacing:.05em;text-align:center;box-shadow:0 var(--depth) 0 var(--wall),0 calc(var(--depth) + 6px) 14px var(--key-shadow);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:10px 18px;text-decoration:none;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease-out;display:inline-flex}.key:active:not([aria-disabled=true]){transform:translateY(var(--depth)) scale(.97);box-shadow:0 0 0 var(--wall),0 1px 3px var(--key-shadow);transition-duration:45ms;transition-timing-function:ease-out}.key.primary{--face:var(--accent);--wall:var(--accent-side);color:var(--accent-ink)}.key.invert{--face:var(--accent-ink);--wall:color-mix(in srgb,var(--accent-ink) 72%,#000);color:var(--accent)}.key.icon{width:48px;padding:0}.key svg{flex:none;width:20px;height:20px}.key[aria-disabled=true]{cursor:default;color:var(--muted)}.key small{letter-spacing:0;opacity:.75;font-size:12px;font-weight:400;display:block}.label{font:700 11px/1.2 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}::selection{background:var(--accent);color:var(--accent-ink)}html{scrollbar-color:var(--muted) transparent}.wordmark{letter-spacing:.3em;color:var(--accent);margin-right:-.3em;font-weight:700}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.wrap{width:min(1120px,100%);margin:0 auto;padding:0 16px}@media (width>=720px){.wrap{padding:0 28px}}section{padding:64px 0;scroll-margin-top:72px}@media (width>=720px){section{padding:112px 0}}.section-head{max-width:760px;margin-bottom:40px}.section-head h2{font:700 clamp(28px,5.2vw,56px)/1.08 var(--mono);letter-spacing:-.035em;text-wrap:balance;padding-bottom:.12em;overflow:hidden}.section-head h2 span{transition:transform .8s var(--out);display:block;transform:translateY(105%)}.section-head p{max-width:60ch;color:var(--muted);opacity:0;margin-top:14px;transition:opacity .6s ease-out .25s}.section-head.in h2 span{transform:none}.section-head.in p{opacity:1}@media (prefers-reduced-motion:reduce){.section-head h2 span{transform:none}.section-head p{opacity:1}}.site-header{z-index:20;background:color-mix(in srgb,var(--backdrop-flat) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.site-header .wrap{align-items:center;gap:16px;min-height:64px;display:flex}.brand{align-items:center;gap:10px;font-size:18px;text-decoration:none;display:inline-flex}.brand .mark{width:28px;height:28px;color:var(--accent);transition:transform .9s var(--out)}.brand:hover .mark{transform:rotate(90deg)}.site-nav{letter-spacing:.03em;gap:22px;margin-left:auto;font-size:13px;font-weight:600;display:none}.site-nav a{color:var(--muted);padding:6px 0;text-decoration:none;transition:color .2s;position:relative}.site-nav a:after{content:"";background:var(--ink);transform-origin:0;height:2px;transition:transform .35s var(--out);border-radius:2px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.site-nav a:hover{color:var(--ink)}.site-nav a:hover:after{transform:scaleX(1)}.header-actions{gap:10px;margin-left:auto;display:flex}.header-actions .key{--depth:2px;min-height:40px}.header-actions .key.icon{width:40px}@media (width>=860px){.site-nav{display:flex}.header-actions{margin-left:0}}@media (width<=420px){.header-actions .unlock span{display:none}.header-actions .unlock:after{content:"Worlds"}}.hero{padding:36px 0 56px;position:relative;overflow:hidden}.hero-field{pointer-events:none;width:100%;height:100%;animation:1.6s ease-out both field-in;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}@keyframes field-in{0%{opacity:0}}.hero .wrap{gap:28px;display:grid;position:relative}@media (width<=899px){.hero-more{order:3}}@media (width>=900px){.hero{padding:0}.hero .wrap{grid-template-rows:1fr auto 1fr;grid-template-columns:1fr minmax(380px,440px);gap:0 56px;min-height:min(100svh - 64px,820px);padding-block:56px}.hero-copy{grid-area:1/1;align-self:end}.hero-more{grid-area:2/1;margin-top:30px}.stage{grid-area:1/2/4/3;align-self:center}}.hero h1{font:700 clamp(30px,9.4vw,60px)/1.04 var(--mono);letter-spacing:-.04em;margin-bottom:22px}.hero h1 .line{white-space:nowrap;margin-bottom:-.12em;padding-bottom:.12em;display:block;overflow:hidden}.hero h1 .line>span{animation:line-up .9s var(--out) both;display:block}.hero h1 .line:nth-child(2)>span{animation-delay:.1s}@keyframes line-up{0%{transform:translateY(110%)}}.hero-lede{color:var(--muted);max-width:46ch;animation:fade-up .7s var(--out) .35s both;font-size:clamp(15px,1.5vw,17px)}.hero-more{animation:fade-up .7s var(--out) .45s both}.hero-cta{flex-wrap:wrap;gap:14px;display:flex}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}}.stage{animation:fade-up .8s var(--out) .2s both}.stage-top{justify-content:space-between;align-items:center;gap:12px;min-height:52px;margin-bottom:12px;display:flex}.stage-title{letter-spacing:.03em;font-size:15px;font-weight:600}.stage-title .label{margin-bottom:3px;display:block}.stage-target{align-items:center;gap:10px;display:flex}.platform{background:var(--shell);min-height:340px;box-shadow:0 10px 0 var(--side),0 24px 30px var(--key-shadow);transition:transform .5s var(--out);border-radius:24px;place-items:center;padding:28px 16px;display:grid;position:relative}.platform.solved{animation:thump .5s var(--out) .28s}@keyframes thump{30%{box-shadow:0 6px 0 var(--side),0 14px 20px var(--key-shadow);transform:translateY(4px)}}.stage-controls{align-items:center;gap:10px;margin-top:26px;display:flex}.dots{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.dot{--depth:2px;letter-spacing:0;border-radius:10px;width:34px;min-height:34px;padding:0;font-size:12px}.dot svg{width:13px;height:13px}.dot.done{--face:color-mix(in srgb,var(--paper2) 86%,var(--accent))}.dot[aria-current=true]{--face:var(--accent);--wall:var(--accent-side);color:var(--accent-ink)}.stage-note{min-height:56px;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:16px;font-size:13.5px;display:flex}.stage-note.win{color:var(--ink);animation:fade-up .32s var(--out);font-weight:600}.board{--gap:8px;--cell:min(88px,calc((min(100vw,480px) - 80px - (var(--cols) - 1) * var(--gap)) / var(--cols)));grid-template-columns:repeat(var(--cols),var(--cell));grid-auto-rows:var(--cell);gap:var(--gap);touch-action:none;display:grid}.cell{animation:deal .55s var(--out) both;animation-delay:calc(.12s + var(--order) * 55ms);position:relative}@keyframes deal{0%{opacity:0;transform:translateY(-26px)scale(.82)}}.cell.hole{visibility:hidden}.cell.legal:after{content:"";z-index:2;box-shadow:0 0 0 2px color-mix(in srgb,var(--ink) 45%,transparent);pointer-events:none;animation:legal-in .22s var(--out);border-radius:26%;position:absolute;inset:-4px}@keyframes legal-in{0%{opacity:0;transform:scale(.9)}}.cell.hover-target:after{box-shadow:0 0 0 3px var(--ink)}.bloom{background:radial-gradient(circle,var(--flat) 0,transparent 66%);pointer-events:none;border-radius:50%;animation:1.2s ease-out both ink;position:absolute;inset:-55%}@keyframes ink{0%{opacity:.6;transform:scale(.3)}to{opacity:0;transform:scale(1.25)}}.tile{--wall:color-mix(in srgb,var(--deep) 60%,#000);--rest:inset 0 0 0 1.5px #ffffff73,0 calc(var(--cell) * .055) 0 var(--wall),0 calc(var(--cell) * .095) calc(var(--cell) * .12) #0003;z-index:1;cursor:pointer;isolation:isolate;color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,var(--light),var(--deep));width:100%;height:100%;box-shadow:var(--rest);-webkit-tap-highlight-color:transparent;border:0;border-radius:23%;place-items:center;padding:0;transition:transform .14s,box-shadow .14s;display:grid;position:relative;overflow:hidden}span.tile{cursor:default;width:var(--cell);height:var(--cell);flex:none}.tile.white{color:#45474c}.tile:before{content:"";z-index:-1;background:linear-gradient(145deg,#ffffff47,#0000 48%,#00000029);position:absolute;inset:0}.tile svg{pointer-events:none;filter:drop-shadow(0 -1px #0003);width:44%;height:44%;transition:transform .3s var(--out)}.tile.white svg{filter:none}@media (hover:hover){.board:not(.solved) button.tile:hover:not(.selected){transform:translateY(-2px)}button.tile:hover svg{transform:scale(1.12)}}.tile.selected{box-shadow:var(--rest),0 0 0 3px var(--ink);z-index:3;transform:translateY(-5px)scale(1.035)}.tile.dragging{z-index:40;box-shadow:var(--rest),0 14px 26px #0000004d,0 0 0 2px var(--ink);transition:none}.tile.moving{z-index:4;transition:none}.tile.arrived{animation:.42s ease-out arrive}.tile.rejected{animation:.3s ease-out reject}.tile.hinted{animation:.8s ease-in-out 2 hint}@keyframes arrive{40%{box-shadow:var(--rest),0 0 0 3px var(--arrive)}}@keyframes reject{20%{transform:translate(-4px)}40%{box-shadow:var(--rest),0 0 0 3px var(--reject);transform:translate(4px)}70%{transform:translate(-2px)}}@keyframes hint{50%{box-shadow:var(--rest),0 0 0 4px var(--ink);transform:scale(1.04)}}.board.solved .tile{cursor:default;animation:solve .7s var(--out) both;animation-delay:calc(var(--order) * 45ms)}@keyframes solve{30%{box-shadow:var(--rest),0 0 0 3px var(--flat);transform:translateY(-12px)scale(1.06)}60%{transform:translateY(2px)}}.burst{z-index:5;pointer-events:none;position:absolute;inset:0}.burst i{width:var(--s);height:var(--s);background:linear-gradient(145deg,var(--light),var(--deep));opacity:0;animation:burst 1.25s var(--out) var(--d) both;border-radius:25%;position:absolute;top:50%;left:50%}@keyframes burst{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}10%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(var(--r))}}@media (prefers-reduced-motion:reduce){.burst,.bloom{display:none}}.mini{--m:16px;grid-template-columns:repeat(var(--cols),var(--m));grid-auto-rows:var(--m);gap:3px;display:inline-grid}.mini-cell{background:var(--flat);border-radius:25%}.mini-cell.hole{background:0 0}.band{border-block:1px solid var(--line);background:color-mix(in srgb,var(--paper2) 60%,transparent);padding:18px 0;overflow:hidden}.band-track{width:max-content;animation:46s linear infinite paused slide;display:flex}.band.live .band-track{animation-play-state:running}.band ul{flex:none;display:flex}.band li{font:700 clamp(15px,2vw,20px)/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;--cell:30px;align-items:center;gap:14px;padding-right:44px;display:flex}@keyframes slide{to{transform:translate(-50%)}}.statement{max-width:22em;font:700 clamp(24px,4.4vw,48px)/1.28 var(--mono);letter-spacing:-.03em;text-wrap:pretty}.tile.inline{--cell:1.05em;vertical-align:-.16em;opacity:0;transition:transform .7s var(--out),opacity .3s;margin:0 .08em;display:inline-grid;transform:scale(.4)rotate(-20deg)}.statement.in .tile.inline{opacity:1;transform:none}.statement .tile.inline:first-of-type{transition-delay:.1s}.statement .tile.inline:nth-of-type(2){transition-delay:.25s}.statement .tile.inline:nth-of-type(3){transition-delay:.4s}.statement .tile.inline:nth-of-type(4){transition-delay:.55s}@media (prefers-reduced-motion:reduce){.tile.inline{opacity:1;transform:none}}.facts{gap:28px;margin-top:56px;display:grid}@media (width>=720px){.facts{grid-template-columns:repeat(3,1fr);gap:40px}}.facts div{border-top:2px solid var(--ink);padding-top:18px}.facts dt{font:700 clamp(40px,6vw,64px)/1 var(--mono);letter-spacing:-.04em;font-variant-numeric:tabular-nums}.facts dd{color:var(--muted);max-width:30ch;margin-top:10px;font-size:14.5px}.showcase{align-items:center;gap:28px;display:grid}@media (width>=900px){.showcase{grid-template-columns:auto minmax(320px,400px) 1fr;gap:48px}}.picks{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}@media (width>=900px){.picks{grid-template-columns:1fr;gap:10px}}.pick{cursor:pointer;font:600 11px/1.2 var(--mono);letter-spacing:.04em;color:var(--muted);--cell:44px;transition:background .25s,color .25s,transform .4s var(--out);background:0 0;border:0;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:10px 4px;display:flex}.pick span:last-child{display:none}@media (width>=900px){.pick{--cell:48px;flex-direction:row;gap:14px;padding:8px 18px 12px 10px;font-size:14px}.pick span:last-child{display:inline}}.pick .tile{transition:transform .4s var(--out)}.pick:hover .tile{transform:translateY(-3px)rotate(-4deg)}.pick[aria-pressed=true]{background:var(--paper2);color:var(--ink);box-shadow:0 3px 0 var(--side),0 10px 14px var(--key-shadow)}.pick[aria-pressed=true] .tile{transform:scale(1.06)}.showcase-stage{background:var(--shell);box-shadow:0 10px 0 var(--side),0 24px 30px var(--key-shadow);border-radius:28px;place-items:center;padding:clamp(18px,4vw,34px);display:grid}.demo{--s:clamp(40px,11.5vw,56px);--g:7px;--step:calc(var(--s) + var(--g));--cell:var(--s);position:relative}.demo-cells,.demo-actors{grid-template-columns:repeat(5,var(--s));grid-auto-rows:var(--s);gap:var(--g);display:grid}.demo-cells i{background:color-mix(in srgb,var(--ink) 7%,transparent);border-radius:23%;transition:background .4s,box-shadow .4s}.demo-cells i.to{background:color-mix(in srgb,var(--flat) 55%,transparent);box-shadow:inset 0 0 0 2px var(--flat)}.demo-actors{position:absolute;inset:0}.actor{transition:transform .46s var(--out);grid-area:3/3}.actor.helper{grid-area:2/3}.showcase-copy h3{font:700 clamp(30px,5vw,52px)/1.05 var(--mono);letter-spacing:-.03em;animation:fade-up .5s var(--out)}.showcase-copy .rule{max-width:30ch;color:var(--muted);animation:fade-up .5s var(--out) 60ms both;margin:14px 0 26px;font-size:clamp(16px,1.8vw,19px)}.modes{background:color-mix(in srgb,var(--paper2) 55%,transparent);border-block:1px solid var(--line)}.mode-grid{perspective:1400px;gap:26px;display:grid}@media (width>=820px){.mode-grid{grid-template-columns:1fr 1fr}}.panel{background:linear-gradient(to bottom,var(--sheen),transparent 50%),var(--paper2);box-shadow:0 8px 0 var(--side),0 22px 28px var(--key-shadow);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .6s var(--out);border-radius:28px;flex-direction:column;padding:30px 26px 28px;display:flex;position:relative;overflow:hidden}.panel:after{content:"";pointer-events:none;opacity:0;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),color-mix(in srgb,currentColor 9%,transparent),transparent 70%);transition:opacity .4s;position:absolute;inset:0}@media (hover:hover){.panel:hover:after{opacity:1}}.panel.worlds{background:linear-gradient(to bottom,var(--sheen),transparent 50%),var(--accent);color:var(--accent-ink);box-shadow:0 8px 0 var(--accent-side),0 22px 28px var(--key-shadow)}.panel.worlds .panel-sub,.panel.worlds .price-note,.panel.worlds .panel-stat{color:inherit;opacity:.76}.panel-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.panel h3{font:700 clamp(34px,6.4vw,58px)/1 var(--mono);letter-spacing:.04em;text-transform:uppercase}.price{font:700 clamp(17px,2.2vw,22px)/1 var(--mono);white-space:nowrap}.panel-sub{color:var(--muted);margin-top:12px;font-size:14.5px}.panel-stat{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:12px;font-size:13px;font-weight:600}.trail{grid-template-columns:repeat(auto-fill,minmax(11px,1fr));align-content:start;gap:4px;min-height:74px;margin-top:24px;display:grid}.trail i{aspect-ratio:1;background:var(--c);opacity:.16;border-radius:25%;transform:scale(.6)}.trail.live i{animation:trail .5s var(--out) both;animation-delay:calc(var(--i) * 7ms)}@keyframes trail{0%{opacity:.16;transform:scale(.6)}to{opacity:1;transform:none}}.drifts{gap:8px;min-height:74px;margin:24px -26px 0;display:grid;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.drift{width:max-content;animation:30s linear infinite paused slide;display:flex}.drift.reverse{animation-duration:38s;animation-direction:reverse}.drifts.live .drift{animation-play-state:running}.drift>span{flex:none;display:flex}.drift b{background:color-mix(in srgb,currentColor 10%,transparent);border-radius:10px;place-items:center;width:50px;height:33px;margin-right:8px;display:grid}.drift .mini{--m:8px;gap:2px}@media (prefers-reduced-motion:reduce){.trail i{opacity:1;transform:none}.panel{transform:none}}.panel ul{gap:10px;margin:22px 0 28px;font-size:14px;display:grid}.panel li{grid-template-columns:18px 1fr;align-items:start;gap:10px;display:grid}.panel li svg{width:18px;height:18px;margin-top:2px}.panel .key{width:100%;min-height:58px;margin-top:auto;font-size:15px}.price-note{color:var(--muted);text-align:center;margin-top:12px;font-size:12.5px}.how{counter-reset:how;gap:22px;margin-top:48px;display:grid}@media (width>=720px){.how{grid-template-columns:repeat(3,1fr);gap:32px}}.how li{counter-increment:how;color:var(--muted);grid-template-columns:auto 1fr;column-gap:14px;font-size:14px;display:grid}.how li:before{content:counter(how);background:var(--accent);width:38px;height:38px;color:var(--accent-ink);box-shadow:0 3px 0 var(--accent-side);border-radius:12px;grid-row:span 2;place-items:center;font-weight:700;display:grid}.how strong{color:var(--ink);font-weight:600}.phones{scroll-snap-type:x mandatory;scrollbar-width:none;gap:36px;padding:16px 8px 28px;display:flex;overflow-x:auto}@media (width>=820px){.phones{justify-content:center;overflow:visible}}.phone{scroll-snap-align:center;flex:none;width:220px;animation:7s ease-in-out infinite alternate paused float}.phone:nth-child(2){margin-top:28px;animation-delay:-2.3s}.phone:nth-child(3){animation-delay:-4.6s}.phones.live .phone{animation-play-state:running}@keyframes float{0%{transform:translateY(-6px)}to{transform:translateY(8px)}}.phone-body{background:var(--backdrop-flat);height:420px;box-shadow:0 0 0 5px var(--side),0 24px 30px var(--key-shadow);border-radius:28px;flex-direction:column;gap:10px;padding:14px 12px;display:flex}.phone figcaption{color:var(--muted);text-align:center;margin-top:22px;font-size:13px}.phone-bar{justify-content:space-between;align-items:center;font-size:12px;display:flex}.phone-bar .mark{width:20px;height:20px;color:var(--accent)}.pk{background:var(--paper2);box-shadow:0 2px 0 var(--side);letter-spacing:.05em;border-radius:10px;place-items:center;font-size:13px;font-weight:700;display:grid}.pk.sq{width:26px;height:26px}.pk.big{box-shadow:0 5px 0 var(--side);text-transform:uppercase;border-radius:22px;flex:1}.phones.live .pk.big{animation:press 5s var(--out) infinite}.phones.live .pk.big.second{animation-delay:2.5s}@keyframes press{0%,10%,to{box-shadow:0 5px 0 var(--side);transform:none}4%{box-shadow:0 1px 0 var(--side);transform:translateY(4px)scale(.98)}}.pk.on{background:var(--accent);color:var(--accent-ink);box-shadow:0 2px 0 var(--accent-side)}.level-grid{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.level-grid .pk{aspect-ratio:1;font-size:9px;font-weight:400}.level-grid .pk.solved{background:color-mix(in srgb,var(--paper2) 80%,var(--accent))}.phones.live .level-grid .pk{animation:pop .5s var(--out) both;animation-delay:calc(var(--i) * 40ms)}@keyframes pop{0%{opacity:0;transform:scale(.6)}}.level-grid .mini{--m:7px;gap:1.5px}.phone-row{gap:8px;margin-top:auto;display:flex}.phone-row .pk{flex:1;height:30px;font-size:10px;font-weight:600}.faq{max-width:780px}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;transition:padding .3s var(--out);justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-size:clamp(15px,1.7vw,17px);font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);width:12px;height:12px;transition:transform .35s var(--out);flex:none;transform:rotate(45deg)translate(-3px,-3px)}.faq summary:hover{padding-left:8px}.faq details[open] summary:after{transform:rotate(225deg)translate(-3px,-3px)}.faq p{color:var(--muted);max-width:64ch;padding:0 0 22px;font-size:14.5px}.faq details[open] p{animation:fade-up .4s var(--out)}.final{text-align:center;overflow:hidden}.wave{--cell:clamp(44px,11vw,84px);justify-content:center;gap:clamp(8px,2vw,16px);margin-bottom:40px;display:flex}.wave>span{animation:2.8s ease-in-out infinite paused bob;animation-delay:calc(var(--i) * -.32s)}.wave.live>span{animation-play-state:running}@keyframes bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-16px)rotate(4deg)}}.final h2{max-width:18em;font:700 clamp(28px,5.4vw,56px)/1.1 var(--mono);letter-spacing:-.035em;text-wrap:balance;margin:0 auto 30px}.final .hero-cta{justify-content:center}.site-footer{border-top:1px solid var(--line);color:var(--muted);padding:28px 0 40px;font-size:13px}.site-footer .wrap{flex-wrap:wrap;align-items:center;gap:14px 24px;display:flex}.site-footer nav{flex-wrap:wrap;gap:18px;margin-left:auto;display:flex}.site-footer a{text-underline-offset:4px}.sheet{border:1px solid var(--line);background:var(--paper2);width:min(480px,100%);max-width:100%;max-height:92dvh;color:var(--ink);border-bottom:0;border-radius:28px 28px 0 0;margin:auto auto 0;padding:26px 22px 28px;overflow:auto}@media (width>=640px){.sheet{border-bottom:1px solid var(--line);border-radius:28px;margin:auto}}.sheet[open]{animation:sheet .42s var(--out)}.sheet::backdrop{background:var(--scrim);animation:.3s ease-out field-in}@keyframes sheet{0%{opacity:0;transform:translateY(60px)}}.sheet-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.sheet h2{font:700 26px/1.2 var(--mono);letter-spacing:-.02em}.sheet p{color:var(--muted);font-size:14px}.sheet .price{color:var(--ink);margin:18px 0 6px;font-size:34px;display:block}.sheet ul{gap:8px;margin:16px 0 22px;font-size:14px;display:grid}.sheet li{grid-template-columns:18px 1fr;gap:10px;display:grid}.sheet li svg{width:18px;height:18px;margin-top:2px}.sheet form{gap:12px;display:grid}.sheet label{font-size:13px;font-weight:600}.sheet input{border:2px solid var(--line);background:var(--paper);width:100%;min-height:52px;color:var(--ink);caret-color:var(--ink);font:400 15px var(--mono);border-radius:14px;margin-top:6px;padding:0 14px;transition:border-color .2s}.sheet input::placeholder{color:var(--muted)}.sheet input:focus-visible{border-color:var(--ink);outline:none}.sheet .key:not(.icon){width:100%;min-height:54px}.sheet .key.icon{flex:none}.notice{border:1px solid var(--line);color:var(--ink);border-radius:14px;margin:16px 0;padding:12px 14px;font-size:13.5px}.sheet p.notice{color:var(--ink)}.notice.bad{border-color:var(--reject)}.sheet-fine{text-align:center;margin-top:14px;font-size:12px}.legal{max-width:720px;margin:0 auto;padding:48px 16px 80px}.legal h1{font:700 30px/1.2 var(--mono);margin:18px 0}.legal h2{font:600 17px/1.3 var(--mono);margin:28px 0 8px}.legal p{color:var(--muted);margin-bottom:12px}