:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0;background:#060612}body{color:#fff}.landing{min-height:100dvh;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(ellipse 80% 60% at 50% 40%,#1a0a2e,#060612,#000)}.orb{position:absolute;z-index:-1;border-radius:999px;pointer-events:none;filter:blur(110px)}.orb-left{width:min(45vw,600px);height:min(45vw,600px);left:12%;top:12%;opacity:.2;background:radial-gradient(circle,#e658a0 0%,transparent 70%);animation:drift-left 12s ease-in-out infinite alternate}.orb-right{width:min(40vw,500px);height:min(40vw,500px);right:8%;bottom:14%;opacity:.15;background:radial-gradient(circle,#8b5cf6 0%,transparent 70%);animation:drift-right 14s ease-in-out infinite alternate}.noise{position:absolute;inset:0;z-index:-1;opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}header{min-height:84px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:18px clamp(20px,5vw,72px)}.header-spacer{width:72px}.logo{display:block;width:auto;height:clamp(58px,6vw,94px)}nav{justify-self:end;display:flex;gap:10px}nav a{display:grid;place-items:center;width:32px;height:32px;border-radius:999px;color:#ffffff6b;text-decoration:none;background:#ffffff0f;transition:.25s ease}nav a:hover{color:#e658a0;background:#e658a01a}.content{position:relative;z-index:1;flex:1;width:100%;margin:0 auto;padding:0 clamp(24px,4vw,48px) clamp(42px,5vw,70px);display:flex;align-items:center;gap:0}.copy{flex:1 1 0;max-width:512px}.badge{position:relative;display:inline-flex;margin-bottom:20px;padding:1px;overflow:hidden;border-radius:999px;background:linear-gradient(135deg,#e658a0,#8b5cf6,#e658a0);background-size:200% 200%;animation:gradient-shift 4s ease infinite;box-shadow:0 0 20px #e658a01a}.badge span{padding:7px 15px;border-radius:999px;color:#e9a4ce;background:#160c22;text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:700}h1{margin:0 0 18px;font-size:clamp(44px,5.3vw,78px);line-height:.98;letter-spacing:-.055em;font-weight:750}h1 span{background:linear-gradient(135deg,#e658a0,#8b5cf6,#e658a0);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:gradient-shift 4s ease infinite}.copy>p:not(.form-note){max-width:460px;margin:0 0 28px;color:#ffffff85;font-size:clamp(15px,1.3vw,18px);line-height:1.7}.launch-cta{display:flex;max-width:465px}.launch-cta-link{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 24px;border-radius:12px;color:#fff;text-decoration:none;font:inherit;font-size:14px;font-weight:700;white-space:nowrap;background:linear-gradient(135deg,#e658a0,#8b5cf6);box-shadow:0 0 24px #e658a040;transition:transform .2s ease,filter .2s ease}.launch-cta-link:hover{filter:brightness(1.08);transform:translateY(-1px)}.form-note{min-height:18px;margin:12px 0 0;color:#ffffff42;font-size:12px}.social-lines{display:flex;flex-wrap:wrap;gap:24px;margin-top:26px}.social-lines a{display:inline-flex;align-items:center;gap:6px;color:#ffffff4f;text-decoration:none;font-size:13px;transition:color .2s}.social-lines a:hover{color:#ffffffad}.phones{position:relative;flex:1 1 0;align-self:stretch;max-width:576px;min-height:500px;margin-left:auto}.phone{position:absolute;overflow:hidden;border:4px solid #2a2a3e;border-radius:28px;background:#0a0a14;box-shadow:0 20px 60px #e658a026,0 8px 24px #0009,inset 0 1px #ffffff0d}.phone video{display:block;width:100%;height:100%;object-fit:cover}.phone-main{z-index:3;width:200px;height:400px;top:50%;left:50%;transform:translate(-50%,-55%);animation:float-main 6s ease-in-out infinite}.phone-left{z-index:2;width:140px;height:280px;top:50%;left:0;opacity:.75;transform:translateY(-62%);animation:float-left 8s ease-in-out infinite}.phone-right{z-index:2;width:170px;height:340px;top:50%;right:0;opacity:.85;transform:translateY(-40%);animation:float-right 7s ease-in-out infinite}.notch{position:absolute;z-index:2;top:0;left:50%;width:35%;height:12px;transform:translate(-50%);border-radius:0 0 8px 8px;background:#1a1a2e}.glare{position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 50%,rgba(255,255,255,.02))}nav svg,.social-lines svg{display:block;width:14px;height:14px;fill:currentColor}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes float-main{0%,to{transform:translate(-50%,-55%) translateY(0)}50%{transform:translate(-50%,-55%) translateY(-12px)}}@keyframes float-left{0%,to{transform:translateY(-62%)}50%{transform:translateY(calc(-62% + 14px))}}@keyframes float-right{0%,to{transform:translateY(-40%)}50%{transform:translateY(calc(-40% - 16px))}}@keyframes drift-left{to{transform:translate(4vw,3vh)}}@keyframes drift-right{to{transform:translate(-3vw,-3vh)}}@media (max-width: 760px){header{min-height:70px;padding:12px 20px}.header-spacer{width:56px}.logo{height:58px}.content{flex-direction:column-reverse;justify-content:center;gap:0;padding:2px 22px 28px;text-align:center}.copy{flex:0 0 auto;max-width:470px}.badge{margin-bottom:12px}h1{margin-bottom:12px;font-size:clamp(38px,12vw,54px)}.copy>p:not(.form-note){margin:0 auto 18px;font-size:14px;line-height:1.55}.launch-cta{justify-content:center;margin:0 auto}.social-lines{justify-content:center;margin-top:18px}.phones{flex:0 0 200px;align-self:stretch;min-height:200px;max-width:420px;width:100%}.phone{border-width:3px;border-radius:18px}.phone-main{width:95px;height:169px;left:50%;top:52%}.phone-left{width:75px;height:133px;left:7%;top:54%;transform:translateY(-40%) rotate(-4deg)}.phone-right{width:75px;height:133px;right:7%;top:54%;transform:translateY(-40%) rotate(4deg)}.notch{height:9px}}@media (min-width: 1500px){header,.content{width:min(100%,1720px);margin-right:auto;margin-left:auto}header{padding-right:clamp(56px,5vw,96px);padding-left:clamp(56px,5vw,96px)}.content{justify-content:space-between;padding-right:clamp(56px,5vw,96px);padding-left:clamp(56px,5vw,96px)}.copy{flex:0 1 540px;max-width:540px}h1{font-size:clamp(68px,4.8vw,84px)}.copy>p:not(.form-note){max-width:500px;font-size:18px}.phones{flex:0 0 780px;max-width:780px;min-height:560px;margin-left:0}.phone-main{width:240px;height:480px}.phone-left{width:164px;height:328px;left:24px}.phone-right{width:196px;height:392px}}@media (max-height: 690px) and (min-width: 761px){header{min-height:70px;padding-top:10px;padding-bottom:10px}.phones{min-height:440px}.phone-main{width:175px;height:350px}.phone-left{width:123px;height:246px}.phone-right{width:149px;height:298px}}
