:root{color:#eaf2ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:radial-gradient(circle at 30% 20%,#ff54b53d,#0000 12%),radial-gradient(circle at 70% 18%,#507dff2e,#0000 14%),linear-gradient(#070d1f 0%,#060a15 100%);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:0 0;min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}#root{min-height:100vh}a{color:inherit}.page-shell{width:min(1420px,100% - 32px);margin:0 auto;padding:18px 0 40px}.topbar{background:#0a1222c7;border:1px solid #8faaff2e;border-radius:24px;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px 12px;display:flex;box-shadow:0 20px 60px #0000003d}.brand-wrap{align-items:center;gap:14px;display:flex}.brand-mark{background:linear-gradient(135deg,#ff4ec4e6,#4979ffe6);border-radius:12px;width:34px;height:34px;position:relative;box-shadow:0 0 28px #ff62bcb3}.mark-dot,.mark-wave{border-radius:50%;display:block;position:absolute}.mark-dot{background:#fff;width:10px;height:10px;top:7px;left:12px}.mark-wave{border:2px solid #ffffffd9;border-color:#0000 #ffffffd9 #ffffffd9 #0000;width:18px;height:18px;top:7px;right:6px;transform:rotate(45deg)}.brand-text{flex-wrap:wrap;align-items:baseline;font-size:clamp(1.5rem,1.2rem + .8vw,2.5rem);font-weight:800;line-height:1;display:flex}.brand-name{color:#f6f7fb}.brand-name.accent{background:linear-gradient(90deg,#ff5cae,#ffbb4d,#31d0ff);color:#0000;-webkit-background-clip:text;background-clip:text}.main-nav{align-items:center;gap:26px;display:flex}.main-nav a{color:#dfe7ffcc;letter-spacing:.04em;font-size:.9rem;text-decoration:none}.nav-cta,.primary-btn,.secondary-btn,.phone-btn,.ghost-btn,.contact-link{cursor:pointer;font:inherit;border:none;border-radius:999px;justify-content:center;align-items:center;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.nav-cta,.primary-btn,.contact-link{color:#fff;background:linear-gradient(90deg,#ff4bc4,#ff8f38);font-weight:700;box-shadow:0 12px 24px #ff70aa59}.nav-cta{padding:.9rem 1.3rem}.primary-btn,.contact-link{padding:1rem 1.6rem}.secondary-btn,.ghost-btn{color:#eff4ff;background:#ffffff0d;border:1px solid #a8b8ff3d}.secondary-btn{padding:1rem 1.5rem}.nav-cta:hover,.primary-btn:hover,.secondary-btn:hover,.phone-btn:hover,.ghost-btn:hover{transform:translateY(-1px)}.page-content{padding-top:26px}.section-block{margin-top:62px}.section-heading{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.section-heading.standalone{border-bottom:1px solid #a4b8ff1f;width:100%;margin-bottom:24px;padding-bottom:10px}.section-heading h3{color:#f4f8ff;margin:0;font-size:clamp(1.5rem,1.2rem + .8vw,2.3rem);line-height:1.15}.compact-heading{margin-bottom:0}.hero{grid-template-columns:1.08fr 1.1fr;align-items:center;gap:10px;min-height:620px;display:grid}.hero-copy{padding:30px 10px 30px 18px}.eyebrow,.mini-label,.panel-label{text-transform:uppercase;letter-spacing:.18em;color:#8ce9ff;font-size:.72rem;display:inline-block}.hero-copy h1{letter-spacing:-.06em;color:#f7f8ff;max-width:550px;margin:14px 0 18px;font-size:clamp(3rem,2.4rem + 2vw,5.2rem);line-height:.95}.supporting-copy{color:#dee6ffc7;max-width:540px;font-size:1.08rem;line-height:1.65}.cta-row{align-items:center;gap:16px;margin-top:28px;display:flex}.mini-stats{align-items:center;gap:22px;margin:34px 0 0;padding:0;list-style:none;display:flex}.mini-stats li{flex-direction:column;gap:4px;min-width:110px;display:flex}.mini-stats strong{color:#f9fbff;font-size:1.05rem}.mini-stats span{color:#d1dcffb3;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.hero-stage{background:radial-gradient(circle at 50% 32%,#24133f59,#07091759 35%,#070917b3 78%);border-radius:32px;min-height:600px;position:relative;overflow:hidden}.light{filter:blur(32px);opacity:.8;border-radius:50%;width:180px;height:180px;position:absolute}.light-one{background:#2fa4ffbf;top:18%;left:0}.light-two{background:#ff714fcc;top:18%;right:4%}.light-three{background:#ffd848b8;bottom:8%;left:18%}.light-four{background:#22edcf94;bottom:0;right:12%}.disco-ball{aspect-ratio:1;background:linear-gradient(135deg,#fffc,#ffffff1f 16%,#ffffff24 18%,#0f122038 20%),linear-gradient(90deg,#ff65ade6,#1cd2ffe6 30%,#ff7822f2 70%,#8c5affe6);border-radius:50%;width:min(52vw,540px);position:absolute;top:58%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:inset 0 0 30px #ffffff59,0 0 40px #ff24c080}.disco-ball:before{content:"";mix-blend-mode:screen;background-image:linear-gradient(#ffffff57 0 2px,#0000 2px 100%),linear-gradient(90deg,#ffffff1f 0 1px,#0000 1px 100%);background-size:22% 18%;border-radius:50%;position:absolute;inset:0}.ball-glow{background:radial-gradient(circle at 50% 35%,#fffc,#ffffff14 38%,#10101026 60%,#0000 70%);border-radius:50%;position:absolute;inset:12%}.mirror{background:#ffffff38;border-radius:50%;position:absolute;box-shadow:inset 0 0 18px #ffffff4d}.mirror-a{inset:12% 18% 52%}.mirror-b{inset:52% 18% 12%}.mirror-c{inset:18% 52% 18% 12%}.mirror-d{inset:18% 12% 18% 52%}.crowd{filter:blur(1px);opacity:.92;background:radial-gradient(circle at 50% 12%,#0f111899,#06070ff5 70%);border-radius:50% 50% 0 0;width:38%;height:180px;position:absolute;bottom:-24px}.crowd-left{left:0}.crowd-right{right:0}.crowd-bottom{width:70%;height:170px;left:50%;transform:translate(-50%)}.swatch-panel,.info-card,.dashboard-panel,.cta-section{background:#0b1323cc;border:1px solid #8faaff33;box-shadow:0 24px 44px #06080f73}.swatch-panel{border-radius:22px;margin-top:18px;padding:22px 18px 12px}.panel-header{margin-bottom:18px}.swatches{grid-template-columns:repeat(8,minmax(80px,1fr));gap:16px;display:grid}.swatch-item{color:#e0e9ffb8;text-align:center;flex-direction:column;align-items:center;gap:8px;font-size:.72rem;display:flex}.swatch{border:2px solid #fff3;border-radius:50%;width:42px;height:42px;display:block;box-shadow:inset 0 0 18px #ffffff2e}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px;display:grid}.info-card{border-radius:26px;padding:24px 24px 20px}.feature-card h2{color:#f5f8ff;margin:12px 0 10px;font-size:clamp(1.7rem,1.2rem + .7vw,2.1rem);line-height:1.1}.feature-card p{color:#dce6ffbf;line-height:1.6}.tag-list{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.tag-pill,.pill,.mini-tag{letter-spacing:.03em;border-radius:999px;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:inline-flex}.tag-pill{color:#ffd7ef;background:#ff4aaf29;border:1px solid #ff66bf61;padding:.55rem .8rem}.metric-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.metric-row div{background:#ffffff05;border:1px solid #9bb0ff2e;border-radius:18px;flex-direction:column;gap:6px;padding:12px 10px;display:flex}.metric-row strong{color:#fff;font-size:1.1rem}.metric-row span{color:#dfe8ffb8;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}.dark-card{background:linear-gradient(135deg,#111c38f2,#0a101deb)}.slim-card{background:linear-gradient(160deg,#120d1be6,#0a121fe6)}.status-stack{flex-direction:column;gap:12px;margin-top:20px;display:flex}.status-item{color:#e5eaffd1;background:#ffffff05;border:1px solid #8faaff1f;border-radius:12px;align-items:center;gap:10px;padding:.8rem .9rem;display:flex}.status-item.success{color:#e7ffef;background:#28c96c1f;border-color:#3ce06f4d}.dot{background:#ff7bc7;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #ff7bc7e6}.status-item.success .dot{background:#76ff9a;box-shadow:0 0 12px #76ff9ae6}.showcase{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px;display:grid}.phone-column{justify-content:center;display:flex}.phone-card{background:linear-gradient(#0e121f,#121625e0);border:1px solid #adb7fa33;border-radius:36px;width:min(100%,330px);min-height:610px;padding:16px 14px 18px;box-shadow:0 18px 30px #05081180}.shadow-pink{box-shadow:0 22px 36px #ff4ec42e}.shadow-purple{box-shadow:0 22px 36px #b664ff29}.shadow-green{box-shadow:0 22px 36px #55f2a424}.phone-header{color:#f5f7ff;opacity:.9;justify-content:space-between;padding:2px 8px 14px;font-size:.75rem;display:flex}.phone-body{background:linear-gradient(#160c1fcc,#0d111fd1),radial-gradient(circle at top,#ff5fb959,#0000 42%);border-radius:26px;flex-direction:column;gap:18px;min-height:542px;padding:18px 16px 16px;display:flex;position:relative}.join-form{justify-content:center}.phone-body h3{color:#f4f8ff;margin:0;font-size:1.8rem;line-height:1.05}.code-box{color:#f7f9ff;letter-spacing:.28em;text-align:center;background:#ffffff0f;border:1px solid #c0d6ff33;border-radius:14px;padding:1rem .8rem;font-weight:700}.phone-btn{color:#fff;background:linear-gradient(90deg,#ff4bc4,#ff8f38);padding:.9rem 1rem;font-weight:700;box-shadow:0 12px 20px #ff5eb547}.ghost-btn{padding:.8rem 1rem}.song-line{background:#ffffff0a;border:1px solid #abbeff2e;border-radius:14px;min-height:86px}.song-label{color:#dbe6ffb3;letter-spacing:.12em;text-transform:uppercase;margin:.8rem 0 0 .9rem;font-size:.72rem;display:inline-block}.pill-row{flex-wrap:wrap;gap:8px;display:flex}.pill{color:#ffffffdb;background:#ffffff0d;border:1px solid #b2bcff33;padding:.5rem .77rem}.request-form{justify-content:flex-start}.success-form{text-align:center;justify-content:center;align-items:center}.success-badge{color:#0d1f13;background:radial-gradient(circle,#68ff92 0%,#35c269 100%);border-radius:50%;place-items:center;width:90px;height:90px;font-size:2.5rem;display:grid;box-shadow:0 0 30px #66ff9a66}.success-form p{color:#e1e8ffb8}.counter-ring{background:conic-gradient(#68ff92 0 55%, #ffffff14 55% 100%);color:#fff;border-radius:50%;place-items:center;width:120px;height:120px;font-weight:700;display:grid;position:relative}.counter-ring:before{content:"";background:#080e19eb;border-radius:50%;position:absolute;inset:12px}.counter-ring{text-align:center;line-height:120px}.dashboard{margin-top:30px}.dashboard-panel{border-radius:26px;padding:26px 24px}.dashboard-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.dashboard-head h3{color:#f7f9ff;margin:8px 0 0;font-size:clamp(1.7rem,1.2rem + .8vw,2.3rem)}.panel-badge{color:#061125;background:linear-gradient(90deg,#3edfff,#42d191);border-radius:999px;padding:.5rem .8rem;font-size:.76rem;font-weight:800}.request-list{gap:14px;display:grid}.request-item{background:#ffffff05;border:1px solid #a8b6ff1f;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.request-meta{align-items:center;gap:12px;display:flex}.request-avatar{color:#fff;background:linear-gradient(135deg,#ff60c7,#6ec9ff);border-radius:50%;place-items:center;width:42px;height:42px;font-weight:800;display:inline-grid}.request-meta strong{color:#f3f6ff;font-size:1.02rem;display:block}.request-meta small{color:#d6dfffb3}.request-tags{flex-wrap:wrap;gap:8px;display:flex}.mini-tag{color:#ffdbf3;background:#ff7cc124;border:1px solid #ff7cc142;padding:.45rem .7rem}.mini-tag.alt{color:#dff9ff;background:#5bd2ff1f;border-color:#5bd2ff47}.product-split{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:30px;display:grid}.split-card{background:#0b1323cc;border:1px solid #8faaff33;border-radius:26px;padding:28px 26px;box-shadow:0 24px 44px #06080f73}.platform-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.logo-tag{background:#ffffff0f;border:1px solid #b4c0ff33;border-radius:10px;place-items:center;width:36px;height:36px;font-size:1.4rem;font-weight:700;display:inline-grid}.apple-logo{color:#f8faff}.microsoft-logo{color:#7bd0ff}.split-card h3{color:#f5f8ff;margin:12px 0 10px;font-size:clamp(1.8rem,1.3rem + .8vw,2.5rem)}.split-card p{color:#dce6ffc2;margin:0;line-height:1.6}.store-row{align-items:center;gap:16px;margin-top:22px;display:flex}.qr-placeholder{background:#f3f6ff;border:2px solid #0b0e181a;border-radius:16px;width:88px;height:88px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 8px #0000000d}.qr-placeholder span{background-color:#0000;background-image:linear-gradient(90deg,#000000eb 0 10%,#0000 10% 20%,#000000eb 20% 30%,#0000 30% 50%,#000000eb 50% 60%,#0000 60% 70%,#000000eb 70% 80%,#0000 80% 100%),linear-gradient(#000000eb 0 10%,#0000 10% 20%,#000000eb 20% 30%,#0000 30% 50%,#000000eb 50% 60%,#0000 60% 70%,#000000eb 70% 80%,#0000 80% 100%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:10px}.app-store-badge,.desktop-badge{color:#f3f8ff;background:#ffffff0a;border:1px solid #b2c3ff2e;border-radius:16px;align-items:center;gap:12px;min-width:0;padding:10px 14px;display:flex}.badge-icon{background:linear-gradient(135deg,#ff74c4,#ffb55a);border-radius:8px;place-items:center;width:28px;height:28px;font-size:1.15rem;font-weight:700;display:inline-grid}.desktop-icon{background:linear-gradient(135deg,#6ec9ff,#7cf2b0)}.app-store-badge small,.desktop-badge small{color:#e1e8ffb3;font-size:.58rem;line-height:1.1;display:block}.app-store-badge strong,.desktop-badge strong{font-size:.92rem;line-height:1.2;display:block}.phone-app-card{background:linear-gradient(160deg,#1f0c23f2,#121726eb)}.desktop-app-card{background:linear-gradient(160deg,#091427f5,#0d111df0)}.cta-section{background:#0b1323cc;border:1px solid #8faaff33;border-radius:26px;justify-content:space-between;align-items:center;gap:16px;margin-top:30px;padding:28px 30px;display:flex;box-shadow:0 24px 44px #06080f73}.cta-copy h2{color:#f4f6ff;margin:10px 0 0;font-size:clamp(1.9rem,1.2rem + 1vw,2.8rem);line-height:1.08}.cta-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}@media (width<=1100px){.hero{grid-template-columns:1fr}.hero-copy{text-align:center;padding-left:0}.hero-copy h1,.supporting-copy{margin-left:auto;margin-right:auto}.cta-row,.mini-stats{justify-content:center}.product-grid,.showcase{grid-template-columns:1fr}.swatches{grid-template-columns:repeat(4,minmax(80px,1fr))}}@media (width<=720px){.topbar{flex-wrap:wrap;justify-content:center}.main-nav{flex-wrap:wrap;justify-content:center;width:100%}.hero-stage{min-height:420px}.cta-section{text-align:center;flex-direction:column}.cta-actions{justify-content:center}}