:root{--bg:#070911;--panel:#0d1220;--text:#f7f8ff;--muted:#8e9ab0;--line:#ffffff12;--purple:#8b5cf6;--cyan:#22d3ee}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font:14px Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}body{background:radial-gradient(circle at 50% -15%,#262052 0,#0b0f1a 38%,#070911 70%);overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E")}.orb{position:fixed;border-radius:50%;filter:blur(130px);pointer-events:none;opacity:.11}.orb.one{width:480px;height:480px;background:#8b5cf6;left:-220px;top:240px}.orb.two{width:500px;height:500px;background:#22d3ee;right:-250px;top:520px}.homeTop{height:78px;max-width:1320px;margin:auto;padding:0 24px;display:flex;align-items:center;gap:30px;border-bottom:1px solid transparent}.homeBrand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.homeBrand img{width:45px;height:45px;filter:drop-shadow(0 8px 20px #7c3aed66)}.homeBrand b,.homeBrand small{display:block}.homeBrand b{font-size:15px}.homeBrand small{color:#7d8aa2;font-size:11px;margin-top:2px}.mainNav{display:flex;gap:4px}.mainNav a,.guestActions a,.userActions button,.accountLink{color:#9ba8bc;text-decoration:none;border:1px solid transparent;padding:9px 11px;border-radius:10px;font-weight:750;font-size:12px;background:transparent}.mainNav a:hover{background:#ffffff08;color:white}.accountArea{margin-left:auto}.accountArea,.guestActions,.userActions{display:flex;align-items:center;gap:8px}.guestActions a,.userActions button,.accountLink{border-color:#ffffff12;background:#0d1320}.guestActions .accountPrimary{color:white;background:linear-gradient(135deg,#7c3aed,#4f46e5);border-color:#8b5cf677}.userMeta{display:grid;text-align:right;gap:2px}.userMeta span{font-weight:900}.userMeta small{color:#758198}.userActions button{cursor:pointer}main{max-width:1320px;margin:auto;padding:56px 24px 70px}.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:50px;align-items:center;min-height:560px}.heroBadge{display:inline-flex;align-items:center;gap:8px;border:1px solid #8b5cf644;background:#8b5cf612;color:#c7b9ff;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:900;letter-spacing:.14em}.heroBadge span{width:7px;height:7px;border-radius:50%;background:#22d3ee;box-shadow:0 0 13px #22d3ee}.hero h1{font-size:clamp(46px,6.4vw,82px);line-height:.96;letter-spacing:-.058em;margin:22px 0}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#c084fc,#8b5cf6 42%,#22d3ee);background-clip:text;color:transparent}.hero p{max-width:700px;font-size:17px;line-height:1.7;color:#98a5b9}.heroActions{display:flex;gap:10px;margin:28px 0 22px}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 17px;border-radius:12px;color:white;text-decoration:none;font-weight:850;border:1px solid #8b5cf677;background:linear-gradient(135deg,#7c3aed,#4f6df2);box-shadow:0 15px 40px #6d4dfc2c}.cta.secondary{background:#0f1623;border-color:#ffffff14;box-shadow:none}.cta:hover{transform:translateY(-2px)}.heroMeta{display:flex;flex-wrap:wrap;gap:8px}.heroMeta span{font-size:11px;color:#8290a5;border:1px solid #ffffff0e;background:#0b101a;padding:7px 9px;border-radius:999px}.heroVisual{min-height:430px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #ffffff12;background:radial-gradient(circle at 50% 42%,#252057,#0b101b 55%,#080c14 100%);border-radius:30px;overflow:hidden;box-shadow:0 40px 100px #0007}.heroVisual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent)}.logoHalo{position:absolute;width:250px;height:250px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#22d3ee);filter:blur(70px);opacity:.22}.heroLogo{width:144px;height:144px;z-index:1;filter:drop-shadow(0 22px 45px #7c3aed66)}.visualTitle{font-size:38px;font-weight:950;letter-spacing:-.04em;z-index:1;margin-top:14px}.visualTitle span{background:linear-gradient(90deg,#a78bfa,#22d3ee);background-clip:text;color:transparent}.visualSub{color:#77869d;letter-spacing:.22em;font-size:9px;font-weight:900;z-index:1;margin-top:6px}.floatingChip{position:absolute;padding:9px 11px;border:1px solid #ffffff18;border-radius:10px;background:#0d1320dd;backdrop-filter:blur(12px);font-size:11px;color:#bdc7d8;box-shadow:0 14px 35px #0005}.chip1{left:30px;top:65px}.chip2{right:24px;top:118px}.chip3{right:58px;bottom:48px}.trustBar{margin:26px 0 18px;padding:15px 18px;border:1px solid #ffffff0e;border-radius:15px;background:#0b1019;display:flex;justify-content:center;gap:23px;flex-wrap:wrap;color:#738198;font-size:11px;font-weight:750}.trustBar i{width:4px;height:4px;border-radius:50%;background:#8b5cf6;align-self:center}.studioGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.studioCard{position:relative;overflow:hidden;min-height:500px;border:1px solid #ffffff12;background:linear-gradient(180deg,#101624,#0a101a);border-radius:24px;padding:27px;color:inherit;text-decoration:none;box-shadow:0 28px 80px #0005;transition:.22s}.studioCard:hover{transform:translateY(-4px);border-color:#ffffff25}.cardGlow{position:absolute;width:320px;height:320px;border-radius:50%;right:-180px;top:-180px;filter:blur(40px);opacity:.22}.purple .cardGlow{background:#8b5cf6}.cyan .cardGlow{background:#22d3ee}.cardTop{display:flex;justify-content:space-between;align-items:center}.cardIcon{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;border:1px solid #ffffff15;background:#151c2a;font-size:24px}.textIcon{font-size:18px;font-weight:900}.pill{font-size:9px;letter-spacing:.14em;color:#8491a7;font-weight:900}.studioCard h2{font-size:31px;letter-spacing:-.035em;margin:20px 0 8px}.studioCard>p{color:#92a0b5;line-height:1.6;max-width:560px}.mock,.rgbMock{margin:25px 0 18px;border:1px solid #ffffff0f;background:#060a11;border-radius:16px}.inventoryMock{display:grid;grid-template-columns:repeat(9,31px);gap:4px;justify-content:center;padding:23px}.inventoryMock i{display:block;width:31px;height:31px;border:1px solid #334055;background:linear-gradient(135deg,#1d2634,#0f1520);box-shadow:inset 1px 1px #3f4b5d}.inventoryMock i.hot{background:radial-gradient(circle,#a78bfa 0 17%,#282d48 22% 100%);box-shadow:0 0 18px #8b5cf633}.rgbMock{min-height:125px;padding:17px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.rgbMock:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,#8b5cf620,transparent 35%)}.rgbLabel{font-size:9px;color:#67758b;letter-spacing:.15em;z-index:1}.rgbMock strong{font-size:28px;margin:8px 0;background:linear-gradient(90deg,#9b7cff,#53e4ff,#00ff9d,#ff6edb,#ffc67a);background-clip:text;color:transparent;z-index:1}.rgbMock small{color:#667489;z-index:1}.rgbTrack{height:9px;border-radius:999px;background:linear-gradient(90deg,#9b7cff,#53e4ff,#00ff9d,#ff6edb,#ffc67a);margin:3px 0 9px;position:relative;z-index:1}.rgbTrack span{position:absolute;width:13px;height:13px;border:2px solid white;border-radius:50%;top:-2px;box-shadow:0 2px 8px #000}.rgbTrack span:nth-child(1){left:0}.rgbTrack span:nth-child(2){left:25%}.rgbTrack span:nth-child(3){left:50%}.rgbTrack span:nth-child(4){left:75%}.rgbTrack span:nth-child(5){right:0}.featureRow{display:flex;gap:7px;flex-wrap:wrap}.featureRow span{padding:6px 8px;border-radius:999px;border:1px solid #ffffff0f;background:#0c131f;color:#8391a6;font-size:10px}.open{position:absolute;left:27px;right:27px;bottom:25px;border-top:1px solid #ffffff0e;padding-top:17px;font-weight:850;display:flex;justify-content:space-between}.featureShowcase{margin-top:20px;border:1px solid #ffffff10;background:linear-gradient(135deg,#0d1320,#0a0f18);border-radius:22px;padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:38px}.featureShowcase small{color:#9c83f3;font-weight:900;letter-spacing:.14em}.featureShowcase h3{font-size:28px;letter-spacing:-.03em;margin:9px 0}.featureShowcase p{color:#8491a5;line-height:1.65}.featureList{display:grid;gap:8px}.featureList article{display:flex;align-items:center;gap:13px;border:1px solid #ffffff0d;background:#090e17;padding:12px;border-radius:13px}.featureList article>b{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#7c3aed1e;color:#bca7ff}.featureList strong,.featureList small{display:block}.featureList small{color:#728096;margin-top:2px;letter-spacing:0;font-weight:500}footer{max-width:1320px;margin:auto;padding:24px;display:flex;align-items:center;justify-content:space-between;color:#647186;border-top:1px solid #ffffff0d}.footerBrand{display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none}.footerBrand img{width:30px;height:30px}.footerBrand b,.footerBrand small{display:block}.footerBrand b{color:#b8c2d2}.footerBrand small{font-size:10px}.homeToast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,25px);opacity:0;background:#111827;border:1px solid #ffffff18;padding:11px 14px;border-radius:11px;transition:.2s}.homeToast.show{transform:translate(-50%,0);opacity:1}
@media(max-width:900px){.mainNav{display:none}.hero{grid-template-columns:1fr;min-height:auto}.heroVisual{min-height:360px}.studioGrid{grid-template-columns:1fr}.featureShowcase{grid-template-columns:1fr}.heroCopy{text-align:center}.hero p{margin-left:auto;margin-right:auto}.heroActions,.heroMeta{justify-content:center}}
@media(max-width:650px){.homeTop{padding:0 13px}.homeBrand small,.userMeta small{display:none}.accountLink{display:none}.guestActions a:first-child{display:none}main{padding:28px 13px 50px}.hero{gap:25px}.hero h1{font-size:44px}.hero p{font-size:14px}.heroActions{flex-direction:column}.heroVisual{min-height:300px;border-radius:22px}.heroLogo{width:105px;height:105px}.visualTitle{font-size:29px}.floatingChip{font-size:9px;padding:7px 8px}.chip1{left:14px;top:25px}.chip2{right:12px;top:68px}.chip3{right:22px;bottom:25px}.trustBar i{display:none}.studioCard{min-height:470px;padding:21px}.inventoryMock{grid-template-columns:repeat(9,26px);padding:16px}.inventoryMock i{width:26px;height:26px}.featureShowcase{padding:20px}footer{padding:20px 13px;gap:16px;flex-direction:column;align-items:flex-start}}
@media(max-width:390px){.hero h1{font-size:38px}.inventoryMock{grid-template-columns:repeat(9,23px)}.inventoryMock i{width:23px;height:23px}.studioCard h2{font-size:27px}.rgbMock strong{font-size:23px}}
/* v24 visual polish */
.visualPower{margin-top:18px;display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(6,9,18,.58);width:max-content;max-width:100%}.visualPower b{font-size:19px;background:linear-gradient(135deg,#d8b4fe,#8b5cf6,#22d3ee);-webkit-background-clip:text;color:transparent}.visualPower span{font-size:11px;color:#94a3b8;font-weight:700}.heroVisual{overflow:hidden}.heroVisual:after{content:"";position:absolute;inset:auto -20% -55% 5%;height:70%;background:radial-gradient(circle,rgba(34,211,238,.13),transparent 67%);pointer-events:none}.studioCard{isolation:isolate}.studioCard:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.035),transparent 30%,transparent 70%,rgba(139,92,246,.04));pointer-events:none;z-index:-1}.trustBar{border-top:1px solid rgba(255,255,255,.055);border-bottom:1px solid rgba(255,255,255,.055)}
@media(max-width:720px){.hero{padding-top:34px!important}.hero h1{font-size:clamp(38px,11vw,58px)!important;line-height:.98!important}.heroActions{display:grid!important;grid-template-columns:1fr!important}.heroActions .cta{justify-content:center}.visualPower{margin-inline:auto}.studioGrid{gap:14px!important}.featureRow{overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:3px}.featureRow span{white-space:nowrap}}
