@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.3gpqod6e6kd7d.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1ay-qk1u8nydy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.3gpqod6e6kd7d.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1ay-qk1u8nydy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.3gpqod6e6kd7d.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1ay-qk1u8nydy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.3gpqod6e6kd7d.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1ay-qk1u8nydy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.3gpqod6e6kd7d.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1ay-qk1u8nydy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.3gpqod6e6kd7d.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1ay-qk1u8nydy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_3e72e36d-module__2luixG__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_3e72e36d-module__2luixG__variable{--font-outfit:"Outfit", "Outfit Fallback"}
:root{--black:#000;--surface:#0e0a0a;--white:#fff;--muted:#b3acab;--dim:#8f8786;--line:#ffffff24;--orange:#f3703a;--red:#ee3338;--brand:linear-gradient(120deg,#f3703a,#ee3338);--font:var(--font-outfit),"Avenir Next","Segoe UI",system-ui,sans-serif;--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--black);color:var(--white);font-family:var(--font);margin:0;font-size:18px;line-height:1.55;overflow-x:hidden}img{max-width:100%;display:block}a{color:var(--white)}a:hover{color:var(--orange)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--orange);outline-offset:3px}h1,h2,h3,p{margin:0}::selection{background:var(--orange);color:#000}.wrap{max-width:var(--max);margin:0 auto;padding-left:32px;padding-right:32px}.muted{color:var(--muted);font-weight:300}.h2{letter-spacing:-.035em;font-size:clamp(2.4rem,4vw,3.6rem);font-weight:700;line-height:1}.section{padding-top:96px;padding-bottom:96px}.btn{background:var(--brand);color:#000;min-height:56px;font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 30px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn:hover{color:#000;transform:translateY(-2px);box-shadow:0 16px 40px -12px #ee3338b3}.btn--sm{min-height:46px;padding:0 22px}.btn--ghost{color:var(--white);background:0 0;border:1px solid #ffffff59}.btn--ghost:hover{color:var(--white);box-shadow:none}.logo{color:var(--white);letter-spacing:-.02em;align-items:center;gap:12px;font-weight:600;text-decoration:none;display:inline-flex}.logo:hover{color:var(--white)}.logo svg{width:auto;height:36px}.logo span{font-size:24px}.logo--lg svg{height:64px}.logo--lg span{letter-spacing:-.035em;font-size:44px;font-weight:700}.nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-top:28px;padding-bottom:28px;display:flex}.nav__links{flex-wrap:wrap;align-items:center;gap:28px;display:flex}.nav__links a:not(.btn){font-weight:500;text-decoration:none}.hero{grid-template-columns:repeat(auto-fit,minmax(min(500px,100%),1fr));align-items:center;gap:40px;min-height:740px;padding-top:32px;padding-bottom:104px;display:grid}.hero__copy{flex-direction:column;gap:32px;display:flex}.hero h1{letter-spacing:-.04em;text-wrap:balance;font-size:clamp(3.2rem,6.4vw,6.3rem);font-weight:700;line-height:.95;animation:.9s cubic-bezier(.2,.7,.2,1) both rise}.hero p{max-width:34rem;font-size:20px;animation:.9s cubic-bezier(.2,.7,.2,1) .12s both rise}.hero__actions{flex-wrap:wrap;align-items:center;gap:28px;animation:.9s cubic-bezier(.2,.7,.2,1) .24s both rise;display:flex}.hero__actions a:not(.btn){text-underline-offset:6px;font-weight:500}.scene{perspective:1300px;justify-content:center;align-items:center;display:flex;position:relative}.p3d{transform-style:preserve-3d}.glow{pointer-events:none;border-radius:50%;position:absolute}.tiltable{transition:transform .35s ease-out}.mark-scene{height:600px}.mark-glow{background:radial-gradient(circle,#ee33386b 0%,#f3703a1f 40%,#0000 68%);width:520px;height:520px;animation:4s ease-in-out infinite alternate glow}.mark-floor{filter:blur(8px);background:radial-gradient(#ee333873,#0000 70%);border-radius:50%;width:320px;height:40px;position:absolute;bottom:52px}.mark-in{animation:1.5s cubic-bezier(.16,.8,.2,1) .15s both materialize}.mark{width:300px;height:330px;animation:7s ease-in-out infinite alternate swing;position:relative}.mark svg{width:100%;height:100%;position:absolute;inset:0}.ring{border-radius:50%;position:absolute;top:50%;left:50%}.ring--a{border:1.5px dashed #f3703a8c;width:480px;height:480px;animation:22s linear infinite spin}.ring--b{border:1px solid #ee333859;width:400px;height:400px;animation:30s linear infinite spinrev}.split{flex-wrap:wrap;gap:48px 64px;display:flex}.split__aside{flex-direction:column;flex:320px;gap:18px;display:flex}.split__main{flex:999 560px;min-width:0}.rows{border-top:1.5px solid var(--white);flex-direction:column;display:flex}.row{border-bottom:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:8px 32px;padding:30px 12px;transition:background-color .25s;display:grid}.row:hover{background:#ffffff09}.row__title{align-items:center;gap:16px;display:flex}.row__title svg{flex-shrink:0}.row h3{letter-spacing:-.02em;font-size:26px;font-weight:600}.work__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:48px;display:flex}.work__head p{max-width:26rem}.work{flex-wrap:wrap;align-items:stretch;gap:32px;display:flex}.work__list{flex-direction:column;flex:300px;gap:6px;margin:0;padding:0;list-style:none;display:flex}.work__item{width:100%;min-height:76px;color:var(--dim);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;transition:background-color .2s,color .2s;display:flex}.work__item:hover{color:var(--white)}.work__item .name{letter-spacing:-.015em;font-size:22px;font-weight:600}.work__item .cat{white-space:nowrap;font-size:14px;font-weight:500}.work__item[aria-pressed=true]{color:var(--white);background:#ffffff0f;border-color:#f3703a99}.work__item[aria-pressed=true] .cat{color:var(--orange)}.work__stage{background:radial-gradient(circle at 60% 40%,#ee333838,#0000 60%),#0b0808;border:1px solid #ffffff1a;border-radius:28px;flex-direction:column;flex:999 560px;min-width:0;display:flex;overflow:hidden}.stage-scene{perspective:1400px;height:480px}.device{animation:.8s cubic-bezier(.16,.8,.2,1) both pop}.floaty{animation:5s ease-in-out infinite alternate float}.work__caption{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;padding:28px 32px 32px;display:flex}.work__caption>div{flex-direction:column;gap:10px;max-width:34rem;display:flex}.work__caption .cat{color:var(--orange);font-size:15px;font-weight:500}.work__caption h3{letter-spacing:-.025em;font-size:30px;font-weight:700}.work__caption .tags{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.tag{color:var(--muted);border:1px solid #fff3;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:500}.fade{animation:.5s both fade}.more{margin-top:96px}.more__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px;display:flex}.more__head h3{letter-spacing:-.03em;font-size:clamp(2rem,3vw,2.8rem);font-weight:700;line-height:1}.grid{grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:16px;display:grid}.card{background:var(--surface);color:var(--white);border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;gap:10px;padding:26px;text-decoration:none;transition:border-color .25s,transform .25s;display:flex}a.card:hover{color:var(--white);border-color:#f3703a99;transform:translateY(-3px)}.card .cat{color:var(--orange);font-size:14px;font-weight:500}.card h4{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:600}.card p{color:var(--muted);-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:16px;font-weight:300;display:-webkit-box;overflow:hidden}.card .foot{color:var(--dim);justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;font-size:14px;display:flex}.card .tags{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.bar{border-radius:4px;height:7px}.chip{background:#1b1313;border:1px solid #ffffff24;border-radius:14px;padding:14px;position:absolute;box-shadow:0 24px 40px -12px #000000e6}.chip--hot{border-color:#f3703a80}.laptop{width:440px;height:280px;position:relative;transform:rotateX(12deg)rotateY(-24deg)}.laptop__lid{background:#0a0a0b;border-radius:18px 18px 8px 8px;padding:12px 12px 16px;position:absolute;inset:0;box-shadow:0 0 0 2.5px #bfc3c8,0 0 0 4px #7d8187,0 40px 70px -24px #000000f2}.laptop__cam{background:#1f2124;border-radius:50%;width:5px;height:5px;margin-left:-2.5px;position:absolute;top:4px;left:50%;box-shadow:inset 0 0 0 1px #2e3135}.laptop__screen{background:#120d0d;border-radius:4px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.laptop__screen img{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.laptop__glare{pointer-events:none;background:linear-gradient(118deg,#ffffff21 0%,#ffffff0a 32%,#fff0 33%);border-radius:4px;position:absolute;inset:12px 12px 16px}.laptop__base{transform-origin:top;background:linear-gradient(#d3d6da 0%,#bec2c7 55%,#a6aab0 100%);border-radius:6px 6px 26px 26px;width:512px;height:330px;position:absolute;top:282px;left:-36px;transform:rotateX(84deg);box-shadow:inset 0 2px #ffffffb3,0 9px #858990,0 50px 70px #000000bf}.laptop__notch{background:#9a9ea4;border-radius:0 0 8px 8px;width:110px;height:7px;margin-left:-55px;position:absolute;top:0;left:50%}.laptop__speaker{background-image:radial-gradient(circle,#7f838a 1px,#0000 1.3px);background-size:5px 5px;width:26px;height:168px;position:absolute;top:28px}.laptop__keys{background:#1a1b1d;border-radius:10px;height:172px;padding:7px;position:absolute;top:24px;left:46px;right:46px;box-shadow:inset 0 1px 3px #0009}.laptop__keys div{background:repeating-linear-gradient(0deg,#0b0b0c 0 4px,#0000 4px 26.5px),repeating-linear-gradient(90deg,#0b0b0c 0 4px,#2c2d30 4px 30px);border-radius:5px;width:100%;height:100%}.laptop__pad{background:linear-gradient(#c6cace,#b5b9be);border-radius:12px;width:200px;height:104px;margin-left:-100px;position:absolute;top:212px;left:50%;box-shadow:inset 0 0 0 1px #0000001f}.phone{background:#140e0e;border:6px solid #2a2020;border-radius:30px;flex-direction:column;gap:12px;padding:22px 14px;display:flex;position:absolute}.process{flex-wrap:wrap;align-items:center;gap:48px;display:flex}.steps{flex-direction:column;flex:380px;gap:8px;margin:0;padding:0;list-style:none;display:flex}.step{width:100%;color:var(--white);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:18px;align-items:flex-start;gap:20px;padding:20px 22px;transition:background-color .3s,border-color .3s;display:flex}.step .num{color:#5e5554;min-width:30px;font-size:40px;font-weight:800;line-height:1;transition:color .3s}.step .txt{flex-direction:column;gap:6px;display:flex}.step .title{font-size:22px;font-weight:600}.step .desc{color:var(--muted);font-size:17px;font-weight:300}.step[aria-pressed=true]{background:#ffffff0d;border-color:#f3703a99}.step[aria-pressed=true] .num{color:var(--orange)}.stack-scene{perspective:1600px;flex:420px;height:560px}.stack{width:270px;height:270px;position:relative;transform:rotateX(58deg)rotate(-42deg)translateZ(-90px)}.slab{transition:transform .6s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.slab__under{background:#090606;border-radius:26px;transition:background-color .4s;position:absolute;inset:0;transform:translateZ(-10px)}.slab__face{color:var(--dim);background:#161010f0;border:1px solid #ffffff29;border-radius:26px;flex-direction:column;justify-content:space-between;padding:26px;transition:background .4s,color .4s;display:flex;position:absolute;inset:0}.slab__face .n{font-size:44px;font-weight:800;line-height:1}.slab__face .t{font-size:18px;font-weight:600}.slab.is-active .slab__under{background:#7a1a1c}.slab.is-active .slab__face{background:var(--brand);color:#000;border-color:var(--orange);box-shadow:0 0 60px #ee333880}.cube-scene{perspective:1200px;flex:380px;height:440px}.cube{width:200px;height:200px;transform-style:preserve-3d;animation:18s linear infinite cube;position:relative}.cube__face{border:1.5px solid var(--orange);background:#140e0eeb;border-radius:18px;justify-content:center;align-items:center;font-size:26px;font-weight:700;display:flex;position:absolute;inset:0}.cube__face:nth-child(2n){border-color:var(--red)}.cube__face--brand{background:var(--brand);color:#000;border:0}.tools{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:24px 32px;margin:0;display:grid}.tools div{border-top:1px solid #ffffff29;flex-direction:column;gap:6px;padding-top:14px;display:flex}.tools dt{font-weight:600}.tools dd{margin:0}.faq{border-top:1.5px solid var(--white);flex-direction:column;display:flex}.faq__item{border-bottom:1px solid var(--line)}.faq__q{width:100%;min-height:76px;color:var(--white);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:24px;padding:20px 4px;font-size:21px;font-weight:500;display:flex}.faq__q svg{flex-shrink:0;transition:transform .3s}.faq__q[aria-expanded=true] svg{transform:rotate(45deg)}.faq__a{max-width:46rem;color:var(--muted);padding:0 4px 26px;font-weight:300;animation:.35s both fade}.demo{max-width:1344px;margin:0 auto;padding:48px 32px 112px}.demo__card{background:var(--surface);border:1px solid #ffffff1a;border-radius:32px;overflow:hidden}.demo__bar{background:var(--brand);height:3px}.demo__inner{flex-wrap:wrap;gap:64px;padding:clamp(32px,6vw,88px);display:flex}.demo__copy{flex-direction:column;flex:340px;gap:24px;display:flex}.demo__copy h2{letter-spacing:-.04em;text-wrap:balance;font-size:clamp(2.6rem,4.6vw,4.2rem);font-weight:700;line-height:.98}.next{flex-direction:column;gap:18px;margin:16px 0 0;padding:0;list-style:none;display:flex}.next li{align-items:baseline;gap:16px;display:flex}.next span:first-child{color:var(--orange);font-weight:700}.form{flex-direction:column;flex:999 520px;gap:26px;min-width:0;display:flex}.grid2{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:20px;display:grid}.field{flex-direction:column;gap:8px;display:flex}.field label,.form legend{font-weight:500}.input{min-height:52px;color:var(--white);font:inherit;background:#ffffff0a;border:1px solid #ffffff38;border-radius:12px;padding:0 16px}textarea.input{resize:vertical;padding:14px 16px}.input:focus{border-color:var(--orange);background:#ffffff12;outline:none}fieldset{border:0;min-width:0;margin:0;padding:0}legend{margin-bottom:12px;padding:0}.pills{flex-wrap:wrap;gap:10px;display:flex}.pill{min-height:44px;font:inherit;cursor:pointer;color:var(--white);background:0 0;border:1px solid #ffffff47;border-radius:999px;padding:0 18px;font-size:15px;font-weight:500;transition:background-color .2s,color .2s}.pill[aria-pressed=true]{background:var(--brand);color:#000;border-color:var(--orange)}.error{color:#ff9a7a;font-weight:500}.form__foot{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.form__foot span{font-size:15px}.success{flex-direction:column;flex:999 520px;gap:20px;padding:24px 0;display:flex}.success h3{letter-spacing:-.03em;font-size:36px;font-weight:700}footer{border-top:1px solid #ffffff1f}.foot{flex-direction:column;gap:48px;padding-top:72px;padding-bottom:40px;display:flex}.foot__top{flex-wrap:wrap;justify-content:space-between;gap:40px;display:flex}.foot__nav{flex-wrap:wrap;align-self:flex-start;gap:24px 40px;display:flex}.foot__nav a{text-decoration:none}.foot__bottom{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:16px 32px;font-size:15px;display:flex}.foot__bottom div{flex-wrap:wrap;gap:24px;display:flex}@keyframes swing{0%{transform:rotateY(-34deg)rotateX(10deg)}to{transform:rotateY(30deg)rotateX(-4deg)}}@keyframes spin{0%{transform:translate(-50%,-50%)rotateX(76deg)rotate(0)}to{transform:translate(-50%,-50%)rotateX(76deg)rotate(360deg)}}@keyframes spinrev{0%{transform:translate(-50%,-50%)rotateX(76deg)rotate(360deg)}to{transform:translate(-50%,-50%)rotateX(76deg)rotate(0)}}@keyframes glow{0%{opacity:.55;transform:scale(.92)}to{opacity:1;transform:scale(1.08)}}@keyframes rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes materialize{0%{opacity:0;transform:translateY(70px)rotateX(50deg)scale(.85)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:translateY(40px)scale(.9)}to{opacity:1;transform:none}}@keyframes float{0%{transform:translateY(8px)}to{transform:translateY(-10px)}}@keyframes cube{0%{transform:rotateX(-22deg)rotateY(0)}to{transform:rotateX(-22deg)rotateY(360deg)}}@keyframes fade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (max-width:640px){.wrap{padding-left:20px;padding-right:20px}.shrink{transform:scale(.62)}.mark-scene,.stack-scene{height:420px}.stage-scene{height:380px}.cube-scene{height:340px}.hero{min-height:0}.demo{padding-left:16px;padding-right:16px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}html,body,main{overflow-x:clip}@media (max-width:640px){.nav{flex-wrap:nowrap}.nav__links{flex-wrap:nowrap;gap:12px}.nav__links a:not(.btn){display:none}.logo span{font-size:21px}.scene{overflow:visible}}.mockup{background:#0b0808;width:100%;position:relative;overflow:hidden}.mockup__inner{transform-origin:0 0;position:absolute;top:0;left:0}.mockup__inner>img{width:100%;max-width:none;height:auto;display:block}.mockup__screen{transform-origin:0 0;background:#000;position:absolute;top:0;left:0;overflow:hidden}.mockup__screen img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.mockup__notch{background:#000;border-radius:0 0 14px 14px;width:150px;height:26px;margin-left:-75px;position:absolute;top:0;left:50%}.mockup__sheen{pointer-events:none;background:linear-gradient(118deg,#ffffff1a 0%,#fff0 35%);position:absolute;inset:0}