:root{--accent:#8b6cea;--gray:#4f4f4f;--ink:#212120;--f-body:"Space Grotesk", system-ui, sans-serif;--f-display:"Zalando Sans Expanded", "Space Grotesk", system-ui, sans-serif;--ease:cubic-bezier(.16, 1, .3, 1);--nav-h:72px;--gut:clamp(1.25rem, 4vw, 3rem);--radius:14px}:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#212120;--bg-2:#1a1a19;--surface:#282826;--surface-2:#2f2f2d;--fg:#f3f1ec;--muted:#a3a29d;--dim:#6d6c68;--line:#ffffff1a;--line-2:#ffffff2e;--accent-ink:#a690f3;--ok:#7ee2a8;--glow:#8b6cea59;--grain-op:.07}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f3ef;--bg-2:#eae8e2;--surface:#fff;--surface-2:#f0eee9;--fg:#212120;--muted:#4f4f4f;--dim:#8b8a85;--line:#2121201f;--line-2:#2121203d;--accent:#7b57e2;--accent-ink:#6a45d4;--ok:#17935a;--glow:#7b57e240;--grain-op:.05}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto;-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}body{font-family:var(--f-body);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font-size:1.0625rem;line-height:1.55;transition:background-color .4s,color .4s;overflow-x:hidden}body.is-loading{overflow:hidden}img,svg,canvas{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input,textarea{font:inherit;color:inherit}ul{list-style:none}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}svg .cls-1{fill:var(--fg);transition:fill .4s}svg .cls-2{fill:var(--accent)}[data-iso] svg,[data-logo] svg{width:100%;height:auto;overflow:visible}.wrap{width:min(1360px, 100% - var(--gut) * 2);margin-inline:auto}.accent{color:var(--accent)}.c-accent{color:var(--accent-ink)}.c-ok{color:var(--ok)}.ck{--ck:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.5 12.8l4.8 4.8L19.5 7' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");vertical-align:-.16em;width:1em;height:1em;-webkit-mask:var(--ck) center / contain no-repeat;-webkit-mask:var(--ck) center / contain no-repeat;mask:var(--ck) center / contain no-repeat;background:currentColor;display:inline-block}.ck--x{--ck:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6l12 12M18 6L6 18' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E")}.ck--heart{--ck:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E");vertical-align:-.12em;width:.95em;height:.95em}.c-muted{color:var(--muted)}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:2}.grain{z-index:90;pointer-events:none;opacity:var(--grain-op);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:1.2s steps(6,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-2%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}.progress{z-index:120;pointer-events:none;height:2px;position:fixed;top:0;left:0;right:0}.progress i{background:var(--accent);transform-origin:0;width:100%;height:100%;box-shadow:0 0 12px var(--accent);display:block;transform:scaleX(0)}.cursor{display:none}@media (hover:hover) and (pointer:fine){.cursor{z-index:200;pointer-events:none;display:block;position:fixed;inset:0}body.has-cursor,body.has-cursor a,body.has-cursor button,body.has-cursor label,body.has-cursor input,body.has-cursor textarea{cursor:none}.cursor__dot,.cursor__ring{will-change:transform;position:fixed;top:0;left:0}.cursor__dot{width:18px;height:18px;transition:opacity .2s, scale .3s var(--ease);margin:-9px 0 0 -9px}.cursor__dot svg .cls-2{fill:var(--accent)}.cursor__ring{border:1px solid var(--line-2);width:44px;height:44px;transition:width .35s var(--ease), height .35s var(--ease), margin .35s var(--ease), background .3s, border-color .3s;border-radius:50%;place-items:center;margin:-22px 0 0 -22px;display:grid}.cursor__label{letter-spacing:.1em;text-transform:uppercase;opacity:0;font-size:.65rem;transition:opacity .2s}body.cursor-hover .cursor__ring{background:color-mix(in srgb, var(--accent) 16%, transparent);border-color:var(--accent);width:76px;height:76px;margin:-38px 0 0 -38px}body.cursor-hover .cursor__dot{scale:.5}body.cursor-down .cursor__ring{width:30px;height:30px;margin:-15px 0 0 -15px}}#loader{z-index:300;background:var(--bg-2);color:var(--fg);place-items:center;display:grid;position:fixed;inset:0}.boot{width:min(960px,100% - 2rem)}#boot-log{font:500 .82rem/1.75 var(--f-body);color:var(--muted);white-space:pre-wrap;letter-spacing:.02em;min-height:11.5em}#boot-log .ok{color:var(--ok)}.boot__ascii{aspect-ratio:4;width:100%;height:auto;margin:1.4rem 0 1.6rem;display:block}.boot__logo{clip-path:inset(0 100% 0 0);width:min(340px,80%);margin:1.4rem 0 1.6rem}.boot__bar{background:var(--line);height:2px;overflow:hidden}.boot__bar i{background:var(--accent);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.boot__pct{color:var(--dim);text-align:right;font-variant-numeric:tabular-nums;margin-top:.6rem;font-size:.75rem}.nav{z-index:100;height:var(--nav-h);padding-inline:var(--gut);transition:background .4s, backdrop-filter .4s, border-color .4s, translate .5s var(--ease);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:fixed;inset:0 0 auto}.nav.is-stuck{background:color-mix(in srgb, var(--bg) 72%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);border-color:var(--line)}.nav.is-hidden{translate:0 -100%}.nav__logo{flex:none;width:168px;display:block}@media (width<=420px){.nav__logo{width:148px}}.nav__links{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 60%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;gap:.25rem;padding:.3rem;display:flex;position:relative}.nav__links a{z-index:1;color:var(--muted);border-radius:999px;align-items:baseline;gap:.5rem;padding:.5rem .9rem;font-size:.88rem;font-weight:500;transition:color .3s;display:flex;position:relative}.nav__links a i{color:var(--dim);font-variant-numeric:tabular-nums;font-size:.65rem;font-style:normal;transition:color .3s}.nav__links a:hover{color:var(--fg)}.nav__links a.is-active{color:#fff;background:var(--accent)}.nav__links a.is-active i{color:#ffffffb3}.nav__tools{align-items:center;gap:.5rem;display:flex}.kbd-btn,.theme-btn,.menu-btn{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 60%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;justify-content:center;align-items:center;gap:4px;height:40px;transition:border-color .3s,background .3s;display:inline-flex}.kbd-btn{padding-inline:.7rem}.theme-btn,.menu-btn{width:40px}.kbd-btn:hover,.theme-btn:hover{border-color:var(--accent)}kbd{font:600 .7rem var(--f-body);border:1px solid var(--line-2);color:var(--muted);border-radius:5px;padding:1px 6px}.theme-btn svg{transition:transform .6s var(--ease)}[data-theme=dark] .i-sun,[data-theme=light] .i-moon{display:none}.theme-btn:hover svg{transform:rotate(35deg)}.menu-btn{flex-direction:column;gap:5px;display:none}.menu-btn i{background:var(--fg);width:16px;height:1.6px;transition:transform .4s var(--ease)}body.menu-open .menu-btn i:first-child{transform:translateY(3.3px)rotate(45deg)}body.menu-open .menu-btn i:last-child{transform:translateY(-3.3px)rotate(-45deg)}@media (width<=1100px){.nav.is-stuck{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg)}.menu-btn{display:inline-flex}.kbd-btn{display:none}.nav__links{padding:2rem var(--gut);background:var(--bg);clip-path:circle(0% at calc(100% - 3rem) 2.5rem);transition:clip-path .7s var(--ease);pointer-events:none;border:0;border-radius:0;flex-direction:column;justify-content:center;gap:.4rem;position:fixed;inset:0}body.menu-open .nav__links{clip-path:circle(150% at calc(100% - 3rem) 2.5rem);pointer-events:auto}.nav__links a{font:700 clamp(2rem, 9vw, 3.2rem)/1.15 var(--f-display);color:var(--fg);padding:.4rem 0;background:0 0!important}.nav__links a.is-active{color:var(--accent)!important}.nav__links a i{color:var(--accent);font-size:.8rem}.nav__logo,.nav__tools{z-index:2;position:relative}}section{position:relative}.sec-head{align-items:center;gap:1rem;margin-bottom:clamp(2rem,5vw,4rem);display:flex}.sec-head__line{background:var(--line);flex:1;height:1px}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.6rem;font-size:.8rem;font-weight:500;display:inline-flex}.eyebrow [data-iso],.card__list [data-iso],.marquee [data-iso]{flex:none;width:14px}.h2{font:700 clamp(2.1rem, 5.2vw, 4.6rem)/1.05 var(--f-display);letter-spacing:-.035em}.mega{font:800 clamp(2.6rem, 8.5vw, 8.2rem)/.98 var(--f-display);letter-spacing:-.045em}.prompt{color:var(--muted);font-weight:500}.p-user{color:var(--accent-ink)}.p-at,.p-colon{color:var(--dim)}.p-host{color:var(--fg)}.p-path{color:var(--ok)}.p-dollar{color:var(--accent);margin-inline:.35em .1em;font-weight:700}.caret{background:var(--accent);vertical-align:-.16em;width:.55em;height:1.05em;margin-left:3px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.btn{border:1px solid var(--line-2);isolation:isolate;will-change:transform;border-radius:999px;align-items:center;gap:.7rem;padding:.95rem 1.5rem;font-size:.95rem;font-weight:600;transition:border-color .3s,color .3s,box-shadow .4s;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";z-index:-1;background:var(--fg);transition:transform .5s var(--ease);border-radius:inherit;position:absolute;inset:0;transform:translateY(101%)}.btn:hover:before{transform:translateY(0)}.btn:hover{color:var(--bg);border-color:var(--fg)}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 8px 40px -10px var(--glow)}.btn--primary:hover{box-shadow:0 10px 50px -8px var(--glow)}.btn svg{transition:transform .4s var(--ease)}.btn:hover svg{transform:translate(4px)}.js [data-reveal]{opacity:0;transform:translateY(40px)}.hero{min-height:100svh;padding:calc(var(--nav-h) + 2rem) 0 7rem;align-items:center;display:flex;overflow:hidden}#gl{z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero__grid{z-index:0;pointer-events:none;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.6;background-position:top;background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 65% 45%,#000 0%,#0000 75%);mask-image:radial-gradient(80% 70% at 65% 45%,#000 0%,#0000 75%)}.hero:after{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg, transparent 0 3px, color-mix(in srgb, var(--fg) 3.5%, transparent) 3px 4px);position:absolute;inset:0}.hero__inner{z-index:2;position:relative}.hero__prompt{min-height:1.6em;margin-bottom:1.6rem;font-size:clamp(.9rem,1.5vw,1.05rem)}.hero__title{font:800 clamp(2.5rem, 7.2vw, 7.4rem)/1 var(--f-display);letter-spacing:-.05em;max-width:14ch}.hero__title .line{margin-bottom:-.06em;padding:.04em .05em .1em 0;display:block;overflow:hidden}.hero__title .line>span{will-change:transform;display:inline-block}.hero__title .accent{text-shadow:0 0 60px var(--glow)}.hero__lead{max-width:52ch;color:var(--muted);margin:2rem 0 2.2rem;font-size:clamp(1rem,1.35vw,1.2rem)}.hero__lead strong{color:var(--fg);font-weight:600}.hero__cta{flex-wrap:wrap;gap:.8rem;display:flex}.hero__hud{z-index:2;color:var(--muted);letter-spacing:.04em;justify-content:space-between;align-items:center;gap:1rem;margin-inline:auto;font-size:.78rem;display:flex;position:absolute;bottom:1.6rem;left:0;right:0}.hud__item b{color:var(--fg);font-weight:500}.hud__item em{color:var(--dim);font-style:normal}.hud__scroll{text-transform:uppercase;letter-spacing:.16em;align-items:center;gap:.7rem;font-size:.68rem;display:flex}.hud__scroll i{background:linear-gradient(var(--accent), transparent);width:1px;height:34px;animation:scrollcue 2s var(--ease) infinite;transform-origin:top}@keyframes scrollcue{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.hud__right{font-variant-numeric:tabular-nums}@media (width<=800px){.hero{align-items:flex-end;padding-bottom:6.5rem}.hero__title{max-width:none;font-size:clamp(2.3rem,11vw,4rem)}.hud__scroll{display:none}.hud__item:first-child{max-width:60%}.hero__prompt{margin-bottom:1.1rem}.hero__lead{margin:1.3rem 0 1.5rem;font-size:.95rem}.hero__cta{gap:.6rem}.hero__cta .btn{padding:.8rem 1.1rem;font-size:.9rem}}.marquee{border-block:1px solid var(--line);background:var(--bg-2);z-index:3;padding:1.1rem 0;position:relative;overflow:hidden}.marquee__track{will-change:transform;align-items:center;gap:2.2rem;width:max-content;padding-right:2.2rem;display:flex}.marquee--big span{font:700 clamp(1.4rem, 3vw, 2.4rem)/1 var(--f-display);letter-spacing:-.03em;color:var(--bg-2);paint-order:stroke fill;stroke-linejoin:round;-webkit-text-stroke:2px var(--line-2);white-space:nowrap;transition:color .3s}.marquee--big span:hover{color:var(--accent);-webkit-text-stroke-color:var(--accent)}.marquee [data-iso]{width:20px}.marquee [data-iso] svg .cls-2{fill:var(--accent)}.about{padding:clamp(6rem,12vw,11rem) 0 clamp(5rem,9vw,8rem)}.statement{font:600 clamp(1.5rem, 3.6vw, 3.4rem)/1.2 var(--f-display);letter-spacing:-.035em;max-width:26ch;margin-bottom:clamp(3rem,7vw,6rem)}.statement .w{opacity:.14;display:inline-block}.about__grid{grid-template-columns:1.25fr 1fr;align-items:stretch;gap:clamp(1.5rem,4vw,4rem);display:grid}@media (width<=900px){.about__grid{grid-template-columns:1fr}}.term{border:1px solid var(--line-2);border-radius:var(--radius);background:color-mix(in srgb, var(--bg-2) 88%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 30px 80px -30px #00000080, 0 0 0 1px color-mix(in srgb, var(--accent) 6%, transparent);overflow:hidden}[data-theme=light] .term{background:var(--surface);box-shadow:0 30px 70px -35px #21212059}.term__bar{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 70%, transparent);align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.dots{gap:6px;display:flex}.dots i{background:var(--gray);border-radius:50%;width:11px;height:11px}.dots i:first-child{background:#ff6b6b}.dots i:nth-child(2){background:#f7c65c}.dots i:nth-child(3){background:#6fd98f}.term__title{text-align:center;color:var(--muted);letter-spacing:.03em;flex:1;font-size:.78rem}.term__tag{color:var(--dim);text-transform:uppercase;letter-spacing:.1em;font-size:.68rem}.term__body{gap:.5rem;padding:1.4rem 1.4rem 1.6rem;font-size:clamp(.88rem,1.2vw,1rem);display:grid}.term .tl.out{padding-left:1.2rem}.stats{background:var(--line);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.stats li{background:var(--bg);flex-direction:column;justify-content:space-between;gap:1.5rem;min-height:150px;padding:clamp(1.2rem,2.5vw,2rem);transition:background .4s;display:flex;position:relative}.stats li:hover{background:color-mix(in srgb, var(--accent) 10%, var(--bg))}.stat{font:800 clamp(2.4rem, 4.6vw, 4.2rem)/1 var(--f-display);letter-spacing:-.05em;font-variant-numeric:tabular-nums}.stats span{color:var(--muted);font-size:.85rem}.edge{grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(2rem,5vw,5rem);margin-top:clamp(4rem,8vw,7rem);display:grid}.edge__title{font:700 clamp(1.9rem, 4vw, 3.4rem)/1.05 var(--f-display);letter-spacing:-.045em;max-width:16ch;margin:1rem 0 1.2rem}.edge__lead{color:var(--muted);max-width:54ch;font-size:clamp(1rem,1.3vw,1.15rem)}.edge__list{gap:1.1rem;margin-top:1.8rem;display:grid}.edge__list li{align-items:flex-start;gap:.9rem;display:flex}.edge__list [data-iso]{flex:none;width:14px;margin-top:.4rem}.edge__list b{font:600 1.02rem var(--f-body);display:block}.edge__list span{color:var(--muted);font-size:.93rem}.brandboard{border:1px solid var(--line-2);background:color-mix(in srgb, var(--surface) 80%, transparent);border-radius:18px;gap:1.4rem;margin:0;padding:clamp(1.4rem,2.4vw,2rem);display:grid;position:relative;overflow:visible}.bb__mark{border-color:var(--accent);pointer-events:none;border-style:solid;border-width:0;width:18px;height:18px;position:absolute}.bb__mark--tl{border-top-width:2px;border-left-width:2px;top:-9px;left:-9px}.bb__mark--br{border-bottom-width:2px;border-right-width:2px;bottom:-9px;right:-9px}.bb__top{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);justify-content:space-between;font-size:.68rem;display:flex}.bb__specimen{align-items:center;gap:1.4rem;display:flex}.bb__aa{font:800 clamp(3.4rem, 7vw, 5.6rem)/.9 var(--f-display);letter-spacing:-.06em;color:var(--accent);text-shadow:0 0 50px var(--glow)}.bb__type{gap:.1rem;display:grid}.bb__type b{font:700 1rem var(--f-display);letter-spacing:-.03em}.bb__type b.bb__body{font:600 1rem var(--f-body);letter-spacing:0;margin-top:.6rem}.bb__type span{color:var(--muted);font-size:.78rem}.bb__swatches{grid-template-columns:repeat(3,1fr);gap:.7rem;display:grid}.bb__swatches>div{gap:.25rem;display:grid}.bb__swatches i{aspect-ratio:1/.8;background:var(--c);border:1px solid var(--line-2);transition:transform .5s var(--ease), box-shadow .5s;border-radius:12px;display:block}.bb__swatches>div:hover i{box-shadow:0 18px 40px -14px var(--c);transform:translateY(-6px)rotate(-2deg)}.bb__swatches b{font-size:.8rem;font-weight:600}.bb__swatches code{font:500 .7rem var(--f-body);letter-spacing:.06em;color:var(--muted)}.brandboard figcaption{color:var(--dim);border-top:1px dashed var(--line-2);padding-top:.9rem;font-size:.74rem}.bb__iso{opacity:.1;pointer-events:none;width:74px;position:absolute;top:2.8rem;right:1.4rem;transform:rotate(12deg)}@media (width<=900px){.edge{grid-template-columns:1fr}.edge__title{max-width:none}}.process{grid-template-columns:repeat(4,1fr);gap:clamp(1rem,2vw,2rem);margin-top:clamp(4rem,8vw,7rem);padding-top:2.6rem;display:grid;position:relative}.process__line{width:100%;height:4px;position:absolute;top:0;left:0;overflow:visible}.process__line line{stroke:var(--line-2);stroke-width:1px;vector-effect:non-scaling-stroke}.process__line .process__fill{stroke:var(--accent);stroke-width:2px;stroke-dasharray:1000;stroke-dashoffset:1000px;filter:drop-shadow(0 0 6px var(--accent))}.step{position:relative}.step:before{content:"";background:var(--bg);border:2px solid var(--accent);border-radius:50%;width:9px;height:9px;position:absolute;top:-2.6rem;left:0;transform:translateY(-3px)}.step__n{font:700 .8rem var(--f-display);color:var(--accent-ink)}.step h3{font:700 clamp(1.2rem, 2vw, 1.6rem)/1.2 var(--f-display);letter-spacing:-.03em;margin:.4rem 0 .7rem}.step code{font:500 .78rem var(--f-body);background:var(--surface);border:1px solid var(--line);color:var(--accent-ink);border-radius:6px;margin-bottom:.8rem;padding:.25rem .6rem;display:inline-block}.step p{color:var(--muted);max-width:30ch;font-size:.95rem}@media (width<=900px){.process{--p:0;grid-template-columns:1fr;gap:.9rem;margin-top:clamp(3rem,10vw,4.5rem);padding:0 0 0 2.5rem}.process__line{display:none}.process:before,.process:after{content:"";border-radius:2px;width:2px;position:absolute;top:1.5rem;bottom:1.5rem;left:.62rem}.process:before{background:var(--line-2)}.process:after{background:linear-gradient(var(--accent), color-mix(in srgb, var(--accent) 50%, transparent));box-shadow:0 0 12px var(--glow);transform:scaleY(var(--p));transform-origin:top}.step{border:1px solid var(--line-2);background:var(--surface);border-radius:16px;padding:1.3rem 1.2rem 1.4rem;transition:border-color .5s;overflow:hidden}.step:before{border:2px solid var(--line-2);background:var(--bg);z-index:1;width:14px;height:14px;transition:border-color .5s,background .5s,box-shadow .5s;top:1.6rem;left:calc(-1.9rem - 7px);transform:none}.step.is-on{border-color:color-mix(in srgb, var(--accent) 55%, var(--line-2))}.step.is-on:before{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb, var(--accent) 22%, transparent), 0 0 14px var(--glow)}.step__n{font:800 3.6rem/1 var(--f-display);letter-spacing:-.06em;color:var(--surface);paint-order:stroke fill;-webkit-text-stroke:2px var(--line-2);stroke-linejoin:round;pointer-events:none;transition:-webkit-text-stroke-color .5s;position:absolute;top:.55rem;right:.9rem}.step.is-on .step__n{-webkit-text-stroke-color:var(--accent)}.step h3{margin:0 0 .7rem;padding-right:4.5rem;font-size:1.35rem}.step code:before{content:"$ ";color:var(--accent)}.step p{max-width:none}}.services{background:var(--bg-2);border-block:1px solid var(--line)}.services__pin{min-height:100vh;padding:calc(var(--nav-h) + 1rem) 0 3rem;flex-direction:column;justify-content:center;gap:clamp(1.5rem,3vw,3rem);display:flex;overflow:hidden}.services__head .sec-head{margin-bottom:1.4rem}.services__progress{color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.05em;white-space:nowrap;font-size:.78rem}.services__progress b{color:var(--accent-ink);font-weight:600}.services__viewport{width:100%}.services__track{padding-inline:max(var(--gut), calc((100vw - 1360px) / 2));will-change:transform;gap:clamp(1rem,2vw,1.8rem);width:max-content;display:flex}.card{--mx:50%;--my:0%;border:1px solid var(--line-2);background:var(--surface);width:clamp(310px,30vw,430px);transform-style:preserve-3d;will-change:transform;border-radius:20px;flex-direction:column;flex:none;gap:1rem;padding:clamp(1.4rem,2vw,2rem);transition:border-color .4s,box-shadow .4s;display:flex;position:relative;overflow:hidden}.card:hover{border-color:var(--accent);box-shadow:0 30px 80px -30px var(--glow)}.card__glow,.logo-cell:before,.commit:before{content:"";pointer-events:none;opacity:0;background:radial-gradient(420px circle at var(--mx) var(--my), color-mix(in srgb, var(--accent) 22%, transparent), transparent 65%);transition:opacity .4s;position:absolute;inset:0}.card:hover .card__glow,.logo-cell:hover:before,.commit:hover:before{opacity:1}.card__top{justify-content:space-between;align-items:center;display:flex}.card__n{font:800 clamp(2.6rem, 4vw, 3.6rem)/1 var(--f-display);letter-spacing:-.06em;color:var(--surface);paint-order:stroke fill;stroke-linejoin:round;-webkit-text-stroke:2px var(--line-2);transition:-webkit-text-stroke-color .4s}.card:hover .card__n{-webkit-text-stroke-color:var(--accent)}.card__tag{text-transform:uppercase;letter-spacing:.14em;border:1px solid var(--line-2);color:var(--muted);border-radius:999px;padding:.28rem .7rem;font-size:.7rem}.card h3{font:700 clamp(1.4rem, 2.1vw, 1.9rem)/1.15 var(--f-display);letter-spacing:-.04em;margin-top:.4rem}.card__cmd{color:var(--accent-ink);background:color-mix(in srgb, var(--accent) 10%, transparent);border:1px dashed color-mix(in srgb, var(--accent) 40%, transparent);border-radius:8px;width:fit-content;max-width:100%;padding:.5rem .8rem;font-size:.82rem}.card__cmd .p-dollar{margin-left:0}.card__desc{color:var(--muted);font-size:.97rem}.card__list{gap:.55rem;margin-top:.2rem;display:grid}.card__list li{align-items:center;gap:.7rem;font-size:.93rem;display:flex}.card__stack{flex-wrap:wrap;gap:.4rem;margin-top:auto;padding-top:1rem;display:flex}.card__stack span{background:var(--surface-2);color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:.25rem .65rem;font-size:.72rem;font-weight:500}.card__mark{opacity:.05;width:190px;transition:transform .8s var(--ease), opacity .4s;pointer-events:none;position:absolute;bottom:-50px;right:-50px;transform:rotate(-12deg)}.card:hover .card__mark{opacity:.12;transform:rotate(0)scale(1.15)}.services__end{flex-direction:column;flex:none;justify-content:center;align-items:flex-start;gap:1.2rem;width:clamp(240px,24vw,340px);padding-inline:2rem 4vw;display:flex}.services__end-mark{width:70px}.services__end p{font:700 clamp(1.6rem, 2.6vw, 2.4rem)/1.1 var(--f-display);letter-spacing:-.04em}@media (width<=959px){.services__pin{gap:1.4rem;min-height:0;padding:clamp(5rem,12vw,7rem) 0 clamp(3rem,8vw,4.5rem);overflow:visible}.services__progress{display:none}.services__viewport{scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding-block:.4rem .8rem;overflow:auto hidden}.services__viewport::-webkit-scrollbar{display:none}.services__track{width:max-content;padding-inline:var(--gut);flex-direction:row;gap:.9rem}.card{scroll-snap-align:start;width:min(82vw,360px)}.services__end{display:none}.services__cta{margin-inline:var(--gut);border:1px dashed var(--line-2);border-radius:18px;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem .9rem .9rem 1.3rem;display:flex}.services__cta p{font:700 1.25rem/1.1 var(--f-display);letter-spacing:-.04em}.services__cta .btn{flex:none}}.services__cta{display:none}@media (width<=959px){.services__cta{display:flex}}.snap-dots{justify-content:center;align-items:center;gap:.4rem;margin-top:.4rem;display:flex}.snap-dots[hidden]{display:none}.snap-dots i{background:var(--line-2);width:6px;height:6px;transition:width .45s var(--ease), background .3s;cursor:pointer;border-radius:999px;position:relative}.snap-dots i:after{content:"";position:absolute;inset:-10px -4px}.snap-dots i.is-on{background:var(--accent);width:22px}.work{padding:clamp(6rem,12vw,11rem) 0 clamp(4rem,8vw,7rem)}.work .h2{max-width:18ch;margin-bottom:2rem}.work__cmd{padding-bottom:1rem;font-size:.95rem}.work__list{border-top:1px solid var(--line-2)}.proj{border-bottom:1px solid var(--line-2);isolation:isolate;transition:padding .5s var(--ease);grid-template-columns:3.5rem minmax(0,1.5fr) minmax(0,1.3fr) minmax(190px,250px) 28px;align-items:center;gap:1.5rem;padding:clamp(1.4rem,2.6vw,2.3rem) .5rem;display:grid;position:relative}.proj:before{content:"";z-index:-1;background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 12%, transparent), transparent 70%);opacity:0;border-radius:12px;transition:opacity .4s;position:absolute;inset:0 -1rem}.proj:hover:before{opacity:1}.proj:hover{padding-left:1.4rem}.proj__n{font:700 .85rem var(--f-display);color:var(--dim);transition:color .3s}.proj:hover .proj__n{color:var(--accent)}.proj__name{font:700 clamp(1.5rem, 3.6vw, 3.2rem)/1.05 var(--f-display);letter-spacing:-.045em}.proj__desc{color:var(--muted);max-width:40ch;font-size:.95rem}.proj__meta{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.tag{border:1px solid var(--line-2);color:var(--muted);white-space:nowrap;border-radius:999px;padding:.28rem .7rem;font-size:.72rem;font-weight:500;transition:border-color .3s,color .3s}.proj:hover .tag{border-color:var(--accent);color:var(--fg)}.proj__go{opacity:0;width:22px;transition:opacity .4s, transform .5s var(--ease);transform:translate(-12px)rotate(-30deg)}.proj:hover .proj__go{opacity:1;transform:none}.proj__media{display:none}.mock{border:1px solid var(--line-2);background:var(--surface);position:relative;overflow:hidden;box-shadow:0 40px 90px -30px #0000008c}.mock__screen{background:linear-gradient(155deg, var(--a), var(--b));color:#fff;flex-direction:column;justify-content:flex-end;gap:.5rem;padding:1.1rem;display:flex;position:absolute;inset:0;overflow:hidden}.mock__screen b{font:700 1.15rem/1.1 var(--f-display);letter-spacing:-.04em;position:relative}.mock__screen span{background:#ffffff47;border-radius:4px;height:7px;position:relative}.mock__screen span:nth-of-type(2){width:70%}.mock__screen span:nth-of-type(3){width:45%}.mock__screen>i{opacity:.18;width:70%;position:absolute;top:8%;right:-14%;transform:rotate(-14deg)}.mock__screen>i svg .cls-2{fill:#fff}.mock__screen img{object-fit:cover;object-position:top center;opacity:0;width:100%;height:100%;transition:opacity .6s var(--ease);display:block;position:absolute;inset:0}.mock__screen img.is-active,.mock__screen img:only-child{opacity:1}a.proj{color:inherit}a.proj:focus-visible{outline-offset:4px;border-radius:10px}.mock--app{background:#111;border-width:6px;border-color:#111;border-radius:34px;width:200px;height:400px}.mock--app .mock__screen{border-radius:0 0 24px 24px;top:26px}.mock--app .mock__notch{z-index:2;background:#111;border-radius:10px;width:58px;height:16px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.mock--web{border-radius:12px;width:380px;height:250px}.mock--web .mock__bar{background:var(--surface-2);border-bottom:1px solid var(--line);align-items:center;gap:5px;height:28px;padding:0 10px;display:flex}.mock--web .mock__bar i{background:var(--gray);border-radius:50%;width:8px;height:8px}.mock--web .mock__bar em{color:var(--muted);background:var(--bg);border-radius:6px;margin-left:8px;padding:2px 10px;font-size:.65rem;font-style:normal}.mock--web .mock__screen{top:28px}.mock--web .mock__screen b{font-size:1.5rem}.work__preview{z-index:140;pointer-events:none;opacity:0;visibility:hidden;will-change:transform;display:none;position:fixed;top:0;left:0}@media (hover:hover) and (pointer:fine){.work__preview{display:block}}@media (width<=900px),(hover:none){.proj{grid-template-columns:2.4rem 1fr 20px;row-gap:.7rem;padding-inline:0}.proj:hover{padding-left:0}.proj__n{grid-area:1/1;align-self:start;padding-top:.5rem}.proj__name{grid-area:1/2}.proj__go{opacity:.9;grid-area:1/3;align-self:start;width:18px;margin-top:.55rem;display:block;transform:none}.proj__desc{grid-area:2/2/auto/-1}.proj__meta{grid-area:3/2/auto/-1;justify-content:flex-start}.proj__media{display:none}.work__preview{display:none!important}}body.modal-open{overflow:hidden}.modal{z-index:150;place-items:center;padding:clamp(.6rem,3vw,2.5rem);display:grid;position:fixed;inset:0}.modal[hidden]{display:none}.modal__backdrop{background:color-mix(in srgb, var(--bg-2) 72%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);position:absolute;inset:0}.modal__win{background:var(--bg-2);flex-direction:column;width:min(1180px,100%);max-height:min(780px,100%);display:flex;position:relative;box-shadow:0 50px 140px -30px #000000b3}[data-theme=light] .modal__win{background:var(--surface)}.modal__win .term__bar{flex:none}.modal__x{color:var(--muted);border-radius:8px;align-items:center;gap:.5rem;padding:.2rem .4rem;font-size:.8rem;transition:color .3s;display:inline-flex}.modal__x:hover{color:var(--accent-ink)}.modal__body{overscroll-behavior:contain;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(1.5rem,3vw,3rem);min-height:0;padding:clamp(1.2rem,3vw,2.4rem);display:grid;overflow:auto}.modal__media{border:1px solid var(--line);background:radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--a,var(--accent)) 28%, transparent), transparent 70%), var(--bg);border-radius:16px;align-content:start;align-self:start;place-items:center;gap:1.2rem;padding:clamp(1rem,2.4vw,2rem);display:grid;position:sticky;top:0}.pm-thumbs{grid-template-columns:repeat(3,1fr);gap:.6rem;width:100%;display:grid}.modal__media[data-kind=app] .pm-thumbs{width:min(100%,360px)}.pm-thumb{text-align:left;border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 70%, transparent);transition:border-color .3s, background .3s, transform .4s var(--ease);border-radius:10px;gap:.4rem;padding:.35rem;display:grid;position:relative}.pm-thumb img{aspect-ratio:16/10;object-fit:cover;object-position:top;opacity:.6;border-radius:6px;width:100%;transition:opacity .3s}.modal__media[data-kind=app] .pm-thumb img{aspect-ratio:3/4}.pm-thumb span{color:var(--muted);padding:0 .15rem .1rem;font-size:.72rem;font-weight:500}.pm-thumb:hover{transform:translateY(-2px)}.pm-thumb:hover img,.pm-thumb.is-active img{opacity:1}.pm-thumb.is-active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.pm-thumb.is-active span{color:var(--fg)}.modal__media .mock--web{aspect-ratio:1400/875;width:100%;height:auto}.modal__media .mock--app{aspect-ratio:1/2;width:auto;height:min(48vh,430px)}.modal__media .mock__screen img{object-position:top center}.modal__info{flex-direction:column;gap:1rem;min-width:0;display:flex}.pm-count{letter-spacing:.14em;color:var(--dim);font-variant-numeric:tabular-nums;font-size:.78rem}.pm-title{font:700 clamp(1.8rem, 3.6vw, 3rem)/1.05 var(--f-display);letter-spacing:-.045em;margin-top:-.4rem}.pm-tags{flex-wrap:wrap;gap:.4rem;display:flex}.pm-tags .tag{border-color:var(--accent);color:var(--fg)}.pm-cmd{margin-top:.4rem;font-size:.9rem}.pm-cmd .p-dollar{margin-left:0}.pm-about{color:var(--muted);max-width:58ch}.pm-h{font:600 .72rem var(--f-body);text-transform:uppercase;letter-spacing:.16em;color:var(--dim);margin-top:.4rem}.pm-list{gap:.7rem;display:grid}.pm-list li{align-items:baseline;gap:.8rem;font-size:.95rem;display:flex}.pm-list [data-iso]{flex:none;width:12px;transform:translateY(1px)}.pm-facts{background:var(--line);border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:.4rem;display:grid;overflow:hidden}.pm-facts>div{background:var(--surface);min-width:0;padding:.8rem 1rem}[data-theme=light] .pm-facts>div{background:var(--bg)}.pm-facts dt{text-transform:uppercase;letter-spacing:.14em;color:var(--dim);margin-bottom:.2rem;font-size:.68rem}.pm-facts dd{overflow-wrap:anywhere;font-size:.88rem}.pm-facts a{color:var(--accent-ink);text-underline-offset:3px;text-decoration:underline}.pm-actions{z-index:2;background:linear-gradient(transparent, var(--bg-2) 22%);border-top:1px dashed var(--line-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:auto;padding:1.1rem 0 clamp(1.2rem,3vw,2.4rem);display:flex;position:sticky;bottom:calc(-1*clamp(1.2rem,3vw,2.4rem))}[data-theme=light] .pm-actions{background:linear-gradient(transparent, var(--surface) 22%)}.pm-nav{gap:.5rem;margin-left:auto;display:inline-flex}.pm-arrow{border:1px solid var(--line-2);border-radius:50%;place-items:center;width:46px;height:46px;transition:background .3s,border-color .3s,color .3s;display:grid}.pm-arrow:hover{background:var(--accent);border-color:var(--accent);color:#fff}@media (width<=900px){.modal{place-items:end center;padding:0}.modal__win{border-bottom:0;border-radius:20px 20px 0 0;max-height:94svh}.modal__body{grid-template-columns:1fr}.modal__media{position:static}.modal__media .mock--app{height:min(46vh,380px)}.pm-facts{grid-template-columns:1fr}}.clients{padding:clamp(6rem,12vw,11rem) 0}.clients .h2{max-width:20ch;margin-bottom:clamp(2.5rem,6vw,5rem)}.rail{border-block:1px solid var(--line);background:var(--line);margin-inline:calc(var(--gut) * -1);gap:1px;display:grid;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.rail__row{background:var(--bg);overflow:hidden}.rail__track{will-change:transform;width:max-content;display:flex}.rail__item{border-right:1px solid var(--line);place-items:center;min-width:clamp(190px,22vw,300px);padding:clamp(1.6rem,3.5vw,2.6rem) 1.5rem;transition:background .4s;display:grid}.rail__item:hover{background:color-mix(in srgb, var(--accent) 9%, transparent)}.rail.is-static{margin-inline:0;-webkit-mask-image:none;mask-image:none}.rail.is-static .rail__track{flex-wrap:wrap;width:auto}.client{--k:1;width:calc(var(--w) * 1px * var(--k));color:var(--dim);transition:color .4s, transform .5s var(--ease);display:block}.client svg{width:100%;height:auto;display:block;overflow:visible}.client .lg-base,.client .lg-acc{fill:currentColor;transition:fill .4s}.client .lg-dim{fill:currentColor;opacity:.6}.rail__item:hover .client{color:var(--fg);transform:scale(1.07)}@media (width<=700px){.client{--k:.74}}.gitlog{margin-top:clamp(3rem,7vw,6rem)}.gitlog__cmd{margin-bottom:1.2rem;font-size:.95rem}.gitlog__track{grid-template-columns:repeat(3,1fr);gap:1.2rem;display:grid}.commit{--mx:50%;--my:0%;border:1px solid var(--line-2);border-radius:var(--radius);background:var(--surface);will-change:transform;flex-direction:column;gap:1.1rem;padding:1.6rem;transition:border-color .4s;display:flex;position:relative;overflow:hidden}.commit:hover{border-color:var(--accent)}.commit__meta{justify-content:space-between;gap:1rem;font-size:.78rem;display:flex}.hash{color:#f7c65c;letter-spacing:.04em;font-weight:600}[data-theme=light] .hash{color:#b4811a}.ref{color:var(--ok)}.commit blockquote{flex:1;font-size:1.05rem;line-height:1.5}.commit footer{color:var(--muted);border-top:1px dashed var(--line-2);padding-top:1rem;font-size:.85rem}.commit footer b{color:var(--fg);font-weight:600}@media (width<=900px){.gitlog__track{scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);margin-inline:calc(var(--gut) * -1);padding:.3rem var(--gut) .6rem;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;gap:.9rem;display:flex;overflow-x:auto}.gitlog__track::-webkit-scrollbar{display:none}.commit{scroll-snap-align:start;flex:0 0 min(84vw,380px)}}.contact{background:var(--bg-2);border-top:1px solid var(--line);padding:clamp(6rem,12vw,10rem) 0 clamp(5rem,10vw,8rem);overflow:hidden}#glyphs{z-index:0;pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 40%,#0000 100%);mask-image:linear-gradient(#000 40%,#0000 100%)}.contact__inner{z-index:1;position:relative}.contact .mega{margin-bottom:clamp(3rem,7vw,5.5rem)}.contact__grid{grid-template-columns:.8fr 1.2fr;align-items:start;gap:clamp(2rem,5vw,5rem);display:grid}.contact__info p{color:var(--muted);max-width:36ch;margin-bottom:2rem;font-size:clamp(1.05rem,1.5vw,1.3rem)}.contact__links li{border-top:1px solid var(--line);align-items:baseline;gap:1.2rem;padding:.9rem 0;display:flex}.contact__links li:last-child{border-bottom:1px solid var(--line)}.contact__links span{text-transform:uppercase;letter-spacing:.14em;width:5.5rem;color:var(--dim);font-size:.75rem}.contact__links a{font-weight:500;transition:color .3s;position:relative}.contact__links a:hover{color:var(--accent-ink)}@media (width<=960px){.contact__grid{grid-template-columns:1fr}}.term--form .term__body{gap:1rem}.field{border-bottom:1px solid var(--line);align-items:baseline;gap:.9rem;padding-bottom:.55rem;transition:border-color .3s;display:flex}.field:focus-within{border-color:var(--accent)}.field__p{color:var(--accent-ink);white-space:pre;font-size:.9rem;font-weight:500}.field input,.field textarea{resize:none;caret-color:var(--accent);background:0 0;border:0;outline:0;flex:1;min-width:0}.field input::placeholder,.field textarea::placeholder{color:var(--dim)}.field--area{align-items:flex-start}.chips{border:0;flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.chips legend{float:left;margin-right:.9rem;padding:0;line-height:2}.chips label{cursor:pointer}.chips input{opacity:0;pointer-events:none;position:absolute}.chips span{border:1px solid var(--line-2);color:var(--muted);border-radius:999px;padding:.3rem .8rem;font-size:.82rem;transition:all .3s;display:inline-block}.chips label:hover span{border-color:var(--accent);color:var(--fg)}.chips input:checked+span{background:var(--accent);border-color:var(--accent);color:#fff}.chips input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.form__row{margin-top:.4rem}.form__out{font:500 .82rem/1.7 var(--f-body);color:var(--muted);white-space:pre-wrap;min-height:0}.form__out .ok{color:var(--ok)}.form__out .err{color:#ff7a7a}.field.is-invalid{border-color:#ff7a7a}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.form__out a{color:inherit;text-underline-offset:3px;text-decoration:underline}.btn:disabled{opacity:.6;pointer-events:none}.footer{border-top:1px solid var(--line);background:var(--bg);padding:2.5rem 0}.footer__inner{grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem 3rem;display:grid}.footer__brand{width:150px}.footer__nav{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:1.6rem;font-size:.88rem;display:flex}.footer__nav a:hover{color:var(--accent-ink)}.footer__copy{color:var(--dim);grid-column:1/3;font-size:.8rem}.to-top{border:1px solid var(--line-2);border-radius:999px;grid-area:1/3/3;padding:.7rem 1.2rem;font-size:.85rem;font-weight:500;transition:all .3s}.to-top:hover{background:var(--accent);border-color:var(--accent);color:#fff}@media (width<=760px){.footer__inner{grid-template-columns:1fr;justify-items:start}.footer__nav{justify-content:flex-start}.footer__copy,.to-top{grid-area:auto}}.palette{z-index:250;justify-content:center;align-items:flex-start;padding-top:14vh;display:flex;position:fixed;inset:0}.palette[hidden]{display:none}.palette__backdrop{background:color-mix(in srgb, var(--bg) 60%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:absolute;inset:0}.palette__box{border:1px solid var(--line-2);background:var(--surface);border-radius:16px;width:min(600px,100% - 2rem);position:relative;overflow:hidden;box-shadow:0 40px 120px -20px #0009}.palette__input{border-bottom:1px solid var(--line);align-items:center;gap:.6rem;padding:1rem 1.2rem;display:flex}.palette__input input{caret-color:var(--accent);background:0 0;border:0;outline:0;flex:1;font-size:1.05rem}#palette-list{max-height:50vh;padding:.5rem;overflow:auto}#palette-list li{cursor:pointer;border-radius:10px;justify-content:space-between;gap:1rem;padding:.7rem .9rem;font-size:.95rem;display:flex}#palette-list li small{color:var(--dim);align-self:center;font-size:.75rem}#palette-list li.is-sel{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--fg)}#palette-list li.is-sel:before{content:"›";color:var(--accent);margin-left:-.2rem;margin-right:.6rem;font-weight:700}@media (prefers-reduced-motion:reduce){.grain{animation:none}.js [data-reveal]{opacity:1;transform:none}.statement .w{opacity:1}}