.iz-bg{z-index:-10;pointer-events:none;opacity:var(--aurora,1);background-image:radial-gradient(40vw 28vh at 10% 3%, color-mix(in oklab, var(--brand-500) 15%, transparent), transparent 60%), radial-gradient(34vw 24vh at 90% 13%, color-mix(in oklab, var(--accent-green) 12%, transparent), transparent 62%), radial-gradient(42vw 30vh at 18% 40%, color-mix(in oklab, var(--brand-500) 11%, transparent), transparent 62%), radial-gradient(34vw 26vh at 86% 60%, color-mix(in oklab, var(--accent-green) 11%, transparent), transparent 62%), radial-gradient(42vw 30vh at 28% 82%, color-mix(in oklab, var(--brand-500) 12%, transparent), transparent 62%), radial-gradient(34vw 26vh at 80% 96%, color-mix(in oklab, var(--accent-green) 10%, transparent), transparent 62%);background-repeat:no-repeat;transition:opacity .25s linear;position:absolute;inset:0;overflow:hidden}.iz-spotlight{background:radial-gradient(460px circle at var(--mx,50%) var(--my,22%), color-mix(in oklab, var(--brand-500) 13%, transparent), transparent 60%);transition:background .1s ease-out;position:absolute;inset:0}.pm-frame{background:linear-gradient(135deg, color-mix(in oklab, var(--brand-500) 70%, transparent), color-mix(in oklab, var(--accent-green) 42%, transparent) 45%, color-mix(in oklab, var(--brand-500) 14%, transparent) 70%, color-mix(in oklab, var(--brand-500) 45%, transparent));border-radius:22px;padding:1.5px;position:relative}.pm-frame:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60% 60% at 50% 40%, color-mix(in oklab, var(--brand-500) 20%, transparent), transparent 70%);filter:blur(8px);border-radius:32px;position:absolute;inset:-16px}.pm-spot{background:radial-gradient(220px circle at var(--mx,50%) var(--my,50%), var(--brand-500), transparent 60%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;border-radius:22px;padding:1.5px;transition:opacity .35s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.pm-frame:hover .pm-spot,.pm-frame:focus-within .pm-spot{opacity:1}.pm-inner{background:#fff;border-radius:20.5px;position:relative;overflow:hidden}@media (prefers-reduced-motion:reduce){.iz-spotlight{display:none}.animate-ping{animation:none}}.hero-stage-wrap{padding-bottom:clamp(36px,6vw,84px);position:relative}.hero-stage{border:1px solid color-mix(in oklab, var(--brand-500) 14%, #fff);background:radial-gradient(120% 120% at 50% -12%, #fff 0%, #fafcff 45%, color-mix(in oklab, var(--brand-500) 7%, #eff5ff) 100%);box-shadow:0 40px 90px -50px color-mix(in oklab, var(--brand-800) 55%, transparent), 0 1px 0 #fff inset;border-radius:28px;position:absolute;inset:0 0 clamp(36px,6vw,84px);overflow:hidden}.hero-stage:after{content:"";pointer-events:none;background:radial-gradient(42% 60% at 16% 8%, color-mix(in oklab, var(--brand-500) 24%, transparent), transparent 70%), radial-gradient(38% 58% at 88% 14%, color-mix(in oklab, var(--accent-green) 18%, transparent), transparent 72%), radial-gradient(60% 50% at 50% 108%, color-mix(in oklab, var(--brand-500) 12%, transparent), transparent 70%);position:absolute;inset:0}.hero-grid{z-index:0;position:absolute;inset:0}.hero-shot{z-index:1;width:min(94%,1080px);margin:0 auto;padding-top:clamp(26px,5vw,68px);position:relative}.hero-shot-frame{border:1px solid color-mix(in oklab, var(--brand-500) 16%, #e2e8f2);box-shadow:0 50px 100px -45px color-mix(in oklab, var(--brand-800) 60%, transparent), 0 2px 0 #fff inset;background:linear-gradient(#fff,#eaf0fa);border-radius:18px;padding:8px;position:relative}.hero-shot-inner{aspect-ratio:16/10;background:#fff;border-radius:11px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0f172a0d}@media (max-width:640px){.hero-stage{border-radius:20px;inset:0 0 26px}.hero-stage-wrap{padding-bottom:26px}.hero-shot{width:96%;padding-top:22px}}.lp{perspective:1700px;perspective-origin:50% 24%;width:min(86vw,1180px,86vh);margin-inline:auto}@media (min-width:1024px){.lp{width:min(82vw,1180px,88vh)}}@media (max-width:820px){.lp{perspective:1150px;width:min(92vw,600px)}}.lp-device{transform-style:preserve-3d;transform:rotateX(calc(5deg + 9deg * var(--view,1)));will-change:transform;position:relative}.lp-lid{z-index:3;transform-origin:bottom;transform-style:preserve-3d;transform:rotateX(calc(-90deg + 88deg * var(--lid,0)));will-change:transform;position:relative}.lp-screen{background:linear-gradient(#2b303a,#1b2029);border-radius:18px 18px 5px 5px;padding:12px 12px 0;position:relative;box-shadow:inset 0 -1px #ffffff14}.lp-cam{background:#454c59;border-radius:50%;width:6px;height:6px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.lp-bezel{aspect-ratio:16/10;background:#fff;border:1px solid #0000000f;border-radius:8px 8px 0 0;position:relative;overflow:hidden}.lp-sc{opacity:calc(var(--lid,0) * 1.5 - .25);position:absolute;inset:0}.lp-hinge{z-index:2;background:linear-gradient(#0e131b,#05080d);border-radius:0 0 3px 3px;height:10px;margin:0 6%;position:relative}.lp-base{z-index:1;transform-origin:top;background:linear-gradient(#d9dee7 0%,#c7cdd7 55%,#bac1cc 100%);border-radius:4px 4px 16px 16px;height:clamp(76px,10vw,140px);margin-top:-2px;padding:5% 6% 0;position:relative;transform:rotateX(70deg);box-shadow:0 44px 60px -32px #0f172a73,inset 0 1px #fff9}.lp-base:after{content:"";background:linear-gradient(#b0b8c4,#8a93a1);border-radius:0 0 14px 14px;height:13px;position:absolute;bottom:-11px;left:0;right:0}.lp-keys{background:repeating-linear-gradient(90deg,#0000 0 calc(7.69% - 3px),#0f172a29 calc(7.69% - 3px) 7.69%),repeating-linear-gradient(#0000 0 calc(20% - 3px),#0f172a29 calc(20% - 3px) 20%),linear-gradient(#c4cad4,#b6bdc8);border-radius:6px;height:62%;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #0f172a14}.lp-trackpad{background:linear-gradient(#d1d7e0,#c5ccd6);border-radius:8px;width:34%;height:24%;margin:4.5% auto 0;box-shadow:inset 0 0 0 1px #0f172a14,inset 0 1px 2px #0f172a1f}.lp-ph{text-align:center;background:radial-gradient(85% 85% at 50% 28%, color-mix(in oklab, var(--brand-500) 9%, #fff), #fff 70%);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:8%;display:flex;position:absolute;inset:0}.lp-ph-badge{width:58px;height:58px;color:var(--brand-600);background:color-mix(in oklab, var(--brand-500) 12%, #fff);border:1px solid color-mix(in oklab, var(--brand-500) 22%, #fff);box-shadow:0 10px 24px -12px color-mix(in oklab, var(--brand-600) 55%, transparent);border-radius:16px;place-items:center;display:grid}.lp-ph-title{letter-spacing:-.01em;color:#0f172a;font-size:clamp(15px,1.6vw,19px);font-weight:700}.lp-ph-sub{color:#64748b;max-width:34ch;font-size:clamp(12px,1.2vw,14px)}.feat-glow{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.feat-glow:before{content:"";filter:blur(64px);opacity:.5;border-radius:50%;width:min(62vw,720px);height:min(62vw,720px);position:absolute}.feat-glow-blue:before{background:radial-gradient(circle, color-mix(in oklab, var(--brand-500) 22%, transparent), transparent 70%);top:-12%;right:-6%}.feat-glow-cyan:before{background:radial-gradient(circle,#22d3ee38,#0000 70%);background:radial-gradient(circle,lab(77.4225% -36.0465 -25.8871/.22),#0000 70%);top:-10%;left:-8%}.feat-glow-green:before{background:radial-gradient(circle, color-mix(in oklab, var(--accent-green) 20%, transparent), transparent 70%);top:-14%;right:-6%}.waitlist-panel{isolation:isolate;border:1px solid color-mix(in oklab, var(--brand-500) 18%, #fff);background:radial-gradient(120% 130% at 8% -10%, color-mix(in oklab, var(--brand-500) 14%, #fff) 0%, transparent 52%), radial-gradient(120% 130% at 96% 4%, #e5f9fd 0%, transparent 52%), radial-gradient(120% 120% at 50% 120%, color-mix(in oklab, var(--accent-green) 14%, #fff) 0%, transparent 58%), linear-gradient(180deg, #f1f8ff 0%, #e9f3ff 55%, #e8f7f4 100%);box-shadow:0 50px 120px -60px color-mix(in oklab, var(--brand-800) 60%, transparent), 0 1px 0 #fff inset;border-radius:clamp(24px,3.4vw,40px);position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.waitlist-panel{background:radial-gradient(120% 130% at 8% -10%, color-mix(in oklab, var(--brand-500) 14%, #fff) 0%, transparent 52%), radial-gradient(120% 130% at 96% 4%, lab(96.4023% -6.09532 -4.29276) 0%, transparent 52%), radial-gradient(120% 120% at 50% 120%, color-mix(in oklab, var(--accent-green) 14%, #fff) 0%, transparent 58%), linear-gradient(180deg, #f1f8ff 0%, #e9f3ff 55%, #e8f7f4 100%)}}.waitlist-dots{z-index:0;pointer-events:none;background-image:radial-gradient(color-mix(in oklab, var(--brand-600) 22%, transparent) 1px, transparent 1.7px);opacity:.22;background-size:22px 22px;position:absolute;inset:0;-webkit-mask:radial-gradient(78% 72% at 50% 42%,#0000 28%,#000 100%);mask:radial-gradient(78% 72% at 50% 42%,#0000 28%,#000 100%)}.waitlist-grain{z-index:0;pointer-events:none;opacity:.4;mix-blend-mode:soft-light;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='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px;position:absolute;inset:0}.guide-cover-grid{background-image:radial-gradient(#ffffff38 1px,#0000 1.5px);background-size:16px 16px;-webkit-mask:linear-gradient(#000 0%,#0000 94%);mask:linear-gradient(#000 0%,#0000 94%)}
