.landing{background:#070811;min-height:100vh;overflow:hidden}.landing::before{content:'';position:absolute;z-index:0;left:-24%;top:5%;width:700px;height:700px;background:radial-gradient(circle,#8221ea30,transparent 70%);pointer-events:none}.site-nav{position:sticky;top:0;z-index:30;background:#080816f3;backdrop-filter:blur(22px);border-bottom:1px solid #2d2845}.site-nav-inner{max-width:1530px;margin:auto;min-height:76px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;gap:28px}.site-nav .links{display:flex;align-items:center;gap:31px}.site-nav .links a{color:#ddd6ed;font-size:13px;font-weight:700;transition:.15s}.site-nav .links a:hover{color:#e376ff}.nav-actions{display:flex;align-items:center;gap:12px}.hero{max-width:1510px;margin:auto;padding:64px 48px 50px;min-height:610px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.07fr);align-items:center;gap:44px;position:relative}.hero::before{content:'';width:780px;height:680px;position:absolute;right:-200px;top:-10%;z-index:0;background:radial-gradient(circle,#5528d344,#06e0ff0a 44%,transparent 72%);pointer-events:none}.hero-copy,.hero-art{position:relative;z-index:1}.hero .eyebrow{display:inline-flex;align-items:center;gap:8px;background:#141023e0;border:1px solid #665183;padding:9px 16px;border-radius:30px;color:#e4d0ff;font-size:12px;font-weight:650;margin-bottom:25px}.hero h1{font-size:clamp(43px,4.8vw,76px);line-height:1.09;max-width:745px;font-weight:900;margin-bottom:18px;text-wrap:balance}.hero-copy>p{color:#d1c9dd;font-size:16px;line-height:1.65;max-width:580px}.hero-buttons{margin:27px 0 28px;display:flex;gap:13px;flex-wrap:wrap}.hero-buttons .btn{min-height:49px;padding:13px 24px;font-size:14px}.hero-points{display:flex;gap:23px;flex-wrap:wrap}.hero-point{display:flex;gap:9px;align-items:center;color:#c5bbd7;font-size:12px}.hero-point .icon{color:#d166ff}.hero-art{min-height:455px;display:grid;align-items:center}.studio-glow{position:absolute;inset:15% 0;background:radial-gradient(ellipse,#ad3cff33,#2e38a333 40%,transparent 70%);filter:blur(17px)}.studio-ring{position:absolute;width:148px;height:148px;left:3%;top:2%;border-radius:50%;border:11px solid #d470ff;box-shadow:0 0 24px #d35bff,0 0 60px #ad41e9aa,inset 0 0 19px #c949ff;opacity:.7;transform:perspective(300px) rotateY(18deg)}.studio-ring::after{content:'';position:absolute;top:130px;left:61px;height:188px;width:9px;background:linear-gradient(#aa61ed,transparent)}.studio-chair{position:absolute;bottom:16px;left:9%;width:40%;height:290px;border:5px solid #8e3ac0;border-radius:48% 44% 24% 24%;background:radial-gradient(ellipse at 49% 25%,#4f2377,#141025 65%);transform:rotate(-6deg);box-shadow:0 0 36px #a42df547}.studio-chair::before{content:'';position:absolute;left:16%;top:22%;width:67%;height:45%;border:3px solid #742cb5;border-radius:37%}.studio-chair::after{content:'▶';position:absolute;left:41%;top:39%;font-size:36px;color:#b753ff;text-shadow:0 0 26px #e440ff}.studio-mic{position:absolute;left:43%;bottom:15%;width:25px;height:140px;transform:rotate(30deg);background:#10121c;border:3px solid #8a54b7;border-radius:12px;box-shadow:0 0 20px #af4dff66}.studio-mic::before{content:'';position:absolute;left:-13px;top:-20px;border-radius:25px;width:43px;height:62px;border:4px solid #a14ce4;background:repeating-linear-gradient(0deg,#1c1831,#1c1831 5px,#482a65 6px,#482a65 8px)}.device-frame{position:absolute;right:0;top:10%;width:77%;min-height:355px;border:2px solid #5d4da3;border-radius:22px;background:#0e1023;transform:perspective(1200px) rotateY(-10deg) rotateX(3deg);box-shadow:0 0 2px #ae5aff,0 0 28px #9339ff88,16px 24px 50px #000b;overflow:hidden}.device-top{height:45px;background:#0d0b1b;border-bottom:1px solid #373052;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;font-size:12px;font-weight:800}.device-top .tiny-orb{background:#7324ad;padding:6px;border-radius:8px}.device-inner{padding:18px}.device-inner h3{font-size:17px;margin-bottom:5px}.device-inner p{font-size:10px;color:#aaa6c8}.device-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:16px 0}.device-stat{border-radius:10px;background:#171630;border:1px solid #45406b;padding:9px 8px}.device-stat span{display:block;font-size:9px;color:#baa8cf}.device-stat b{font-size:13px}.device-stat em{font-style:normal;font-size:8px;color:#50f1b0}.device-panels{display:grid;grid-template-columns:1.4fr .8fr;gap:10px}.device-panel{min-height:130px;background:linear-gradient(140deg,#17152d,#14132a);border:1px solid #443362;border-radius:13px;padding:13px}.device-panel h4{font-size:10px}.device-wave{height:110px;margin-top:9px}.device-wave svg{width:100%;height:100%;filter:drop-shadow(0 0 6px #c34cff)}.device-target{margin:auto;margin-top:10px;display:grid;place-items:center;width:86px;height:86px;border-radius:50%;background:conic-gradient(#ca38f5 0 86%,#322748 86% 100%);box-shadow:0 0 20px #ae37ef44}.device-target:after{content:'86%';display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#131225;font-size:15px;font-weight:850}.hero-decoration{position:absolute;right:0;bottom:0;height:2px;width:75%;background:linear-gradient(90deg,transparent,#a537ef,#0de3ff)}.features-shell{max-width:1510px;padding:20px 48px 100px;margin:auto;position:relative;z-index:1}.features-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-card{min-height:130px;border:1px solid #565078;border-radius:17px;padding:22px;background:linear-gradient(145deg,#1a1630,#121325);position:relative;overflow:hidden}.feature-card:nth-child(2){border-bottom-color:#bd35f6}.feature-card:nth-child(3){border-bottom-color:#13c8f6}.feature-card .icon{height:29px;width:29px;color:#bf5df6;margin-bottom:12px}.feature-card h3{font-size:15px;margin-bottom:8px}.feature-card p{font-size:12px;color:#bcb4ca}.landing-headline{max-width:760px;margin:100px auto 37px;text-align:center}.landing-headline h2{font-size:clamp(32px,4vw,52px);line-height:1.17}.landing-headline p{color:#aeb0c6;font-size:15px;margin-top:15px}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.audience-card{border:1px solid #4e426a;border-radius:20px;background:linear-gradient(145deg,#17152e,#0c1224);overflow:hidden;min-height:275px;display:flex;flex-direction:column}.audience-illustration{height:155px;display:grid;place-items:center;position:relative;overflow:hidden}.audience-illustration .icon{width:75px;height:75px;stroke-width:1.2;filter:drop-shadow(0 0 25px #aa43ff)}.audience-illustration.purple{background:radial-gradient(circle at 50% 60%,#7b20cb99,transparent 70%)}.audience-illustration.cyan{background:radial-gradient(circle at 50% 60%,#0c88b799,transparent 70%)}.audience-illustration.pink{background:radial-gradient(circle at 50% 60%,#b126b899,transparent 70%)}.audience-body{padding:22px}.audience-body .tag{font-size:10px;padding:5px 10px;border-radius:20px;background:#7029a6;color:#f4dafa}.audience-body h3{margin:12px 0 8px;font-size:20px}.audience-body p{font-size:12px;color:#bcb5d1}.audience-body .btn{margin-top:15px}.steps{margin:115px 0 30px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.step{border-top:1px solid #47345d;padding-top:28px}.step-num{font-size:31px;font-weight:900;color:#a957f8}.step h3{font-size:19px;margin:10px 0}.step p{font-size:13px;color:#aaa7bc}.landing-cta{margin:95px 0 30px;border:1px solid #8552b6;min-height:225px;border-radius:25px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:40px 55px;gap:30px;background:radial-gradient(circle at 80% 30%,#7e28d955,transparent 40%),linear-gradient(110deg,#1b1033,#0b1527)}.landing-cta h2{font-size:36px;max-width:550px}.landing-cta p{color:#a7a3bd;margin-top:10px}.site-footer{padding:28px 48px 38px;border-top:1px solid #2d2941;max-width:1510px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:25px}.site-footer p{color:#9895ad;font-size:11px}.site-footer nav{display:flex;gap:20px;color:#bdafcc;font-size:12px}.mobile-nav-toggle{display:none}

/* v2.1 visual upgrade */
.hero{min-height:680px}
.hero-copy>p{max-width:640px}
.hero-art{min-height:540px}
.hero-visual-stack{position:relative;min-height:540px;isolation:isolate}
.hero-visual-glow{position:absolute;inset:4% 2% 0 8%;background:radial-gradient(circle at 58% 38%,#8c2bff55,transparent 26%),radial-gradient(circle at 30% 70%,#1edbff33,transparent 20%),radial-gradient(circle at 70% 70%,#fb3ffc33,transparent 24%);filter:blur(24px);z-index:0}
.mockup-card{position:absolute;border-radius:24px;overflow:hidden;background:linear-gradient(145deg,#18132d,#0d1120);border:1px solid #5f4a8f;box-shadow:0 30px 80px #000c,0 0 30px #8f2eff2a;z-index:2}
.mockup-card img{display:block;width:100%;height:100%;object-fit:cover}
.mockup-card.primary{right:1%;top:2%;width:74%;height:350px;transform:perspective(1600px) rotateY(-10deg) rotateX(5deg)}
.mockup-card.secondary{left:2%;bottom:2%;width:43%;height:230px;transform:perspective(1200px) rotateY(10deg) rotateX(4deg);z-index:3}
.mockup-card.tertiary{right:7%;bottom:4%;width:32%;height:180px;transform:perspective(1200px) rotateY(-13deg) rotateX(2deg)}
.mockup-card::after{content:'';position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(180deg,transparent,#0908127a 70%,#090812d8)}
.mockup-badge{position:absolute;left:16px;top:16px;z-index:4;background:#180f2acc;border:1px solid #7b56aa;color:#f0e4ff;padding:8px 12px;border-radius:999px;font-size:11px;font-weight:800;backdrop-filter:blur(12px)}
.mockup-badge.cyan{border-color:#2f7a9a;color:#d2f7ff}.mockup-badge.pink{border-color:#9846bf;color:#ffd8ff}
.floating-stat{position:absolute;z-index:5;min-width:170px;padding:14px 16px;border-radius:18px;background:linear-gradient(155deg,#19152ee8,#0c1020ea);border:1px solid #5a4682;box-shadow:0 10px 45px #0009,0 0 18px #9933ff33;backdrop-filter:blur(12px)}
.floating-stat span{display:block;font-size:11px;color:#c0b6d7}.floating-stat strong{display:block;font-size:24px;line-height:1.1;margin:6px 0 5px}.floating-stat em{font-style:normal;font-size:11px;color:#54e7c0}
.floating-stat.stat-one{left:0;top:10%}
.floating-stat.stat-two{right:0;top:61%}
.visual-showcase{margin:90px 0 20px}
.visual-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}
.visual-card{position:relative;overflow:hidden;border-radius:22px;border:1px solid #544571;background:linear-gradient(145deg,#171329,#0d1220);min-height:300px;box-shadow:0 16px 42px #0007}
.visual-card.tall{min-height:100%;grid-row:span 2}
.visual-card img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.08)}
.visual-card::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#0a0d18cc 78%,#0a0d18)}
.visual-copy{position:absolute;left:0;right:0;bottom:0;padding:22px;z-index:2}
.visual-copy h3{font-size:22px;margin:12px 0 8px}.visual-copy p{font-size:13px;color:#c5bfd2;max-width:92%}
.feature-card{box-shadow:0 14px 40px #0004, inset 0 1px 0 #ffffff12}
.audience-card,.landing-cta{box-shadow:0 16px 50px #0005}
.site-footer{position:relative}.site-footer::before{content:'';position:absolute;left:48px;right:48px;top:0;height:1px;background:linear-gradient(90deg,transparent,#7c34d2 20%,#1fd2f4 50%,#7c34d2 80%,transparent)}