.hero{text-align:center;isolation:isolate;padding-top:80px;padding-bottom:40px;position:relative;overflow:hidden}.hero .availability{background:var(--paper);border:1px solid var(--hair);color:var(--ink-2);border-radius:999px;align-items:center;gap:10px;margin-bottom:32px;padding:6px 14px 6px 10px;font-size:13px;display:inline-flex}.dot{background:#4caf7b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #4caf7b2e}.hero h1{max-width:16ch;margin:0 auto}.hero .sub{max-width:56ch;color:var(--muted);margin:22px auto 0;font-size:clamp(16px,1.6vw,19px);line-height:1.5}.hero .ctas{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:34px;display:flex}.hero-meta{color:var(--muted);align-items:center;gap:18px;margin-top:22px;font-size:13px;display:inline-flex}.hero-meta .sep{background:var(--hair);border-radius:50%;width:4px;height:4px}.hero .atmos{pointer-events:none;z-index:-1;--mx:50%;--my:38%;--lit:0;position:absolute;inset:-10% -5% -5%;overflow:hidden}.hero .grid-tex{opacity:0;will-change:transform;background-image:linear-gradient(90deg,#1a1a1a0b 1px,#0000 1px),linear-gradient(#1a1a1a0b 1px,#0000 1px);background-size:64px 64px;transition:opacity 1.4s .2s;animation:22s ease-in-out infinite gridFloat;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 35%,#000 30%,#0000 80%);mask-image:radial-gradient(70% 60% at 50% 35%,#000 30%,#0000 80%)}.hero.lit .grid-tex{opacity:1}@keyframes gridFloat{0%{transform:translate(0,0)}33%{transform:translate(7px,-5px)}66%{transform:translate(-5px,4px)}to{transform:translate(0,0)}}.hero .grid-bright{-webkit-mask-image:radial-gradient(circle 220px at var(--mx) var(--my), #000 0%, #0000008c 35%, #00000026 60%, transparent 80%);-webkit-mask-image:radial-gradient(circle 220px at var(--mx) var(--my), #000 0%, #0000008c 35%, #00000026 60%, transparent 80%);mask-image:radial-gradient(circle 220px at var(--mx) var(--my), #000 0%, #0000008c 35%, #00000026 60%, transparent 80%);opacity:calc(var(--lit) * .9);will-change:transform;background-image:linear-gradient(90deg,#1a1a1a21 1px,#0000 1px),linear-gradient(#1a1a1a21 1px,#0000 1px);background-size:64px 64px;transition:opacity 1.1s cubic-bezier(.2,.7,.2,1);animation:22s ease-in-out infinite gridFloat;position:absolute;inset:0}.hero .spot{background:radial-gradient(circle 360px at var(--mx) var(--my), #2f6f7329 0%, #2f6f7317 22%, #2f6f7308 45%, transparent 70%), radial-gradient(circle 140px at var(--mx) var(--my), #fffaee2e 0%, #fffaee0d 40%, transparent 75%);filter:blur(18px);opacity:calc(var(--lit) * .95);mix-blend-mode:multiply;transition:opacity 1.2s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.reveal{opacity:0;filter:blur(4px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1.1s cubic-bezier(.2,.7,.2,1),filter 1s cubic-bezier(.2,.7,.2,1);transform:translateY(14px)}.reveal.in{opacity:1;filter:blur();transform:none}.reveal.d0{transition-delay:50ms}.reveal.d1{transition-delay:.18s}.reveal.d2{transition-delay:.34s}.reveal.d3{transition-delay:.5s}.reveal.d4{transition-delay:.66s}.reveal.d5{transition-delay:.82s}.mag{will-change:transform;transition:transform .45s cubic-bezier(.2,.8,.2,1),background-color .2s,border-color .2s,box-shadow .4s,color .2s}.mag.press{transition:transform .12s cubic-bezier(.4,0,.2,1)!important;transform:scale(.97)!important}.device-img{width:100%;height:auto;display:block}.device{max-width:1140px;box-shadow:var(--shadow-screen);will-change:transform, filter;background:0 0;border-radius:14px;margin:60px auto 0;transition:filter 1.4s cubic-bezier(.2,.7,.2,1),opacity 1.2s,transform 1.4s cubic-bezier(.2,.7,.2,1),box-shadow .6s;overflow:hidden}.device.cloaked{opacity:0;filter:blur(18px);transform:translateY(28px)scale(.985)}.device.lit:hover{box-shadow:0 50px 100px -28px #1a1a1a38,0 22px 44px -16px #1a1a1a24,0 0 0 1px #1a1a1a0f}.device-inner{will-change:transform;transition:transform .9s cubic-bezier(.2,.7,.2,1)}@media (prefers-reduced-motion:reduce){.fade-in,.reveal,.device{opacity:1!important;filter:none!important;transition:none!important;transform:none!important}.hero .grid-tex{opacity:1!important;transition:none!important}}.cards-3{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.vcard{background:var(--paper);border:1px solid var(--hair-2);--cx:50%;--cy:50%;--hl:0;isolation:isolate;will-change:transform;border-radius:12px;padding:28px 26px 30px;transition:transform .7s cubic-bezier(.2,.7,.2,1),border-color .6s,box-shadow .7s cubic-bezier(.2,.7,.2,1);position:relative;overflow:hidden}.vcard:before{content:"";background:radial-gradient(circle 280px at var(--cx) var(--cy), #2f6f7312 0%, #2f6f7306 35%, transparent 65%);opacity:var(--hl);pointer-events:none;z-index:0;transition:opacity .6s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.vcard>*{z-index:1;transition:transform .7s cubic-bezier(.2,.7,.2,1);position:relative}.vcard:hover{border-color:#1a1a1a29;transform:translateY(-3px);box-shadow:0 22px 44px -22px #1a1a1a29,0 8px 16px -10px #1a1a1a14,0 0 0 1px #1a1a1a05}.vcard:hover .num,.vcard:hover .ico-wrap{transform:translateY(-2px)}.vcard:hover h3,.vcard:hover p{transform:translateY(-1px)}.vcard .ico-wrap{transition:transform .7s cubic-bezier(.2,.7,.2,1),background-color .5s}.vcard:hover .ico-wrap{background:#e4ddcf}.vcard .num{font-family:var(--font-mono);color:var(--muted);letter-spacing:.1em;font-size:11px}.vcard .ico-wrap{background:var(--ivory-deep);width:36px;height:36px;color:var(--teal);border-radius:8px;justify-content:center;align-items:center;margin:18px 0;display:flex}.vcard h3{letter-spacing:-.015em;margin-bottom:10px;font-size:20px}.vcard p{color:var(--muted);font-size:14.5px;line-height:1.55}.positioning{text-align:center}.positioning .inner{letter-spacing:-.015em;max-width:760px;color:var(--ink-2);margin:0 auto;font-size:clamp(20px,2.4vw,26px);font-weight:400;line-height:1.45}.positioning .inner .accent{color:var(--teal)}.product{background:var(--ivory-deep);border-top:1px solid var(--hair-2);border-bottom:1px solid var(--hair-2)}.product-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;margin-bottom:36px;display:flex}.product-head h2{max-width:14ch}.product-head p{color:var(--muted);max-width:38ch;font-size:15px}.grid-2{grid-template-columns:1.2fr .9fr;gap:16px;display:grid}.product .pscreen{border:1px solid var(--hair-2);background:#fff;border-radius:12px;flex-direction:column;min-height:320px;display:flex;overflow:hidden;box-shadow:0 18px 40px -20px #1a1a1a26,0 0 0 1px #1a1a1a0a}.product .pscreen--img{align-self:start;padding:0}.product .pscreen--img img{width:100%;height:auto;display:block}.about{text-align:left}.about .grid{grid-template-columns:.9fr 1.4fr;align-items:start;gap:60px;display:grid}.about h2{font-size:32px}.about p{color:var(--ink-2);font-size:16.5px;line-height:1.6}@media (max-width:960px){.cards-3,.grid-2{grid-template-columns:1fr}.about .grid{grid-template-columns:1fr;gap:30px}.product-head{flex-direction:column;align-items:flex-start}.product-head h2,.product-head p{max-width:none}.product .grid-2{gap:14px}.product .grid-2>.pscreen:nth-child(2),.product .grid-2>.pscreen:nth-child(4){display:none}.product .grid-2>.pscreen--img img{aspect-ratio:2;object-fit:cover;object-position:top center;width:100%;height:auto}}@media (max-width:720px){.hero{padding-top:50px;padding-bottom:28px}.hero .availability{margin-bottom:22px;padding:5px 12px 5px 8px;font-size:12px}.hero .ctas{gap:8px}.hero .ctas .btn{flex:calc(50% - 4px);min-width:0}.hero-meta{margin-top:18px;font-size:12px}.device{border-radius:10px;margin:36px auto 0}.positioning .inner{font-size:clamp(17px,4.5vw,21px)}.vcard{padding:24px 22px 26px}.product .pscreen{min-height:0}}@media (max-width:520px){.hero h1{font-size:clamp(32px,9vw,46px)}.hero .sub{margin-top:16px;font-size:15.5px}h2{font-size:clamp(24px,7vw,32px)}}