.splash-header{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;max-width:46ch;margin:0 auto 40px;padding-top:10vh;display:flex;overflow:hidden}.splash-header-mark{border-radius:12px;flex-shrink:0;width:48px;height:48px}.splash-header-mark-wrap{line-height:0;display:block}.splash-header-mark .socket-eyes{translate:calc(var(--eye-x,0) * 36px) calc(var(--eye-y,0) * 26px);transition:translate .26s cubic-bezier(.22,1,.36,1)}.splash-header-mark .socket-eyes path{transition:translate .3s cubic-bezier(.22,1,.36,1)}.splash-header-mark .socket-eyes path:first-child{translate:calc(var(--eye-squeeze,0) * 28px) 0}.splash-header-mark .socket-eyes path:last-child{translate:calc(var(--eye-squeeze,0) * -28px) 0;transition-delay:30ms}.splash-header-mark .socket-eyes path{transform-box:fill-box;transform-origin:50%}.splash-header-mark-wrap[data-blink] .socket-eyes path{animation:.18s ease-in-out socket-blink}@keyframes socket-blink{50%{scale:1.08 .08}}@media (prefers-reduced-motion:reduce){.splash-header-mark .socket-eyes path{animation:none}.splash-header-mark .socket-eyes{transition:none;translate:none}}.splash-header-text{flex-direction:column;align-items:center;display:flex}.splash-header-badge{flex-direction:column;align-items:center;gap:8px;display:flex}.splash-heading{letter-spacing:-.015em;color:var(--color-text-1);text-wrap:pretty;font-size:30px;font-weight:600;line-height:1.2}.splash-subheading{color:var(--color-text-2);margin-top:10px;font-size:16px;line-height:1.5}.splash-header[data-align=left]{text-align:left;--splash-mark-radius:calc(72px * 135 / 512);flex-direction:row;justify-content:flex-start;align-self:stretch;gap:20px;max-width:none;margin:0 0 40px}.splash-header[data-align=left] .splash-header-mark{border-radius:var(--splash-mark-radius);width:72px;height:72px}.splash-header[data-align=left] .splash-header-text{align-items:flex-start;max-width:46ch}.splash-header[data-align=left] .splash-header-badge{border-radius:calc(var(--splash-mark-radius) + 8px);background:color-mix(in srgb, var(--color-bg-raised) 35%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);gap:6px;padding:8px 8px 6px;position:relative}.splash-header[data-align=left] .splash-header-badge:before{content:"";border-radius:inherit;background:linear-gradient(to bottom, color-mix(in srgb, var(--color-text-3) 45%, transparent), color-mix(in srgb, var(--color-text-3) 8%, transparent) 70%, transparent);pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);mask-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;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}.splash-header[data-align=left] .splash-header-badge .eyebrow-pill{letter-spacing:.01em;background:0 0;border:0;justify-content:center;width:72px;padding:2px 0;font-size:11px}.splash-header[data-align=left] .splash-heading{font-size:24px}.splash-header[data-align=left] .splash-subheading{margin-top:6px;font-size:14px}.splash-header[data-align=left]{--splash-glow-color:#8989d7;border-radius:26px;margin-top:10vh;margin-bottom:24px;padding:32px;position:relative}.splash-header[data-align=left] .glow{opacity:.5;z-index:1;border-radius:26px;inset:0;scale:1 -1}.splash-header[data-align=left] .glow:after{offset-path:rect(0 100% 100% 0 round 26px);offset-distance:2%;background:linear-gradient(90deg, var(--splash-glow-color) 20%, #0000);opacity:.4;width:160%;height:115%}.splash-header[data-align=left]:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle, color-mix(in srgb, var(--color-accent) 55%, transparent), transparent 70%);filter:blur(40px);opacity:.2;width:60%;height:60px;position:absolute;bottom:-30px;left:-220px}.splash-header[data-align=left]:after{content:"";z-index:0;border-radius:inherit;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(to top right,#000,#0000 50%);mask-image:linear-gradient(to top right,#000,#0000 50%)}.splash-header[data-align=left]>:not(.glow){z-index:1;position:relative}
.splash-cta{flex-direction:column;align-items:center;gap:12px;margin-top:40px;display:flex}.splash-cta-card{corner-shape:superellipse(2);border:1px solid color-mix(in srgb, var(--color-text-1) 5%, transparent);background:color-mix(in srgb, var(--color-text-1) 1.5%, transparent);border-radius:22px;padding:5px;position:relative}.splash-cta-card .glow{opacity:.35;border-radius:22px;inset:-1px}.splash-cta-card .glow:after{offset-path:rect(0 100% 100% 0 round 22px);offset-distance:4%;opacity:.6;width:70%;height:40%}.splash-cta-group{align-items:center;gap:4px;display:flex;position:relative}.splash-cta-segment{white-space:nowrap;corner-shape:superellipse(2);border-radius:17px;align-items:center;gap:6px;height:32px;padding-inline:14px;font-size:12px;font-weight:500;line-height:1;transition:color .15s,background .15s,opacity .15s;display:inline-flex}.splash-cta-segment svg{flex-shrink:0}.splash-cta-features{color:var(--color-text-2)}.splash-cta-features svg{opacity:.6;transition:opacity .15s,translate .2s}.splash-cta-features:hover{color:var(--color-text-1);background:color-mix(in srgb, var(--color-text-1) 5%, transparent)}.splash-cta-features:hover svg{opacity:1;translate:2px}.splash-cta-download{color:var(--color-bg);background:var(--color-text-1);padding-inline:13px 15px;font-weight:600;box-shadow:0 1px 2px #0000001f}.splash-cta-download:hover{opacity:.85}.splash-cta-icon{width:auto;height:12px;margin-top:-1px}.splash-cta-caption{text-align:center;color:var(--color-text-3);font-size:10.5px;line-height:1.3}
.splash-hero-mark{--mark-size:96px;--u:calc(var(--mark-size) / 512);width:var(--mark-size);height:var(--mark-size);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:none;padding:0;line-height:0;position:relative}.splash-hero-mark-icon{corner-shape:superellipse(1.7);background:linear-gradient(132deg,#40b0e1,#4a47da);border-radius:50%;position:absolute;inset:0}.splash-hero-mark-icon:before{content:"";inset:calc(41 * var(--u));corner-shape:superellipse(1.7);background:linear-gradient(148deg,#1a3948,#10132e);border-radius:50%;position:absolute}.splash-hero-glyph{--w:calc(60 * var(--u) - 2px);--d:calc(var(--w) * 1.5);width:calc(210 * var(--u));height:var(--w);border-radius:calc(var(--w) / 2);box-shadow:inset 0 0 0 var(--w) #fff;margin:auto;animation:5.5s .3s both splash-hero-glyph;position:absolute;inset:0;rotate:-60deg}@keyframes splash-hero-glyph{0%{width:calc(var(--d) * .9);height:calc(var(--d) * 1.1);border-radius:calc(var(--d) / 2);rotate:none;translate:0 calc(-140 * var(--u));opacity:0;filter:blur(calc(24 * var(--u)));animation-timing-function:cubic-bezier(.32,0,.67,0);scale:1}3.5%{opacity:1;filter:blur()}6%{width:calc(var(--d) * 1.3);height:calc(var(--d) * .7);border-radius:calc(var(--d) / 2);rotate:none;translate:0 calc(var(--d) * .15);animation-timing-function:cubic-bezier(.33,1,.68,1);scale:1}8.4%{width:calc(var(--d) * .95);height:calc(var(--d) * 1.05);border-radius:calc(var(--d) / 2);rotate:none;translate:0 calc(-18 * var(--u));animation-timing-function:cubic-bezier(.32,0,.67,0);scale:1}10.9%{width:calc(var(--d) * 1.12);height:calc(var(--d) * .88);border-radius:calc(var(--d) / 2);rotate:none;translate:0 calc(var(--d) * .06);animation-timing-function:cubic-bezier(.34,1.56,.64,1);scale:1}12.5%{width:var(--d);height:var(--d);border-radius:calc(var(--d) / 2);animation-timing-function:cubic-bezier(.65,0,.35,1);translate:0;rotate:none;scale:1}24.2%{width:calc(210 * var(--u));height:var(--w);border-radius:calc(var(--w) / 2);animation-timing-function:cubic-bezier(.65,0,.35,1);translate:0;rotate:none;scale:1}33.4%{width:calc(210 * var(--u));height:var(--w);border-radius:calc(var(--w) / 2);animation-timing-function:cubic-bezier(.65,0,.35,1);translate:0;rotate:-60deg;scale:1}44.5%{width:calc(210 * var(--u));height:var(--w);border-radius:calc(84 * var(--u));rotate:-90deg;translate:calc(105 * var(--u) - var(--w) / 2) 0;animation-timing-function:cubic-bezier(.65,0,.35,1);scale:1}57.5%{width:calc(210 * var(--u));height:calc(210 * var(--u));border-radius:calc(84 * var(--u));animation-timing-function:cubic-bezier(.65,0,.35,1);translate:0;rotate:-90deg;scale:1}70.5%{width:calc(210 * var(--u));height:calc(210 * var(--u));border-radius:calc(105 * var(--u));animation-timing-function:cubic-bezier(.65,0,.35,1);translate:0;rotate:-90deg;scale:1}83.4%{width:calc(210 * var(--u));height:var(--w);border-radius:calc(105 * var(--u));animation-timing-function:cubic-bezier(.65,0,.35,1);translate:0;rotate:-90deg;scale:1}to{width:calc(210 * var(--u));height:var(--w);border-radius:calc(var(--w) / 2);translate:0;rotate:-60deg;scale:1}}@media (prefers-reduced-motion:reduce){.splash-hero-glyph{animation:none}}
.splash-hero-stage{inset:calc(41 * var(--u));corner-shape:superellipse(1.7);border-radius:50%;position:absolute;overflow:hidden}.splash-hero-phone{--w:calc(60 * var(--u) - 2px);width:var(--w);height:calc(210 * var(--u));border-radius:calc(var(--w) / 2);box-shadow:inset 0 0 0 var(--w) #fff;margin:auto;animation:4.6s .3s both splash-hero-phone;position:absolute;inset:0;rotate:30deg;-webkit-mask-image:linear-gradient(#000 65%,#0000 75%);mask-image:linear-gradient(#000 65%,#0000 75%);-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% 200%;mask-size:100% 200%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes splash-hero-phone{0%{width:calc(244 * var(--u));height:calc(548 * var(--u));border-radius:calc(88 * var(--u));rotate:none;translate:0 calc(240 * var(--u));opacity:0;filter:blur(calc(24 * var(--u)));animation-timing-function:cubic-bezier(.33,1,.68,1);-webkit-mask-position:0 100%;mask-position:0 100%}3%{opacity:1;filter:blur()}8%{width:calc(250 * var(--u));height:calc(536 * var(--u));border-radius:calc(88 * var(--u));rotate:none;translate:0 calc(160 * var(--u));animation-timing-function:cubic-bezier(.32,0,.67,0);-webkit-mask-position:0 100%;mask-position:0 100%}11.5%{width:calc(278 * var(--u));height:calc(494 * var(--u));border-radius:calc(88 * var(--u));rotate:none;translate:0 calc(214 * var(--u));animation-timing-function:cubic-bezier(.33,1,.68,1);-webkit-mask-position:0 100%;mask-position:0 100%}14%{width:calc(256 * var(--u));height:calc(528 * var(--u));border-radius:calc(88 * var(--u));rotate:none;translate:0 calc(188 * var(--u));animation-timing-function:cubic-bezier(.32,0,.67,0);-webkit-mask-position:0 100%;mask-position:0 100%}16.5%{width:calc(268 * var(--u));height:calc(508 * var(--u));border-radius:calc(88 * var(--u));rotate:none;translate:0 calc(206 * var(--u));animation-timing-function:cubic-bezier(.34,1.56,.64,1);-webkit-mask-position:0 100%;mask-position:0 100%}18.5%,48%{width:calc(260 * var(--u));height:calc(520 * var(--u));border-radius:calc(88 * var(--u));rotate:none;translate:0 calc(200 * var(--u));animation-timing-function:cubic-bezier(.65,0,.35,1);-webkit-mask-position:0 100%;mask-position:0 100%}64%{width:var(--w);height:calc(210 * var(--u));border-radius:calc(88 * var(--u));translate:0;rotate:none;-webkit-mask-position:0 0;mask-position:0 0}66%{width:var(--w);height:calc(210 * var(--u));border-radius:calc(var(--w) / 2);animation-timing-function:cubic-bezier(.65,0,.35,1);translate:0;rotate:none;-webkit-mask-position:0 0;mask-position:0 0}82%,to{width:var(--w);height:calc(210 * var(--u));border-radius:calc(var(--w) / 2);translate:0;rotate:30deg;-webkit-mask-position:0 0;mask-position:0 0}}.splash-hero-island{--island:calc(110 * var(--u));top:calc(var(--w) + 24 * var(--u));width:var(--w);height:var(--w);border-radius:calc(var(--w) / 2);opacity:0;background:#fff;animation:4.6s .3s both splash-hero-island;position:absolute;left:50%;translate:-50%;scale:0}@keyframes splash-hero-island{0%,19%{width:var(--w);opacity:0;scale:0}20%{width:var(--w);opacity:1;animation-timing-function:cubic-bezier(.34,1.56,.64,1);scale:0}24%{width:var(--w);opacity:1;animation-timing-function:cubic-bezier(.65,0,.35,1);scale:1}34%,44%{width:var(--island);opacity:1;animation-timing-function:cubic-bezier(.65,0,.35,1);scale:1}50%{width:var(--w);opacity:1;animation-timing-function:cubic-bezier(.32,0,.67,0);scale:1}53%,to{width:var(--w);opacity:0;scale:0}}@media (prefers-reduced-motion:reduce){.splash-hero-phone,.splash-hero-island{animation:none}}
.splash-hero{text-align:center;flex-direction:column;align-items:center;gap:28px;max-width:46ch;margin:0 auto 72px;padding-top:10vh;display:flex}.splash-hero[data-sticky]{top:calc(var(--header-height) + 48px);z-index:0;position:sticky}.splash-hero[data-sticky]~*{z-index:1;position:relative}.splash-hero-text{flex-direction:column;align-items:center;display:flex}.splash-hero-heading,.splash-hero-subheading{animation:.8s ease-out .9s both splash-hero-text-in}.splash-hero-subheading{animation-delay:1.1s}@keyframes splash-hero-text-in{0%{filter:opacity(0);transform:translateY(8px)}}@supports (animation-timeline:scroll()){.splash-hero[data-scroll-exit]{--hero-exit-start:100px}.splash-hero[data-scroll-exit] .splash-hero-mark{animation:linear both splash-hero-fade-out;animation-timeline:scroll(root);animation-range:max(0px, calc(var(--hero-exit-start) - 10vh)) max(120px, var(--hero-exit-start))}.splash-hero[data-scroll-exit] .splash-hero-heading,.splash-hero[data-scroll-exit] .splash-hero-subheading{animation:.8s ease-out .9s both splash-hero-text-in,linear both splash-hero-fade-out;animation-timeline:auto,scroll(root)}.splash-hero[data-scroll-exit] .splash-hero-heading{animation-range:normal, max(0px, calc(var(--hero-exit-start) - 16vh)) max(80px, calc(var(--hero-exit-start) - 6vh))}.splash-hero[data-scroll-exit] .splash-hero-subheading{animation-delay:1.1s,0s;animation-range:normal, max(0px, calc(var(--hero-exit-start) - 22vh)) max(40px, calc(var(--hero-exit-start) - 12vh))}}@keyframes splash-hero-fade-out{to{opacity:0;translate:0 -16px}}.splash-hero-heading{letter-spacing:-.015em;color:var(--color-text-1);text-wrap:balance;font-size:30px;font-weight:600;line-height:1.2}.splash-hero-subheading{color:var(--color-text-2);text-wrap:pretty;margin-top:10px;font-size:16px;line-height:1.5}@media (prefers-reduced-motion:reduce){.splash-hero-mark,.splash-hero-heading,.splash-hero-subheading{animation:none}}
