:root{--accent: #9168d6;--accent-strong: #7a4dd1;--accent-press: #5d369f;--on-accent: #fff;--accent-boy: #4f8fe0;--accent-girl: #e072aa;--accent-neutral: #9168d6;--accent-mint: #2cbf94;--accent-sunset: #f0814a;--accent-berry: #d65f88;--glass-bg-neutral-a: #efe6ff;--glass-bg-neutral-b: #fbf7ff;--blob-neutral-1: #ff7ec2;--blob-neutral-2: #4fa8ff;--blob-neutral-3: #b388ff;--blob-neutral-4: #3ed1b0;--blob-neutral-5: #ff9e7a;--blob-neutral-6: #8aa0ff;--glass-fill: rgba(255, 255, 255, .35);--glass-fill-strong: rgba(255, 255, 255, .55);--glass-blur: 30px;--glass-edge: rgba(255, 255, 255, .6);--glass-hairline: rgba(0, 0, 0, .12);--glass-hairline-strong: rgba(0, 0, 0, .15);--glass-subtext: rgba(0, 0, 0, .6);--radius-glass-card: 28px;--radius-glass-button: 18px;--shadow-card: 0 8px 30px rgba(0, 0, 0, .35);--shadow-stage-glow: 0 0 40px rgba(255, 255, 255, .35);--stage-girl-a: #7a1b56;--stage-girl-b: #3a0a2a;--font-sans: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--dur-base: .25s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.45, 0, .55, 1)}*{box-sizing:border-box}html,body{margin:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:#18121f;background:radial-gradient(140% 120% at 50% -10%,var(--glass-bg-neutral-a),var(--glass-bg-neutral-b));position:relative;overflow-x:hidden;-webkit-font-smoothing:antialiased}.blob{position:fixed;border-radius:999px;opacity:.34;filter:blur(44px);z-index:0;pointer-events:none}.b1{width:480px;height:480px;background:var(--blob-neutral-1);top:-150px;left:-120px}.b2{width:440px;height:440px;background:var(--blob-neutral-2);top:100px;right:-150px}.b3{width:380px;height:380px;background:var(--blob-neutral-3);top:540px;left:26%;opacity:.3}.b4{width:360px;height:360px;background:var(--blob-neutral-4);top:280px;left:40%;opacity:.24}.b5{width:340px;height:340px;background:var(--blob-neutral-5);bottom:60px;right:-80px;opacity:.26}.b6{width:300px;height:300px;background:var(--blob-neutral-6);top:380px;left:-100px;opacity:.26}.wrap{position:relative;z-index:2;max-width:1120px;margin:0 auto;padding:0 32px}.glass{background:var(--glass-fill);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-hairline);box-shadow:inset 0 1px 0 var(--glass-edge),0 10px 34px -14px #28144633;border-radius:var(--radius-glass-card)}.grad{background:linear-gradient(105deg,var(--accent-boy),var(--accent-neutral) 55%,var(--accent-girl));-webkit-background-clip:text;background-clip:text;color:transparent}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-sans);font-size:16px;font-weight:600;border-radius:var(--radius-glass-button);padding:13px 24px;cursor:pointer;border:1px solid transparent;text-decoration:none;transition:transform .14s var(--ease-out),background .2s var(--ease-out),box-shadow .2s var(--ease-out)}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0) scale(.98)}.btn-primary{background:var(--accent-strong);color:var(--on-accent);box-shadow:0 10px 24px -12px #7a4dd1b3}.btn-primary:hover{background:var(--accent-press);box-shadow:0 16px 32px -12px #5d369fbf}.btn-glass:hover{background:#fff}.btn i,.btn svg{transition:transform .2s var(--ease-out)}.btn-primary:hover i{transform:translate(3px)}.btn-glass{background:var(--glass-fill-strong);border-color:var(--glass-hairline-strong);backdrop-filter:blur(var(--glass-blur));color:#18121f}nav{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;max-width:1120px;margin:0 auto;padding:22px 32px}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:700;letter-spacing:-.01em}.brand img{width:34px;height:34px}.navlinks{display:flex;gap:28px;font-size:15px;font-weight:500;color:#18121fb3}.navlinks a{color:inherit;text-decoration:none}.navlinks a:hover{color:#18121f}.hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:56px 0 64px}.kicker{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:18px}h1{font-size:56px;line-height:1.02;letter-spacing:-.03em;font-weight:800;margin:0 0 20px;text-wrap:balance}.lead{font-size:19px;line-height:1.55;color:#18121fa8;margin:0 0 28px;max-width:32ch}.cta-row{display:flex;gap:12px;flex-wrap:wrap}.devices{position:relative;height:460px}.phone{position:absolute;left:6%;top:24px;width:240px;padding:26px 22px;text-align:center;z-index:3}.phone .pk{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--glass-subtext)}.phone .pq{font-size:21px;font-weight:700;margin:14px 0 8px}.phone .ph{font-size:13px;color:var(--glass-subtext)}.phone .pbtn{margin-top:18px;background:var(--glass-fill-strong);border:1px solid var(--glass-hairline-strong);border-radius:var(--radius-glass-button);padding:13px;font-size:16px;font-weight:700}.tv{position:absolute;right:0;bottom:0;width:320px;height:200px;border-radius:22px;background:radial-gradient(120% 120% at 50% 0%,var(--stage-girl-a),var(--stage-girl-b));display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-card);z-index:2}.tv .tk{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#ffffffb3}.tv .th{font-size:34px;font-weight:900;margin-top:8px;text-shadow:var(--shadow-stage-glow)}.synclabel{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);z-index:4;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-press);background:var(--glass-fill-strong);padding:7px 13px;border-radius:999px;border:1px solid var(--glass-hairline-strong);box-shadow:0 8px 24px -10px #28144666}.synclabel svg{width:14px;height:14px}.featchips{display:flex;gap:20px;margin-top:26px;flex-wrap:wrap}.featchips span{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:#18121fb3}.featchips svg{width:16px;height:16px;color:var(--accent-press)}section{padding:64px 0}.sec-head{text-align:center;max-width:620px;margin:0 auto 44px}.sec-head h2{font-size:38px;font-weight:800;letter-spacing:-.02em;margin:0 0 12px}.sec-head p{font-size:17px;color:#18121f9e;margin:0;line-height:1.5}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{padding:28px 24px;transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.step:hover,.fcard:hover{transform:translateY(-4px);box-shadow:inset 0 1px 0 var(--glass-edge),0 22px 46px -16px #2814464d}.step .num{width:40px;height:40px;border-radius:999px;background:var(--accent-strong);color:var(--on-accent);display:grid;place-items:center;font-weight:700;font-size:17px;margin-bottom:16px}.step h3{font-size:20px;font-weight:700;margin:0 0 8px}.step p{font-size:15px;line-height:1.55;color:#18121f9e;margin:0}.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.fcard{padding:26px 24px;transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.ficon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;margin-bottom:16px}.ficon svg{width:23px;height:23px}.fcard h4{font-size:17px;font-weight:700;margin:0 0 6px}.fcard p{font-size:14px;line-height:1.5;color:#18121f99;margin:0}.ctaband{text-align:center;padding:56px 40px;margin-bottom:64px}.ctaband h2{font-size:34px;font-weight:800;letter-spacing:-.02em;margin:0 0 10px}.ctaband p{font-size:17px;color:#18121f9e;margin:0 0 24px}footer{position:relative;z-index:2;border-top:1px solid var(--glass-hairline);padding:28px 0;font-size:14px;color:#18121f8c}footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px}footer a{color:inherit}a:focus-visible,.btn:focus-visible{outline:3px solid var(--accent-strong);outline-offset:3px;border-radius:8px}@keyframes gr-blob-1{0%{transform:translate(0) scale(1)}25%{transform:translate(34px,22px) scale(1.06)}50%{transform:translate(14px,46px) scale(1.02)}75%{transform:translate(-22px,22px) scale(1.05)}to{transform:translate(0) scale(1)}}@keyframes gr-blob-2{0%{transform:translate(0) scale(1)}25%{transform:translate(-32px,18px) scale(.96)}50%{transform:translate(-12px,42px) scale(1)}75%{transform:translate(24px,18px) scale(.93)}to{transform:translate(0) scale(1)}}@keyframes gr-blob-3{0%{transform:translate(0) scale(1)}25%{transform:translate(26px,-22px) scale(1.05)}50%{transform:translate(-8px,-42px) scale(1)}75%{transform:translate(-28px,-16px) scale(1.08)}to{transform:translate(0) scale(1)}}@keyframes gr-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.gr-blob-1{animation:gr-blob-1 26s linear infinite}.gr-blob-2{animation:gr-blob-2 32s linear infinite}.gr-blob-3{animation:gr-blob-3 29s linear infinite}.gr-float{animation:gr-float 3.2s var(--ease-in-out) infinite}[data-reveal]{opacity:0;transform:translateY(22px)}[data-reveal].in{opacity:1;transform:none;transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}@media(prefers-reduced-motion:reduce){.gr-blob-1,.gr-blob-2,.gr-blob-3,.gr-float{animation:none}[data-reveal],[data-reveal].in{opacity:1!important;transform:none!important;transition:none}}@keyframes rise-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.hero>div:first-child>*{animation:rise-in .6s var(--ease-out) both}.hero>div:first-child>*:nth-child(1){animation-delay:.02s}.hero>div:first-child>*:nth-child(2){animation-delay:.08s}.hero>div:first-child>*:nth-child(3){animation-delay:.14s}.hero>div:first-child>*:nth-child(4){animation-delay:.2s}.hero>div:first-child>*:nth-child(5){animation-delay:.26s}.devices{animation:rise-in .75s var(--ease-out) .18s both}nav,.navlinks a,.brand img{transition:transform .2s var(--ease-out),color .2s var(--ease-out)}.navlinks a{position:relative}.navlinks a:after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:2px;background:var(--accent-strong);border-radius:2px;transition:right .25s var(--ease-out)}.navlinks a:hover:after{right:0}.brand:hover img{transform:rotate(-8deg) scale(1.06)}.ficon{transition:transform .25s var(--ease-out)}.fcard:hover .ficon{transform:scale(1.08) rotate(-3deg)}.step .num{transition:transform .25s var(--ease-out)}.step:hover .num{transform:scale(1.08)}@media(prefers-reduced-motion:reduce){.hero>div:first-child>*,.devices{animation:none}}@media(max-width:860px){.navlinks{display:none}.hero{grid-template-columns:1fr;gap:24px;padding:32px 0 40px}h1{font-size:40px}.devices{height:380px;max-width:420px;margin:0 auto;width:100%}.synclabel{display:none}.steps,.feat{grid-template-columns:1fr}.sec-head h2{font-size:30px}footer .wrap{flex-direction:column;text-align:center}}