.gs{isolation:isolate;background:#fafafb;border-radius:clamp(26px,3vw,42px);grid-template-columns:minmax(0,56%) minmax(0,44%);width:100%;height:clamp(520px,40vw,560px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000f}.gs-bg{z-index:-1;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 0% 44%,#0000008c 52%,#0000 60%);mask-image:linear-gradient(90deg,#000 0% 44%,#0000008c 52%,#0000 60%)}.gs-bg canvas{width:100%;height:100%;display:block}.stage{min-width:0;position:relative;overflow:hidden}.rig{transform-origin:50% 0;width:640px;height:560px;margin-left:-320px;position:absolute;top:0;left:50%}.phone{box-sizing:border-box;background:linear-gradient(145deg,#e9e9ee 0%,#b9b9c2 18%,#f6f6f9 36%,#9c9ca6 62%,#dcdce2 100%);border-radius:72px;width:412px;height:860px;padding:11px;position:absolute;top:32px;left:112px;transform:translateZ(0);box-shadow:0 60px 90px -40px #140a3c8c,0 20px 40px -20px #140a3c59,inset 0 0 0 1px #ffffffb3,inset 0 0 0 3px #00000014}.phone:before{content:"";background:#0a0a0d;border-radius:66px;position:absolute;inset:6px}.screen{background:#3b1e8c url(/axion-footer/footer-gradient.jpg) 30% 40%/330% 100% no-repeat;border-radius:61px;height:100%;animation:22s ease-in-out infinite alternate wall;position:relative;overflow:hidden}@keyframes wall{0%{background-position:20% 40%}50%{background-position:48% 55%}to{background-position:30% 30%}}.screen:after{content:"";pointer-events:none;background:linear-gradient(125deg,#ffffff2e 0%,#fff0 32%);position:absolute;inset:0}.island{z-index:8;background:#000;border-radius:18px;width:124px;height:36px;position:absolute;top:14px;left:50%;overflow:hidden;transform:translate(-50%)}.cam{z-index:9;pointer-events:none;background:radial-gradient(circle at 38% 36%,#3a3f6e 0,#161833 38%,#07070d 70%);border-radius:50%;width:14px;height:14px;position:absolute;top:25px;left:calc(50% + 34px);box-shadow:inset 0 0 0 1.5px #0f1020}.di{color:#fff;opacity:0;width:354px;height:76px;margin-left:-177px;position:absolute;top:0;left:50%}.di .a{color:#fff;background:#333 50%/cover;border-radius:50%;place-items:center;width:46px;height:46px;font-size:17px;font-weight:600;display:grid;position:absolute;top:15px;left:16px}.di .t{white-space:nowrap;line-height:1.28;position:absolute;top:18px;left:74px}.di .t b{letter-spacing:-.005em;font-size:16px;font-weight:500;display:block}.di .t span{color:#9c9aa8;font-size:13px}.di .d{text-align:right;white-space:nowrap;line-height:1.28;position:absolute;top:19px;right:22px}.di .d b{color:#ff8fcb;font-variant-numeric:tabular-nums;font-size:16px;font-weight:500;display:block}.di .d span{color:#9c9aa8;font-size:12px}.sbar{transition:opacity .3s cubic-bezier(.2,.8,.2,1)}.screen.di-open .sbar{opacity:0}.sbar .sig,.sbar .wifi{transition:opacity .4s cubic-bezier(.2,.8,.2,1)}.screen.live .sbar .sig,.screen.live .sbar .wifi{opacity:0}.lock{transition:transform .9s cubic-bezier(.3,1.1,.4,1)}.screen.di-open .lock{transform:translateY(26px)}.la{opacity:0;color:#fff;width:212px;height:36px;margin-left:-106px;position:absolute;top:0;left:50%}.la .lg{background:linear-gradient(160deg,#fff,#e4e6ff);border-radius:7px;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:6px;left:8px}.la .lg svg{width:18px;height:18px}.la .cd{letter-spacing:.01em;color:#a7b0ff;font-variant-numeric:tabular-nums;font-size:13px;font-weight:600;line-height:36px;position:absolute;top:0;right:12px}.sbar{color:#fff;letter-spacing:.01em;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;height:24px;padding:0 30px;font-size:15px;font-weight:600;display:flex;position:absolute;top:20px;left:0;right:0}.sbar .icons{align-items:center;gap:6px;display:flex}.sbar svg{fill:#fff;display:block}.lock{text-align:center;color:#fff;position:absolute;top:84px;left:0;right:0}.lock .date{letter-spacing:.005em;opacity:.95;font-size:20px;font-weight:500}.lock .clock{letter-spacing:-.02em;font-variant-numeric:tabular-nums;background:linear-gradient(#fff 30%,#ffffffb8);color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:6px;font-size:88px;font-weight:600;line-height:1}.stack{pointer-events:none;position:absolute;inset:0 18px}.note{--slot:0;z-index:4;transform-origin:50% 100%;box-sizing:border-box;height:150px;transform:translateY(calc(var(--slot) * 15px)) scale(calc(1 - var(--slot) * .055));background:#fffffff2;border-radius:30px;padding:18px 20px;transition:transform 1.1s cubic-bezier(.16,1,.3,1),opacity .9s cubic-bezier(.2,.8,.2,1),filter .9s cubic-bezier(.2,.8,.2,1);position:absolute;top:262px;left:0;right:0;overflow:hidden;box-shadow:0 24px 40px -26px #1e0f508c,0 6px 16px -10px #1e0f5040,inset 0 0 0 1px #ffffffe6}.note.gone{opacity:0;filter:blur(8px)}.note .in{transition:opacity .6s cubic-bezier(.2,.8,.2,1)}.goo{z-index:5;pointer-events:none;filter:url(#goo);position:absolute;inset:0}.g-isl{background:#000;border-radius:18px;width:124px;height:36px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.g-bn{visibility:hidden;background:#000;border-radius:18px;width:124px;height:36px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.bn{z-index:8;visibility:hidden;background:#000;border-radius:18px;width:124px;height:36px;position:absolute;top:14px;left:50%;overflow:hidden;transform:translate(-50%)}.bn .c{color:#fff;opacity:0;width:346px;height:72px;margin:-36px 0 0 -173px;position:absolute;top:50%;left:50%}.bn .a{background:#333 50%/cover;border-radius:50%;width:46px;height:46px;position:absolute;top:13px;left:14px}.bn .t{white-space:nowrap;line-height:1.3;position:absolute;top:15px;left:72px}.bn .t b{letter-spacing:-.005em;font-size:16px;font-weight:500;display:block}.bn .t span{color:#a3a1af;font-size:13px}.bn .d{text-align:right;white-space:nowrap;line-height:1.3;position:absolute;top:16px;right:18px}.bn .d b{color:#ff8fcb;font-variant-numeric:tabular-nums;font-size:15px;font-weight:500;display:block}.bn .d span{color:#a3a1af;font-size:12px}.note[data-slot="1"]{filter:brightness(.97)}.note[data-slot="1"] .in{opacity:0}.note .in{padding:18px 20px;position:absolute;inset:0}.note .row{align-items:center;gap:12px;display:flex}.note .ava{color:#fff;background:#ddd 50%/cover;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-size:17px;font-weight:600;display:grid;box-shadow:0 0 0 2px #fff,0 4px 10px -4px #0000004d}.note .name{letter-spacing:-.01em;font-size:21px;font-weight:400}.note .what{color:#8e8c97;letter-spacing:.01em;margin:10px 0 0;font-size:13.5px}.note .bell{background:radial-gradient(circle at 35% 30%,#ff9bd0,#e8469e 55%,#b92bd8);border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:16px;right:18px;box-shadow:0 8px 16px -6px #dc3ca099,inset 0 1px #ffffff80}.note .bell svg{fill:#fff;transform-origin:50% 12%;width:17px;height:17px}.note.ring .bell svg{animation:1.3s cubic-bezier(.37,0,.63,1) .9s ring}@keyframes ring{0%,to{transform:rotate(0)}15%{transform:rotate(-14deg)}32%{transform:rotate(11deg)}50%{transform:rotate(-6deg)}68%{transform:rotate(3deg)}}.note .foot{justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:16px;left:20px;right:18px}.note .chip{font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:13.5px;display:inline-flex;box-shadow:inset 0 0 0 1px #e6e5ec}.note .chip svg{width:13px;height:13px}.note .open{color:#fff;background:#000;border-radius:999px;padding:7px 14px;font-size:13.5px}.copy{z-index:2;align-self:center;min-width:0;padding:0 clamp(24px,4vw,64px) 0 clamp(20px,2.5vw,44px);position:relative}.copy h2{letter-spacing:-.01em;max-width:12ch;margin:0;font-family:Poppins,sans-serif;font-size:clamp(32px,3vw,42px);font-weight:400;line-height:1.38}.copy p{color:#55535e;max-width:21em;margin:18px 0 0;font-family:Poppins,sans-serif;font-size:clamp(16px,1.35vw,20px);line-height:1.5}.line{display:block;overflow:hidden}.line>span{display:block}.ctas{flex-wrap:wrap;gap:16px;margin-top:40px;display:flex}.btn{height:62px;font:inherit;cursor:pointer;white-space:nowrap;will-change:transform;border-radius:999px;align-items:center;gap:0;padding:0 26px;font-size:18px;text-decoration:none;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s cubic-bezier(.2,.8,.2,1),background .4s cubic-bezier(.2,.8,.2,1),gap .5s cubic-bezier(.2,.8,.2,1);display:inline-flex;position:relative}.btn.primary{color:#fff;background:#000;box-shadow:0 14px 30px -16px #140a5099}.btn.outline{color:#000;background:#fff;box-shadow:inset 0 0 0 1.5px #e4e3ea}.btn .ic{width:0;transition:width .5s cubic-bezier(.2,.8,.2,1);display:inline-flex;overflow:hidden}.btn .ic svg{opacity:0;flex:none;width:20px;height:20px;transition:opacity .4s cubic-bezier(.2,.8,.2,1),transform .5s cubic-bezier(.2,.8,.2,1);transform:translate(-8px)}.btn:hover,.btn:focus-visible{gap:10px}.btn:hover .ic,.btn:focus-visible .ic{width:20px}.btn:hover .ic svg,.btn:focus-visible .ic svg{opacity:1;transform:none}.btn.outline:hover{box-shadow:inset 0 0 0 1.5px #c8c7d2}.btn.tg .ic{order:-1;width:0}.btn.tg .ic svg{opacity:0;color:#229ed9;width:22px;height:22px;transform:translate(-16px,14px)rotate(-28deg)scale(.4)}.btn.tg:hover .ic,.btn.tg:focus-visible .ic{width:22px}.btn.tg:hover .ic svg,.btn.tg:focus-visible .ic svg{animation:.8s cubic-bezier(.25,1,.4,1) both tgfly}@keyframes tgfly{0%{opacity:0;transform:translate(-16px,14px)rotate(-28deg)scale(.4)}45%{opacity:1;transform:translate(5px,-5px)rotate(6deg)scale(1.08)}70%{transform:translate(-1px,1px)rotate(-2deg)scale(.98)}to{opacity:1;transform:none}}.btn:focus-visible{outline-offset:3px;outline:2px solid #5b3be0}@media (max-width:980px){.gs{grid-template-rows:480px auto;grid-template-columns:1fr;height:auto}.gs-bg{-webkit-mask-image:linear-gradient(#000 50%,#0000 78%);mask-image:linear-gradient(#000 50%,#0000 78%)}.copy{text-align:center;padding:12px 32px 42px}.copy h2{max-width:none;margin:0 auto}.copy p{max-width:32em;margin:16px auto 0}.ctas{justify-content:center;margin-top:32px}}@media (max-width:640px){.gs{border-radius:24px;grid-template-rows:390px auto}.rig{top:-12px;transform:scale(.72)}.copy{text-align:left;padding:0 20px 32px}.copy h2{margin:0;font-size:28px;line-height:1.2}.copy p{margin:12px 0 0;font-size:15px;line-height:1.45}.ctas{flex-direction:column;gap:12px;margin-top:24px}.btn{justify-content:center;width:100%;height:52px;padding:0 22px;font-size:16px}}@media (max-width:380px){.gs{grid-template-rows:350px auto}.rig{top:-20px;transform:scale(.65)}.copy h2{font-size:25px}}@media (prefers-reduced-motion:reduce){.screen{animation:none}.note{transition-duration:10ms}}