@font-face{font-family:Quicksand;src:url(/fonts/Quicksand-VF.ttf) format("truetype");font-weight:300 700;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-Bold.ttf) format("truetype");font-weight:700;font-display:swap}:root{--bg:#0b0b0f;--card:#111117;--well:#16161d;--tx:#eeeef3;--mut:#a5a5b3;--mut2:#6b6b77;--line:rgba(255,255,255,.08);--accent:#aeb0ff;--glow:#5c64ff;--green:#3cdc78;--amber:#ffbe32;--p1:#4f8cff;--p2:#ff9a3c;--p3:#a06bff;--p4:#2fc8b8;--p5:#ff5fa8;--p6:#3cdc78;--p7:#ffc93c;--p8:#ff5a5a;--container:1200px;--gutter:max(20px,4vw);--sans:"Quicksand",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--tx);font-family:var(--sans);font-weight:500;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit}img{max-width:100%;height:auto;display:block}figure,h1,h2,h3,p{margin:0}.mono{font-family:var(--mono);letter-spacing:.02em}.page{position:relative;overflow-x:clip}.page:before{content:"";position:absolute;inset:0 0 auto 0;height:1100px;pointer-events:none;background:radial-gradient(50% 60% at 50% 62%,rgba(92,100,255,.28),transparent 70%),radial-gradient(30% 40% at 22% 70%,rgba(255,95,168,.12),transparent 70%),radial-gradient(30% 40% at 80% 60%,rgba(47,200,184,.1),transparent 70%)}.page>*{position:relative}.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:17px;text-decoration:none}.mark{width:28px;height:28px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:3px;gap:3px}.mark i{background:var(--tx);opacity:.16;border-radius:3px;animation:padwave 5.6s ease-in-out infinite;animation-delay:calc(var(--i) * .18s)}.mark i:nth-child(5){opacity:.9;animation-name:padcore}@keyframes padwave{0%,to{opacity:.16}12%{opacity:.95}30%{opacity:.16}}@keyframes padcore{0%,to{opacity:.9}12%{opacity:1}40%{opacity:.75}}.nav{position:fixed;top:16px;left:0;right:0;z-index:30;pointer-events:none}.nav-in{max-width:calc(var(--container) + 2 * var(--gutter));margin:0 auto;padding:0 var(--gutter);justify-content:space-between;gap:16px}.chip,.nav-in{display:flex;align-items:center}.chip{border-radius:999px;background:rgba(17,17,23,.6);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:0 12px 32px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.05)}.chip,.nav .brand{pointer-events:auto;height:50px}.nav .brand{padding:0 4px}.links{gap:2px;padding:0 6px 0 8px;font-size:14px;font-weight:600;color:var(--mut)}.links a{text-decoration:none;padding:8px 14px;border-radius:99px;transition:background .2s,color .2s}.links a:hover{color:var(--tx);background:rgba(255,255,255,.07)}.links .gh{width:38px;height:38px;padding:0;margin-left:6px;display:grid;place-items:center;color:var(--tx);background:rgba(255,255,255,.08)}.links .gh:hover{background:rgba(255,255,255,.16)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 24px;border-radius:999px;font-weight:700;font-size:15px;text-decoration:none;border:1px solid var(--line);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.btn:hover{transform:translateY(-3px) scale(1.03)}.btn.small{padding:8px 16px;font-size:14px}.ext{opacity:.65;margin-left:-4px}footer a{display:inline-flex;align-items:center;gap:5px}.btn.primary{background:var(--tx);color:#0b0b0f;border-color:var(--tx)}.btn.primary.muted{background:transparent;color:var(--tx);border-color:var(--line)}.btn.ghost{background:rgba(255,255,255,.05)}.btn{transition:transform .35s cubic-bezier(.34,1.56,.64,1),background-color .25s,border-color .25s,color .25s}.btn svg{transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.btn.primary:hover{background:var(--accent);border-color:var(--accent)}.btn.primary:hover svg{transform:translateY(2px)}.btn.ghost:hover{background:rgba(174,176,255,.14);border-color:rgba(174,176,255,.5)}.btn.ghost:hover .ext{transform:translate(2px,-2px);opacity:1}.btn:focus-visible,.links a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.btn:active{transform:translateY(-1px) scale(.99)}section{padding:0 var(--gutter)}.hero{--dh:min(860px,92vw);position:relative;padding-top:196px;padding-bottom:40px}.hero.is-scroll{--dh:min(1100px,80vw);height:100vh;padding-bottom:0;perspective:1150px;perspective-origin:50% 35%}.hero.is-scroll .hero-copy{top:max(0px,calc(40vh - 339px))}.hero-copy{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:var(--container);margin:0 auto}.kicker{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 8px;border-radius:99px;background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--mut);font-size:13px;font-weight:600}.kicker .dots{display:grid;grid-template-columns:repeat(2,7px);grid-gap:2px;gap:2px}.kicker .dots i{width:7px;height:7px;border-radius:2px}.hero h1{font-size:clamp(36px,4.8vw,66px);line-height:1.06;letter-spacing:-.035em;font-weight:700;margin:26px 0 18px;max-width:16ch}@media (min-width:1100px){.hero h1{max-width:none}}.rainbow{background:linear-gradient(90deg,var(--p1),var(--p3) 30%,var(--p5) 55%,var(--p2) 80%,var(--p7));-webkit-background-clip:text;background-clip:text;color:transparent}.sub{color:var(--mut);font-size:clamp(16px,1.4vw,18px);max-width:560px}.cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px}.slot{position:relative;width:var(--dh);aspect-ratio:1520/1460;margin:20px auto 0}.layer{position:absolute;z-index:3}.layer .float,.tilt,.win{will-change:transform}.card{filter:drop-shadow(0 2px 3px rgba(0,0,0,.45)) drop-shadow(0 18px 28px rgba(0,0,0,.45)) drop-shadow(0 50px 70px rgba(0,0,0,.5))}.l-profile .card{filter:drop-shadow(0 2px 3px rgba(0,0,0,.4)) drop-shadow(0 22px 34px rgba(0,0,0,.45)) drop-shadow(0 60px 80px rgba(0,0,0,.5))}.card img{width:100%}.l-profile{width:236px;right:calc(100% - 100px);top:18%}.l-menu{width:190px;left:calc(100% - 80px);top:14%}.tilt{position:absolute;z-index:2}.tilt,.win{transform-style:preserve-3d}.win{position:relative;width:100%;aspect-ratio:1600/1000;border-radius:14px}.dev-fade,.win-device{transform-style:preserve-3d}.win-ui{inset:0;width:100%;height:100%;border-radius:14px;box-shadow:0 40px 120px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.08)}.win-device,.win-ui{position:absolute}.dev-fade .device-art,.dev-fade .device-lights,.dev-fade .device-pads{transition:opacity .5s}.dev-fade.off .device-art,.dev-fade.off .device-lights,.dev-fade.off .device-pads{opacity:0}.dev-fade.off .pads3d{visibility:hidden}.device{position:relative;width:100%}.front{position:absolute;inset:0}.body3d,.device.solid{transform-style:preserve-3d}.body3d{position:absolute;pointer-events:none}.body3d i{position:absolute;display:block}.side{-webkit-backface-visibility:hidden;backface-visibility:hidden}.s-bottom{top:100%;transform-origin:top;transform:rotateX(-90deg);background:linear-gradient(180deg,#8a8e94,#4a4d52 2.5%,#303236 12%,#222427 55%,#17181b)}.s-bottom,.s-top{left:0;width:100%;height:var(--t)}.s-top{bottom:100%;transform-origin:bottom;transform:rotateX(90deg);background:linear-gradient(0deg,#3a3d41,#1a1b1e)}.s-left{right:100%;transform-origin:right;transform:rotateY(-90deg);background:linear-gradient(270deg,#6f7378,#3a3d41 3%,#2a2c30 30%,#1c1d20)}.s-left,.s-right{top:0;width:var(--t);height:100%}.s-right{left:100%;transform-origin:left;transform:rotateY(90deg);background:linear-gradient(90deg,#5a5d62,#2a2c30 3%,#1b1c1f 35%,#111214)}.floor{inset:-4% -5% -9%;transform:translateZ(calc(var(--t) * -1 - 2px));background:radial-gradient(closest-side,rgba(0,0,0,.85),rgba(0,0,0,.45) 60%,rgba(0,0,0,0))}.knobs3d{inset:0;pointer-events:none}.knob3d,.knobs3d{position:absolute;transform-style:preserve-3d}.knob3d{aspect-ratio:1}.knob3d i{position:absolute;inset:0;border-radius:50%;transform:translateZ(calc(var(--kh) * var(--k)));background:linear-gradient(135deg,#2e3135,#17191c 45%,#08090a)}.knob3d i.cap{background:linear-gradient(150deg,#212428,#15171a);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}.pads3d{inset:0;pointer-events:none}.pad3d,.pads3d{position:absolute;transform-style:preserve-3d}.pw{position:absolute;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}.pw-b{top:100%;transform-origin:top;transform:rotateX(-90deg);background:linear-gradient(180deg,#8a8d94,#4a4d52 35%,#25272b)}.pw-b,.pw-t{left:0;width:100%;height:var(--pad-h)}.pw-t{bottom:100%;transform-origin:bottom;transform:rotateX(90deg);background:linear-gradient(0deg,#2a2c30,#131416)}.pw-l{right:100%;transform-origin:right;transform:rotateY(-90deg);background:linear-gradient(270deg,#3a3d42,#17181b)}.pw-l,.pw-r{top:0;width:var(--pad-h);height:100%}.pw-r{left:100%;transform-origin:left;transform:rotateY(90deg);background:linear-gradient(90deg,#2a2c30,#101113)}.device-pads.lift{transform:translateZ(var(--pad-h))}.shade{background:linear-gradient(180deg,rgba(4,4,6,.5),rgba(4,4,6,.72) 40%,rgba(4,4,6,.9))}.disp-glow,.shade{position:absolute;pointer-events:none}.disp-glow{background:radial-gradient(closest-side,rgba(150,200,255,.16),rgba(150,200,255,.05) 60%,transparent)}.sheen{position:absolute;pointer-events:none;border-radius:3px;background:linear-gradient(165deg,rgba(255,255,255,.1),rgba(255,255,255,.02) 35%,rgba(0,0,0,0) 55%,rgba(0,0,0,.28));box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}.device-art{-webkit-user-select:none;-moz-user-select:none;user-select:none}.device-art,.device-lights{width:100%;height:100%;-webkit-mask-image:linear-gradient(180deg,transparent,#000 15%);mask-image:linear-gradient(180deg,transparent,#000 15%)}.device-lights{position:absolute;inset:0;pointer-events:none}.dz-art .device-lights,.dz-art img+img{-webkit-mask-image:none;mask-image:none}.device-display,.device-pads{position:absolute;display:block}.device-display{object-fit:fill}.device-pads{cursor:pointer;touch-action:pan-y}.app-over{position:absolute;z-index:4;padding-left:56px;pointer-events:none}.app-grad{position:absolute;inset:0;border-radius:14px;background:linear-gradient(90deg,rgba(11,11,15,.97),rgba(11,11,15,.93) 32%,rgba(11,11,15,.65) 48%,rgba(11,11,15,0) 64%)}.app-text{position:relative;max-width:560px}.points{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-gap:14px;gap:14px}.points li{display:flex;gap:14px;align-items:flex-start;color:var(--mut);font-size:16px;line-height:1.45}.points li svg{flex:none;margin-top:1px;color:var(--accent);width:20px;height:20px;padding:7px;box-sizing:content-box;border-radius:10px;background:rgba(174,176,255,.1)}.points li span{padding-top:6px}.points b{color:var(--tx);font-weight:700}.app-text h2{max-width:14ch}.hero-dim{position:absolute;inset:0;z-index:8;background:#000;opacity:0;pointer-events:none}.after.is-over{position:relative;z-index:10;background:var(--bg);border-radius:32px 32px 0 0;border-top:1px solid var(--line);box-shadow:0 -40px 100px rgba(0,0,0,.6);padding-top:1px}.slot .rise .device{filter:drop-shadow(0 40px 50px rgba(0,0,0,.6))}.still-app .frame{margin-top:36px}.still-app .frame img{transform:none}.band{max-width:calc(var(--container) + 2 * var(--gutter));margin:0 auto;padding-top:90px;padding-bottom:90px}.tag{display:inline-block;color:var(--accent);font-size:13px;margin-bottom:14px;padding:4px 12px;border-radius:99px;background:rgba(174,176,255,.1)}.tag,h2{font-weight:700}h2{font-size:clamp(30px,4.4vw,56px);line-height:1.08;letter-spacing:-.035em;max-width:18ch}.lead{color:var(--mut);font-size:19px;max-width:56ch;margin-top:18px}.note{color:var(--mut);font-size:15px;max-width:70ch;margin-top:22px;padding:16px 18px;border:1px solid var(--line);border-radius:16px}.frame,.note{background:var(--card)}.frame{margin-top:44px;overflow:hidden;border-radius:24px;border:1px solid var(--line);box-shadow:0 40px 100px rgba(0,0,0,.5)}.frame img{transform:scale(1.1);width:100%}.pin{min-height:100vh;display:flex;align-items:center}.pin-inner{display:grid;grid-gap:28px;gap:28px;width:100%;max-width:var(--container);margin:0 auto}.pin-head{display:grid;grid-template-columns:1fr 1fr;grid-gap:56px;gap:56px;align-items:end}.dz{position:relative;width:100%;-webkit-mask-image:radial-gradient(ellipse 70% 80% at 50% 50%,#000 52%,transparent 100%);mask-image:radial-gradient(ellipse 70% 80% at 50% 50%,#000 52%,transparent 100%)}.dz-sharp,.dz-soft{position:absolute;inset:0;overflow:hidden}.dz-soft{filter:blur(9px)}.dz-sharp{-webkit-mask-image:radial-gradient(ellipse 56% 64% at 50% 52%,#000 58%,transparent 100%);mask-image:radial-gradient(ellipse 56% 64% at 50% 52%,#000 58%,transparent 100%)}.dz-art,.dz-art img{position:absolute}.dz-art img{inset:0;width:100%;height:100%}.dz-glow{mix-blend-mode:screen;transition:opacity .8s;pointer-events:none}.dz-glow,.dz-screen{position:absolute;opacity:0}.dz-screen{object-fit:fill;transition:opacity .6s}.dz-glow.on,.dz-screen.on{opacity:1}.caps{position:relative;margin-top:30px;display:grid}.cap{grid-area:1/1;padding-right:10px}.cap h3{display:flex;align-items:center;gap:12px;font-size:26px;margin-bottom:10px}.cap .num{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;color:#0b0b0f;font-size:14px;font-weight:700}.cap p{color:var(--mut);font-size:17px;max-width:44ch}.progress{margin-top:32px;height:6px;background:var(--line);border-radius:6px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--p1),var(--p5),var(--p2));transform:scaleX(0);transform-origin:left}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;margin-top:44px}.grid article{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:26px;transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.grid article:nth-child(odd):hover{transform:rotate(-1.6deg) translateY(-6px)}.grid article:nth-child(2n):hover{transform:rotate(1.6deg) translateY(-6px)}.grid h3{font-size:21px;margin:18px 0 8px}.grid p{color:var(--mut);font-size:15px}.mini{display:grid;grid-template-columns:repeat(3,12px);grid-gap:4px;gap:4px}.mini i{width:12px;height:12px;border-radius:3px;background:rgba(255,255,255,.08)}.mini i.on{background:var(--c)}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:24px;gap:24px;align-items:start}.shot{border-radius:20px;border:1px solid var(--line)}figcaption{color:var(--mut);font-size:14px;margin-top:12px}.installs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;margin-top:40px}.installs article{min-width:0;background:var(--card);border:1px solid var(--line);border-top:5px solid var(--c);border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:14px;align-items:flex-start}.installs h3{font-size:20px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.soon{font-style:normal;font-size:11px;color:var(--amber);border:1px solid rgba(255,190,50,.35);padding:2px 8px;border-radius:99px;font-weight:400}.installs p{color:var(--mut);font-size:14px}.cmd{display:flex;width:100%;gap:8px;align-items:stretch}.cmd code{flex:1 1;min-width:0;overflow-x:auto;white-space:nowrap;background:var(--well);border:1px solid var(--line);border-radius:12px;padding:11px 14px;font-family:var(--mono);font-size:13px}.cmd button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:0 14px;border-radius:12px;background:var(--tx);color:#0b0b0f;font-weight:700;font-size:13px}.cmd button:disabled{opacity:.35;cursor:not-allowed}.req{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-gap:8px;gap:8px;color:var(--mut);font-size:15px}.req li:before{content:"✓";color:var(--green);margin-right:10px}footer{max-width:var(--container);margin:40px auto 0;padding:40px 0 80px;border-top:1px solid var(--line);display:grid;grid-gap:12px;gap:12px;color:var(--mut);font-size:14px}footer .brand{color:var(--tx);margin-bottom:8px}footer .ver{color:var(--mut2);font-size:12px;font-weight:400}footer a:hover{color:var(--tx)}@media (max-width:899px){.links a:not(.gh){display:none}.links{padding:0 6px}.chip{height:46px}.hero{padding-top:130px}.slot{margin-top:48px}.l-profile{width:30%;right:auto;left:-3%;top:auto;bottom:-14%}.l-menu{width:27%;left:auto;right:-3%;top:auto;bottom:-18%}.pin{min-height:0;padding-top:40px;padding-bottom:40px}.pin-head{grid-template-columns:minmax(0,1fr);gap:22px}.caps{gap:22px}.cap{grid-area:auto}.progress{display:none}.grid,.installs,.two{grid-template-columns:minmax(0,1fr)}.band{padding-top:60px;padding-bottom:60px}footer{padding-left:var(--gutter);padding-right:var(--gutter)}}@media (prefers-reduced-motion:reduce){.mark i{animation:none;opacity:.5}html{scroll-behavior:auto}}