:root{--bg:#050407;--bg-2:#0c0b10;--ink:#f2eff6;--ink-2:#a8a3b2;--ink-3:#6b6675;--line:#f2eff617;--line-2:#f2eff629;--accent:#9b6cff;--accent-ink:#c6aeff;--sans:"Outfit", ui-sans-serif, system-ui, sans-serif;--mono:"Azeret Mono", ui-monospace, monospace;--ease:cubic-bezier(.22, 1, .36, 1);--ease-io:cubic-bezier(.65, 0, .35, 1);--gutter:clamp(16px, 4.2vw, 64px);--max:1360px;--nav-h:72px}*,:before,:after{box-sizing:border-box}html{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:#2a2730 var(--bg)}body{background:var(--bg);font-family:var(--sans);margin:0;font-size:17px;font-weight:400;line-height:1.6;overflow-x:clip}::selection{background:var(--accent);color:#0b0614}a{color:inherit;text-decoration:none}img{max-width:none;display:block}input,button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}h1,h2,h3,p,dl,dd,figure,ol,ul{margin:0;padding:0}ul,ol{list-style:none}:focus-visible{outline:1px solid var(--accent);outline-offset:4px;border-radius:4px}.wrap{width:min(100% - var(--gutter) * 2, var(--max));margin-inline:auto}.light{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.light i{will-change:transform, opacity;border-radius:50%;position:absolute}.light-key{width:120vmax;height:120vmax;left:calc(var(--lx,78) * 1vw - 60vmax);top:calc(var(--ly,-18) * 1vh - 60vmax);opacity:var(--li,1);transition:left 1.6s var(--ease), top 1.6s var(--ease), opacity 1.6s var(--ease);animation:breathe 9s var(--ease-io) infinite alternate;background:radial-gradient(closest-side,#7b4cff57,#6e42f01f 45%,#0000 72%)}.light-fill{background:radial-gradient(closest-side,#5834c824,#0000 70%);width:90vmax;height:90vmax;bottom:-60vmax;left:-50vmax}@keyframes breathe{0%{transform:scale(1)}to{transform:scale(1.08)translate(-1.5%,1%)}}.field{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.field-top{z-index:40}.grain{z-index:60;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}main{z-index:1;position:relative}.eyebrow{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);font-size:11.5px}h1,h2,h3{letter-spacing:-.035em;text-wrap:balance;font-weight:500;line-height:.98}h2{margin-top:28px;font-size:clamp(2.5rem,6.4vw,6rem)}h1 b,h2 b,.phones-line b{font-weight:inherit;color:var(--accent)}.lede{max-width:34em;color:var(--ink-2);text-wrap:pretty;font-size:clamp(1rem,1.25vw,1.1875rem);line-height:1.6}.br-lg{display:none}@media (min-width:900px){.br-lg{display:inline}}.section-head{gap:0;padding-top:clamp(120px,18vh,220px);padding-bottom:clamp(56px,9vh,110px);display:grid}.section-head .lede{margin-top:32px}.nav{z-index:50;top:18px;left:var(--gutter);right:var(--gutter);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed}.nav>*{pointer-events:auto}.nav-brand,.nav-links{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px)saturate(1.4);background:#0e0d129e;border-radius:999px;height:48px;box-shadow:inset 0 1px #ffffff0d}.nav-brand{align-items:center;gap:12px;padding:0 18px 0 8px;display:flex}.nav-logo{background:var(--ink);width:32px;height:32px;color:var(--bg);transition:background-color .5s var(--ease), transform .6s var(--ease);border-radius:50%;place-items:center;display:grid}.nav-brand{transition:border-color .5s var(--ease)}.nav-brand:hover{border-color:#9b6cff73}.nav-brand:hover .nav-logo{background:var(--accent);transform:rotate(-8deg)scale(1.06)}.nav-logo svg{opacity:0;width:17px;height:auto}.nav-logo.docked svg{opacity:1}.nav-name{letter-spacing:-.01em;font-size:14px;font-weight:500}.nav-links{align-items:center;padding:0 6px;display:flex}.nav-links a{color:var(--ink-2);transition:color .4s var(--ease), background-color .4s var(--ease);border-radius:999px;padding:8px 14px;font-size:13.5px;position:relative}.nav-links a:hover,.nav-links a.on{color:var(--ink)}.nav-links a.on{background:#eeebf312}.nav{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transform:translateY(-12px)}.nav.in{opacity:1;transform:none}@media (max-width:640px){.nav{top:12px}.nav-name,.hide-sm{display:none}.nav-brand{padding:0 8px}.nav-links a{padding:8px 11px;font-size:13px}}.hero{min-height:100svh;padding:120px var(--gutter) 40px;text-align:center;place-items:center;display:grid;position:relative}.hero-mark{aspect-ratio:66/51;width:clamp(120px,15vw,210px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fly{z-index:55;color:var(--ink);opacity:0;transform-origin:0 0;will-change:transform;position:fixed}.fly svg{width:100%;height:auto;display:block}.hero-copy{justify-items:center;gap:34px;display:grid}.hero-title{letter-spacing:-.045em;font-size:clamp(2.6rem,7.4vw,7.4rem);line-height:.96}.hero-title .ln{margin-bottom:-.08em;padding-bottom:.08em;display:block;overflow:hidden}.hero-title .ln>span{display:inline-block}.hero-title .ln-sub{letter-spacing:-.03em;color:var(--ink-2);margin-top:.35em;font-size:.5em}.js .hero [data-rise]{opacity:0}.bezel{border:1px solid var(--line);background:linear-gradient(200deg,#9b6cff38,#ffffff0a 38%,#ffffff05);border-radius:22px;padding:6px;position:relative;box-shadow:0 50px 120px -40px #28126ea6,0 24px 60px -30px #000000e6,inset 0 1px #c6aeff2e}.tilt{transform:perspective(1400px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .9s var(--ease);will-change:transform}.tilt:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(600px circle at var(--mx,50%) var(--my,0%), #c6aeff1a, transparent 45%);opacity:var(--sheen,0);transition:opacity .6s var(--ease);position:absolute;inset:0}.bezel>.core{background:#0d0c11;border-radius:16px;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff12}.chrome{border-bottom:1px solid var(--line);background:#111015;align-items:center;gap:14px;height:38px;padding:0 14px;display:flex}.dots{gap:6px;display:flex}.dots i{background:#2b2931;border-radius:50%;width:9px;height:9px}.url{font-family:var(--mono);color:var(--ink-3);background:#ffffff0a;border-radius:999px;flex:0 auto;margin-inline:auto;padding:4px 14px;font-size:11.5px;translate:-24px}.work-pin{position:relative}.work-stage{height:100svh;width:min(100% - var(--gutter) * 2, var(--max));padding-top:var(--nav-h);grid-template-columns:minmax(0,.8fr) minmax(0,2fr);align-items:center;gap:clamp(24px,4vw,72px);margin-inline:auto;display:grid;position:relative}.work-meta{align-content:center;gap:18px;display:grid}.work-count{font-family:var(--mono);letter-spacing:.14em;color:var(--ink-3);font-size:12px}.work-count #work-index{color:var(--ink)}.work-count .sep{margin:0 8px}.work-name-wrap{padding-bottom:.1em;overflow:hidden}.work-name{letter-spacing:-.04em;font-size:clamp(2.2rem,3.8vw,3.9rem);line-height:1}.work-cat{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink);flex-wrap:wrap;gap:6px 14px;font-size:11.5px;display:flex}.work-cat span+span{color:var(--ink-2)}.work-sum{color:var(--ink-2);max-width:30em;min-height:5em;font-size:16px}.work-actions{align-items:center;gap:22px;display:flex}.work-live{color:var(--ink-2);transition:color .4s var(--ease);font-size:14px}.work-live:hover{color:var(--accent-ink)}.work-link{border:1px solid var(--line-2);transition:border-color .5s var(--ease), background-color .5s var(--ease);border-radius:999px;justify-self:start;align-items:center;gap:12px;padding:6px 6px 6px 18px;font-size:14px;display:inline-flex}.work-link .arr{width:30px;height:30px;transition:transform .5s var(--ease), background-color .5s var(--ease);background:#eeebf314;border-radius:50%;place-items:center;display:grid}.work-link:hover{border-color:#a688ff80}.work-link:hover .arr{background:var(--accent);color:#0b0614;transform:translate(2px,-2px)scale(1.06)}.work-link:active{transform:scale(.98)}.work-frames{height:min(72svh,640px);position:relative}.work-frames .browser{position:absolute;inset:0 9% 6% 0}.work-frames .browser>.core{flex-direction:column;display:flex}.viewport{background:#09080c;flex:1;position:relative;overflow:hidden}.viewport .shot{opacity:0;will-change:transform, opacity;width:100%;height:auto;position:absolute;top:0;left:0}.work-frames .phone{aspect-ratio:390/844;border-radius:34px;width:23%;padding:5px;position:absolute;bottom:0;right:0}.work-frames .phone>.core{border-radius:29px}.work-frames .phone .viewport{height:100%}.work-ticks{gap:6px;display:flex;position:absolute;bottom:28px;left:0}.work-ticks li{background:var(--line-2);border-radius:2px;width:22px;height:2px;overflow:hidden}.work-ticks li i{background:var(--ink);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.work-static{padding:40px var(--gutter);gap:12px;display:grid}@media (max-width:900px){.work-stage{padding-top:calc(var(--nav-h) + 8px);grid-template-rows:auto 1fr;grid-template-columns:1fr;align-items:start;gap:18px;padding-bottom:64px}.work-meta{gap:10px}.work-sum,.work-live{display:none}.work-link{padding:4px 4px 4px 14px;font-size:13px}.work-frames{height:100%;max-height:560px}.work-frames .browser{inset:0 22% 18% 0}.work-frames .phone{width:42%}.chrome{height:28px}.url{font-size:10px}}.langs{padding-top:clamp(140px,22vh,260px)}.langs-head{gap:28px;margin-bottom:clamp(48px,7vh,88px);display:grid}.langs-stage{max-width:min(1120px,167.442svh - 267.907px);margin-inline:auto;position:relative}.lang-toggle{border:1px solid var(--line);background:#0e0d12b3;border-radius:999px;margin:0 auto 22px;padding:4px;display:inline-flex;position:relative;left:50%;transform:translate(-50%)}.lang-toggle button{z-index:1;min-width:112px;color:var(--ink-2);transition:color .5s var(--ease);border-radius:999px;padding:10px 20px;font-size:14px;position:relative}.lang-toggle button[lang=ar]{font-family:"IBM Plex Sans Arabic", var(--sans)}.lang-toggle button.on{color:#0b0614}.lang-toggle .thumb{background:var(--ink);width:calc(50% - 4px);transition:transform .7s var(--ease);border-radius:999px;position:absolute;top:4px;bottom:4px;left:4px}.lang-toggle[data-lang=ar] .thumb{transform:translate(100%)}.langs-browser>.core{flex-direction:column;display:flex}.langs-view{aspect-ratio:1440/860}.lang-img{width:100%;height:auto;position:absolute;inset:0 0 auto}.lang-img.ar{clip-path:inset(0 0 0 100%)}.lang-edge{background:var(--accent);opacity:0;pointer-events:none;width:1px;margin-left:-1px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 24px 4px #a688ff8c}.langs-notes{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,64px);margin-top:clamp(48px,7vh,80px);padding-top:32px;display:grid}.langs-notes .n,.p-num span,.acc-btn .n{font-family:var(--mono);letter-spacing:.1em;color:var(--accent-ink);font-size:11.5px}.langs-notes li{transition:transform .6s var(--ease)}.langs-notes li:hover{transform:translateY(-4px)}.langs-notes li:hover h3{color:var(--accent-ink)}.p-specs div{transition:background-color .5s var(--ease)}.p-specs div:hover dd{color:var(--accent-ink)}.langs-notes h3{transition:color .5s var(--ease);letter-spacing:-.02em;margin:14px 0 10px;font-size:1.3rem;line-height:1.2}.langs-notes p{color:var(--ink-2);font-size:15.5px}@media (max-width:900px){.langs-head,.langs-notes{grid-template-columns:1fr}.lang-toggle button{min-width:96px}}.principles{padding-top:clamp(60px,10vh,120px)}.principle-list{width:min(100% - var(--gutter) * 2, var(--max));gap:clamp(96px,14vh,160px);margin-inline:auto;display:grid}.principle{grid-template-columns:minmax(0,1fr);gap:clamp(36px,5vh,56px);display:grid}.p-fig{min-width:0}.p-top{gap:0;max-width:46rem;display:grid}.p-top h3{margin-bottom:18px}.p-num{letter-spacing:-.01em;color:var(--accent);font-size:16px;font-weight:500}.principle h3{margin:22px 0;font-size:clamp(1.9rem,3vw,2.9rem);line-height:1.04}.p-body{color:var(--ink-2);text-wrap:pretty;max-width:33em;font-size:16.5px}.p-specs{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));display:grid}.p-specs div{align-content:start;gap:8px;padding:18px 20px 0 0;display:grid}.p-specs div+div{border-left:1px solid var(--line);padding-left:20px}.p-specs dt{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-size:11px}.p-specs dd{color:var(--ink);font-size:15px;line-height:1.4}@media (max-width:700px){.p-specs{grid-template-columns:1fr 1fr}.p-specs div,.p-specs div+div{border-left:0;border-bottom:1px solid var(--line);padding:14px 12px 14px 0}}.p-fig figcaption{color:var(--ink-3);margin-top:14px;font-size:14px}.crop{background:#fff;position:relative;overflow:hidden}.crop img{width:100%;height:100%;position:absolute;inset:0}.mk-box{outline:1px solid var(--accent);outline-offset:3px;background:#a688ff12;position:absolute}.mk-box .c{background:var(--bg);border:1px solid var(--accent);width:7px;height:7px;position:absolute}.mk-box .tl{top:-7px;left:-7px}.mk-box .tr{top:-7px;right:-7px}.mk-box .bl{bottom:-7px;left:-7px}.mk-box .br{bottom:-7px;right:-7px}.mk-label{white-space:nowrap;font-family:var(--mono);letter-spacing:.04em;background:var(--accent);color:#0b0614;border-radius:6px;padding:5px 9px;font-size:11px;font-weight:500;position:absolute}.mk-label.top{bottom:calc(100% + 14px);left:-4px}.mk-label.bottom{top:calc(100% + 14px);left:-4px}.mk-v{background:var(--accent);width:1px;position:absolute}.mk-v:before,.mk-v:after,.mk-h:before,.mk-h:after{content:"";background:var(--accent);position:absolute}.mk-v:before,.mk-v:after{width:11px;height:1px;left:-5px}.mk-v:before{top:0}.mk-v:after{bottom:0}.mk-label.side{top:50%;left:10px;transform:translateY(-50%)}.mk-h{background:var(--accent);height:1px;position:absolute}.mk-h:before,.mk-h:after{width:1px;height:11px;top:-5px}.mk-h:before{left:0}.mk-h:after{right:0}.mk-label.mid{top:50%;left:50%;transform:translate(-50%,-50%)}.pal{border:1px solid var(--line);border-radius:14px;height:64px;margin-top:14px;display:flex;overflow:hidden}.pal span{min-width:5px}.pal-key{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);flex-wrap:wrap;gap:8px 22px;margin-top:14px;font-size:11px;display:flex}.pal-key li{align-items:center;gap:8px;display:flex}.pal-key i{width:9px;height:9px;box-shadow:0 0 0 1px var(--line-2);border-radius:3px}.pal-key b{color:var(--ink);font-weight:500}@media (max-width:700px){.p-fig .core{scrollbar-width:none;overflow-x:auto}.p-fig .core::-webkit-scrollbar{display:none}.p-fig .crop{width:720px}.p-fig figcaption:after{content:"  ·  Swipe to inspect →";color:var(--ink-2)}}@media (max-width:900px){.p-top{grid-template-columns:1fr;gap:20px}.mk-label{padding:3px 6px;font-size:9.5px}}.phones{margin-top:clamp(140px,22vh,260px);position:relative}.phones-wall{height:130svh;margin-top:clamp(24px,4vh,48px);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 14% 82%,#0000);mask-image:linear-gradient(#0000,#000 14% 82%,#0000)}.phones-cols{justify-content:center;gap:clamp(14px,2vw,28px);display:flex;position:absolute;inset:-20% 0;transform:rotate(-8deg)scale(1.15);-webkit-mask-image:linear-gradient(#0000,#000 22% 78%,#0000);mask-image:linear-gradient(#0000,#000 22% 78%,#0000)}.phones-col{flex-direction:column;flex:none;gap:clamp(14px,2vw,28px);width:clamp(150px,17vw,250px);display:flex}.phones-col .ph{aspect-ratio:390/844;border:1px solid var(--line);background:#ffffff0f;border-radius:clamp(20px,2.2vw,32px);padding:4px}.phones-col .ph>div{border-radius:inherit;background:#111;height:100%;overflow:hidden}.phones-col img{object-fit:cover;object-position:top;width:100%;height:100%}.phones-caption{text-align:center;justify-items:center;display:grid}.phones-line{letter-spacing:-.035em;text-wrap:balance;max-width:17em;font-size:clamp(1.7rem,3.6vw,3.2rem);font-weight:500;line-height:1.05}.craft{padding-top:clamp(140px,22vh,260px)}.craft-head{margin-bottom:clamp(48px,8vh,96px)}.craft-head .lede{margin-top:32px}.craft-body{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:stretch;gap:clamp(32px,5vw,88px);display:grid}.craft-acc{border-top:1px solid var(--line)}.acc-item{border-bottom:1px solid var(--line)}.acc-btn{text-align:left;letter-spacing:-.025em;width:100%;color:var(--ink-2);transition:color .5s var(--ease);grid-template-columns:1fr 20px;align-items:center;padding:28px 0;font-size:clamp(1.35rem,2.2vw,1.9rem);font-weight:500;display:grid}.acc-item.open .acc-btn,.acc-btn:hover{color:var(--ink)}.pm{width:14px;height:14px;position:relative}.pm:before,.pm:after{content:"";width:14px;height:1px;transition:transform .6s var(--ease);background:currentColor;position:absolute;top:50%;left:0}.pm:after{transform:rotate(90deg)}.acc-item.open .pm:after{transform:rotate(0)}.acc-panel{transition:grid-template-rows .7s var(--ease);grid-template-rows:0fr;display:grid}.acc-panel>p{color:var(--ink-2);max-width:30em;overflow:hidden}.acc-item.open .acc-panel{grid-template-rows:1fr}.acc-item.open .acc-panel>p{padding-bottom:30px}.craft-stage{min-height:460px}.craft-stage>.core{background:radial-gradient(120% 90% at 50% 0,#15131b,#0b0a0f)}.demo{opacity:0;visibility:hidden;transition:opacity .6s var(--ease), visibility 0s .6s;position:absolute;inset:0}.demo.on{opacity:1;visibility:visible;transition:opacity .8s var(--ease) .15s, visibility 0s}.demo-tag{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-size:11px}.demo-tag b{color:var(--ink);margin-left:8px;font-weight:500}.demo-motion canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.demo-motion canvas.grabbing{cursor:grabbing}.demo-motion .demo-tag{position:absolute;top:20px;left:22px}.demo-type{grid-template-rows:1fr auto;padding:28px 30px;display:grid}.type-stack{align-content:center;gap:.3em;display:grid;overflow:hidden}.type-stack span{letter-spacing:-.03em;white-space:nowrap;transition:font-size .5s var(--ease);line-height:1.05;display:block}.type-stack span[data-step="0"]{color:var(--ink-2);letter-spacing:0}.type-ctl{gap:12px;display:grid}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:24px}input[type=range]::-webkit-slider-runnable-track{background:var(--line-2);height:1px}input[type=range]::-moz-range-track{background:var(--line-2);height:1px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);border-radius:50%;width:18px;height:18px;margin-top:-9px;box-shadow:0 0 0 6px #a688ff2e}input[type=range]::-moz-range-thumb{background:var(--ink);border:0;border-radius:50%;width:18px;height:18px}.demo-build{align-content:center;padding:30px;display:grid}.perf{background:var(--line);border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.perf div{background:#0d0c11;padding:22px 22px 20px}.perf dt{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-size:10.5px}.perf dd{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:10px;font-size:clamp(1.6rem,2.6vw,2.3rem);font-weight:500}.perf dd small{color:var(--ink-2);letter-spacing:0;margin-left:4px;font-size:.45em}@media (max-width:900px){.craft-body{grid-template-columns:1fr}.craft-stage{min-height:380px}}.end{min-height:100svh;padding:120px var(--gutter) 40px;align-content:center;place-items:center;gap:8px;margin-top:clamp(80px,14vh,160px);display:grid;position:relative}.end-stage{aspect-ratio:760/520;place-items:center;width:min(92vw,760px);display:grid;position:relative}.end-mark{aspect-ratio:66/51;width:42%}.end-3d{opacity:0;cursor:grab;touch-action:pan-y;width:100%;height:100%;transition:opacity 1.4s var(--ease);position:absolute;inset:0}.end-3d.on{opacity:1}.end-3d:active{cursor:grabbing}.end-hint{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);opacity:0;transition:opacity 1s var(--ease) .8s;font-size:11px}.end-hint.on{opacity:1}.end-line{text-align:center;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-size:11.5px;position:absolute;bottom:32px;left:0;right:0}.js [data-reveal]{opacity:0;filter:blur(6px);transition:opacity 1.1s var(--ease), transform 1.1s var(--ease), filter 1.1s var(--ease);transition-delay:var(--d,0s);transform:translateY(36px)}.js [data-reveal].in{opacity:1;filter:none;transform:none}@media (prefers-reduced-motion:reduce){.js [data-reveal]{opacity:1;filter:none;transition:none;transform:none}.light-key{animation:none}}.nav-cases{position:relative}.nav-cases-btn{align-items:center;gap:8px;display:inline-flex}.chev{width:7px;height:7px;transition:transform .5s var(--ease);border-bottom:1.5px solid;border-right:1.5px solid;transform:translateY(-2px)rotate(45deg)}.nav-menu{border:1px solid var(--line);-webkit-backdrop-filter:blur(22px)saturate(1.4);opacity:0;visibility:hidden;width:min(560px,100vw - 32px);transition:opacity .35s var(--ease), transform .5s var(--ease), visibility 0s .35s;background:#0e0d12eb;border-radius:22px;grid-template-columns:1fr 1fr;gap:4px;padding:8px;display:grid;position:absolute;top:calc(100% + 14px);right:-6px;transform:translateY(-8px);box-shadow:0 40px 100px -30px #000000e6,inset 0 1px #ffffff0d}.nav-menu:before{content:"";height:16px;position:absolute;top:-16px;left:0;right:0}.nav-cases:hover .nav-menu,.nav-cases:focus-within .nav-menu,.nav-cases.open .nav-menu{opacity:1;visibility:visible;transition:opacity .35s var(--ease), transform .5s var(--ease), visibility 0s;transform:none}.nav-cases:hover .chev,.nav-cases.open .chev{transform:translateY(1px)rotate(-135deg)}.nav-links .nav-menu a{color:var(--ink);border-radius:14px;grid-template-columns:64px 1fr;align-items:center;gap:12px;padding:8px;display:grid}.nav-menu a:hover,.nav-menu a.here{background:#9b6cff1a}.nav-menu img{object-fit:cover;object-position:top;border:1px solid var(--line);border-radius:7px;width:64px;height:40px}.nav-menu b{font-size:14px;font-weight:500;display:block}.nav-menu em{color:var(--ink-3);font-size:12px;font-style:normal}.nav-links .nav-menu a.all{color:var(--accent-ink);grid-column:1/-1;justify-content:center;gap:8px;padding:12px;font-size:14px;display:flex}@media (max-width:640px){.nav-menu{grid-template-columns:1fr;width:auto;max-height:calc(100svh - 90px);position:fixed;top:70px;left:12px;right:12px;overflow:auto}}.skels{padding-top:clamp(120px,18vh,220px)}.skel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(36px,4vw,64px) clamp(24px,3vw,48px);display:grid}.skel-card{gap:10px;display:grid}.skel-card .bezel>.core{flex-direction:column;display:flex}.skel-card .chrome{height:30px}.skel-view{aspect-ratio:1440/900;background:#0b0a0f;position:relative;overflow:hidden}.skel{fill:none;stroke:#c6aeffbf;stroke-width:1px;vector-effect:non-scaling-stroke;opacity:0;width:100%;height:100%;transition:opacity .8s var(--ease);position:absolute;inset:0}.skel path{vector-effect:non-scaling-stroke}.skel.on{opacity:1}.skel-view img{object-fit:cover;object-position:top;clip-path:inset(0 0 100%);width:100%;height:100%;transition:clip-path .9s var(--ease-io);position:absolute;inset:0}.skel-card:hover .skel-view img,.skel-card:focus-visible .skel-view img,.skel-card.show .skel-view img{clip-path:inset(0)}.skel-layout{letter-spacing:-.02em;margin-top:8px;font-size:clamp(1.25rem,1.8vw,1.6rem);font-weight:500}.skel-why{color:var(--ink-2);font-size:15.5px}.skel-name{color:var(--ink-3);transition:color .4s var(--ease);font-size:14px}.skel-card:hover .skel-name{color:var(--accent-ink)}@media (max-width:900px){.skel-grid{grid-template-columns:1fr}}.gallery-sec{padding-top:clamp(140px,20vh,240px)}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(40px,4.5vw,72px) clamp(24px,3vw,48px);display:grid}.g-card{gap:16px;display:grid}.g-card.wide{grid-column:1/-1}.g-view{aspect-ratio:1440/900;position:relative;overflow:hidden}.g-card.wide .g-view{aspect-ratio:1440/640}.g-view img{width:100%;height:auto;position:absolute;top:0;left:0}.g-first{transition:opacity .6s var(--ease), transform 1.2s var(--ease)}.g-full{opacity:0;transition:opacity .5s var(--ease);transform:translateY(0)}.g-card:hover .g-full[src]{opacity:1;transition:opacity .5s var(--ease), transform 9s cubic-bezier(.45, 0, .55, 1) .2s;transform:translateY(calc(100cqh - 100%))}.g-view{container-type:size}.g-card:hover .g-first{transform:scale(1.02)}.g-meta{grid-template-columns:1fr auto;align-items:baseline;gap:4px 16px;display:grid}.g-meta h3{letter-spacing:-.03em;font-size:clamp(1.4rem,2.2vw,2rem);line-height:1.1}.g-meta p{color:var(--ink-3);grid-row:2;font-size:14px}.g-go{border:1px solid var(--line-2);width:42px;height:42px;transition:transform .5s var(--ease), background-color .5s var(--ease), color .5s var(--ease);border-radius:50%;grid-area:1/2/3;align-self:center;place-items:center;display:grid}.g-card:hover .g-go{background:var(--accent);color:#0b0614;border-color:#0000;transform:translate(4px)}@media (max-width:900px){.gallery{grid-template-columns:1fr}.g-card.wide .g-view{aspect-ratio:1440/900}}.pr-stage{grid-template-columns:minmax(0,.32fr) minmax(0,1fr);gap:clamp(28px,4vw,72px);display:grid}.pr-pin.pinned .pr-stage{height:100svh;padding-top:calc(var(--nav-h) + 8px);align-items:center;padding-bottom:24px}.pr-tabs{align-content:center;gap:4px;display:grid}.pr-tabs button{text-align:left;letter-spacing:-.015em;width:100%;color:var(--ink-3);transition:color .5s var(--ease), background-color .5s var(--ease);border-radius:14px;grid-template-columns:34px 1fr;gap:6px 0;padding:14px 14px 12px;font-size:clamp(1.05rem,1.4vw,1.3rem);font-weight:500;display:grid}.pr-tabs button:hover{color:var(--ink-2)}.pr-tabs button.on{color:var(--ink);background:#9b6cff14}.pt-n{font-family:var(--mono);color:var(--ink-3);padding-top:.5em;font-size:11px}.pr-tabs button.on .pt-n{color:var(--accent-ink)}.pt-bar{background:var(--line);border-radius:2px;grid-column:2;height:2px;overflow:hidden}.pt-bar i{background:var(--accent);transform-origin:0;height:100%;transition:transform .6s var(--ease);display:block;transform:scaleX(0)}.pr-panels{display:grid;position:relative}.pr-pin.pinned .pr-panels{align-content:center;height:100%}.pr-pin.pinned .pr-panel{opacity:0;visibility:hidden;transition:opacity .6s var(--ease), transform .8s var(--ease), visibility 0s .6s;grid-area:1/1;align-self:center;transform:translateY(18px)}.pr-pin.pinned .pr-panel.on{opacity:1;visibility:visible;transition:opacity .7s var(--ease) 80ms, transform .9s var(--ease) 80ms, visibility 0s;transform:none}.pr-pin.pinned .pr-panel{gap:22px}.pr-pin.pinned .p-top{max-width:44rem}.pr-pin.pinned .principle h3{margin:12px 0;font-size:clamp(1.6rem,2.4vw,2.4rem)}.pr-pin.pinned .p-body{font-size:15.5px}.pr-pin.pinned .crop{max-height:44svh}.pr-pin.pinned .p-fig .bezel{max-width:calc(44svh * var(--ar,3))}.pr-pin.pinned .pal{height:40px}.pr-pin.pinned .p-specs div{padding-top:12px}@media (max-width:900px){.pr-stage{grid-template-columns:1fr}.pr-tabs{display:none}.pr-panels{gap:clamp(96px,14vh,140px)}}@media (max-width:700px){.phones-wall{height:110svh}.phones-cols{gap:14px;transform:rotate(-6deg)scale(1.08)}.phones-col{gap:14px;width:44vw}.phones-col:nth-child(n+3){display:none}.phones-line{padding-inline:4px;font-size:1.85rem}}.craft-pin{padding:2px 0}.ball-ui{justify-items:end;gap:8px;display:grid;position:absolute;top:16px;right:18px}.ball-hint{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-size:10.5px}.ball-launch{color:#0b0614;background:var(--ink);transition:background-color .4s var(--ease), transform .4s var(--ease);border-radius:999px;align-items:center;gap:10px;padding:10px 18px;font-size:14px;font-weight:500;display:inline-flex;box-shadow:0 10px 30px -10px #9b6cff99}.ball-launch:hover{background:var(--accent-ink);transform:translateY(-2px)}.ball-launch:active{transform:scale(.96)}@media (max-width:640px){.demo-motion .demo-tag{top:auto;bottom:14px;left:16px}.ball-ui{top:14px;right:14px}}.type-stack.dragging span{transition:none}.demo-build{grid-template-rows:1fr auto;gap:26px;padding:26px 28px;display:grid}.build-graph{grid-template-rows:auto 1fr;gap:12px;min-height:0;display:grid}#fps-canvas{width:100%;height:100%;min-height:140px;display:block}.build-weight{gap:12px;display:grid}.weight-bar{border-radius:8px;gap:2px;height:14px;display:flex;overflow:hidden}.weight-bar span{min-width:3px}.weight-key{color:var(--ink-2);flex-wrap:wrap;gap:8px 20px;font-size:13px;display:flex}.weight-key li{align-items:center;gap:8px;display:flex}.weight-key i{border-radius:3px;width:9px;height:9px}.weight-key b{color:var(--ink);font-weight:500}.end{min-height:auto;padding-bottom:40px}.end-cta{letter-spacing:-.015em;transition:background-color .5s var(--ease), border-color .5s var(--ease);background:#9b6cff14;border:1px solid #9b6cff66;border-radius:999px;align-items:center;gap:18px;margin-top:clamp(28px,5vh,56px);padding:10px 10px 10px 30px;font-size:clamp(1.1rem,1.6vw,1.45rem);font-weight:500;display:inline-flex}.end-cta-arr{background:var(--accent);color:#0b0614;width:52px;height:52px;transition:transform .6s var(--ease);border-radius:50%;place-items:center;display:grid}.end-cta:hover{background:#9b6cff29;border-color:#9b6cffb3}.end-cta:hover .end-cta-arr{transform:translate(4px)rotate(-8deg)}.end-strip{width:min(100% - var(--gutter) * 2, var(--max));grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;margin-top:clamp(56px,9vh,100px);display:grid}.end-strip a{color:var(--ink-3);transition:color .4s var(--ease);gap:10px;font-size:13px;display:grid}.end-strip b{font-weight:500}.es-img{aspect-ratio:16/10;border:1px solid var(--line);transition:transform .6s var(--ease), border-color .5s var(--ease);border-radius:12px;overflow:hidden}.es-img img{object-fit:cover;object-position:top;filter:grayscale(.6)brightness(.7);width:100%;height:100%;transition:filter .6s var(--ease)}.end-strip a:hover,.end-strip a.here{color:var(--ink)}.end-strip a:hover .es-img{border-color:#9b6cff80;transform:translateY(-6px)}.end-strip a:hover img,.end-strip a.here img{filter:none}.end .end-line{margin-top:56px;position:static}@media (max-width:900px){.end-strip{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:520px){.end-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}.gallery.reel{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;padding:10px 0 24px;display:block;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.gallery.reel.dragging{cursor:grabbing}.reel-track{will-change:transform;gap:clamp(20px,2.4vw,36px);width:max-content;display:flex}.reel .g-card{width:clamp(290px,40vw,640px);transition:transform .7s var(--ease);flex:none}.reel .g-card:hover{transform:translateY(-8px)}.reel.dragging .g-card,.reel.dragging .g-card:hover{transform:none}.reel.dragging .g-full{opacity:0!important}.reel img{-webkit-user-drag:none;pointer-events:none}.reel-hint{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-top:10px;font-size:11px}@media (max-width:700px){.reel .g-card{width:78vw}.reel-hint{display:none}}.craft.pinned{height:100svh;padding-top:calc(var(--nav-h) + clamp(16px, 4vh, 48px));grid-template-rows:auto 1fr;align-content:start;padding-bottom:clamp(16px,4vh,40px);display:grid}.craft.pinned .craft-head{margin-bottom:clamp(20px,4vh,48px)}.craft.pinned .craft-head h2{font-size:clamp(2.4rem,5vw,4.6rem)}.craft.pinned .craft-head .lede{margin-top:14px}.craft.pinned .craft-pin,.craft.pinned .craft-body{height:100%;min-height:0}.craft.pinned .craft-stage{align-self:center;height:100%;min-height:0;max-height:520px}