@font-face{font-family:figtree;src:url(../media/figtree_latin_wght_normal-s.p.30wi0xp2m6ck_.woff2)format("woff2");font-display:swap;font-weight:300 900}@font-face{font-family:figtree Fallback;src:local(Arial);ascent-override:95.06%;descent-override:25.02%;line-gap-override:0.0%;size-adjust:99.94%}.uIDopW_className{font-family:figtree,figtree Fallback}.uIDopW_variable{--font-figtree:"figtree", "figtree Fallback"}
@font-face{font-family:mono;src:url(../media/geist_mono_latin_400_normal-s.p.0cd_-v3p9jh1i.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:mono;src:url(../media/geist_mono_latin_500_normal-s.p.187xias42mml0.woff2)format("woff2");font-display:swap;font-weight:500}@font-face{font-family:mono Fallback;src:local(Arial);ascent-override:76.43%;descent-override:22.43%;line-gap-override:0.0%;size-adjust:131.49%}.F_xJtq_className{font-family:mono,mono Fallback}.F_xJtq_variable{--font-geist-mono:"mono", "mono Fallback"}
@font-face{font-family:nunito;src:url(../media/nunito_latin_wght_normal-s.43ritpld78jne.woff2)format("woff2");font-display:swap;font-weight:200 1000}@font-face{font-family:nunito Fallback;src:local(Arial);ascent-override:103.02%;descent-override:35.97%;line-gap-override:0.0%;size-adjust:98.13%}.DX6iva_className{font-family:nunito,nunito Fallback}.DX6iva_variable{--font-nunito:"nunito", "nunito Fallback"}
:root{--ground:#ecebe6;--surface:#f8f7f3;--panel:#e2e0d9;--ink:#151514;--muted:#605e57;--line:#d6d3ca;--live:#17924f;--accent:#c23a2b;--on-accent:#fff;--sel:#2f6bff;--on-sel:#fff;--spido:#1f6bff;--comp:#7c4ddb;--paper:#f4f2ee;--term:#111113;--term-ink:#e9e6df;--sticky:#ffe38a;--sticky-ink:#3b3000;--board:#e6e4dd;--board-dot:#c9c5bb;--backdrop:#dcdad3;--backdrop-dot:#c7c4bb;--bezel:#151517;--bezel-edge:#3a3a3f;--bp:#0f2a66;--bp-grid:#96b9ff21;--bp-line:#aac8ff8c;--bp-ink:#d8e5ff;--bp-label:#8fb4ff;--bp-red:#ff7a6a;--redline:#d93a26;--mark:color-mix(in srgb, var(--accent) 24%, transparent);--tb-bg:#1e1e21;--tb-fg:#f2f2f3;--tb-edge:#38383d;--tb-hover:#2e2e33;--code-bg:#1b1c1f;--code-bar:#141517;--code-ink:#e6e7ea;--code-dim:#6e727c;--code-k:#c792ea;--code-s:#a5d6a7;--code-t:#82aaff;--code-p:#f78c6c;--car:#0e1114;--car-2:#171b21;--car-line:#262c34;--car-route:#3b82f6;--car-ok:#22c55e;--car-text:#e6e9ee;--shadow:0 1px 0 #1414120a, 0 12px 32px -18px #14141247;--display:var(--font-figtree), system-ui, sans-serif;--body:var(--font-figtree), system-ui, -apple-system, "Segoe UI", sans-serif;--mono:var(--font-geist-mono), ui-monospace, "SFMono-Regular", Menlo, monospace;--col:760px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#0f0f10;--surface:#18181a;--panel:#222225;--ink:#edebe5;--muted:#a09d94;--line:#2c2c30;--live:#3ccb7f;--accent:#e5574a;--on-accent:#140605;--sel:#5b8cff;--on-sel:#081226;--spido:#4f8cff;--mark:color-mix(in srgb, var(--accent) 40%, transparent);--comp:#a98bff;--board:#141416;--board-dot:#2e2e33;--bp:#0d1f4a;--redline:#ff6b5b;--tb-bg:#2a2a2f;--tb-edge:#45454c;--tb-hover:#3a3a40;--backdrop:#070708;--backdrop-dot:#1c1c20;--bezel:#000;--bezel-edge:#2a2a2e;--shadow:0 1px 0 #0006, 0 16px 40px -20px #000c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--ground:#0f0f10;--surface:#18181a;--panel:#222225;--ink:#edebe5;--muted:#a09d94;--line:#2c2c30;--live:#3ccb7f;--accent:#e5574a;--on-accent:#140605;--sel:#5b8cff;--on-sel:#081226;--spido:#4f8cff;--mark:color-mix(in srgb, var(--accent) 40%, transparent);--comp:#a98bff;--board:#141416;--board-dot:#2e2e33;--bp:#0d1f4a;--redline:#ff6b5b;--tb-bg:#2a2a2f;--tb-edge:#45454c;--tb-hover:#3a3a40;--backdrop:#070708;--backdrop-dot:#1c1c20;--bezel:#000;--bezel-edge:#2a2a2e;--shadow:0 1px 0 #0006, 0 16px 40px -20px #000c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-padding-top:96px}body{margin:0}img{max-width:100%}[hidden]{display:none!important}body{background:var(--ground);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.site{background:var(--ground);min-height:100vh;container:site/inline-size}.wrap{max-width:calc(var(--col) + 2 * 24px);padding-left:max(24px, env(safe-area-inset-left,0px));padding-right:max(24px, env(safe-area-inset-right,0px));margin-inline:auto}.wide{max-width:1228px;padding-left:max(24px, env(safe-area-inset-left,0px));padding-right:max(24px, env(safe-area-inset-right,0px));margin-inline:auto}.nav{z-index:3;justify-content:space-between;align-items:center;gap:16px;max-width:1228px;padding-block:22px;display:flex;position:relative}.brand{align-items:center;gap:12px;font-size:15px;font-weight:500;text-decoration:none;display:flex}.links{gap:26px;font-size:14px;display:flex}.links a{color:var(--muted);text-decoration:none}.links a:hover{color:var(--ink)}.tools{gap:8px;display:flex}@container site (max-width:700px){.links,.brand .name{display:none}}.avatar-slot{--s:36px;width:var(--s);height:var(--s);flex:none;place-items:center;display:inline-grid;position:relative}.avatar-slot>*{grid-area:1/1}.avatar-slot img,.avatar-slot canvas,.avatar-slot svg{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.av3d{cursor:pointer}.status{color:var(--muted);align-items:center;gap:10px;margin:0;font-size:15px;display:flex}.status i{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent);border-radius:50%;flex:none}.btn{cursor:pointer;border:1px solid var(--line);background:var(--surface);white-space:nowrap;border-radius:12px;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.btn-ink{background:var(--ink);color:var(--ground);border-color:var(--ink)}.btn-row{flex-wrap:wrap;gap:10px;display:flex}.w{vertical-align:bottom;margin-bottom:-.1em;padding-bottom:.1em;display:inline-block;overflow:hidden}.ch{will-change:transform;display:inline-block}.hero-a{padding-block:40px 72px;position:relative;overflow:hidden}.hero-a .field{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;-webkit-mask:linear-gradient(#0000 8%,#000 70%);mask:linear-gradient(#0000 8%,#000 70%)}.hero-a .inner{z-index:1;grid-template-columns:minmax(0,1fr);gap:28px;display:grid;position:relative}.hero-a .col{flex-direction:column;gap:28px;min-width:0;display:flex}.hero-a .who{flex-direction:column;gap:2px;display:flex}.hero-a .who h1{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:500}.hero-a .lead{font-family:var(--display);font-weight:var(--dw,500);font-size:calc(clamp(28px, 4.2cqi, 44px) * var(--dk,1));line-height:var(--dlh,1.12);letter-spacing:var(--dls,-.025em);text-wrap:balance;max-width:22ch;margin:0}.hero-a .bio{color:var(--muted);flex-direction:column;gap:14px;max-width:60ch;font-size:17px;display:flex}.hero-a .bio p{margin:0}.hero-a .me{--s:88px}.hero-a[data-layout=plain] .field{display:none}.hero-a[data-layout=split] .inner{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:48px;max-width:1100px}.hero-a[data-layout=split] .me{--s:240px;background:var(--surface);box-shadow:var(--shadow);border-radius:36px}.hero-a[data-layout=split] .field{-webkit-mask:linear-gradient(#0000 30%,#000 85%);mask:linear-gradient(#0000 30%,#000 85%)}@container site (max-width:760px){.hero-a[data-layout=split] .inner{grid-template-columns:minmax(0,1fr);gap:28px}.hero-a[data-layout=split] .me{--s:168px;border-radius:28px}}.ln{isolation:isolate;margin-bottom:-.06em;padding-bottom:.06em;display:block;position:relative}.lni{display:block}.ln-soft{-webkit-mask:linear-gradient(90deg, #000 40%, transparent 60%) calc(var(--mp,0) * 1%) 0 / 250% 100% no-repeat;-webkit-mask:linear-gradient(90deg, #000 40%, transparent 60%) calc(var(--mp,0) * 1%) 0 / 250% 100% no-repeat;mask:linear-gradient(90deg, #000 40%, transparent 60%) calc(var(--mp,0) * 1%) 0 / 250% 100% no-repeat}.wcaret{background:var(--sel);pointer-events:none;width:2px;margin-left:1px;position:absolute;top:.08em;bottom:.04em;left:0}.wcaret.blink{animation:.55s step-end 4 cur}.lsel{z-index:-1;background:color-mix(in srgb, var(--sel) 26%, transparent);transform-origin:0;pointer-events:none;position:absolute;inset:.04em -.06em .02em}.navs{z-index:40;pointer-events:none;position:fixed;inset:0;container:dev/inline-size}.nv{pointer-events:auto;position:absolute}.nv[hidden]{display:none!important}.nv-ico{flex:none;width:18px;height:18px;display:block}.nv-btn{cursor:pointer;color:inherit;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}.tip{background:var(--ink);color:var(--ground);font:500 11.5px/1.2 var(--body);white-space:nowrap;opacity:0;pointer-events:none;border-radius:7px;padding:5px 8px;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(4px)}.nv-btn:hover .tip,.nv-btn:focus-visible .tip{opacity:1;transform:translate(-50%)translateY(0)}.app[data-nav=dock] .site{padding-top:20px;padding-bottom:84px}.nv-dock{--dk:48px;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb, var(--surface) 72%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);border:1px solid var(--line);border-radius:22px;align-items:flex-end;gap:8px;padding:8px 10px;display:flex;transform:translate(-50%);box-shadow:0 24px 50px -24px #00000073}.dk{width:var(--dk);height:var(--dk);color:#fff;border-radius:13px;flex:none;place-items:center;display:grid;box-shadow:inset 0 -2px #0000001f}.dk svg{width:46%;height:46%}.nv-dock:is([data-ic=pixel],[data-ic=soft],[data-ic=dots]) .dk svg{flex:none;width:24px;height:24px}.nv-dock .nv-btn{width:var(--dk);flex:none}.nv-dock .nv-btn:after{content:"";background:var(--ink);opacity:0;border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;bottom:-6px;left:50%}.dk-sep{background:var(--line);align-self:stretch;width:1px;margin:4px 2px}.dk-lab{display:none}.nv-dock[data-style=mono] .is-on .dk{color:var(--ground);background:var(--ink)!important}@container dev (max-width:560px){.nv-dock{--dk:44px;gap:5px;padding:6px 8px}.dk{border-radius:10px}.dk-sep{margin:3px 0}}.nv-corner{top:calc(16px + env(safe-area-inset-top,0px));right:max(16px, env(safe-area-inset-right,0px));pointer-events:auto;gap:8px;display:flex;position:absolute}.nv-corner .nv-btn{background:color-mix(in srgb, var(--surface) 80%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);width:40px;height:40px;color:var(--ink);border-radius:12px}.nv-corner .nv-btn:hover{background:var(--surface)}.nv-corner .tip{top:calc(100% + 10px);bottom:auto}.nv-corner .js-sound[aria-pressed=false]{color:var(--muted)}.nv-logo{top:calc(16px + env(safe-area-inset-top,0px));left:max(16px, env(safe-area-inset-left,0px));border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 80%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;opacity:0;pointer-events:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex;position:absolute;overflow:hidden}.nv-logo .avatar-slot{--s:38px}.navs:before{content:"";height:calc(88px + env(safe-area-inset-top,0px));background:linear-gradient(to bottom, var(--ground) 64%, transparent);opacity:var(--scrim,0);pointer-events:none;position:absolute;inset:0 0 auto}.nv-dock[data-style=mono] .dk{color:var(--ink);border:1px solid var(--line);box-shadow:0 6px 14px -8px #00000059;background:var(--surface)!important}.nv-dock[data-style=mono] .is-on .dk{color:var(--ink);border-color:var(--ink);background:var(--surface)!important}.made{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.chip{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 70%, transparent);height:32px;color:var(--ink);border-radius:9px;align-items:center;gap:7px;padding:0 11px 0 7px;font-size:13.5px;font-weight:500;display:inline-flex}.chip svg{width:18px;height:18px;image-rendering:pixelated;color:var(--ink)}.hero-a{overflow:visible}.hero-a .field{height:auto;inset:-60px 0 -220px;-webkit-mask:linear-gradient(#0000 0%,#000 26% 58%,#0000 100%);mask:linear-gradient(#0000 0%,#000 26% 58%,#0000 100%)}main{z-index:1;position:relative}.site{overflow-x:clip}.hero-cta{flex-direction:column;gap:16px;display:flex}.hero-a .who{gap:4px}.who-top{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.who-loc{color:var(--muted);font-size:14px}.who-loc .clock{margin-left:4px;font-size:12.5px}.who-role{color:var(--muted)}.nv-dock[data-style=mono] .dk-cta .dk{color:var(--ground);border-color:var(--ink);background:var(--ink)!important}.card-ic{vertical-align:-3px;margin-right:8px;display:inline-flex}.card-ic svg{border-radius:5px;width:18px;height:18px}.spido-ring{stroke:var(--spido)}svg.spido-pin{color:var(--ink)}.co-ic .ic-mk svg.spido-pin,.card-ic svg.spido-pin{border-radius:0;width:auto;height:16px}.site .btn{isolation:isolate;--shine:color-mix(in srgb, var(--ink) 12%, transparent);transition:color .25s,border-color .25s,transform .3s,box-shadow .3s;position:relative;overflow:hidden}.site .btn-ink{--shine:color-mix(in srgb, var(--ground) 40%, transparent)}.bh-fx{z-index:-1;pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.bh-l{white-space:nowrap;align-items:center;display:inline-flex}.bh-ar{margin-left:.45em}.site .bh-fx:after{content:"";background:linear-gradient(100deg, transparent, var(--shine), transparent);width:42%;position:absolute;top:-30%;bottom:-30%;left:0;transform:translate(-170%)skew(-14deg)}.site .btn:hover .bh-fx:after{transition:transform .8s cubic-bezier(.2,.8,.2,1);transform:translate(330%)skew(-14deg)}.site .btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px -14px #00000073}@media (prefers-reduced-motion:reduce){.site .btn:hover{transform:none}.site .btn:hover .bh-fx:after{transition:none}}.nv-dock[data-ic=label]{gap:4px;padding:6px}.nv-dock[data-ic=label] .nv-btn{width:auto}.nv-dock[data-ic=label] .dk{width:auto;height:var(--dk);border-radius:12px;padding:0 14px}.nv-dock[data-ic=label] .tip{display:none}.nv-dock[data-ic=label] .dk-sep{margin:6px 2px}@container dev (max-width:480px){.nv-dock[data-ic=label]{gap:2px;padding:4px}.nv-dock[data-ic=label] .dk{border-radius:10px;padding:0 9px}.nv-dock[data-ic=label] .dk-sep{margin:6px 1px}}.work-list{flex-direction:column;gap:20px;display:flex;position:relative}#work{--lock-mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Crect x=%273.5%27 y=%277%27 width=%279%27 height=%276.5%27 rx=%271.5%27/%3E%3Cpath d=%27M5.5 7V5.2a2.5 2.5 0 015 0V7%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.5%27/%3E%3C/svg%3E")}.work-float{display:none}#work[data-work=index] .work-list{border-top:1px solid var(--line);counter-reset:w;gap:0}#work[data-work=index] .card{border:0;border-bottom:1px solid var(--line);box-shadow:none;counter-increment:w;background:0 0;border-radius:0;grid-template-columns:44px minmax(0,1fr) auto 28px;align-items:center;column-gap:20px;padding:26px 4px;transition:opacity .35s;display:grid}#work[data-work=index] .card:before{content:counter(w, decimal-leading-zero);font:500 12px var(--mono);color:var(--muted);align-self:start;padding-top:12px}#work[data-work=index] .card:after{content:"→";color:var(--muted);justify-self:end;font-size:18px;transition:transform .45s cubic-bezier(.2,.8,.2,1),color .2s}#work[data-work=index] .card[target]:after{content:"↗"}#work[data-work=index] .card:hover{transform:none}#work[data-work=index] .card:hover:after{color:var(--ink);transform:translate(4px)}#work[data-work=index] .card[target]:hover:after{transform:translate(3px,-3px)}#work[data-work=index] .card .pv{display:none}#work[data-work=index] .card-cap{display:contents}#work[data-work=index] .card-cap p{flex-wrap:wrap;align-items:center;gap:8px 12px;min-width:0;margin:0;display:flex}#work[data-work=index] .card-cap b{font-family:var(--display);letter-spacing:-.04em;color:var(--ink);font-size:clamp(28px,3.4cqi,44px);font-weight:500;line-height:1.02;transition:transform .5s cubic-bezier(.2,.8,.2,1)}#work[data-work=index] .card-ic{order:0;margin:0;transition:transform .5s cubic-bezier(.2,.8,.2,1)}#work[data-work=index] .card-ic svg{height:24px}#work[data-work=index] .card-mk svg{height:16px}#work[data-work=index] .card[data-locked] .card-cap b:after{content:"";vertical-align:2px;background:var(--muted);width:15px;height:15px;-webkit-mask:var(--lock-mask) center / contain no-repeat;-webkit-mask:var(--lock-mask) center / contain no-repeat;mask:var(--lock-mask) center / contain no-repeat;margin-left:10px;display:inline-block}#work[data-work=index] .tagline{color:var(--muted);flex-basis:100%;font-size:15px;line-height:1.4}#work[data-work=index] .tl-d{display:none}#work[data-work=index] .card-cap .meta{font:500 12px var(--mono);color:var(--muted);text-align:right;white-space:nowrap}#work[data-work=index] .card:hover .card-cap b,#work[data-work=index] .card:hover .card-ic{transform:translate(8px)}@media (hover:hover){#work[data-work=index] .work-list:has(.card:hover)>.card:not(:hover){opacity:.32}}#work[data-work=index] .work-float{aspect-ratio:16/10;pointer-events:none;z-index:5;opacity:0;border-radius:14px;width:min(380px,46%);transition:opacity .25s,scale .45s cubic-bezier(.2,.8,.2,1);display:block;position:absolute;top:0;left:0;overflow:hidden;scale:.92;box-shadow:0 30px 60px -28px #00000080}#work[data-work=index] .work-float.on{opacity:1;scale:1}.work-float .pv{aspect-ratio:auto;opacity:0;border-radius:0;transition:opacity .2s;position:absolute;inset:0}.work-float .pv.on{opacity:1}.pv-img{background:#0a2142;position:relative;overflow:hidden}.pv-img img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}@container site (max-width:640px){#work[data-work=index] .card{grid-template-columns:26px minmax(0,1fr) 96px;column-gap:12px;padding:18px 2px}#work[data-work=index] .card:before{padding-top:6px}#work[data-work=index] .card .pv{aspect-ratio:16/10;border-radius:10px;grid-area:1/3;align-self:center;width:96px;display:block}#work[data-work=index] .card:after,#work[data-work=index] .work-float,#work[data-work=index] .card-cap .meta{display:none}#work[data-work=index] .card-cap b{font-size:24px}#work[data-work=index] .card-ic svg{height:18px}#work[data-work=index] .card-mk svg{height:12px}#work[data-work=index] .tagline{font-size:13.5px}}#work[data-work=tabs] .work-list>.card,#work[data-work=deck] .work-list>.card{display:none}.wd-btn{all:unset;box-sizing:border-box;cursor:pointer;border:1px solid var(--line);background:var(--surface);width:42px;height:42px;color:var(--ink);border-radius:50%;place-items:center;font-size:17px;transition:border-color .2s,transform .2s;display:grid}.wd-btn:hover{border-color:var(--ink)}.wd-btn:active{transform:scale(.94)}.wd-btn:focus-visible{outline:2px solid var(--sel);outline-offset:2px}#work:is([data-work=showcase],[data-work=pixel]) .work-list{gap:96px}#work:is([data-work=showcase],[data-work=pixel]) .card{box-shadow:none;background:0 0;border:0;border-radius:0;gap:22px;padding:0}#work:is([data-work=showcase],[data-work=pixel]) .card:hover{transform:none}#work:is([data-work=showcase],[data-work=pixel]) .card-cap{flex-direction:column;align-items:flex-start;gap:12px;padding:0}#work:is([data-work=showcase],[data-work=pixel]) .card-cap p{color:var(--muted);flex-direction:column;align-items:flex-start;gap:10px;font-size:clamp(17px,2cqi,20px);display:flex}#work:is([data-work=showcase],[data-work=pixel]) .card-cap b{font-family:var(--display);letter-spacing:-.05em;color:var(--ink);font-size:clamp(42px,8.4cqi,100px);font-weight:600;line-height:.98}#work:is([data-work=showcase],[data-work=pixel]) .tl-d{display:none}#work:is([data-work=showcase],[data-work=pixel]) .card-ic{margin:0}#work:is([data-work=showcase],[data-work=pixel]) .card-ic svg{height:34px}#work:is([data-work=showcase],[data-work=pixel]) .card .pv{transform-origin:50% 0;border-radius:16px}@container site (max-width:560px){#work:is([data-work=showcase],[data-work=pixel]) .work-list{gap:64px}}#work[data-work=stack] .work-list{counter-reset:w;gap:24px}#work[data-work=stack] .card{top:calc(28px + var(--i,0) * 14px);counter-increment:w;transform-origin:50% 0;scale:calc(1 - var(--st,0) * .06);border-radius:28px;grid-template-columns:minmax(0,.82fr) minmax(0,1.5fr);gap:8px;padding:8px;display:grid;position:sticky}#work[data-work=stack] .card:after{content:"";border-radius:inherit;background:var(--ground);opacity:calc(var(--st,0) * .6);pointer-events:none;position:absolute;inset:0}#work[data-work=stack] .card:hover{transform:none}#work[data-work=stack] .card-cap{flex-flow:column;justify-content:space-between;align-items:flex-start;gap:18px;padding:20px 18px 16px}#work[data-work=stack] .card-cap:before{content:counter(w, decimal-leading-zero);font:500 12px var(--mono);color:var(--muted)}#work[data-work=stack] .card-cap p{color:var(--muted);flex-direction:column;align-items:flex-start;gap:10px;font-size:15px;line-height:1.45;display:flex}#work[data-work=stack] .card-cap b{font-family:var(--display);letter-spacing:-.04em;color:var(--ink);font-size:clamp(30px,4.2cqi,50px);font-weight:600;line-height:1}#work[data-work=stack] .tl-d{display:none}#work[data-work=stack] .card-ic{margin:0}#work[data-work=stack] .card-ic svg{height:26px}#work[data-work=stack] .card .pv{border-radius:20px}@container site (max-width:640px){#work[data-work=stack] .work-list{gap:16px}#work[data-work=stack] .card{top:calc(62px + var(--i,0) * 10px);border-radius:24px;grid-template-columns:minmax(0,1fr)}#work[data-work=stack] .card-cap{gap:10px;padding:12px 10px 4px}#work[data-work=stack] .card-cap:before{display:none}#work[data-work=stack] .card-cap p{gap:6px;font-size:14px}#work[data-work=stack] .card-cap b{font-size:30px}#work[data-work=stack] .card .pv{border-radius:16px}}#work:is([data-work=rail],[data-work=split],[data-work=panels],[data-work=folders],[data-work=window],[data-work=editorial],[data-work=reel],[data-work=finder],[data-work=browser],[data-work=carousel],[data-work=icover],[data-work=table],[data-work=files]) .work-list>.card{display:none}.wr{position:relative}.wr-pin{height:var(--sh,800px);flex-direction:column;justify-content:center;gap:22px;width:100cqi;margin-left:calc(50% - 50cqi);display:flex;position:sticky;top:0;overflow:hidden}.wr-track{width:max-content;padding-inline:calc((100cqi - var(--cw,1000px)) / 2);will-change:transform;gap:24px;display:flex}@container site (max-width:640px){.wr-pin{gap:16px}.wr-track{gap:14px}}.ws{grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr);align-items:start;gap:clamp(24px,4cqi,56px);display:grid}@container site (max-width:640px){.ws{flex-direction:column;gap:14px;display:flex}}#work[data-work=grid] .work-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}#work[data-work=grid] .card{border-radius:24px;gap:0;padding:0;overflow:hidden}#work[data-work=grid] .card:first-child{grid-column:1/-1}#work[data-work=grid] .card:first-child .pv{aspect-ratio:21/9}#work[data-work=grid] .card .pv{border-radius:0;order:-1}#work[data-work=grid] .card-cap{flex-wrap:nowrap;align-items:flex-end;padding:16px 18px 18px}#work[data-work=grid] .card-cap p{flex-wrap:wrap;align-items:center;row-gap:4px;min-width:0;display:flex}#work[data-work=grid] .card-cap b{letter-spacing:-.02em;font-size:19px;font-weight:600}#work[data-work=grid] .tagline{flex-basis:100%;font-size:14px;line-height:1.4}#work[data-work=grid] .tl-d{display:none}#work[data-work=grid] .card-cap .meta{text-align:right;flex:none}@container site (max-width:640px){#work[data-work=grid] .work-list{grid-template-columns:minmax(0,1fr);gap:14px}#work[data-work=grid] .card:first-child .pv{aspect-ratio:16/10}#work[data-work=grid] .card-cap{flex-direction:column;align-items:flex-start;gap:6px;padding:14px 14px 16px}#work[data-work=grid] .card-cap .meta{text-align:left}}.pv-sk{justify-content:center;align-items:flex-start;padding-top:7%;display:flex}.pv-sk .pv-move{width:84%;left:8%;right:auto}.pv-sk .scr.is-web{width:100%;box-shadow:0 24px 50px -30px #00000073}.pv-phones .pv-move{justify-content:center;gap:4%;width:80%;display:flex;left:10%}.pv-phones .scr.is-phone{width:27%;box-shadow:0 24px 50px -30px #00000073}.card-mk svg{width:auto;height:12px;display:block}.card-ph svg{aspect-ratio:1;border-radius:0;width:auto}.spec{border-top:1px solid var(--line);gap:0;margin:0;display:grid}.spec>div{border-bottom:1px solid var(--line);grid-template-columns:88px minmax(0,1fr);gap:12px;padding:9px 0;display:grid}.spec dt{font:500 10.5px/1.6 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.spec dd{margin:0;font-size:14px;line-height:1.45}.px-veil{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.wp{gap:10px;height:clamp(440px,40cqi,540px);display:flex}@container site (max-width:640px){.wp{flex-direction:column;gap:8px;height:auto}}.wk-lock{width:12px;height:12px;color:var(--muted);flex:none}.wk-req{all:unset;box-sizing:border-box;cursor:pointer;border:1px solid var(--line);background:var(--surface);height:36px;color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:13.5px;font-weight:500;text-decoration:none;transition:border-color .2s;display:inline-flex}.wk-req:hover{border-color:var(--ink)}.wk-req:focus-visible{outline:2px solid var(--sel);outline-offset:2px}.cs{flex-direction:column;gap:14px;display:flex}.tb{border-top:1px solid var(--ink)}#case,.site[data-view=case] .hero-a,.site[data-view=case] main>.sec{display:none}.site[data-view=case] #case{padding-bottom:40px;display:block}.ph{color:var(--muted)}.cp{--bw:min(calc(100cqi - 48px), 1080px)}.cp-back{all:unset;cursor:pointer;font:500 12px var(--mono);color:var(--muted);padding:6px 0;transition:color .2s}.cp-back:hover{color:var(--ink)}.cp-back:focus-visible{outline:2px solid var(--sel);outline-offset:3px;border-radius:4px}.cp-eye{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.cp-hero{flex-direction:column;align-items:flex-start;gap:16px;padding-top:24px;display:flex}.cp-h1{font-family:var(--display);letter-spacing:-.05em;text-wrap:balance;align-items:center;gap:.22em;margin:4px 0 0;font-size:clamp(44px,8cqi,96px);font-weight:600;line-height:.95;display:flex}.cp-h1 .card-ic{margin:0}.cp-h1 .card-ic svg{width:auto;height:.62em}.cp-h1 .card-mk svg{height:.42em}.cp-lede{max-width:26ch;font-family:var(--display);letter-spacing:-.025em;text-wrap:balance;margin:6px 0 0;font-size:clamp(24px,3cqi,34px);font-weight:500;line-height:1.2}.cp-sub{max-width:56ch;color:var(--muted);margin:0;font-size:16px;line-height:1.5}.cp-facts{border-top:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));gap:0 18px;width:100%;margin:14px 0 0;display:grid}.cp-facts>div{flex-direction:column;gap:5px;min-width:0;padding-top:12px;display:flex}.cp-facts dt{font:500 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.cp-facts dd{margin:0;font-size:14px;line-height:1.45}.cp-facts a{color:var(--ink);border-bottom:1px solid var(--line);text-decoration:none}.cp-facts a:hover{border-color:var(--ink)}.cp-cover{width:var(--bw);margin:18px 0 0 calc((100% - var(--bw)) / 2)}.cp-cover .pv{aspect-ratio:16/9;border-radius:22px}.cp-hero.is-compact .cp-cover .pv{aspect-ratio:21/9}.cp-sec p{max-width:62ch;margin:0 0 16px;font-size:17px;line-height:1.6}.cp h4{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:28px 0 12px}.cp-kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:22px 0;display:grid}.cp-kpi{border:1px solid var(--line);background:var(--surface);border-radius:16px;flex-direction:column;gap:8px;padding:18px;display:flex}.cp-kpi b{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(28px,3.4cqi,40px);font-weight:600;line-height:1}.cp-kpi>span{font-size:13px;line-height:1.4}.cp-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.cp-cols h4{margin-top:8px}.cp-list{flex-direction:column;gap:8px;margin:0;padding-left:20px;font-size:16px;display:flex}.cp-ins{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0;display:grid}.cp-in{background:var(--panel);border-radius:16px;padding:16px}.cp-in em{font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-style:normal;display:block}.cp .cp-in p{margin:0;font-size:15px;line-height:1.5}.cp-fig{margin:24px 0}.cp-fig figcaption{font:500 11.5px var(--mono);color:var(--muted);margin-top:10px}.cp-fig>.pv{border-radius:16px}.cp-flow-in{border:1px solid var(--line);background:var(--surface);scrollbar-width:none;border-radius:16px;align-items:center;padding:30px 22px;display:flex;overflow-x:auto}.cp-node{border:1px solid var(--line);background:var(--ground);font:500 12px var(--mono);border-radius:10px;flex:none;padding:10px 14px}.cp-flow-in i{background:var(--muted);flex:1;min-width:18px;height:1px;position:relative}.cp-flow-in i:after{content:"";border:3.5px solid #0000;border-left:5px solid var(--muted);border-right:0;position:absolute;top:-3px;right:0}.cmp{aspect-ratio:16/10;background:var(--panel);touch-action:pan-y;border-radius:16px;max-width:100%;position:relative;overflow:hidden}.cmp-a,.cmp-b{position:absolute;inset:0}.cmp .pv{aspect-ratio:auto;border-radius:0;position:absolute;inset:0}.cmp-b{clip-path:inset(0 0 0 var(--x))}.cmp-h{top:0;bottom:0;left:var(--x);background:var(--ink);pointer-events:none;width:2px;margin-left:-1px;position:absolute}.cmp-h:after{content:"↔";background:var(--ink);width:36px;height:36px;color:var(--ground);border-radius:50%;place-items:center;font-size:15px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cmp input{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.cmp input:focus-visible+.cmp-h,.cmp:focus-within .cmp-h:after{outline:2px solid var(--sel);outline-offset:2px}.cmp-l{z-index:2;background:var(--surface);font:500 11px var(--mono);color:var(--ink);border-radius:6px;padding:4px 8px;position:absolute;top:12px}.cmp-a .cmp-l{left:12px}.cmp-b .cmp-l{right:12px}.cmp.is-low .cmp-l{top:auto;bottom:12px}.cmp.is-img{border:1px solid var(--line)}.cmp.is-img img{object-fit:cover;object-position:50% 0;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.cmp.is-img .cmp-l{box-shadow:0 2px 8px #00000024}.cp-dec{border-top:1px solid var(--ink);margin:8px 0 22px}.cp-dec-h,.cp-dec-r{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);gap:18px;padding:12px 2px;display:grid}.cp-dec-h{font:500 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.cp-dec-r{font-size:15px;line-height:1.45}.cp-dec-r b{font-weight:600}.cp-shots{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;margin:22px 0;display:grid}.cp-shots .cp-fig{margin:0}.cp-shots.is-app{grid-template-columns:repeat(3,minmax(0,1fr))}.cp-shots.is-app .pv{aspect-ratio:9/16}.cp-note{background:var(--panel);border-radius:16px;padding:18px 20px}.cp-lang{margin-top:32px}.cp-note h4{margin-top:0}.cp .cp-note p{margin:0;font-size:15px}.cp-q{border-left:2px solid var(--accent);margin:28px 0 8px;padding:4px 0 4px 22px}.cp .cp-q p{font-family:var(--display);letter-spacing:-.015em;margin:0 0 10px;font-size:clamp(20px,2.4cqi,26px);font-weight:500;line-height:1.3}.cp-q cite{font:500 12px var(--mono);font-style:normal}.cp .cp-q.is-long p{letter-spacing:-.01em;font-size:clamp(18px,2cqi,21px);line-height:1.45}.cp-next{all:unset;box-sizing:border-box;cursor:pointer;border-top:1.5px solid var(--ink);border-bottom:1px solid var(--line);flex-direction:column;gap:8px;width:100%;margin-top:56px;padding:26px 2px;display:flex}.cp-next-k{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.cp-next-n{align-items:center;gap:12px;display:flex}.cp-next-n b{font-family:var(--display);letter-spacing:-.045em;font-size:clamp(32px,5cqi,56px);font-weight:500;line-height:1}.cp-next-n .card-ic{margin:0}.cp-next-n .card-ic svg{width:auto;height:28px}.cp-next-a{margin-left:auto;font-size:24px;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.cp-next:hover .cp-next-a{transform:translate(8px)}.cp-next-t{color:var(--muted);font-size:15px}.cp-next:focus-visible{outline:2px solid var(--sel);outline-offset:4px}.cp-img{border:1px solid var(--line);background:var(--panel);cursor:zoom-in;border-radius:14px;display:block;position:relative;overflow:hidden}.cp-img img{width:100%;height:auto;display:block}.cp-img.is-crop,.cp-img.is-tall{aspect-ratio:16/10}.cp-img.is-cover{aspect-ratio:16/9;border-radius:22px}.cp-hero.is-compact .cp-img.is-cover{aspect-ratio:21/9}.cp-img.is-crop img,.cp-img.is-tall img,.cp-img.is-cover img{object-fit:cover;object-position:50% 0;width:100%;height:100%}.cp-img.is-tall img{transition:object-position 9s cubic-bezier(.45,0,.55,1)}.cp-img.is-tall:hover img,.cp-img.is-tall:focus-visible img{object-position:50% 100%}.cp-img.is-tall:after{content:"Full page";background:var(--surface);color:var(--ink);font:500 11px var(--mono);border-radius:6px;padding:4px 8px;transition:opacity .3s;position:absolute;bottom:10px;right:10px;box-shadow:0 2px 8px #0000001f}.cp-img.is-tall:hover:after{opacity:0}.cp-img:focus-visible{outline:2px solid var(--sel);outline-offset:3px}.cp-ba{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.cp-ba-i{min-width:0;position:relative}.cp-ba-i .cmp-l{z-index:2;left:12px;box-shadow:0 2px 8px #0000001f}.cp-res{grid-template-columns:minmax(0,.9fr) minmax(0,2.4fr);gap:10px 14px;margin:22px 0;display:grid}.cp-res .cp-fig{grid-row:span 2;grid-template-rows:subgrid;gap:10px;margin:0 0 18px;display:grid}.cp-res .cp-fig figcaption{margin:0}.cp-res .is-narrow .cp-img{aspect-ratio:auto;height:100%;min-height:0}.cp-res .is-narrow .cp-img img{object-fit:cover;object-position:50% 0;width:100%;height:100%;position:absolute;inset:0}.cp .cp-src{font:500 11.5px var(--mono);color:var(--muted);margin:-8px 0 0}.cp-shots.is-real{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-strip{scrollbar-width:thin;grid-auto-columns:minmax(96px,150px);grid-auto-flow:column;gap:10px;padding-bottom:6px;display:grid;overflow-x:auto}.cp-strip-i{flex-direction:column;gap:6px;min-width:0;display:flex}.cp-strip-i>span{font:500 11px var(--mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cf{flex-direction:column;gap:8px;display:flex}.cf-view{aspect-ratio:16/9;isolation:isolate;color:#fff;background:radial-gradient(62% 75% at 50% 46%,#2878e68c,#2878e600 72%),linear-gradient(#103a70,#091f40);border-radius:22px;position:relative;overflow:hidden}.cf-stage{transform-origin:0 0;width:1600px;height:900px;font-family:var(--display);color:#fff;line-height:1.2;position:absolute;top:0;left:0}.cf-stage *{box-sizing:border-box}.cf-stage img{max-width:none}.cf-dim{opacity:0;background:#020814;position:absolute;inset:0}.cf-intro,.cf-out{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:28px;display:flex;position:absolute;inset:0}.cf-intro em{font:500 18px var(--mono);letter-spacing:.16em;text-transform:uppercase;opacity:.72;font-style:normal}.cf-intro>span:last-child{opacity:.82;font-size:26px}.cf-plate{background:#fff;border-radius:30px;padding:28px 44px;display:block;box-shadow:0 30px 80px #000a1e73}.cf-plate img{width:auto;height:96px;display:block}.cf-out b{letter-spacing:-.02em;max-width:1000px;font-size:42px;font-weight:600;line-height:1.15}.cf-out>span:last-child{font:500 18px var(--mono);letter-spacing:.08em;opacity:.72}.cf-cap{flex-direction:column;gap:10px;max-width:1100px;display:flex;position:absolute;top:66px;left:120px}.cf-cap em{font:500 17px var(--mono);letter-spacing:.14em;text-transform:uppercase;opacity:.72;font-style:normal}.cf-cap b{letter-spacing:-.025em;font-size:50px;font-weight:600;line-height:1.04}.cf-cap span{opacity:.8;font-size:22px}.cf-win{background:#e9ecf0;border-radius:14px;width:920px;position:absolute;top:262px;left:120px;overflow:hidden;box-shadow:0 40px 90px #00081880}.cf-bar{align-items:center;gap:8px;height:34px;padding:0 14px;display:flex;position:relative}.cf-bar i{background:#ff5f57;border-radius:50%;width:11px;height:11px}.cf-bar i:nth-child(2){background:#febc2e}.cf-bar i:nth-child(3){background:#28c840}.cf-bar span{color:#5b6573;background:#fff;border-radius:11px;place-items:center;width:260px;height:22px;font:500 12px system-ui,sans-serif;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cf-vp{background:#fff;height:575px;position:relative;overflow:hidden}.cf-vp img,.cf-scr img{width:100%;height:auto;display:block;position:absolute;top:0;left:0}.cf-dd,.cf-md{clip-path:inset(0 100% 0 0)}.cf-wl{background:#fff;width:3px;margin-left:-1.5px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 18px 4px #78b4ffe6}.cf-ph{background:#0a0c0f;border-radius:48px;width:300px;height:628px;padding:9px;position:absolute;top:168px;left:1120px;box-shadow:inset 0 0 0 2px #3a3f47,0 40px 90px #0008188c}.cf-scr{background:#fff;border-radius:39px;width:282px;height:610px;position:relative;overflow:hidden}.cf-steps{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex;position:absolute;top:292px;left:120px}.cf-steps li{opacity:.42;border-radius:14px;align-items:center;gap:18px;padding:10px 22px 10px 16px;font-size:30px;font-weight:500;display:flex}.cf-steps em{font:500 16px var(--mono);opacity:.7;font-style:normal}.cf-steps small{font:500 14px var(--mono);letter-spacing:.04em;border:1px solid #ffffff59;border-radius:99px;padding:4px 10px}.cf-tog{background:#ffffff24;border-radius:32px;justify-content:space-between;align-items:center;width:150px;height:64px;padding:0 19px;display:flex;position:absolute;top:84px;left:1330px}.cf-tog svg{z-index:1;fill:none;stroke:#fff;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px;position:relative}.cf-tog b{background:#ffffff4d;border-radius:50%;width:52px;height:52px;position:absolute;top:6px;left:6px}.cf-lv{font:500 17px var(--mono);letter-spacing:.14em;text-transform:uppercase;opacity:.75;position:absolute;top:252px}.cf-tile{background:#f0f3f7;border-radius:18px;padding:16px;display:block;position:absolute;box-shadow:0 24px 60px #00081859}.cf-tile img{object-fit:contain;width:100%;height:100%;display:block}.cf-tok{position:absolute;inset:0}.cf-ramp{gap:6px;display:flex;position:absolute;top:262px;left:120px}.cf-sw{flex-direction:column;gap:6px;width:108px;font-style:normal;display:flex}.cf-sw b{border-radius:12px;height:150px;display:block;box-shadow:inset 0 0 0 1px #ffffff24}.cf-sw em{font:500 16px var(--mono);margin-top:4px;font-style:normal}.cf-sw span{font:500 13px var(--mono);opacity:.6}.cf-stats{grid-template-columns:repeat(4,330px);gap:12px;display:grid;position:absolute;top:500px;left:120px}.cf-st{flex-direction:column;gap:6px;display:flex}.cf-st b{letter-spacing:-.03em;font-size:78px;font-weight:600;line-height:1}.cf-st span{font-size:23px;font-weight:600}.cf-st em{font:500 15px var(--mono);opacity:.65;font-style:normal}.cf-dens{align-items:center;gap:28px;display:flex;position:absolute;top:712px;left:120px}.cf-dens em{width:330px;font:500 17px var(--mono);letter-spacing:.06em;opacity:.75;font-style:normal}.cf-btn{color:#fff;background:#156cd9;border-radius:14px;align-items:center;height:72px;padding:0 34px;font-size:25px;font-weight:600;display:inline-flex;box-shadow:0 0 0 2px #ffffff38}.cf-dl1,.cf-dl2{font:500 20px var(--mono)}.cf-dl2{opacity:.3}.cf-ui{align-items:center;gap:12px;display:flex}.cf-pp{all:unset;box-sizing:border-box;background:var(--ink);width:34px;height:34px;color:var(--ground);cursor:pointer;border-radius:50%;flex:none;place-items:center;display:grid}.cf-pp svg{fill:currentColor;width:15px;height:15px}.cf-i-play,.cf.is-paused .cf-i-pause{display:none}.cf.is-paused .cf-i-play{display:inline}.cf-chs{flex:1;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;min-width:0;display:grid}.cf-ch{all:unset;box-sizing:border-box;white-space:nowrap;min-width:0;color:var(--muted);cursor:pointer;align-items:baseline;gap:6px;padding:8px 0 11px;font-size:13px;transition:color .2s;display:flex;position:relative;overflow:hidden}.cf-ch em{font:500 11px var(--mono);font-style:normal}.cf-ch:hover,.cf-ch.on{color:var(--ink)}.cf-ch i{background:var(--line);border-radius:2px;height:2px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.cf-ch i:after{content:"";background:var(--ink);transform-origin:0;transform:scaleX(var(--p,0));position:absolute;inset:0}.cf-pp:focus-visible,.cf-ch:focus-visible{outline:2px solid var(--sel);outline-offset:2px}@container site (max-width:640px){.cf-view{border-radius:16px}.cf-ch span{display:none}}.nv-corner,.nv-logo{transition:opacity .25s,transform .25s,visibility .25s}.navs.cp-stuck{--scrim:0!important}@container dev (max-width:640px){.navs.cp-stuck .nv-corner,.navs.cp-stuck .nv-logo{visibility:hidden;transform:translateY(-8px);opacity:0!important;pointer-events:none!important}}.zf .cf-view{background:radial-gradient(62% 75% at 50% 46%,#8c64fa80,#8c64fa00 72%),linear-gradient(#3b2192,#190d44)}.zf .cf-dim{background:#0b0420}.zf .cf-plate img{height:58px}.zf .cf-btn{background:#7c4df5}.zf-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:920px;display:grid;position:absolute;top:212px;left:120px}.zf-strip span{font:500 15px var(--mono);letter-spacing:.08em;text-transform:uppercase;opacity:.5;flex-direction:column;gap:9px;display:flex}.zf-strip i{background:#ffffff2e;border-radius:4px;height:7px;display:block}.gx{--bg-page:#f7f9fb;--bg-surface:#fff;--bg-subtle:#f0f3f7;--bg-brand-subtle:#eff5fd;--bg-track:#e2e7ee;--knob:#fff;--text-primary:#20272f;--text-secondary:#5c6e84;--text-tertiary:#7b8da3;--text-brand:#125bb8;--border-subtle:#e2e7ee;--border-default:#ced6e1;--border-strong:#a3b1c2;--border-brand:#156cd9;--border-focus:#156cd9;--action-primary:#156cd9;--action-primary-hover:#125bb8;--action-primary-pressed:#124a91;--ghost-hover:#eff5fd;--ghost-pressed:#ddeafb;--success:#15813c;--success-bg:#ecfbf2;--on-success:#fff;--sale:#dc2626;--space-md:16px;--space-sm:12px;--control-md:48px;--control-sm:40px;border:1px solid var(--line);background:var(--bg-page);color:var(--text-primary);border-radius:18px;padding:14px;font-family:Google Sans,Noto Sans Georgian,system-ui,sans-serif;transition:background-color .3s,color .3s}.gx[data-theme=dark]{--bg-page:#14191f;--bg-surface:#20272f;--bg-subtle:#323c48;--bg-brand-subtle:#0d294c;--bg-track:#475566;--text-primary:#f7f9fb;--text-secondary:#a3b1c2;--text-tertiary:#7b8da3;--text-brand:#8dbbf4;--border-subtle:#323c48;--border-default:#475566;--border-strong:#a3b1c2;--border-brand:#4e95ee;--border-focus:#4e95ee;--ghost-hover:#0d294c;--ghost-pressed:#10396d;--success:#78eda3;--success-bg:#2a323c;--on-success:#14191f;--sale:#ea7b7b}.gx[data-density=admin]{--space-md:12px;--space-sm:8px;--control-md:36px;--control-sm:32px}.gx *{box-sizing:border-box}.gx button{font:inherit;color:inherit}.gx button:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.gx-bar{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.gx-seg{background:var(--bg-subtle);border-radius:10px;padding:3px;display:inline-flex}.gx-seg button{all:unset;font:500 12px var(--mono);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:6px 12px;transition:background-color .2s,color .2s}.gx-seg button[aria-pressed=true]{background:var(--bg-surface);color:var(--text-primary);box-shadow:0 1px 2px #00000024}.gx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.gx-tile{flex-direction:column;gap:8px;min-width:0;display:flex}.gx-wide{grid-column:1/-1}.gx-k{font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);align-items:center;gap:10px;display:flex}.gx-cart{color:var(--text-secondary);align-items:center;gap:4px;display:inline-flex}.gx-cart b{background:var(--action-primary);color:#fff;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;display:grid}.gx-stage{flex:1;place-items:center;display:grid}.gx svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.gx-card{width:min(250px,100%);padding:var(--space-sm);border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:16px;flex-direction:column;gap:4px;transition:background-color .3s,border-color .3s,padding .25s;display:flex}.gx-img{aspect-ratio:405/400;background:var(--bg-subtle);border-radius:12px;margin-bottom:6px;display:block;position:relative;overflow:hidden}.gx-img img{object-fit:cover;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.gx-id,.gx[data-theme=dark] .gx-il{opacity:0}.gx[data-theme=dark] .gx-id{opacity:1}.gx-name{margin:0;font-size:14px;line-height:1.35}.gx-price{align-items:baseline;gap:8px;margin:4px 0 0;display:flex}.gx-price b{font-size:20px;font-weight:700}.gx-price em{color:var(--sale);font-size:12px;font-style:normal;font-weight:600}.gx-old{color:var(--text-tertiary);margin:0;font-size:12px;text-decoration:line-through}.gx-buy{margin-top:10px}.gx-add,.gx-show{all:unset;box-sizing:border-box;width:100%;height:var(--control-md);background:var(--action-primary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;transition:background-color .2s,height .25s;display:flex;color:#fff!important}.gx-add:hover,.gx-show:hover{background:var(--action-primary-hover)}.gx-add:active,.gx-show:active{background:var(--action-primary-pressed)}.gx-step{height:var(--control-md);grid-template-columns:var(--control-md) 1fr var(--control-md);background:var(--bg-brand-subtle);color:var(--text-brand);border-radius:10px;align-items:center;transition:height .25s;animation:.25s ease-out gx-in;display:grid}.gx-step[hidden]{display:none}.gx-step button{all:unset;cursor:pointer;border-radius:10px;place-items:center;height:100%;font-size:20px;display:grid}.gx-step button:hover{background:var(--ghost-pressed)}.gx-step output{text-align:center;font-weight:600}@keyframes gx-in{0%{opacity:.4;transform:scale(.96)}}.gx-filter{gap:var(--space-sm);width:100%;padding:var(--space-md);border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:16px;flex-direction:column;transition:background-color .3s,padding .25s;display:flex}.gx-fh{font-size:15px}.gx-chips{flex-wrap:wrap;gap:8px;display:flex}.gx-chips button{all:unset;box-sizing:border-box;height:var(--control-sm);border:1px solid var(--border-default);cursor:pointer;border-radius:10px;align-items:center;padding:0 14px;font-size:13px;transition:height .25s,border-color .2s,background-color .2s;display:inline-flex}.gx-chips button[aria-pressed=true]{border-color:var(--border-brand);background:var(--ghost-hover);color:var(--text-brand)}.gx-hist{align-items:flex-end;gap:3px;height:64px;padding:0 11px;display:flex}.gx-hist i{height:var(--h);background:var(--bg-track);border-radius:3px 3px 1px 1px;flex:1;transition:background-color .2s}.gx-hist i.on{background:var(--action-primary)}.gx-range{height:24px;position:relative}.gx-rail{background:var(--bg-track);border-radius:2px;height:4px;margin-top:-2px;position:absolute;top:50%;left:11px;right:11px}.gx-rail b{background:var(--action-primary);border-radius:2px;position:absolute;top:0;bottom:0}.gx-range input{pointer-events:none;appearance:none;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.gx-range input::-webkit-slider-runnable-track{background:0 0;border:0}.gx-range input::-moz-range-track{background:0 0;border:0}.gx-range input::-webkit-slider-thumb{pointer-events:auto;-webkit-appearance:none;border:2px solid var(--action-primary);background:var(--knob);cursor:grab;border-radius:50%;width:22px;height:22px}.gx-range input::-moz-range-thumb{pointer-events:auto;border:2px solid var(--action-primary);background:var(--knob);cursor:grab;border-radius:50%;width:18px;height:18px}.gx-range input:focus-visible{outline:none}.gx-range input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--ghost-pressed)}.gx-fields{align-items:center;gap:8px;display:flex}.gx-fields i{color:var(--text-tertiary);font-style:normal}.gx-f{height:var(--control-sm);border:1px solid var(--border-default);border-radius:10px;flex:1;align-items:center;gap:4px;padding:0 12px;font-size:14px;transition:height .25s;display:flex}.gx-cmp{scrollbar-width:thin;overflow-x:auto}.gx-ct{flex-direction:column;min-width:600px;display:flex}.gx-row{grid-template-columns:minmax(0,1.1fr) repeat(3,minmax(0,1fr));align-items:center;gap:8px;display:grid}.gx-head{align-items:stretch;margin-bottom:4px}.gx-sw{all:unset;cursor:pointer;align-self:center;align-items:center;gap:10px;font-size:13px;line-height:1.3;display:flex}.gx-sw i{background:var(--bg-track);border-radius:12px;flex:none;width:40px;height:24px;transition:background-color .2s;position:relative}.gx-sw i:after{content:"";background:var(--knob);border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0003}.gx-sw[aria-checked=true] i{background:var(--action-primary)}.gx-sw[aria-checked=true] i:after{transform:translate(16px)}.gx-p{border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:12px;flex-direction:column;gap:4px;padding:10px;font-size:12.5px;transition:background-color .3s;display:flex;position:relative}.gx-p b{font-weight:500;line-height:1.3}.gx-p>span:last-child{font-size:14px;font-weight:700}.gx-p.is-best{border-color:var(--success);background:var(--success-bg)}.gx-score{border:2px solid var(--border-strong);border-radius:50%;align-self:flex-end;place-items:center;width:30px;height:30px;font-size:12px;font-weight:600;display:grid}.gx-p.is-best .gx-score{border-color:var(--success);color:var(--success)}.gx-best{background:var(--success);color:var(--on-success);border-radius:99px;padding:2px 8px;font-size:10.5px;font-weight:600;position:absolute;top:8px;left:8px}.gx-gw,.gx-r{grid-template-rows:1fr;transition:grid-template-rows .35s,opacity .3s;display:grid}.gx-gw>div,.gx-r>div{min-height:0;overflow:hidden}.gx-cmp.only .is-same{opacity:0;grid-template-rows:0fr}.gx-g{color:var(--text-secondary);padding:12px 0 6px;font-size:12px;display:block}.gx-rows{border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:12px;transition:background-color .3s;overflow:hidden}.gx-r+.gx-r .gx-row{border-top:1px solid var(--border-subtle)}.gx-rows .gx-row{padding:9px 12px;font-size:13px}.gx-rows .gx-row>span:first-child{color:var(--text-secondary);font-size:12.5px}.gx .is-win{background:var(--success-bg);border-radius:8px;align-items:center;gap:6px;margin:-4px 0;padding:4px 8px;display:flex}.gx .is-win:before{content:"✓";color:var(--success);font-weight:700}@container site (max-width:640px){.gx{padding:10px}.gx-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.gx *,.gx{transition:none!important;animation:none!important}}.cp-rd{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.cp-rd>li{border:1px solid var(--line);background:var(--surface);border-radius:16px;flex-direction:column;gap:10px;padding:16px 18px;display:flex}.cp-rd>li>em{font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-style:normal}.cp .cp-rd p{margin:0;font-size:16px;line-height:1.5}.cp-rd .cp-strip{grid-auto-columns:minmax(96px,1fr)}.cp-rd-st{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.cp-rd-st>div{flex-direction:column;gap:6px;min-width:0;display:flex}.cp-rd-st b{font-family:var(--display);letter-spacing:-.02em;font-size:24px;font-weight:600;line-height:1}.cp-rd-st span{color:var(--muted);font-size:12.5px;line-height:1.4}.cp-rd-n{flex-direction:column;gap:4px;margin:2px 0 0;padding:0 0 0 18px;font-size:14px;line-height:1.5;display:flex}@container site (max-width:640px){.cp-rd-st{grid-template-columns:repeat(2,minmax(0,1fr))}}.cp-tabs-l{background:var(--panel);scrollbar-width:none;border-radius:11px;gap:2px;max-width:100%;margin:0 0 12px;padding:3px;display:inline-flex;overflow-x:auto}.cp-tabs-l::-webkit-scrollbar{display:none}.cp-note .cp-tabs-l{background:var(--surface)}.cp-tabs-l button{all:unset;white-space:nowrap;font:500 12px var(--mono);color:var(--muted);cursor:pointer;border-radius:8px;flex:none;padding:7px 14px;transition:background-color .2s,color .2s}.cp-tabs-l button[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0000001a}.cp-note .cp-tabs-l button[aria-selected=true]{background:var(--panel)}.cp-tabs-l button:focus-visible,.cp-pcs-more:focus-visible,.cp-more summary:focus-visible{outline:2px solid var(--sel);outline-offset:2px}.cp-tabs.is-sys{margin-top:16px}.cp-tab>.cp-fig:first-child{margin-top:0}.cp-pcs.is-some:not(.is-all) .is-extra{display:none}.cp-pcs-more{all:unset;border:1px solid var(--line);font:500 12px var(--mono);color:var(--ink);cursor:pointer;border-radius:10px;margin-top:12px;padding:9px 14px}.cp-pcs-more:hover{border-color:var(--muted)}.cp-pcs-more+figcaption{margin-top:12px}.cp-more{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:24px 0}.cp-more summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;font-weight:500;list-style:none;display:flex}.cp-more summary::-webkit-details-marker{display:none}.cp-more summary i{border-bottom:1.5px solid;border-right:1.5px solid;flex:none;width:10px;height:10px;transition:transform .25s;transform:rotate(45deg)translate(-2px,-2px)}.cp-more[open] summary i{transform:rotate(-135deg)}.cp-more>.cp-fig:last-child{margin-bottom:20px}.cp-pcs{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 10px;display:grid}.cp-pc{min-width:0;color:inherit;cursor:zoom-in;flex-direction:column;gap:8px;text-decoration:none;display:flex}.cp-pc-im{aspect-ratio:var(--pc-ar,608 / 924);border:1px solid var(--line);background:#f7f9fb;border-radius:12px;transition:border-color .2s;display:block;overflow:hidden}.cp-pc-im img{width:100%;height:auto;display:block}.cp-pc:hover .cp-pc-im{border-color:var(--muted)}.cp-pc:focus-visible{outline:2px solid var(--sel);outline-offset:3px;border-radius:12px}.cp-pc-l{font:500 11px var(--mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cp-pc-l b{color:var(--ink);font-weight:600}.cp-pc-l em{background:var(--ink);color:var(--ground);border-radius:99px;margin-left:6px;padding:1px 6px;font-size:10px;font-style:normal}.cp-pc.is-pick .cp-pc-im{border:2px solid var(--ink)}.cp-kit{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.cp-kit-t{grid-column:span var(--s,3);aspect-ratio:var(--r,1);border:1px solid var(--line);background:var(--kit-bg,#f0f3f7);cursor:zoom-in;border-radius:14px;min-width:0;transition:border-color .2s;position:relative;overflow:hidden}.cp-kit-t img{object-fit:contain;width:calc(100% - 44px);height:calc(100% - 62px);position:absolute;top:22px;left:22px}.cp-kit-t>span{font:500 11px var(--mono);color:#4a5562;position:absolute;bottom:12px;left:14px}.cp-kit-t:hover{border-color:var(--muted)}.cp-cyc-in{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.cp-cyc-in li{border:1px solid var(--line);background:var(--surface);border-radius:16px;flex-direction:column;gap:6px;min-width:0;padding:16px 14px 14px;display:flex;position:relative}.cp-cyc-in li+li:before{content:"";background:var(--muted);width:12px;height:1px;position:absolute;top:50%;left:-12px}.cp-cyc-in li.is-zezva{background:color-mix(in srgb, #7c4df5 7%, var(--surface));border-color:color-mix(in srgb, #7c4df5 30%, var(--line))}.cp-cyc-in li.is-gstore{background:color-mix(in srgb, #156cd9 6%, var(--surface));border-color:color-mix(in srgb, #156cd9 26%, var(--line))}.cp-cyc-in em{font:500 11px var(--mono);color:var(--muted);font-style:normal}.cp-cyc-in b{font-family:var(--display);letter-spacing:-.02em;font-size:22px;font-weight:600;line-height:1.1}.cp-cyc-w{color:var(--muted);font-size:13px;line-height:1.35}.cp-cyc-b{font:500 12px var(--mono);align-items:center;gap:6px;margin-top:auto;padding-top:12px;display:inline-flex}.cp-cyc-b .card-ic{margin:0}.cp-cyc-b .card-ic svg,.cp-cyc-b .mk-img{border-radius:5px;width:18px;height:18px;display:block}.cp-cyc-back{border:1px solid var(--muted);border-top:0;border-radius:0 0 14px 14px;height:24px;margin:0 10%;display:block;position:relative}.cp-cyc-back:before{content:"";border:4px solid #0000;border-bottom:6px solid var(--muted);border-top:0;position:absolute;top:-1px;left:-4.5px}.cp-cyc-back span{background:var(--ground);font:500 11px var(--mono);color:var(--muted);white-space:nowrap;padding:0 10px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.cp-cyc-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.cp-cyc-two>div{background:var(--panel);border-radius:14px;padding:14px 16px}.cp-cyc-two em{font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-style:normal}.cp .cp-cyc-two p{margin:6px 0 0;font-size:15px;line-height:1.45}.cp-bef{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.cp-bef-i{border:1px solid var(--line);background:var(--surface);border-radius:14px;flex-direction:column;gap:8px;min-width:0;padding:16px;display:flex}.cp-bef-i b{font-family:var(--display);letter-spacing:-.02em;font-size:20px;font-weight:600}.cp-bef-i span{color:var(--muted);align-items:baseline;gap:8px;font-size:13.5px;line-height:1.4;display:flex}.cp-bef-i span i{background:#d64545;border-radius:50%;flex:none;width:8px;height:8px}.cp-look{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.cp-look>div{border-radius:16px;flex-direction:column;gap:10px;min-width:0;padding:20px;display:flex}.cp-look-a{border:1px solid var(--line);background:var(--surface)}.cp-look-b{background:var(--ink);color:var(--ground)}.cp-look em{font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;opacity:.7;font-style:normal}.cp-look b{font-family:var(--display);letter-spacing:-.015em;text-wrap:balance;font-size:20px;font-weight:600;line-height:1.25}.cp-look-t{font:500 12px var(--mono);color:var(--sel)}.cp-look-s{opacity:.75;font-size:13.5px;line-height:1.45}.cp-evo{border-top:1px solid var(--ink)}.cp-evo-r{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr) minmax(0,1.7fr);align-items:start;gap:18px;padding:16px 2px;display:grid}.cp-evo-h{flex-direction:column;gap:4px;display:flex}.cp-evo-h b{font-size:15px;font-weight:600}.cp-evo-h span{font:500 11px var(--mono);color:var(--muted)}.cp-evo-n{flex-wrap:wrap;gap:8px 18px;display:flex}.cp-evo-n>span{white-space:nowrap;align-items:baseline;gap:6px;display:inline-flex}.cp-evo-n em{font:500 10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-right:2px;font-style:normal}.cp-evo-n s{font-family:var(--display);color:var(--muted);font-size:19px;text-decoration-thickness:1px}.cp-evo-n i{color:var(--muted);font-style:normal}.cp-evo-n b{font-family:var(--display);letter-spacing:-.02em;font-size:22px;font-weight:600}.cp .cp-evo-r p{margin:0;font-size:14.5px;line-height:1.5}.cp-sync-st{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 14px;padding:0;list-style:none;display:grid}.cp-sync-st li{font:500 12px var(--mono);color:var(--muted);flex-direction:column;gap:8px;display:flex}.cp-sync-st i{background:var(--line);border-radius:99px;height:6px;display:block}.cp-sync-st .is-done i{background:#1b9e6b}.cp-sync-st .is-now i{background:var(--c,#d2691e)}.cp-sync-st .is-now span{color:var(--ink)}.cp-sync-g{grid-template-columns:minmax(0,3.04fr) minmax(0,1fr);align-items:start;gap:12px;display:grid}.cp-sync-g>div{flex-direction:column;gap:6px;min-width:0;display:flex}.cp-sync-g>div>span{font:500 11px var(--mono);color:var(--muted)}.cp-sync-a .cp-img.is-crop{aspect-ratio:1600/1138}.zx{--pg:#fbfafe;--sf:#fff;--sb:#f6f4fb;--bd:#eae7f2;--bd2:#d6d2e2;--tx:#14121c;--tx2:#5b5670;--tx3:#9c97ae;--act:#7c4df5;--act-h:#6a3ce6;--brand:#5f32d4;--bsb:#f1edff;--ok:#1b9e6b;border:1px solid var(--line);background:var(--pg);color:var(--tx);border-radius:18px;padding:14px;font-family:Google Sans,Noto Sans Georgian,system-ui,sans-serif}.zx *{box-sizing:border-box}.zx button{font:inherit;color:inherit}.zx button:focus-visible,.zx h5:focus-visible{outline:2px solid var(--act);outline-offset:2px}.zx h5:focus{outline:none}.zx svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.zx-grid{gap:14px;display:grid}.zx-tile{flex-direction:column;gap:8px;min-width:0;display:flex}.zx-k{font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--tx3)}.zx-ti{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:start;gap:12px;display:grid}.zx-dev,.zx-pan,.zx-staff,.zx-cust{border:1px solid var(--bd);background:var(--sf);border-radius:16px}.zx-dev{flex-direction:column;gap:12px;padding:14px;display:flex;position:sticky;top:12px}.zx-ph{aspect-ratio:1;background:var(--sb);border-radius:12px;display:block;overflow:hidden}.zx-ph img{object-fit:cover;width:100%;height:100%;display:block}.zx-dv{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.zx-dv b{font-size:18px;font-weight:600}.zx-dv>span{color:var(--tx3);font-size:13px}.zx-tags{flex-wrap:wrap;justify-content:center;gap:6px;min-height:24px;margin-top:8px;display:flex}.zx-tags span{border:1px solid var(--bd);background:var(--pg);height:24px;color:var(--tx2);border-radius:6px;align-items:center;padding:0 8px;font-size:12px;display:inline-flex}.zx-cur{border-top:1px solid var(--bd);flex-direction:column;align-items:center;gap:2px;padding-top:12px;display:flex}.zx-cur span{color:var(--tx3);font-size:12px}.zx-cur output{color:var(--brand);letter-spacing:-.01em;font-size:24px;font-weight:700}.zx-pan{flex-direction:column;gap:12px;min-height:100%;padding:16px;display:flex}.zx-pan h5{letter-spacing:-.01em;margin:2px 0 0;font-size:20px;font-weight:700}.zx-prog{color:var(--tx2);grid-template-columns:32px auto 1fr;align-items:center;gap:10px;font-size:13px;display:grid}.zx-prog i{background:var(--bd);border-radius:2px;grid-column:2/-1;height:4px;overflow:hidden}.zx-prog i b{background:var(--ok);border-radius:2px;height:100%;transition:width .35s;display:block}.zx-back{all:unset;box-sizing:border-box;border:1px solid var(--bd2);width:32px;height:32px;color:var(--tx2);cursor:pointer;border-radius:50%;grid-row:span 2;place-items:center;display:grid}.zx-back:disabled{opacity:.35;cursor:default}.zx-back svg{width:16px;height:16px}.zx-list{flex-direction:column;gap:8px;display:flex}.zx-g{color:var(--tx3);margin:4px 0 -2px;font-size:12px;font-style:normal}.zx-row{all:unset;box-sizing:border-box;border:1px solid var(--bd2);background:var(--sf);cursor:pointer;border-radius:12px;align-items:center;gap:12px;min-height:56px;padding:10px 14px;transition:border-color .15s,background-color .15s,box-shadow .15s;display:flex}.zx-row:hover{border-color:var(--tx3)}.zx-row[aria-pressed=true]{border-color:var(--act);background:var(--bsb);box-shadow:inset 0 0 0 1px var(--act)}.zx-row.is-sm{min-height:46px}.zx-row.is-dash{border-style:dashed}.zx-row>b{flex:1;font-weight:600}.zx-tx{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.zx-tx b{font-size:14.5px;font-weight:600}.zx-tx small{color:var(--tx2);font-size:12.5px}.zx-pr{white-space:nowrap;font-size:14.5px;font-weight:700}.zx-rd{border:1.5px solid var(--bd2);background:var(--sf);border-radius:50%;flex:none;width:18px;height:18px}.zx-row[aria-pressed=true] .zx-rd{border:5px solid var(--act)}.zx-cb{border:1.5px solid var(--bd2);color:#0000;border-radius:6px;flex:none;place-items:center;width:20px;height:20px;display:grid}.zx-cb svg{stroke-width:2.6px;width:14px;height:14px}.zx-row[aria-pressed=true] .zx-cb{border-color:var(--act);background:var(--act);color:#fff}.zx-ico{background:var(--sb);width:40px;height:40px;color:var(--tx2);border-radius:10px;flex:none;place-items:center;display:grid}.zx-gb{border:1px solid;border-radius:8px;flex:none;place-items:center;width:32px;height:32px;font-size:13px;font-weight:600;padding:0!important;display:inline-grid!important}.zx-tags .zx-gb{border-radius:6px;width:auto;height:24px;padding:0 8px!important}.zx-btn{all:unset;box-sizing:border-box;background:var(--act);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;font-size:15px;font-weight:600;transition:background-color .15s,opacity .15s;display:flex;color:#fff!important}.zx-btn:hover{background:var(--act-h)}.zx-btn:disabled{opacity:.4;cursor:default}.zx-btn:disabled:hover{background:var(--act)}.zx-btn.is-ghost{background:var(--sb);color:var(--tx)!important}.zx-btn.is-ghost:hover{background:var(--bd)}.zx-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.zx-note{color:var(--tx2);margin:0;font-size:13px;line-height:1.45}.zx-offer{border-bottom:1px solid var(--bd);flex-direction:column;align-items:center;gap:2px;padding:6px 0 14px;display:flex}.zx-offer span{color:var(--tx2);font-size:14px}.zx-offer b{color:var(--brand);letter-spacing:-.02em;font-size:46px;font-weight:700;line-height:1.1}.zx-offer small{color:var(--tx3);font-size:12.5px}.zx-gs{color:#fff;background:#0f1b3d;border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex}.zx-gs-h{justify-content:space-between;align-items:center;gap:10px;display:flex}.zx-gs-l{color:#14121c;background:#fff;border-radius:7px;align-items:center;gap:6px;height:26px;padding:0 8px 0 4px;font-size:12px;font-weight:600;display:inline-flex}.zx-gs-l .card-ic{margin:0}.zx-gs-l svg{border-radius:5px;width:18px;height:18px}.zx-gs-p{align-items:center;gap:8px;font-weight:700;display:inline-flex}.zx-gs-p em{color:#14121c;background:#fff;border-radius:6px;padding:2px 7px;font-size:12.5px;font-style:normal;font-weight:600}.zx-gs-t{color:#b9bed0;font-size:13px}.zx-gs-c{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.zx-gc{all:unset;box-sizing:border-box;color:#14121c;cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;gap:4px;padding:8px;transition:box-shadow .15s;display:flex;box-shadow:0 0 0 2px #0000}.zx .zx-gc{color:#14121c}.zx-gc[aria-pressed=true]{box-shadow:0 0 0 2px #a98bff}.zx-gc img{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%;display:block}.zx-gc b{font-size:12.5px;font-weight:600}.zx-gc span{font-size:13px;font-weight:700}.zx-range>div{justify-content:space-between;display:flex}.zx-range b{font-size:26px;font-weight:700}.zx-range i{background:linear-gradient(90deg, #9c80f9, var(--act));border-radius:3px;height:6px;margin:8px 0;display:block}.zx-range span{color:var(--tx3);font-size:12px}.zx-ok{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:28px 0 10px;display:flex}.zx-ok>span{width:52px;height:52px;color:var(--ok);background:#e3f5ec;border-radius:50%;place-items:center;display:grid}.zx-ok>span svg{stroke-width:2.4px;width:26px;height:26px}.zx-rp{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:stretch;gap:12px;display:grid}.zx-staff,.zx-cust{flex-direction:column;gap:10px;padding:16px;display:flex}.zx-who{font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--tx3)}.zx-sh{align-items:center;gap:10px;display:flex}.zx-sh b{font:600 16px var(--mono)}.zx-badge{background:color-mix(in srgb, var(--c) 12%, #fff);color:var(--c);border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600}.zx-sm{color:var(--tx2);font-size:12.5px}.zx-stp{grid-template-columns:repeat(4,minmax(0,1fr));margin:8px 0;padding:0;list-style:none;display:grid}.zx-stp li{min-width:0;color:var(--tx3);text-align:center;flex-direction:column;align-items:center;gap:6px;font-size:12px;display:flex;position:relative}.zx-stp li+li:before{content:"";background:var(--bd);width:100%;height:2px;position:absolute;top:13px;right:50%}.zx-stp li.is-done+li:before,.zx-stp li.is-done+li.is-now:before{background:var(--ok)}.zx-stp i{z-index:1;border:2px solid var(--bd2);background:var(--sf);border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;font-style:normal;font-weight:600;display:grid;position:relative}.zx-stp i svg{stroke-width:2.8px;width:14px;height:14px}.zx-stp .is-done i{border-color:var(--ok);background:var(--ok);color:#fff}.zx-stp .is-now i{border-color:var(--act);background:var(--act);color:#fff}.zx-stp .is-now{color:var(--act);font-weight:600}.zx-move{margin-top:auto}.zx-dvr{background:var(--sb);border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.zx-dvr img{object-fit:cover;background:var(--sf);border-radius:8px;width:44px;height:44px}.zx-dvr span{flex-direction:column;display:flex}.zx-dvr b{font-size:14px}.zx-dvr small{font:500 12px var(--mono);color:var(--tx3)}.zx-sc{border:1px solid var(--bd);border-radius:12px;flex-direction:column;gap:6px;padding:14px;display:flex}.zx-sc-h{justify-content:space-between;align-items:baseline;display:flex}.zx-sc-h b{color:var(--c);font-size:15px;font-weight:600}.zx-sc-h span{color:var(--tx2);font-size:12.5px}.zx-seg{border-bottom:1px solid var(--bd);grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-bottom:4px;padding-bottom:10px;display:grid}.zx-seg i{border-radius:2px;height:4px;transition:background-color .3s}.zx-res{color:var(--tx3);font-size:16px;font-weight:600}.zx-res.is-set{color:var(--tx)}.zx-scw.is-new .zx-sc{animation:.5s ease-out zx-in}@keyframes zx-in{0%{box-shadow:0 0 0 3px color-mix(in srgb, var(--act) 35%, transparent);transform:scale(.985)}}@container site (max-width:640px){.zx{padding:10px}.zx-ti,.zx-rp{grid-template-columns:minmax(0,1fr)}.zx-dev{flex-flow:wrap;align-items:center;position:static}.zx-ph{width:72px}.zx-dv{text-align:left;flex:1;align-items:flex-start}.zx-tags{justify-content:flex-start}.zx-cur{flex-direction:row;flex-basis:100%;justify-content:space-between;align-items:baseline}.zx-gs-c{grid-template-columns:repeat(3,minmax(0,1fr))}.zx-offer b{font-size:38px}.zx-stp li span{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:10px}}@media (prefers-reduced-motion:reduce){.zx *{transition:none!important;animation:none!important}}.hx{--pg:#f8fafc;--sf:#fff;--fl:#f1f5f9;--ln:#e2e8f0;--nv:#0f172b;--sl:#314158;--mt:#90a1b9;--br:#e64e3d;--br-h:#cf3b2b;--bl:#35548c;--ok:#22c55e;--am:#fe9a00;border:1px solid var(--line);background:var(--pg);color:var(--nv);font-family:var(--font-nunito), system-ui, sans-serif;border-radius:18px;padding:14px}.hx *{box-sizing:border-box}.hx button{font:inherit;color:inherit}.hx button:focus-visible,.hx h5:focus-visible{outline:2px solid var(--bl);outline-offset:2px}.hx h5:focus{outline:none}.hx svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.hx-grid{gap:14px;display:grid}.hx-tile{flex-direction:column;gap:8px;min-width:0;display:flex}.hx-k{font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mt)}.hx-two{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:12px;display:grid}.hx-two.is-post{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hx-ride,.hx-pan,.hx-prev{background:var(--sf);border-radius:20px;box-shadow:0 1px 2px #0f172b0a,0 6px 20px #0f172b0d}.hx-ride{flex-direction:column;gap:14px;padding:18px;display:flex;position:sticky;top:12px}.hx-rd-h{font-size:14px;font-weight:800}.hx-tl{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.hx-tl li{min-height:38px;color:var(--mt);grid-template-columns:52px 22px minmax(0,1fr);align-items:center;font-size:13px;transition:color .2s;display:grid;position:relative}.hx-tl li+li:before{content:"";background:var(--ln);width:2px;height:100%;margin-bottom:6px;position:absolute;bottom:50%;left:62px}.hx-tl time{font-weight:700}.hx-tl i{z-index:1;border:2px solid var(--mt);background:var(--sf);border-radius:50%;width:14px;height:14px;position:relative}.hx-tl b{font-weight:600}.hx-tl li.is-from,.hx-tl li.is-to{color:var(--nv)}.hx-tl li.is-from b,.hx-tl li.is-to b{font-size:16px;font-weight:800}.hx-tl li.is-from i{border-color:var(--bl);background:var(--bl);box-shadow:0 0 0 3px #dce5f5}.hx-tl li.is-to i{border-color:var(--br);background:var(--br);box-shadow:0 0 0 3px #fbdcd8}.hx-tl li.is-mid{color:var(--sl)}.hx-tl li.is-off{opacity:.45}.hx-rd-p{border-top:1px solid var(--ln);align-items:baseline;gap:6px;padding-top:12px;display:flex}.hx-rd-p b{letter-spacing:-.01em;font-size:30px;font-weight:900}.hx-rd-p span{color:var(--mt);font-size:13px}.hx-rd-x{flex-direction:column;gap:12px;display:flex}.hx-drv,.hx-car{align-items:center;gap:10px;min-width:0;display:flex}.hx-drv img,.hx-car img{object-fit:cover;border-radius:12px;flex:none;width:42px;height:42px}.hx-drv span,.hx-car span{flex-direction:column;min-width:0;display:flex}.hx-drv b,.hx-car b{font-size:14px;font-weight:800}.hx-drv small,.hx-car small{color:var(--mt);align-items:center;gap:3px;font-size:12.5px;display:flex}.hx-drv small i{color:var(--am);display:inline-flex}.hx-drv small i svg{fill:currentColor;stroke:none;width:13px;height:13px}.hx-car em{background:var(--fl);border-radius:10px;margin-left:auto;padding:5px 10px;font-size:12.5px;font-style:normal;font-weight:700}.hx-pan{flex-direction:column;gap:10px;min-height:100%;padding:18px;display:flex}.hx-pan h5{letter-spacing:-.01em;text-align:center;margin:0;font-size:21px;font-weight:900}.hx-sub{color:var(--mt);text-align:center;margin:-6px 0 4px;font-size:13px}.hx-lab{font:800 11px var(--font-nunito), system-ui, sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--mt);align-items:baseline;gap:8px;display:flex}.hx-lab small{letter-spacing:0;text-transform:none;font-size:11px;font-weight:600}.hx-pts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.hx-pt{all:unset;box-sizing:border-box;background:var(--fl);cursor:pointer;border-radius:14px;align-items:center;gap:8px;min-width:0;padding:10px;transition:background-color .15s,color .15s,opacity .15s;display:flex;position:relative}.hx-pt i{border:2px solid var(--sl);opacity:.6;border-radius:50%;flex:none;width:14px;height:14px}.hx-pt span{flex-direction:column;min-width:0;display:flex}.hx-pt b{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:800;overflow:hidden}.hx-pt small{color:var(--mt);font-size:11.5px}.hx-pt em{background:#fff;border-radius:50%;place-items:center;width:20px;height:20px;display:none;position:absolute;top:-6px;right:-6px;box-shadow:0 1px 4px #0f172b40}.hx-pt em svg{stroke-width:3px;width:13px;height:13px}.hx-pt:hover:not(:disabled){background:var(--ln)}.hx-pt:disabled{opacity:.35;cursor:default}.hx-pt[aria-pressed=true]{color:#fff}.hx-pt[aria-pressed=true] small{color:#ffffffbf}.hx-pt[aria-pressed=true] i{opacity:1;border-color:#fff}.hx-pt[aria-pressed=true] em{display:grid}.hx-pt.is-from[aria-pressed=true]{background:var(--bl)}.hx-pt.is-from[aria-pressed=true] em{color:var(--bl)}.hx-pt.is-to[aria-pressed=true]{background:var(--br)}.hx-pt.is-to[aria-pressed=true] em{color:var(--br)}.hx-row{justify-content:space-between;align-items:center;gap:10px;padding:6px 0;display:flex}.hx-stp{background:var(--fl);border-radius:14px;align-items:center;gap:4px;padding:4px;display:flex}.hx-stp button{all:unset;box-sizing:border-box;background:var(--sf);cursor:pointer;border-radius:10px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 1px 2px #0f172b14}.hx-stp button:disabled{opacity:.35;cursor:default}.hx-stp output{text-align:center;min-width:34px;font-size:17px;font-weight:900}.hx-sum{border-top:1px solid var(--ln);flex-direction:column;gap:6px;margin:2px 0 0;padding-top:10px;display:flex}.hx-sum div,.hx-pass dl div{justify-content:space-between;gap:10px;display:flex}.hx-sum dt{color:var(--mt);font-size:13px}.hx-sum dd{margin:0;font-size:13px;font-weight:700}.hx-sum .is-tot dt{color:var(--nv);font-size:15px;font-weight:800}.hx-sum .is-tot dd{color:var(--br);font-size:22px;font-weight:900}.hx-btn{all:unset;box-sizing:border-box;background:var(--br);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;width:100%;height:50px;font-size:15px;font-weight:800;transition:background-color .15s;display:flex;box-shadow:0 8px 18px #e64e3d40;color:#fff!important}.hx-btn:hover{background:var(--br-h)}.hx-btn.is-ghost{background:var(--fl);box-shadow:none;color:var(--nv)!important}.hx-btn.is-ghost:hover{background:var(--ln)}.hx-ok{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.hx-tick{background:var(--ok);color:#fff;border-radius:50%;place-items:center;width:52px;height:52px;animation:.45s cubic-bezier(.3,1.5,.5,1) hx-pop;display:grid;box-shadow:0 0 0 8px #dcfce7}.hx-tick svg{stroke-width:3px;width:26px;height:26px}.hx-ok h5{margin-top:8px}.hx-ok p{color:var(--mt);margin:0;font-size:13px}.hx-pass{border:1px solid var(--ln);border-radius:18px;overflow:hidden}.hx-pass-h,.hx-pass-t{background:var(--bl);color:#fff}.hx-pass-h{letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:12px 14px 0;font-size:11px;font-weight:800;display:flex}.hx-pass-h em{color:var(--nv);letter-spacing:0;text-transform:none;background:#fff;border-radius:99px;padding:3px 8px;font-style:normal}.hx-pass-t{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 14px 16px;display:grid}.hx-pass-t b{flex-direction:column;font-size:26px;font-weight:900;line-height:1.1;display:flex}.hx-pass-t b:last-child{text-align:right}.hx-pass-t small{letter-spacing:.06em;text-transform:uppercase;opacity:.75;font-size:11px;font-weight:700}.hx-pass-t i{letter-spacing:.06em;text-transform:uppercase;opacity:.8;border-bottom:1px dashed #ffffff80;flex-direction:column;align-items:center;gap:2px;padding-bottom:4px;font-size:10px;font-style:normal;display:flex}.hx-pass-t i em{letter-spacing:0;font-style:normal}.hx-pass dl{grid-template-columns:1fr 1fr;gap:10px 14px;margin:0;padding:14px;display:grid}.hx-pass dl div{flex-direction:column;gap:0}.hx-pass dl div:nth-child(2n){text-align:right}.hx-pass dt{letter-spacing:.06em;text-transform:uppercase;color:var(--mt);font-size:10.5px;font-weight:700}.hx-pass dd{margin:0;font-size:14px;font-weight:800}.hx-sw{all:unset;box-sizing:border-box;background:var(--fl);cursor:pointer;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.hx-sw span{flex-direction:column;min-width:0;display:flex}.hx-sw b{font-size:14px;font-weight:800}.hx-sw small{color:var(--mt);font-size:12px}.hx-sw i{background:#cbd5e1;border-radius:13px;flex:none;width:44px;height:26px;transition:background-color .2s;position:relative}.hx-sw i:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.hx-sw[aria-checked=true] i{background:var(--br)}.hx-sw[aria-checked=true] i:after{transform:translate(18px)}.hx-rules{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.hx-rule{all:unset;box-sizing:border-box;border:1.5px solid var(--ln);cursor:pointer;border-radius:14px;align-items:center;gap:8px;padding:10px 12px;font-size:14px;font-weight:700;transition:border-color .15s,background-color .15s;display:flex}.hx-rule>i{color:var(--sl);display:inline-flex}.hx-rule em{width:22px;height:22px;color:var(--br);background:#fde3e0;border-radius:50%;place-items:center;margin-left:auto;display:grid}.hx-rule em svg{stroke-width:2.6px;width:14px;height:14px}.hx-rule[aria-pressed=true]{background:#f0fdf4;border-color:#bbf7d0}.hx-rule[aria-pressed=true] em{background:var(--ok);color:#fff}.hx-prev{background:var(--fl);box-shadow:none;flex-direction:column;gap:10px;padding:18px;display:flex;position:sticky;top:12px}.hx-card{background:var(--sf);border-radius:20px;flex-direction:column;gap:12px;padding:16px;display:flex;position:relative;box-shadow:0 6px 20px #0f172b0f}.hx-card.is-new{animation:.45s cubic-bezier(.3,1.5,.5,1) hx-pop}.hx-live{background:var(--ok);color:#fff;border-radius:99px;align-items:center;gap:4px;padding:4px 10px 4px 6px;font-size:12px;font-weight:800;display:inline-flex;position:absolute;top:-10px;right:14px}.hx-live svg{stroke-width:3px;width:14px;height:14px}.hx-card-t{grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;gap:12px;display:grid}.hx-card-r{flex-direction:column;justify-content:space-between;gap:4px;display:flex}.hx-card-r b{font-size:16px;font-weight:900}.hx-card-r small{background:var(--fl);color:var(--mt);border-radius:6px;align-self:flex-start;padding:2px 6px;font-size:10.5px;font-weight:700}.hx-card-c{flex-direction:column;justify-content:space-between;padding-left:4px;display:flex;position:relative}.hx-card-c span{align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.hx-card-c i{border:2px solid var(--br);border-radius:50%;width:12px;height:12px}.hx-card-c i.is-b{background:var(--br)}.hx-card-c:before{content:"";background:var(--ln);width:2px;position:absolute;top:18px;bottom:18px;left:9px}.hx-card-p{flex-direction:column;justify-content:space-between;align-items:flex-end;display:flex}.hx-card-p b{letter-spacing:-.01em;font-size:28px;font-weight:900;line-height:1}.hx-card-p small{color:var(--mt);align-items:center;gap:4px;font-size:12.5px;font-weight:700;display:inline-flex}.hx-card-p small svg{width:15px;height:15px}.hx-card-f{border-top:1px dashed var(--ln);justify-content:space-between;align-items:center;gap:10px;padding-top:12px;display:flex}.hx-card-i{gap:6px;display:flex}.hx-card-i i{border-radius:9px;place-items:center;width:30px;height:30px;transition:background-color .2s,color .2s;display:grid}.hx-card-i i svg{width:16px;height:16px}.hx-card-i i.is-y{color:#15803d;background:#dcfce7}.hx-card-i i.is-n{background:var(--fl);color:#b6c2d2;position:relative}.hx-card-i i.is-n:after{content:"";background:#b6c2d2;height:2px;position:absolute;top:50%;left:6px;right:6px;transform:rotate(-45deg)}.hx-mode{background:var(--fl);color:var(--sl);border-radius:99px;align-self:flex-start;align-items:center;gap:4px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.hx-mode.is-inst{color:#b45309;background:#fff4e5}.hx-mode svg{width:14px;height:14px}.hx-mid{background:var(--pg);border-radius:14px;flex-direction:column;gap:6px;padding:12px;display:flex}.hx-mid div{justify-content:space-between;font-size:13px;display:flex}.hx-mid div b{font-weight:800}.hx-note{color:var(--mt);margin:0;font-size:13px}@keyframes hx-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@container site (max-width:640px){.hx{padding:10px}.hx-two,.hx-two.is-post{grid-template-columns:minmax(0,1fr)}.hx-ride,.hx-prev{position:static}.hx-pt{gap:6px;padding:10px 8px}}@media (prefers-reduced-motion:reduce){.hx *{transition:none!important;animation:none!important}}.hf .cf-view{background:radial-gradient(62% 75% at 50% 46%,#e64e3d4d,#e64e3d00 72%),linear-gradient(#1e2a47,#0b1222)}.hf .cf-dim{background:#060b16}.hf .cf-plate img{height:64px}.hf-q li{font-size:40px;font-weight:600}.hf .cf-cap{max-width:700px}.card-ic .mk-img{aspect-ratio:1;border-radius:5px;width:auto;height:18px;display:block}#work[data-work=index] .card-ic .mk-img{height:24px}#work[data-work=stack] .card-ic .mk-img{height:26px}#work:is([data-work=showcase],[data-work=pixel],[data-work=rise]) .card-ic .mk-img{height:34px}.cp-h1 .card-ic .mk-img{border-radius:.14em;height:.62em}.cp-next-n .card-ic .mk-img{height:28px}@container site (max-width:640px){.cp-cyc-in{grid-template-columns:minmax(0,1fr);gap:8px}.cp-cyc-in li{flex-flow:wrap;align-items:baseline;column-gap:10px;padding:12px 14px}.cp-cyc-in li+li:before{width:1px;height:8px;top:-8px;left:28px}.cp-cyc-in b{font-size:19px}.cp-cyc-b{margin:0 0 0 auto;padding:0}.cp-cyc-w{flex-basis:100%;order:3}.cp-cyc-back{display:none}.cp-cyc-two,.cp-look{grid-template-columns:minmax(0,1fr)}.cp-bef{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-evo-r{grid-template-columns:minmax(0,1fr);gap:10px}.cp-sync-g{grid-template-columns:minmax(0,1fr)}.cp-sync-b{max-width:200px}#work[data-work=index] .card-ic .mk-img{height:18px}}.cp-kit-h{flex-wrap:wrap;grid-column:1/-1;align-items:baseline;gap:10px;margin:14px 0 2px;display:flex}.cp-kit-h:first-child{margin-top:0}.cp-kit-h b{font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase}.cp-kit-h span{color:var(--muted);font-size:13px}.cp-atom{counter-reset:a;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.cp-atom li{border:1px solid var(--line);background:var(--surface);border-radius:14px;flex-direction:column;gap:6px;min-width:0;padding:14px 14px 16px;display:flex;position:relative}.cp-atom li:not(:last-child):after{content:"→";z-index:1;background:var(--panel);width:16px;height:16px;color:var(--muted);border-radius:50%;place-items:center;font-size:11px;display:grid;position:absolute;top:14px;right:-9px}.cp-atom em{font:500 11px var(--mono);color:var(--muted);font-style:normal}.cp-atom b{font-family:var(--display);letter-spacing:-.01em;font-size:17px;font-weight:600}.cp-atom i{font:500 11.5px var(--mono);color:var(--ink);font-style:normal}.cp-atom span{color:var(--muted);font-size:12.5px;line-height:1.45}.cp-kit-t:focus-visible{outline:2px solid var(--sel);outline-offset:3px}@container site (max-width:640px){.cp-pcs{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-kit{grid-template-columns:minmax(0,1fr)}.cp-kit-t{grid-column:auto}.cp-atom{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-atom li:nth-child(2):after{display:none}}.cp-img.is-phone{aspect-ratio:390/844;border-radius:12px}.cp-img.is-phone img{object-fit:cover;object-position:50% 0;width:100%;height:100%}.cp-fig>h4{margin:8px 0 12px}.cp-ba-i .cp-img.is-crop img{object-position:0 0}.cp-loop .cp-flow-in{flex-wrap:wrap;row-gap:10px;overflow:visible}.cp-loop .cp-flow-in i{flex:0 0 22px}.cp-loop .cp-node:nth-child(7){background:var(--ink);color:var(--ground);border-color:var(--ink)}.cp-flow-in i.cp-back-arrow{border:1.5px solid var(--muted);background:0 0;border-left:0;border-radius:0 12px 12px 0;flex:none;width:22px;min-width:0;height:22px;margin-left:6px}.cp-flow-in i.cp-back-arrow:after{display:none}.cp-dens{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.cp-dens-h,.cp-dens-r{grid-template-columns:44px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:14px;display:grid}.cp-dens-h{font:500 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.cp-dens-r b{font:500 12px var(--mono)}.cp-dens-r>span{align-items:center;gap:8px;min-width:0;display:flex}.cp-dens-r i{background:var(--accent);border-radius:4px;height:8px;display:block}.cp-dens-r>span:last-child i{background:var(--ink);opacity:.55}.cp-dens-r em{font:500 11.5px var(--mono);color:var(--muted);font-style:normal}.cp-note .cp-fig{margin:16px 0 0}.cp-dens-g{border-top:1px solid var(--line);font:500 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:8px;padding-top:8px}.cp-dens-g:first-of-type{border-top:0;margin-top:0;padding-top:4px}.cp-tiers{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.cp-tiers.is-n2{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-sides{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.cp-side{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:18px 20px}.cp-side>b{font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;display:block}.cp-side ol{counter-reset:sd;gap:8px;margin:0;padding:0;list-style:none;display:grid}.cp-side li{counter-increment:sd;grid-template-columns:22px minmax(0,1fr);font-size:15px;line-height:1.45;display:grid}.cp-side li:before{content:counter(sd, decimal-leading-zero);font:500 11px/2 var(--mono);color:var(--muted)}@container site (max-width:640px){.cp-sides{grid-template-columns:minmax(0,1fr)}}.cp-tier{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;gap:6px;padding:14px;display:flex}.cp-tier-k{font:500 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.cp-tier b{font-family:var(--display);letter-spacing:-.03em;font-size:28px;font-weight:600;line-height:1}.cp .cp-tier p{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.cp-tier-m{background:var(--panel);font:500 11px var(--mono);border-radius:6px;align-self:flex-start;margin-top:auto;padding:3px 8px}.cp-ramp{border:1px solid var(--line);background:var(--surface);border-radius:12px;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;padding:14px;display:grid}.cp-sw{flex-direction:column;gap:4px;min-width:0;display:flex}.cp-sw i{border-radius:6px;height:44px;display:block;box-shadow:inset 0 0 0 1px #0000000f}.cp-sw b{font:600 10.5px var(--mono)}.cp-sw span{font:500 9.5px var(--mono);color:var(--muted);text-overflow:ellipsis;overflow:hidden}@container site (max-width:640px){.cp-tiers{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-ramp{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:10px}}@media (prefers-reduced-motion:reduce){.cp-img.is-tall img{transition:none}}@container site (max-width:640px){.cp-res{grid-template-columns:minmax(0,1fr)}.cp-res .is-narrow{max-width:62%}.cp-res .is-narrow .cp-img{aspect-ratio:390/844;height:auto}.cp-shots.is-real{grid-template-columns:minmax(0,1fr)}.cp-img.is-cover{aspect-ratio:16/10;border-radius:16px}}.cp-story{width:var(--bw);margin:64px 0 0 calc((100% - var(--bw)) / 2);grid-template-columns:180px minmax(0,1fr);align-items:start;gap:56px;display:grid}.cp-toc{position:sticky;top:96px}.cp-toc ol{border-left:1px solid var(--line);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.cp-toc button{all:unset;box-sizing:border-box;cursor:pointer;width:100%;color:var(--muted);border-left:2px solid #0000;align-items:baseline;gap:10px;margin-left:-1px;padding:8px 12px;font-size:14px;transition:color .2s,border-color .2s;display:flex}.cp-toc button em{font:500 11px var(--mono);font-style:normal}.cp-toc button:hover{color:var(--ink)}.cp-toc button.on{color:var(--ink);border-color:var(--ink);font-weight:600}.cp-toc button:focus-visible{outline:2px solid var(--sel);outline-offset:-2px}.cp-main{min-width:0;max-width:760px}.cp-sec{padding-bottom:64px}.cp-sec h2{font-family:var(--display);letter-spacing:-.035em;align-items:baseline;gap:14px;margin:0 0 18px;font-size:clamp(28px,3.2cqi,38px);font-weight:600;display:flex}.cp-sec h2 em{font:500 12px var(--mono);letter-spacing:0;color:var(--muted);font-style:normal}.cp-prog{z-index:6;border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 90%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:max-content;max-width:calc(100% - 120px);height:38px;box-shadow:var(--shadow);opacity:0;pointer-events:none;border-radius:999px;align-items:center;gap:10px;margin:0 auto;padding:0 14px;transition:opacity .3s,transform .3s;display:flex;position:sticky;top:66px;transform:translateY(-6px)}.cp-prog.on{opacity:1;transform:none}.cp-prog-n{font:500 11px var(--mono);color:var(--muted)}.cp-prog-t{white-space:nowrap;font-size:13px;font-weight:600}.cp-prog i{background:var(--line);border-radius:2px;width:64px;height:2px;overflow:hidden}.cp-prog i b{background:var(--ink);transform-origin:0;height:100%;display:block;transform:scaleX(0)}@container site (max-width:640px){.cp{--bw:100%}.cp-h1{font-size:44px}.cp-lede{font-size:23px}.cp-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.cp-facts>div{padding:10px 0 4px}.cp-cover .pv{aspect-ratio:16/10;border-radius:16px}.cp-sec p{font-size:16px}.cp-kpis,.cp-ins{grid-template-columns:minmax(0,1fr);gap:8px}.cp-kpi{flex-direction:row;align-items:baseline;gap:14px;padding:14px 16px}.cp-kpi b{min-width:84px;font-size:26px}.cp-cols{grid-template-columns:minmax(0,1fr);gap:6px}.cp-dec-h{display:none}.cp-dec-r{grid-template-columns:minmax(0,1fr);gap:4px}.cp-shots{grid-template-columns:minmax(0,1fr);gap:14px}.cp-shots.is-app{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cp-shots.is-app figcaption{font-size:10px}.cp-story{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:44px}.cp-toc{z-index:4;margin:calc(-10px - env(safe-area-inset-top,0px)) -24px 0;padding:calc(10px + env(safe-area-inset-top,0px)) 24px 12px;transition:background-color .2s;top:0}.cp-toc.is-pinned{background:linear-gradient(to bottom, var(--ground) calc(100% - 12px), color-mix(in srgb, var(--ground) 0%, transparent))}.cp-toc ol{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 90%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scrollbar-width:none;border-radius:999px;flex-direction:row;gap:4px;padding:5px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 14px calc(100% - 14px),#0000);mask-image:linear-gradient(90deg,#0000,#000 14px calc(100% - 14px),#0000)}.cp-toc ol::-webkit-scrollbar{display:none}.cp-toc li{flex:none}.cp-toc button{white-space:nowrap;border:0;border-radius:999px;margin:0;padding:7px 12px;font-size:13px}.cp-toc button em{display:none}.cp-toc button.on{background:var(--ink);color:var(--ground)}.cp-sec{padding-bottom:48px}.cp-prog{max-width:calc(100% - 110px)}.cp-prog i{display:none}}.we{flex-direction:column;gap:64px;display:flex}@container site (max-width:640px){.we{gap:48px}}.bleed-full{width:100cqi;margin-left:calc(50% - 50cqi)}.scr{box-sizing:border-box;background:var(--surface);border:1px solid var(--line);display:block;position:relative;overflow:hidden}.scr.is-phone{aspect-ratio:390/844;border-radius:11%/5.1%}.scr.is-web{aspect-ratio:16/10;border-radius:1.4%/2.2%}.scr img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.scr-sk{display:block;position:absolute;inset:0}.sk{background:color-mix(in srgb, var(--ink) 10%, transparent);border-radius:3px;display:block;position:absolute}.is-phone .sk{left:7%;right:7%}.sk.sk-logo{aspect-ratio:1;background:var(--accent);border-radius:50%;height:auto;right:auto}.is-phone .sk-logo{width:6%;left:7%}.is-web .sk-logo{width:1.8%}.is-phone .sk-st{width:11%;height:1%;top:2.1%;right:auto}.is-phone .sk-st.sk-on{z-index:1;background:#ffffffd9}.is-phone .sk-bar{height:2.2%;right:auto}.is-phone .sk-dot{aspect-ratio:1;border-radius:50%;width:9%;height:auto;left:auto;right:7%}.is-phone .sk-card{background:color-mix(in srgb, var(--ink) 13%, transparent);border-radius:6%/9%;height:27%}.is-phone .sk-h{background:color-mix(in srgb, var(--ink) 18%, transparent);height:2.6%;right:auto}.is-phone .sk-line{height:1.5%;right:auto}.is-phone .sk-tile2{background:color-mix(in srgb, var(--ink) 6%, transparent);border-radius:8%/12%;width:41%;height:16%;right:auto}.is-phone .sk-tab{background:color-mix(in srgb, var(--ink) 4%, transparent);border-top:1px solid var(--line);border-radius:0;height:8.5%;bottom:0;left:0;right:0}.is-phone .sk-search{background:color-mix(in srgb, var(--ink) 7%, transparent);border-radius:999px;height:4.6%}.is-phone .sk-row{background:color-mix(in srgb, var(--ink) 4%, transparent);border-radius:5%/22%;height:7%}.is-phone .sk-row:before{content:"";aspect-ratio:1;background:color-mix(in srgb, var(--ink) 13%, transparent);border-radius:22%;position:absolute;top:18%;bottom:18%;left:4%}.is-phone .sk-row:after{content:"";background:color-mix(in srgb, var(--ink) 12%, transparent);border-radius:3px;width:46%;height:24%;position:absolute;top:38%;left:24%}.is-phone .sk-img{background:color-mix(in srgb, var(--ink) 15%, transparent);border-radius:0;height:42%;top:0;left:0;right:0}.is-phone .sk-chip{background:color-mix(in srgb, var(--ink) 9%, transparent);border-radius:999px;width:20%;height:3.4%;right:auto}.is-phone .sk-btn{background:var(--ink);border-radius:999px;height:6%}.is-web .sk-side{background:color-mix(in srgb, var(--ink) 4%, transparent);border-right:1px solid var(--line);border-radius:0;width:17%;top:0;bottom:0;left:0}.is-web .sk-nl{background:repeating-linear-gradient(to bottom, color-mix(in srgb, var(--ink) 11%, transparent) 0 6%, transparent 6% 14%);border-radius:0;width:11%;height:40%}.is-web .sk-top{border-bottom:1px solid var(--line);background:0 0;border-radius:0;height:8%;top:0;left:17%;right:0}.is-web .sk-kpi{background:color-mix(in srgb, var(--ink) 5%, transparent);border:1px solid var(--line);border-radius:4%/7%;width:16.5%;height:15%;top:13%}.is-web .sk-chart{background:color-mix(in srgb, var(--ink) 3%, transparent);border:1px solid var(--line);height:27%;color:var(--accent);border-radius:1.5%/5%;top:33%;left:21%;right:4.5%}.sk-chart svg{width:92%;height:66%;position:absolute;top:18%;left:4%}.sk-chart polyline{fill:none;stroke:currentColor;stroke-width:1.5px}.is-web .sk-tbl{background:repeating-linear-gradient(to bottom, color-mix(in srgb, var(--ink) 7%, transparent) 0 14%, transparent 14% 26%);border-radius:0;inset:64% 4.5% 5% 21%}.is-web .sk-nav{border-bottom:1px solid var(--line);background:0 0;border-radius:0;height:9%;top:0;left:0;right:0}.is-web .sk-links{background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--ink) 14%, transparent) 0 17%, transparent 17% 25%);border-radius:0;width:26%;height:2%;top:3.6%;right:4%}.is-web .sk-h1{background:color-mix(in srgb, var(--ink) 17%, transparent);height:10%}.is-web .sk-line{height:2.4%}.is-web .sk-btn{background:var(--ink);border-radius:999px;height:6.5%}.is-web .sk-hero{background:color-mix(in srgb, var(--ink) 9%, transparent);border-radius:2%/3.6%;width:41%;height:50%;top:16%;right:5%}.is-web .sk-tiles{background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--ink) 7%, transparent) 0 23.5%, transparent 23.5% 25.5%);border-radius:0;height:20%;top:73%;left:6%;right:5%}.is-web .sk-filters{background:repeating-linear-gradient(to bottom, color-mix(in srgb, var(--ink) 9%, transparent) 0 4%, transparent 4% 10%);border-radius:0;width:15%;top:16%;bottom:6%;left:4%}.is-web .sk-tile{background:color-mix(in srgb, var(--ink) 4%, transparent);border:1px solid var(--line);border-radius:4%/6%;width:17%;height:38%}.is-web .sk-tile:before{content:"";background:color-mix(in srgb, var(--ink) 10%, transparent);border-radius:4%;height:58%;position:absolute;top:7%;left:8%;right:8%}.is-web .sk-tile:after{content:"";background:color-mix(in srgb, var(--ink) 14%, transparent);border-radius:2px;width:60%;height:8%;position:absolute;top:73%;left:8%}.scr.is-car{background:var(--car);border-color:var(--car-line)}.is-car .sk-map{background:linear-gradient(var(--car-2) 1px, transparent 1px) 0 0 / 7% 11.2%, linear-gradient(90deg, var(--car-2) 1px, transparent 1px) 0 0 / 7% 11.2%;border-radius:0;inset:0}.sk-route{width:100%;height:100%;position:absolute;inset:0}.sk-route path{fill:none;stroke:var(--car-route);stroke-width:3px;stroke-linecap:round}.is-car .sk-pin{aspect-ratio:1;background:var(--car-ok);width:2.4%;height:auto;box-shadow:0 0 0 4px color-mix(in srgb, var(--car-ok) 25%, transparent);border-radius:50%;top:11%;left:86%}.is-car .sk-pill{background:var(--car-2);border:1px solid var(--car-line);border-radius:999px;width:32%;height:8%;top:6%;left:4%}.is-car .sk-sheet{background:var(--car-2);border:1px solid var(--car-line);border-radius:4%/7%;flex-direction:column;justify-content:center;gap:9%;width:34%;height:34%;padding:0 7%;display:flex;bottom:6%;left:4%}.sk-sheet b{background:var(--car-line);border-radius:3px;height:9%;display:block}.sk-sheet b:first-child{width:70%}.sk-sheet b:nth-child(3){background:var(--car-ok);width:58%}.lb{z-index:80;background:color-mix(in srgb, var(--ground) 90%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:64px 20px 26px;display:grid;position:fixed;inset:0}.lb[hidden]{display:none}.lb-fig{flex-direction:column;align-items:center;gap:14px;height:100%;min-height:0;margin:0;display:flex}.lb-view{flex:1;place-items:center;width:100%;min-height:0;display:grid;container-type:size}.lb-view .scr.is-phone{width:auto;height:min(100cqh,216.41cqw,820px)}.lb-view .scr.is-web{width:min(100cqw,160cqh,1100px);height:auto}.lb-cap{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:6px 12px;font-size:15px;display:flex}.lb-cap b{font-weight:600}.lb-cap span,.lb-cap em{font:500 12px var(--mono);color:var(--muted);font-style:normal}.lb-x{all:unset;cursor:pointer;border:1px solid var(--line);background:var(--surface);border-radius:50%;place-items:center;width:42px;height:42px;font-size:22px;display:grid;position:absolute;top:16px;right:20px}.lb-x:focus-visible{outline:2px solid var(--sel);outline-offset:2px}.app.lb-open .navs{opacity:0;pointer-events:none}@container site (max-width:560px){.lb{grid-template-columns:minmax(0,1fr);padding:76px 12px 18px}.lb-x{width:40px;height:40px;top:14px;right:14px}.lb-p,.lb-n{display:none}}.tk-hint{font:500 12px var(--mono);color:var(--muted);width:min(100cqi - 48px,760px);margin:4px auto 0}.sx{position:relative}.iso{flex-direction:column;gap:10px;display:flex}.iso-stage{-webkit-mask-composite:source-in;height:clamp(460px,56cqi,640px);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 12% 88%,#0000),linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(#0000,#000 12% 88%,#0000),linear-gradient(90deg,#0000,#000 8% 92%,#0000);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:border-box,border-box;mask-clip:border-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.iso-plane{transform-style:preserve-3d;align-items:flex-start;gap:26px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotateX(54deg)rotate(-38deg)}.iso-col{width:240px;transform-style:preserve-3d;flex-direction:column;gap:26px;display:flex}.iso-it{all:unset;cursor:zoom-in;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.8,.2,1);display:block;position:relative}.iso-it .scr{width:100%;transition:box-shadow .45s;box-shadow:-18px 22px 30px -18px #00000059}.iso-it:hover,.iso-it:focus-visible{transform:translateZ(36px)}.iso-it:hover .scr{box-shadow:-34px 44px 50px -24px #0006}.iso-it:focus-visible{outline:2px solid var(--sel);outline-offset:4px}.iso-tag{font:500 12px var(--body);color:var(--muted);white-space:nowrap;position:absolute;bottom:calc(100% + 6px);left:0}@container site (max-width:560px){.iso-stage{height:520px}.iso-plane{transform:translate(-50%,-50%)scale(.56)rotateX(54deg)rotate(-38deg)}}:is(.pi-mk,.pi-key i)[data-d=red]{--pd:#e5574a}.about{flex-direction:column;gap:22px;display:flex}.ab-intro{font-family:var(--display);letter-spacing:-.03em;text-wrap:balance;max-width:20ch;margin:0;font-size:clamp(26px,4cqi,40px);font-weight:600;line-height:1.1}.ab-note{font-family:var(--mono);color:var(--muted);margin:0;font-size:13px}.ab-two{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:28px 48px;display:grid}.ab-l{flex-direction:column;gap:12px;display:flex}@container site (max-width:700px){.ab-two{grid-template-columns:minmax(0,1fr)}}.pl{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:20px;padding:14px}.ps{aspect-ratio:1.9;background:var(--accent);width:min(440px,100%);color:var(--on-accent);transform-origin:50% -30px;border-radius:16px;outline:none;display:flex;position:relative;box-shadow:0 30px 50px -28px #00000080}.ps:hover,.ps:focus-visible{animation:1.6s cubic-bezier(.36,0,.3,1) psSwing}@keyframes psSwing{0%{transform:rotate(0)}20%{transform:rotate(4deg)}45%{transform:rotate(-3deg)}70%{transform:rotate(1.5deg)}to{transform:rotate(0)}}@container site (max-width:520px){.ps{aspect-ratio:auto}}.wg{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.led{box-shadow:inset 0 2px 14px #0009, var(--shadow);cursor:pointer;background:#0d0d0e;border:1px solid #232326;border-radius:16px;outline:none;position:relative;overflow:hidden}.led canvas{width:100%;display:block}.led:after{content:"";pointer-events:none;background:linear-gradient(#ffffff12,#0000 45%);position:absolute;inset:0}.led:focus-visible{outline:2px solid var(--sel);outline-offset:3px}.ct{flex-direction:column;display:flex}.ft-mail{font-family:var(--mono);color:var(--muted);font-size:13px}@keyframes ccDot{0%,60%,to{opacity:.4;transform:none}30%{opacity:1;transform:translateY(-4px)}}:is(.ct-brief,.ct-call,.ct-lock) .ft-mail{grid-column:1/-1}.call{color:#fff;background:linear-gradient(#2c2c31,#121214);border-radius:34px;flex-direction:column;justify-self:center;align-items:center;gap:22px;width:min(340px,100%);padding:36px 22px 22px;display:flex;position:relative;box-shadow:0 40px 70px -40px #000000a6}@keyframes ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.1)}}.call:is(.ans,.dec) :is(.call-rings,.call-acts){display:none}.lk{aspect-ratio:9/16;color:#fff;background:#0e1116 radial-gradient(#ffffff1f 1px,#0000 1.4px) 0 0/18px 18px;border-radius:38px;flex-direction:column;justify-self:center;gap:10px;width:min(340px,100%);padding:40px 14px 22px;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 70px -40px #000000a6,inset 0 0 0 1px #ffffff14}.lk:before{content:"";pointer-events:none;background:radial-gradient(120% 70% at 50% 0,#e5574a61,#0000 62%);position:absolute;inset:0}@container site (max-width:700px){.lk{aspect-ratio:auto;padding-bottom:30px}}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cb,.cm{flex-direction:column;gap:18px;display:flex}.cv2{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}.cv2 .ft-mail{align-self:center}.cv2-h{font-family:var(--display);letter-spacing:-.035em;margin:0;font-size:clamp(30px,5cqi,52px);font-weight:600;line-height:1.05}.cv2-win{border:1px solid var(--line);background:var(--surface);width:min(520px,100%);box-shadow:var(--shadow);text-align:left;border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.cv2-top{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:12px 16px;display:flex}.cv2-top .avatar-slot{background:var(--panel);border-radius:50%;overflow:hidden}.cv2-who{flex-direction:column;flex:1;line-height:1.25;display:flex}.cv2-who b{font-weight:600}.cv2-who span{font:500 11.5px var(--mono);color:var(--muted)}.cv2-on{background:#30c062;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 3px #30c06238}.cv2-thread{flex-direction:column;gap:8px;min-height:150px;padding:16px;display:flex}.cv2-m{align-items:flex-end;gap:8px;animation:.35s cubic-bezier(.2,.8,.2,1) cvIn;display:flex}@keyframes cvIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.cv2-m .avatar-slot{background:var(--panel);border-radius:50%;flex:none;overflow:hidden}.cv2-b{overflow-wrap:anywhere;border-radius:18px;max-width:82%;padding:10px 14px;font-size:15.5px;line-height:1.4}.cv2-me .cv2-b{border:1px solid var(--line);background:var(--ground);border-bottom-left-radius:6px}.cv2-you{justify-content:flex-end}.cv2-you .cv2-b{background:var(--ink);color:var(--ground);border-bottom-right-radius:6px}.cv2-b .btn-row{margin-top:10px}.cv2-b .btn{min-height:38px;padding:0 14px;font-size:14px}.cv2-typing .cv2-b{gap:4px;padding:14px;display:flex}.cv2-typing i{background:var(--muted);border-radius:50%;width:7px;height:7px;animation:1s infinite ccDot}.cv2-typing i:nth-child(2){animation-delay:.15s}.cv2-typing i:nth-child(3){animation-delay:.3s}.cv2-quick{flex-wrap:wrap;justify-content:flex-end;gap:6px;padding:0 16px 16px;display:flex}.cv2-quick:empty{display:none}.cv2-chip{all:unset;cursor:pointer;box-sizing:border-box;border:1px solid var(--ink);border-radius:999px;padding:8px 13px;font-size:14px;font-weight:500;transition:background .2s,color .2s}.cv2-chip:hover{background:var(--ink);color:var(--ground)}.cv2-chip:focus-visible{outline:2px solid var(--sel);outline-offset:2px}kbd{border:1px solid var(--line);background:var(--ground);min-width:20px;height:20px;font:500 11px var(--mono);color:var(--muted);border-radius:5px;place-items:center;padding:0 5px;display:inline-grid}.fg-stage[data-scene=night] .fg-score{color:#8fa2bc}.fg-stage[data-scene=night] .fg-score b{color:#fff}.fg-stage[data-scene=night]{border-color:#1e2a40}.fg-stage.fsl:is([data-scene=snow],[data-scene=forest],[data-scene=day]){border-color:#d5dfea}.cv-file{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:14px;align-items:center;gap:12px;padding:7px 14px 7px 7px;text-decoration:none;transition:border-color .2s,box-shadow .3s;display:inline-flex}.cv-file:hover{border-color:color-mix(in srgb, var(--ink) 35%, var(--line));box-shadow:0 14px 30px -20px #00000073}.cv-file:focus-visible{outline:2px solid var(--sel);outline-offset:3px}.cv-doc{box-sizing:border-box;width:30px;height:38px;box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 16%, transparent), 0 4px 10px -6px #00000059;background:#fff;border-radius:3px;flex-direction:column;flex:none;gap:3px;padding:9px 6px 0;transition:transform .35s cubic-bezier(.2,.8,.2,1);display:flex;position:relative}.cv-doc:after{content:"";background:linear-gradient(225deg, var(--surface) 50%, #d9d6ce 50%);border-radius:0 3px 0 2px;width:8px;height:8px;position:absolute;top:0;right:0}.cv-doc i{background:#d9d6ce;border-radius:1px;height:2px;display:block}.cv-doc i:nth-child(2){width:70%}.cv-doc i:nth-child(3){width:85%}.cv-doc b{background:var(--accent);color:#fff;font:700 7.5px/1.2 var(--mono);letter-spacing:.04em;border-radius:2px;padding:1px 3px;position:absolute;bottom:5px;left:-4px}.cv-file:hover .cv-doc{transform:translateY(-2px)rotate(-4deg)}.cv-t{text-align:left;flex-direction:column;gap:2px;line-height:1.2;display:flex}.cv-t b{font-size:14.5px;font-weight:600}.cv-t em{font:500 11px var(--mono);color:var(--muted);font-style:normal}.cv-dl{background:var(--ink);width:28px;height:28px;color:var(--ground);border-radius:50%;place-items:center;margin-left:4px;transition:transform .3s cubic-bezier(.2,.8,.2,1);display:grid}.cv-dl svg{width:14px;height:14px}.cv-file:hover .cv-dl{transform:translateY(2px)}.cv-in-chat{background:var(--ground);margin-top:2px}.cv-in-chat .cv-doc:after{background:linear-gradient(225deg, var(--ground) 50%, #d9d6ce 50%)}.nv-dock a.nv-btn{color:inherit;text-decoration:none}.nv-corner .js-theme[data-thic=switch]{width:62px}.nv-corner .js-theme[data-thic=type]{width:auto;padding:0 13px}.js-theme .th-on{opacity:0;transition:opacity .3s}.js-theme[data-th=light] .th-on{opacity:1}.js-theme .th-off{opacity:1;transition:opacity .3s}.js-theme[data-th=light] .th-off{opacity:0}.js-theme.th-go[data-th=light] .th-lit{animation:.7s step-end thFlick}@keyframes thFlick{0%{opacity:.15}12%{opacity:1}24%{opacity:.25}40%{opacity:1}52%{opacity:.6}64%,to{opacity:1}}@media (prefers-reduced-motion:reduce){.js-theme *{transition:none!important;animation:none!important}}.tt{flex-direction:column;gap:14px;min-width:0;display:flex}.tt-deck{aspect-ratio:1.32;background:linear-gradient(160deg, color-mix(in srgb, var(--panel) 70%, #fff), var(--panel));box-shadow:inset 0 1px 0 #ffffff80, inset 0 0 0 1px var(--line), 0 26px 50px -30px #0000008c;border-radius:18px;position:relative;container-type:inline-size}.tt-plat{aspect-ratio:1;background:radial-gradient(circle,#3a3a3e 0 66%,#26262a 67%);border-radius:50%;width:66%;position:absolute;top:8%;left:6%;box-shadow:0 8px 18px -8px #0009,inset 0 0 0 2px #ffffff0f}.tt-rec{--lab:#e5574a;background:repeating-radial-gradient(circle,#121214 0 1.2px,#1c1c1f 1.2px 2.6px);border-radius:50%;transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .28s;animation:1.8s linear infinite paused ttSpin;position:absolute;inset:3%;box-shadow:inset 0 0 0 1px #ffffff0d}.tt.on .tt-rec{animation-play-state:running}.tt.swap .tt-rec{opacity:0;transform:translate(-30%)scale(.86)}@keyframes ttSpin{to{rotate:360deg}}.tt-shine{background:conic-gradient(from 20deg, transparent 0 10%, #ffffff17 14%, transparent 22% 58%, #ffffff12 63%, transparent 70%);pointer-events:none;border-radius:50%;position:absolute;inset:0}.tt-lab{aspect-ratio:1;background:var(--lab);color:#fff;text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:38%;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:inset 0 0 0 1px #00000026}.tt-lab:after{content:"";aspect-ratio:1;background:#dcdad3;border-radius:50%;width:5%;position:absolute;top:50%;left:50%;translate:-50% -50%}.tt-lab svg{width:24%;height:auto;margin-bottom:2%}.tt-lab b{font-size:3cqw;font-weight:700;line-height:1.1}.tt-lab em{font:500 1.9cqw var(--mono);opacity:.8;font-style:normal}.tt-arm{aspect-ratio:1;transform-origin:50%;width:8%;transition:rotate .8s cubic-bezier(.4,0,.2,1);position:absolute;top:8%;right:12%;rotate:-12deg}.tt.on .tt-arm{rotate:16deg}.tt-piv{background:radial-gradient(circle at 40% 35%,#f1f0ec,#9c9a94);border-radius:50%;position:absolute;inset:0;box-shadow:0 3px 6px #00000059}.tt-stick{transform-origin:50% 0;background:linear-gradient(90deg,#bdbbb5,#f2f1ed,#a7a59f);border-radius:4px;width:16%;height:620%;position:absolute;top:50%;left:42%;rotate:14deg;box-shadow:2px 3px 6px #00000040}.tt-head{transform-origin:100% 0;background:#2a2a2e;border-radius:3px;width:70%;height:120%;position:absolute;top:575%;left:-46%;rotate:14deg;box-shadow:2px 3px 5px #00000059}.tt-btn{all:unset;cursor:pointer;background:#2a2a2e;border-radius:6px;width:10cqw;height:5.6cqw;position:absolute;bottom:6%;left:6%;box-shadow:inset 0 -2px #0006,0 2px 4px #00000040}.tt-btn i{background:#5a5a60;border-radius:50%;width:1.6cqw;height:1.6cqw;position:absolute;top:50%;left:50%;translate:-50% -50%}.tt.on .tt-btn i{background:#ff4b3b;box-shadow:0 0 6px #ff4b3b}.tt-btn:focus-visible{outline:2px solid var(--sel);outline-offset:3px}.tt-rpm{font:600 2.6cqw var(--mono);color:var(--muted);position:absolute;bottom:7%;right:7%}.tt-rpm sup{font-size:.6em}.tt-led{aspect-ratio:1;background:color-mix(in srgb, var(--ink) 25%, transparent);border-radius:50%;width:1.4cqw;position:absolute;top:56%;right:7%}.tt.on .tt-led{background:#3ccb7f;box-shadow:0 0 6px #3ccb7f}.tt-now{flex-wrap:wrap;gap:2px 10px;min-height:40px;margin:0;font-size:14.5px;line-height:1.4;display:flex}.tt-now b{font-weight:600}.tt-now span{color:var(--muted)}.tt-crate{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.tt-sl{all:unset;box-sizing:border-box;cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:7px;min-width:0;display:flex;position:relative}.tt-sl:focus-visible{outline:2px solid var(--sel);outline-offset:3px;border-radius:10px}.tt-sl-t{flex-direction:column;align-items:center;min-width:0;max-width:100%;display:flex}.tt-sl-t b{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12.5px;font-weight:600;overflow:hidden}.tt-sl-t em{font:500 10.5px var(--mono);color:var(--muted);font-style:normal}.tt-disc{aspect-ratio:1;background:repeating-radial-gradient(circle,#131315 0 1px,#1f1f22 1px 2.4px);border-radius:50%;width:100%;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .3s;display:block;position:relative;box-shadow:0 10px 18px -12px #000000b3,inset 0 0 0 1px #ffffff0d}.tt-disc:after{content:"";background:conic-gradient(from 30deg, transparent 0 12%, #ffffff1a 16%, transparent 24% 60%, #ffffff12 65%, transparent 72%);border-radius:50%;position:absolute;inset:0}.tt-dl{background:var(--lab);border-radius:50%;place-items:center;display:grid;position:absolute;inset:31%}.tt-dl svg{width:56%;height:auto}.tt-crate[data-v=discs] .tt-sl:hover .tt-disc{transform:translateY(-4px)rotate(28deg)}.tt-crate[data-v=discs] .tt-sl[aria-checked=true] .tt-disc{opacity:.14;transform:scale(.9)}.tt-crate[data-v=discs] .tt-sl[aria-checked=true]:before{content:"On the deck";background:var(--ink);color:var(--ground);font:500 10px var(--mono);white-space:nowrap;z-index:1;border-radius:6px;padding:3px 7px;position:absolute;top:calc(50% - 22px);left:50%;translate:-50% -50%}@container site (max-width:560px){.tt-crate{gap:8px}.tt-sl-t b{font-size:11.5px}}.sf{padding-top:28px;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);flex-direction:column;gap:24px;display:flex}.sf-credit{color:var(--muted);margin:0;font-size:15px}.sf-bot{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.sf-bot>div{flex-direction:column;gap:8px;display:flex}.fg{flex-direction:column;gap:12px;display:flex}.fg-head{flex-direction:column;gap:2px;display:flex}.fg-head b{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(26px,4cqi,38px);font-weight:600;line-height:1.1}.fg-head span{color:var(--muted)}.fg-stage{border:1px solid var(--line);background:var(--surface);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:20px;outline:none;height:clamp(240px,32cqi,320px);position:relative;overflow:hidden}.fg-stage.fsl{touch-action:pan-y;cursor:crosshair;background:linear-gradient(180deg, var(--surface), color-mix(in srgb, var(--surface) 65%, var(--panel)))}.fg-stage:focus-visible{outline:2px solid var(--sel);outline-offset:3px}.fg-stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.fg-score{font:500 12px var(--mono);color:var(--muted);pointer-events:none;gap:14px;display:flex;position:absolute;top:12px;left:14px}.fg-score b{color:var(--ink);font-weight:600}.fg-msg{background:var(--ink);color:var(--ground);white-space:nowrap;pointer-events:none;opacity:0;border-radius:999px;margin:0;padding:7px 13px;font-size:13px;font-weight:500;transition:opacity .25s;position:absolute;top:36%;left:50%;transform:translate(-50%,-50%)}.fg-msg.on{opacity:1}.fsl .fg-msg{top:62%}.fg-stage.fsl{-webkit-mask-composite:source-in;background:0 0;border:0;border-radius:0;width:100cqi;height:clamp(320px,34cqi,460px);margin-left:calc(50% - 50cqi);-webkit-mask-image:linear-gradient(#0000,#000 11% 86%,#0000),linear-gradient(90deg,#0000,#000 9% 91%,#0000);mask-image:linear-gradient(#0000,#000 11% 86%,#0000),linear-gradient(90deg,#0000,#000 9% 91%,#0000);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:border-box,border-box;mask-clip:border-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.fg-stage.fsl:focus-visible{outline-offset:-4px}.fg-head:has(.fg-score){grid-template-columns:minmax(0,1fr) auto;gap:2px 16px;display:grid}.fg-head .fg-score b{font-family:inherit;font-size:inherit;line-height:inherit;letter-spacing:0}.fg-head>.fg-score{grid-area:1/2/span 2;align-self:end;padding-bottom:3px;position:static}@container site (max-width:560px){.fg-head:has(.fg-score){grid-template-columns:minmax(0,1fr)}.fg-head>.fg-score{grid-area:auto/1;margin-top:6px}}.ty{flex-direction:column;gap:10px;display:flex}@container site (max-width:560px){.fg-score{left:12px}}.site{font-family:var(--body)}.site[data-font=figtree]{--display:var(--font-figtree), system-ui, sans-serif;--body:var(--font-figtree), system-ui, sans-serif;--dw:600;--dls:-.03em}.hero-cta .btn{color:var(--ink)}.hero-cta .btn-ink{color:var(--ground)}.chip-ic{display:inline-flex}.chip .ic-px,.chip .ic-mk{flex:none;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.hero-a[data-tools=mark] .ic-px,.hero-a[data-tools=px] .ic-mk{display:none!important}.chip .ic-mk svg,.chip .ic-mk img{image-rendering:auto;width:16px;height:16px;display:block}.mk-code{font:600 10.5px/1 var(--mono);letter-spacing:-.06em;color:var(--muted)}.co{color:var(--ink);white-space:nowrap;font-weight:500;text-decoration:none;position:relative}.co-float{aspect-ratio:16/9;pointer-events:none;z-index:30;opacity:0;transform-origin:0 0;background:var(--surface);width:min(340px,66%);box-shadow:0 0 0 1px var(--line), 0 30px 60px -28px #00000080;border-radius:12px;transition:opacity .22s,scale .45s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;left:0;overflow:hidden;scale:.92}.co-float.on{opacity:1;scale:1}.co-float img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .18s;position:absolute;inset:0}.co-float img.on{opacity:1}@media (hover:none){.co-float{display:none}}@media (prefers-reduced-motion:reduce){.co-float{transition:opacity .2s;scale:1}}.co-ic,.co-ar,.co-sel,.co-card{display:none}.co-ic svg{width:16px;height:16px;image-rendering:pixelated;color:var(--ink);display:block}.co-ic .ic-px,.co-ic .ic-mk{justify-content:center;align-items:center;min-width:16px;height:16px;display:inline-flex}.co-ic .ic-mk svg{image-rendering:auto;border-radius:4px;width:16px;height:16px}.co[data-co=ca] .co-ic .ic-mk svg{border-radius:0;width:auto;height:10px}.co-ic .ic-mk img{width:15px;height:15px;display:block}.co:focus-visible{outline:2px solid var(--sel);outline-offset:3px;border-radius:6px}.hero-a[data-co=inline] .co-ic{vertical-align:middle;margin-right:6px;display:inline-flex;position:relative;top:-1px}.hero-a[data-co=inline] .co{margin-left:1px}.hero-a[data-co=inline] .co-n{text-underline-offset:4px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px;transition:text-decoration-color .2s}.hero-a[data-co=inline] .co:hover .co-n,.hero-a[data-co=inline] .co:focus-visible .co-n{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.hero-a[data-co=inline] .co-ar{color:var(--muted);opacity:0;font-size:.75em;transition:opacity .2s;display:block;position:absolute;top:-.35em;left:calc(100% + 1px)}.hero-a[data-co=inline] .co:hover .co-ar,.hero-a[data-co=inline] .co:focus-visible .co-ar{opacity:1}.hero-a[data-co=card] .co-n{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted);transition:text-decoration-color .2s}.hero-a[data-co=card] .co:hover .co-n,.hero-a[data-co=card] .co:focus-visible .co-n{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.hero-a[data-co=card] .co-ar{color:var(--muted);margin-left:2px;font-size:.75em;display:inline}.hero-a[data-co=card] .co-card{z-index:6;border:1px solid var(--line);background:var(--surface);width:max-content;max-width:240px;box-shadow:var(--shadow);white-space:normal;opacity:0;pointer-events:none;border-radius:12px;flex-direction:column;gap:2px;padding:10px 12px;font-weight:400;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:calc(100% + 10px);left:-12px;transform:translateY(4px)}.co-card b{color:var(--ink);align-items:center;gap:7px;font-size:14px;font-weight:600;display:flex}.hero-a[data-co=card] .co-card .co-ic{display:inline-flex}.co-card span{color:var(--muted);font-size:13px}.co-card em{font:500 11px var(--mono);color:var(--muted);margin-top:4px;font-style:normal}.hero-a[data-co=card] .co:hover .co-card,.hero-a[data-co=card] .co:focus-visible .co-card{opacity:1;transform:none}.hero-a[data-co=select] .co{margin:0 4px;padding:0 3px;line-height:1.3;display:inline-block}.hero-a[data-co=select] .co-sel{border:1px solid var(--sel);pointer-events:none;opacity:0;transition:opacity .35s,transform .35s cubic-bezier(.2,.8,.2,1);display:block;position:absolute;inset:0;transform:scale(1.06)}.co-sel i{background:var(--surface);border:1px solid var(--sel);width:6px;height:6px;position:absolute}.co-sel i:first-child{top:-3.5px;left:-3.5px}.co-sel i:nth-child(2){top:-3.5px;right:-3.5px}.co-sel i:nth-child(3){bottom:-3.5px;left:-3.5px}.co-sel i:nth-child(4){bottom:-3.5px;right:-3.5px}.co-sel em{background:var(--sel);color:var(--on-sel);font:500 10.5px/1 var(--mono);white-space:nowrap;opacity:0;border-radius:4px;padding:3px 6px;font-style:normal;transition:opacity .2s,transform .2s;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%,3px)}.hero-a.co-on[data-co=select] .co-sel{opacity:1;transform:none}.hero-a[data-co=select] .co[data-co=adi] .co-sel{transition-delay:.25s}.hero-a[data-co=select] .co:hover .co-sel em,.hero-a[data-co=select] .co:focus-visible .co-sel em{opacity:1;transform:translate(-50%)}.cl-head{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:24px;display:grid}.cl-id{flex-direction:column;align-items:flex-start;gap:12px;min-width:0;display:flex}.cl-logo{border-radius:10px;width:auto;height:40px;display:block}.cl-logo.is-word{height:44px;box-shadow:0 0 0 1px var(--line);border-radius:10px}.cp .cl-head p{margin:0}.cl-meta{gap:24px;margin:0;display:flex}.cl-meta div{flex-direction:column;gap:3px;display:flex}.cl-meta dt{font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.cl-meta dd{white-space:nowrap;margin:0;font-size:14px}.cl-meta a{color:var(--ink);text-underline-offset:3px}.cl-feats{flex-direction:column;gap:8px;margin:18px 0 6px;display:flex}.cl-k{font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.cl-feats ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.cl-feats li{border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:5px 11px;font-size:13px}@container site (max-width:640px){.cl-head{grid-template-columns:minmax(0,1fr);gap:14px}.cl-meta{flex-wrap:wrap;gap:12px 20px}}main{flex-direction:column;gap:88px;padding-block:32px 140px;display:flex}.sec{flex-direction:column;gap:20px;display:flex}.sec-h{align-items:center;gap:12px;margin:0;display:flex}.sec-h span{font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:500}.sec-h:after{content:"";background:var(--line);flex:1;height:1px}.card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:22px;flex-direction:column;gap:8px;padding:8px;text-decoration:none;transition:transform .35s cubic-bezier(.2,.8,.2,1);display:flex}.card:hover{transform:translateY(-4px)}.card-cap{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 12px 6px;display:flex}.card-cap p{margin:0;font-size:15px}.card-cap b{font-weight:500}.card-cap .tagline{color:var(--muted)}.card-cap .meta{font-family:var(--mono);color:var(--muted);font-size:12px}.pv{aspect-ratio:16/10;background:var(--panel);border-radius:16px;max-width:100%;position:relative;overflow:hidden}.pv-move{will-change:transform;position:absolute;inset:0}.bar{background:var(--line);border-radius:3px;height:6px;display:block}.bar.ink{background:var(--ink);opacity:.65}.course{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:22px;flex-direction:column;gap:18px;padding:28px;display:flex}.course h3{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:26px;font-weight:600}.course p{color:var(--muted);margin:0}.tags{flex-wrap:wrap;gap:8px;display:flex}.tags span{background:var(--panel);font-family:var(--mono);color:var(--muted);border-radius:8px;padding:6px 10px;font-size:12px}.foot{border-top:1px solid var(--line);flex-direction:column;gap:26px;padding-top:32px;display:flex}.foot h2{font-family:var(--display);letter-spacing:-.035em;margin:0;font-size:clamp(34px,6cqi,56px);font-weight:600;line-height:1}.mail{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mail code{font-family:var(--mono);background:var(--surface);border:1px solid var(--line);-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;border-radius:12px;max-width:100%;padding:10px 14px;font-size:15px}.foot-meta{font-family:var(--mono);color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 22px;font-size:12px;display:flex}.loader{z-index:100;position:fixed;inset:0;overflow:hidden;container-type:size}.ld-bg{background:var(--ground);position:absolute;inset:0}.ld-cap{font-family:var(--mono);color:var(--muted);margin:0;font-size:13px}@keyframes cur{50%{opacity:0}}.ld-vx{display:block;position:absolute;top:0;left:0}.ld-vcap{left:0;right:0;bottom:calc(40px + env(safe-area-inset-bottom,0px));text-align:center;position:absolute}.ld-vcap b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:500}@media (prefers-reduced-motion:reduce){.wcaret.blink,.steam rect{animation:none}}.nf{min-height:100vh;max-width:calc(var(--col) + 48px);padding-block:48px;padding-left:max(24px, env(safe-area-inset-left,0px));padding-right:max(24px, env(safe-area-inset-right,0px));flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;margin-inline:auto;display:flex}.nf h1{font-family:var(--display);letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(34px,6vw,56px);font-weight:600;line-height:1.05}.nf p{color:var(--muted);margin:0}.nf .nf-code{font-family:var(--mono);letter-spacing:.08em;font-size:13px}.nf .btn{margin-top:12px}.at-case #loader{display:none}.navs{view-transition-name:navs}::view-transition-group(navs){animation:none}::view-transition-old(navs){display:none}::view-transition-new(navs){animation:none}::view-transition-old(root){animation:.2s cubic-bezier(.4,0,1,1) both vt-out}::view-transition-new(root){animation:.44s cubic-bezier(.2,.8,.2,1) 50ms both vt-in}@keyframes vt-out{to{opacity:0}}@keyframes vt-in{0%{opacity:0;transform:translateY(16px)}}.cv-file{max-width:100%}.cv-t{min-width:0}.cv-t em{white-space:nowrap}@container site (max-width:520px){.cv-in-chat .cv-dl{display:none}.cv-in-chat{padding-right:16px}}