@font-face{font-family:Geist;src:url(fonts/geist-latin.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{color-scheme:light;
 --bg:#fff;--bg2:#f5f7fb;--ink:#0b0d12;--mute:#566070;--line:#e2e6ee;--card:#fff;--nav:rgba(255,255,255,.78);
 --blue:#0a5fd8;--blue2:#5aa2ff;--violet:#6a3df0;--teal:#007a68;--rose:#c42350;--amber:#a85a00;
 --h1a:#0b0d12;--h1b:#2f4fe8;--h1c:#8a3df0;--h1d:#d1275c;
 --glowA:#bcd7ff;--glowB:#e0c9ff;--glowC:#ffd0dc;--glowD:#c4f2e8;--glowop:.6;
 --shadow:rgba(20,50,120,.28);--focus:#0a5fd8;
 --spring:linear(0,.009,.035 2.1%,.141,.281 6.7%,.723 12.9%,.938 16.7%,1.017,1.077,1.121,1.149 24.3%,1.159,1.163,1.161,1.154 29.9%,1.129 32.8%,1.051 39.6%,1.017 43.1%,.991,.977 51%,.974 53.8%,.975 57.5%,.997 69.7%,1.003 76.9%,1);
 --ease:cubic-bezier(.2,.7,.2,1);--r:22px}
:root[data-theme=dark]{color-scheme:dark;
 --bg:#0a0c11;--bg2:#12151c;--ink:#f1f4f9;--mute:#a4adbd;--line:#262c39;--card:#141821;--nav:rgba(14,17,23,.78);
 --blue:#6aa8ff;--blue2:#3b82f6;--violet:#a98bff;--teal:#4fd9bf;--rose:#ff8aa8;--amber:#ffc15e;
 --h1a:#f1f4f9;--h1b:#7aa7ff;--h1c:#b894ff;--h1d:#ff8aa8;
 --glowA:#1c3e86;--glowB:#3d2a8a;--glowC:#7a2447;--glowD:#0d5e52;--glowop:.55;
 --shadow:rgba(0,0,0,.6);--focus:#8fc0ff}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;
 --bg:#0a0c11;--bg2:#12151c;--ink:#f1f4f9;--mute:#a4adbd;--line:#262c39;--card:#141821;--nav:rgba(14,17,23,.78);
 --blue:#6aa8ff;--blue2:#3b82f6;--violet:#a98bff;--teal:#4fd9bf;--rose:#ff8aa8;--amber:#ffc15e;
 --h1a:#f1f4f9;--h1b:#7aa7ff;--h1c:#b894ff;--h1d:#ff8aa8;
 --glowA:#1c3e86;--glowB:#3d2a8a;--glowC:#7a2447;--glowD:#0d5e52;--glowop:.55;
 --shadow:rgba(0,0,0,.6);--focus:#8fc0ff}}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;scroll-padding-top:90px;background:var(--bg)}
body{font-family:Geist,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:clip;line-height:1.55;transition:background .4s,color .4s}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:10px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
ul.sr{list-style:none;padding:0}
.skip{position:fixed;left:12px;top:-60px;z-index:100;background:var(--ink);color:var(--bg);padding:12px 18px;border-radius:12px;font-weight:600;transition:top .2s}
.skip:focus{top:12px}
main:focus{outline:0}
.progress{position:fixed;inset:0 0 auto;height:3px;z-index:60;pointer-events:none}
.progress i{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,var(--blue),var(--violet),var(--rose))}
.nav{position:fixed;inset:14px 0 auto;margin:auto;width:min(980px,calc(100% - 24px));z-index:50;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px 8px 20px;background:var(--nav);backdrop-filter:blur(18px) saturate(1.6);-webkit-backdrop-filter:blur(18px) saturate(1.6);border:1px solid var(--line);border-radius:999px;transition:box-shadow .3s,background .4s}
.nav.s{box-shadow:0 10px 34px -10px var(--shadow)}
.nav nav{display:flex;gap:6px;font-size:14px}
.nav nav a{padding:12px 14px;border-radius:999px;color:var(--mute);transition:color .2s,background .2s}
.nav nav a:hover{color:var(--ink);background:var(--bg2)}
.tools{display:flex;align-items:center;gap:6px}
.brand{display:flex;align-items:center;gap:9px;font-weight:650;letter-spacing:-.01em;min-height:44px}
.mark{width:18px;height:18px;border-radius:6px;background:conic-gradient(from 200deg,#0a66e8,#7c4dff,#ff4d7d,#ff9f1c,#0a66e8)}
.icon{width:44px;height:44px;border-radius:50%;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;color:var(--ink);transition:background .2s,transform .4s var(--spring)}
.icon:hover{background:var(--bg2);transform:rotate(12deg) scale(1.06)}
.sun,#motion .pl{display:none}
:root[data-theme=dark] .moon{display:none}:root[data-theme=dark] .sun{display:block}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .moon{display:none}:root:not([data-theme=light]) .sun{display:block}}
#motion[aria-pressed=true] .pa{display:none}#motion[aria-pressed=true] .pl{display:block}
.pill{display:inline-flex;align-items:center;justify-content:center;min-height:48px;background:linear-gradient(100deg,#0a5fd8,#6a3df0);color:#fff;font:600 15px Geist,sans-serif;padding:0 26px;border-radius:999px;border:0;cursor:pointer;box-shadow:0 12px 26px -12px rgba(80,60,230,.8);transition:box-shadow .3s,filter .3s;will-change:transform}
.pill:hover{filter:brightness(1.1) saturate(1.1);box-shadow:0 18px 34px -12px rgba(80,60,230,.9)}
.pill.sm{min-height:44px;padding:0 20px;font-size:14px}
.ghost{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;font-weight:550;border-radius:999px}
.ghost:hover{color:var(--blue);background:var(--bg2)}
.badge{display:inline-flex;align-items:center;gap:8px;padding:7px 15px;border:1px solid var(--line);border-radius:999px;background:var(--card);font-size:13px;color:var(--mute)}
.badge i{width:7px;height:7px;border-radius:50%;background:var(--teal);animation:ping 2.2s infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--teal) 60%,transparent)}70%,100%{box-shadow:0 0 0 9px transparent}}
.glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:var(--glowop);pointer-events:none;z-index:0;will-change:transform}
.g1{width:560px;height:560px;background:var(--glowA);left:-120px;top:40px}
.g2{width:480px;height:480px;background:var(--glowB);right:-100px;top:180px}
.g3{width:640px;height:420px;background:linear-gradient(90deg,var(--glowA),var(--glowB),var(--glowC));left:50%;top:10%;translate:-50% 0}
.hero{position:relative;text-align:center;padding:150px 20px 40px;overflow:hidden}
.hero>*{position:relative;z-index:1}
.hero>.glow{position:absolute}
.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(100px);opacity:var(--glowop);z-index:0;pointer-events:none}
.hero:before{width:380px;height:380px;background:var(--glowD);left:8%;top:560px}
.hero:after{width:420px;height:420px;background:var(--glowC);left:55%;top:420px}
h1{font-size:clamp(40px,7.4vw,92px);line-height:1.04;letter-spacing:-.045em;font-weight:650;margin:22px auto 0;max-width:19ch;text-wrap:balance;color:var(--ink)}
@supports (background-clip:text) or (-webkit-background-clip:text){h1{background:linear-gradient(100deg,var(--h1a) 0%,var(--h1a) 36%,var(--h1b) 60%,var(--h1c) 80%,var(--h1d) 100%);background-size:130% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}}
h2{font-size:clamp(30px,4.4vw,54px);line-height:1.06;letter-spacing:-.035em;font-weight:650;text-wrap:balance}
.lead{font-size:clamp(17px,2vw,21px);color:var(--mute);max-width:640px;margin:26px auto 0}
.cta{display:flex;gap:10px;justify-content:center;margin-top:34px;flex-wrap:wrap}
.js .hero .badge,.js .hero h1,.js .hero .lead,.js .hero .cta{opacity:0;transform:translateY(22px);filter:blur(10px);animation:in 1s var(--ease) forwards}
.js .hero h1{animation:in 1s var(--ease) .12s forwards,hue 12s ease-in-out 1.2s infinite alternate}
.js .hero .badge{animation-delay:.02s}.js .hero .lead{animation-delay:.3s}.js .hero .cta{animation-delay:.44s}
@keyframes in{to{opacity:1;transform:none;filter:none}}
@keyframes hue{to{background-position:100% 0}}
.stage{position:relative;max-width:1180px;margin:64px auto 0;perspective:1600px}
.shot{border-radius:20px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 60px 120px -30px var(--shadow),0 20px 40px -20px var(--shadow);transform:rotateX(var(--rx,16deg)) scale(var(--sc,.94));transform-origin:50% 0;will-change:transform}
.chip{position:absolute;border-radius:14px;border:1px solid var(--line);box-shadow:0 24px 50px -18px var(--shadow);background:#fff;z-index:2;translate:0 var(--py,0px)}
.c1{left:-2%;top:16%;width:clamp(100px,14vw,170px);border-top:3px solid #00a98f}
.c2{right:3%;top:-2%;width:clamp(180px,26vw,300px);border-radius:999px}
.c3{right:-2%;bottom:10%;width:clamp(130px,19vw,230px);border-top:3px solid #7c4dff}
.float{animation:fl 7s ease-in-out infinite}.d2{animation-delay:-2s}.d3{animation-delay:-4s}
@keyframes fl{50%{transform:translateY(-14px)}}
.regs{max-width:1000px;margin:10px auto 0;padding:40px 24px 0;text-align:center}
.regs p{font-size:14px;color:var(--mute);margin-bottom:16px}
.regs div{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center}
.regs b{font-weight:560;font-size:14px;padding:8px 16px;border-radius:999px;background:var(--card);border:1px solid var(--line)}
.regs span{font-size:13px;font-weight:650;padding:8px 14px;border-radius:999px;color:#fff;margin-left:6px}
.regs .us{background:linear-gradient(100deg,#0a5fd8,#6a3df0)}
.regs .ca{background:linear-gradient(100deg,#c42350,#c9410f);margin-left:18px}
.strip{padding:56px 0 10px}
.marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.track{display:flex;gap:14px;width:max-content;animation:mq 50s linear infinite}
.marquee:hover .track{animation-play-state:paused}
.track span{display:inline-flex;align-items:center;gap:9px;padding:10px 20px;border:1px solid var(--line);border-radius:999px;color:var(--ink);font-size:15px;white-space:nowrap;background:var(--card)}
.track i{width:8px;height:8px;border-radius:50%;background:#0a66e8}
.track span:nth-child(5n+2) i{background:#e8396a}.track span:nth-child(5n+3) i{background:#00a98f}.track span:nth-child(5n+4) i{background:#7c4dff}.track span:nth-child(5n) i{background:#ff9f1c}
@keyframes mq{to{transform:translateX(-50%)}}
.blue{--a:#0a5fd8;--a2:#5aa2ff;--tint:#e6f0fd;--wash:#d6e6ff;--t:#0a5fd8}
.rose{--a:#c42350;--a2:#ff8aa8;--tint:#ffe9ef;--wash:#ffd3df;--t:#c42350}
.teal{--a:#007a68;--a2:#3fd6bd;--tint:#dcf7f1;--wash:#c4f2e8;--t:#007a68}
.violet{--a:#6a3df0;--a2:#a98bff;--tint:#eee8ff;--wash:#ddd2ff;--t:#6a3df0}
.amber{--a:#a85a00;--a2:#ffc15e;--tint:#fff1d9;--wash:#ffe3b0;--t:#a85a00}
:root[data-theme=dark] :is(.blue,.rose,.teal,.violet,.amber){--tint:#1b2233}
:root[data-theme=dark] .blue{--a:#6aa8ff;--t:#6aa8ff;--wash:#1c3e86}:root[data-theme=dark] .rose{--a:#ff8aa8;--t:#ff8aa8;--wash:#7a2447}:root[data-theme=dark] .teal{--a:#4fd9bf;--t:#4fd9bf;--wash:#0d5e52}:root[data-theme=dark] .violet{--a:#a98bff;--t:#a98bff;--wash:#3d2a8a}:root[data-theme=dark] .amber{--a:#ffc15e;--t:#ffc15e;--wash:#6b4300}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) :is(.blue,.rose,.teal,.violet,.amber){--tint:#1b2233}
:root:not([data-theme=light]) .blue{--a:#6aa8ff;--t:#6aa8ff;--wash:#1c3e86}:root:not([data-theme=light]) .rose{--a:#ff8aa8;--t:#ff8aa8;--wash:#7a2447}:root:not([data-theme=light]) .teal{--a:#4fd9bf;--t:#4fd9bf;--wash:#0d5e52}:root:not([data-theme=light]) .violet{--a:#a98bff;--t:#a98bff;--wash:#3d2a8a}:root:not([data-theme=light]) .amber{--a:#ffc15e;--t:#ffc15e;--wash:#6b4300}}
.feature{position:relative;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(30px,6vw,90px);align-items:center;max-width:1200px;margin:0 auto;padding:clamp(70px,10vw,140px) 24px}
.feature.flip{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.feature.flip .copy{order:2}
.feature:before{content:"";position:absolute;z-index:-1;width:560px;height:560px;border-radius:50%;background:var(--wash);filter:blur(110px);opacity:.7;top:50%;translate:0 -50%;right:-120px}
.feature.flip:before{right:auto;left:-120px}
.copy p{color:var(--mute);font-size:18px;margin-top:20px;max-width:46ch}
.copy h2:after{content:"";display:block;width:56px;height:5px;border-radius:5px;background:linear-gradient(90deg,var(--a),var(--a2));margin-top:22px;transform-origin:0 50%}
.copy ul{list-style:none;padding:0;margin-top:26px;display:grid;gap:12px}
.copy li{padding-left:32px;position:relative;font-size:16px}
.copy li:before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;background-color:var(--tint);box-shadow:inset 0 0 0 1.5px var(--a2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.3l2.2 2.2 4.8-4.8' fill='none' stroke='%23566070' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:16px;background-position:center;background-repeat:no-repeat}
:root[data-theme=dark] .copy li:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.3l2.2 2.2 4.8-4.8' fill='none' stroke='%23f1f4f9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .copy li:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.3l2.2 2.2 4.8-4.8' fill='none' stroke='%23f1f4f9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}}
.frame{border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 50px 90px -30px color-mix(in srgb,var(--a) 45%,transparent),0 0 0 1px var(--line);transform:translateY(var(--py,0px))}
.bar{display:flex;gap:6px;padding:11px 14px;background:linear-gradient(90deg,var(--tint),var(--card));border-bottom:1px solid var(--line)}
.bar b{width:9px;height:9px;border-radius:50%}.bar b:nth-child(1){background:#ff6b6b}.bar b:nth-child(2){background:#ffc14d}.bar b:nth-child(3){background:#3ddc97}
.phones{position:relative;height:clamp(420px,52vw,640px);display:flex;justify-content:center;align-items:center}
.phones:before{content:"";position:absolute;inset:8% 10%;background:radial-gradient(closest-side,var(--glowA),transparent);filter:blur(30px);z-index:-1;opacity:.8}
.ph{position:absolute;width:clamp(150px,19vw,230px);border-radius:30px;border:6px solid var(--card);box-shadow:0 40px 70px -20px var(--shadow),0 0 0 1px var(--line);background:#fff;transform:translateX(var(--tx,0%)) translateY(var(--ty,0px)) rotate(var(--rot,0deg))}
.p1{--tx:-62%;--rot:-7deg}.p2{z-index:2;width:clamp(165px,21vw,252px)}.p3{--tx:62%;--rot:7deg}
.bento{max-width:1200px;margin:0 auto;padding:clamp(60px,9vw,120px) 24px}
.center{text-align:center}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:56px}
.tile{position:relative;background:var(--bg2);border-radius:var(--r);padding:28px 28px 0;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:340px;border:1px solid var(--line);transition:transform .6s var(--spring),box-shadow .4s}
.tile.wide{grid-column:span 2}
.tile:is(.blue,.violet,.teal,.amber){background:linear-gradient(160deg,color-mix(in srgb,var(--wash) 55%,var(--bg)),var(--bg) 72%)}
.tile:hover{transform:translateY(-6px);box-shadow:0 34px 60px -30px color-mix(in srgb,var(--a) 60%,transparent)}
.tile:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--a2) 22%,transparent),transparent 60%)}
.tile:hover:after{opacity:1}
.tile h3{font-size:22px;letter-spacing:-.02em;font-weight:650;color:var(--t)}
.tile p{color:var(--mute);margin-top:6px;font-size:15px}
.tile img{margin-top:22px;border-radius:12px 12px 0 0;border:1px solid var(--line);border-bottom:0;box-shadow:0 -10px 30px -12px var(--shadow);width:100%;background:#fff}
.closer{position:relative;text-align:center;padding:clamp(90px,12vw,170px) 20px;overflow:hidden;background:linear-gradient(var(--bg) 0%,color-mix(in srgb,var(--glowA) 25%,var(--bg)) 45%,color-mix(in srgb,var(--glowC) 25%,var(--bg)) 100%)}
.closer>*{position:relative}.closer>.glow{position:absolute}
.closer h2{margin:22px auto 0;max-width:16ch;font-size:clamp(36px,6vw,72px)}
.closer p{color:var(--mute);font-size:18px;margin:20px auto 0;max-width:46ch}
.form{display:flex;gap:8px;justify-content:center;margin:34px auto 0;max-width:500px;padding:7px;background:var(--card);border:1px solid var(--line);border-radius:999px;box-shadow:0 20px 50px -25px var(--shadow);transition:box-shadow .3s,border-color .3s}
.form:focus-within{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 35%,transparent)}
.form input{flex:1;min-width:0;border:0;background:none;color:var(--ink);font:16px Geist,sans-serif;padding:0 16px;outline:0;min-height:48px}
.form input::placeholder{color:var(--mute);opacity:1}
.msg{min-height:1.5em;font-size:15px!important;margin-top:14px!important;color:var(--mute)}
.msg.err{color:var(--rose)}.msg.ok{color:var(--teal)}
footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;max-width:1200px;margin:0 auto;padding:30px 24px;color:var(--mute);font-size:14px;border-top:1px solid var(--line)}
.js .reveal{opacity:0;transform:translateY(34px);filter:blur(6px);transition:opacity .9s var(--ease) calc(var(--i,0)*90ms),transform 1.1s var(--spring) calc(var(--i,0)*90ms),filter .9s var(--ease) calc(var(--i,0)*90ms)}
.js .reveal.in{opacity:1;transform:none;filter:none}
.js .copy li{opacity:0;transform:translateX(-14px);transition:opacity .6s var(--ease) calc(.25s + var(--i,0)*110ms),transform .8s var(--spring) calc(.25s + var(--i,0)*110ms)}
.js .copy.in li{opacity:1;transform:none}
.js .copy h2:after{transform:scaleX(0);transition:transform .9s var(--ease) .2s}
.js .copy.in h2:after{transform:scaleX(1)}
.w{display:inline-block;opacity:0;transform:translateY(.5em);transition:opacity .7s var(--ease) calc(var(--i)*55ms),transform .9s var(--spring) calc(var(--i)*55ms)}
.in .w{opacity:1;transform:none}
@media(max-width:860px){.nav nav{display:none}.feature,.feature.flip{grid-template-columns:1fr}.feature.flip .copy{order:0}.grid{grid-template-columns:1fr}.tile.wide{grid-column:auto}.c1{left:0}.c3{right:0}.shot{--rx:8deg}.ph{width:34vw}.p2{width:38vw}.phones{height:96vw}.pill.sm{padding:0 14px}}
:root[data-motion=off] *,:root[data-motion=off] *:before,:root[data-motion=off] *:after{animation:none!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}
:root[data-motion=off] .shot{transform:none}
:root[data-motion=off] .hero :is(.badge,h1,.lead,.cta){opacity:1!important;transform:none!important;filter:none!important}
:root[data-motion=off] :is(.reveal,.w,.copy li){opacity:1!important;transform:none!important;filter:none!important}
:root[data-motion=off] .copy h2:after{transform:none!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}
 .shot{transform:none}.hero :is(.badge,h1,.lead,.cta){opacity:1!important;transform:none!important;filter:none!important}
 :is(.reveal,.w,.copy li){opacity:1!important;transform:none!important;filter:none!important}.copy h2:after{transform:none!important}}
@media(forced-colors:active){h1{-webkit-text-fill-color:CanvasText;color:CanvasText;background:none}.pill{border:2px solid ButtonText}.badge i,.mark{forced-color-adjust:none}}