:root{color-scheme:dark;--bg:#080712;--bg-soft:#0d0b19;--panel:#121020;--panel-2:#18142b;--line:rgba(190,174,255,.16);--line-strong:rgba(190,174,255,.28);--text:#f8f7fc;--muted:#aaa6bb;--violet:#8e55f7;--blue:#48acf5;--cyan:#4ae0d3;--pink:#e86fca;--ok:#63e6ad;--max:1280px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 82% 4%,rgba(111,67,225,.22),transparent 30%),radial-gradient(circle at 5% 27%,rgba(41,154,220,.12),transparent 25%),var(--bg);color:var(--text);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit}
.skip{position:fixed;top:-70px;left:14px;padding:10px 14px;border-radius:10px;background:#fff;color:#05050b;z-index:100}.skip:focus{top:12px}
.topbar{height:76px;display:flex;align-items:center;gap:36px;padding:0 clamp(18px,4vw,64px);border-bottom:1px solid rgba(255,255,255,.07);background:rgba(8,7,18,.78);backdrop-filter:blur(22px);position:sticky;top:0;z-index:40}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;white-space:nowrap;font-size:17px}.brand img{border-radius:50%;box-shadow:0 0 22px rgba(124,73,236,.48)}.brand strong{font-weight:820}.brand span{color:#cfc9df}.brand span strong{color:#fff}
.nav{display:flex;align-items:center;gap:28px;margin-left:auto}.nav a{color:#aaa6b8;text-decoration:none;font-size:14px;font-weight:650}.nav a:hover,.nav a:focus-visible{color:#fff}
.top-actions,.actions,.language{display:flex;align-items:center}.top-actions{gap:10px}.language{gap:8px;color:var(--muted);font-size:13px}.language select{appearance:none;border:1px solid var(--line);background:#11101d;color:var(--text);border-radius:10px;padding:9px 12px;font:inherit;font-weight:750;cursor:pointer}
.button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:11px;padding:10px 18px;border:1px solid var(--line-strong);border-radius:12px;background:rgba(20,18,36,.82);color:var(--text);text-decoration:none;font-weight:760;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.button:hover,.button:focus-visible{transform:translateY(-2px);border-color:rgba(181,153,255,.65);background:#19152e}.button.primary{border-color:transparent;background:linear-gradient(125deg,#7f38ec,#665ce9 55%,#3ca9ed);box-shadow:0 16px 38px rgba(102,70,226,.27)}.button.secondary{background:transparent}.topbar .button{min-height:42px;padding:8px 15px;font-size:14px}
.hero{width:min(var(--max),calc(100% - 40px));min-height:620px;margin:0 auto;padding:82px 0 70px;display:grid;grid-template-columns:minmax(0,.96fr) minmax(460px,.84fr);align-items:center;gap:clamp(42px,7vw,100px)}
.eyebrow{margin:0 0 13px;color:#ad8afb;font-size:12px;font-weight:850;letter-spacing:.16em}.hero h1{max-width:690px;margin:0 0 23px;font-size:clamp(58px,6.2vw,86px);line-height:.95;letter-spacing:-.057em;background:linear-gradient(135deg,#fff 15%,#d5c8ff 55%,#62c9f8);background-clip:text;color:transparent}.lead{max-width:650px;margin:0 0 29px;color:#c1bdcf;font-size:clamp(18px,1.7vw,22px);line-height:1.55}.actions{gap:11px;flex-wrap:wrap}.signin-note{margin:18px 0 0;color:#8f8a9f;font-size:13px}.signin-note a{color:#c3aaff;font-weight:700}.trust{display:flex;flex-wrap:wrap;gap:10px 22px;list-style:none;margin:27px 0 0;padding:0;color:#aaa6b8;font-size:12px}.trust li{display:flex;align-items:center;gap:7px}.trust li span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:rgba(99,230,173,.12);color:var(--ok);font-weight:900}
.studio-preview{position:relative;border:1px solid rgba(191,166,255,.25);border-radius:25px;background:linear-gradient(155deg,rgba(26,22,49,.97),rgba(10,9,20,.97));box-shadow:0 35px 90px rgba(0,0,0,.48),0 0 70px rgba(104,57,218,.12);transform:rotate(1.3deg);isolation:isolate}
.studio-preview:before{content:"";position:absolute;inset:-25px;z-index:-1;background:radial-gradient(circle at 50% 55%,rgba(89,126,241,.25),transparent 66%);filter:blur(20px)}
.preview-toolbar{height:58px;display:flex;align-items:center;gap:14px;padding:0 19px;border-bottom:1px solid var(--line);color:#bcb7cb;font-size:12px}.preview-toolbar>span{display:flex;gap:6px}.preview-toolbar i{width:7px;height:7px;border-radius:50%;background:#5e586e}.preview-toolbar i:nth-child(2){background:#8353e5}.preview-toolbar i:nth-child(3){background:#4ba9e9}.preview-toolbar b{font-weight:750}.preview-toolbar em{margin-left:auto;color:var(--ok);font-style:normal;font-weight:700}.preview-body{display:grid;grid-template-columns:1.08fr .92fr;gap:13px;padding:15px}.avatar-card,.controls-card{border:1px solid var(--line);border-radius:18px;background:rgba(8,7,17,.62)}
.avatar-card{overflow:hidden}.avatar-visual{height:325px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 34%,rgba(121,84,224,.62),transparent 30%),linear-gradient(145deg,#17122d,#0b1021)}.avatar-visual:after{content:"";position:absolute;inset:auto -15% -34% -15%;height:65%;border-radius:50%;background:radial-gradient(ellipse,rgba(74,201,238,.18),transparent 63%)}.avatar-glow{position:absolute;width:220px;height:220px;left:50%;top:42%;transform:translate(-50%,-50%);border:1px solid rgba(152,126,244,.34);border-radius:50%;box-shadow:0 0 42px rgba(98,84,228,.24),inset 0 0 42px rgba(76,173,236,.1)}.avatar-head{position:absolute;left:50%;top:48px;transform:translateX(-50%);width:100px;height:126px;border-radius:48% 48% 44% 44%;background:linear-gradient(145deg,#d9c7ff,#a375dc 48%,#68bbdf);box-shadow:inset -15px -12px 28px rgba(45,25,85,.35)}.avatar-head:before{content:"";position:absolute;left:-4px;right:-4px;top:-9px;height:55px;border-radius:55% 55% 25% 25%;background:linear-gradient(145deg,#26203d,#633f91);clip-path:polygon(4% 75%,15% 18%,47% 0,83% 20%,100% 75%,82% 47%,58% 39%,34% 48%)}.avatar-head i,.avatar-head b{position:absolute;top:61px;width:13px;height:7px;border-radius:50%;background:#342850;box-shadow:inset 3px 0 #c8f2ff}.avatar-head i{left:22px}.avatar-head b{right:22px}.avatar-neck{position:absolute;left:50%;top:161px;transform:translateX(-50%);width:45px;height:55px;background:linear-gradient(90deg,#9c76d5,#c1a3ed)}.avatar-body{position:absolute;left:50%;bottom:-60px;transform:translateX(-50%);width:245px;height:205px;border-radius:48% 48% 20% 20%;background:linear-gradient(145deg,#7741d7,#30266f 55%,#143e69);clip-path:polygon(24% 0,76% 0,100% 100%,0 100%)}
.avatar-name{height:67px;display:flex;align-items:center;justify-content:space-between;padding:0 15px}.avatar-name small,.avatar-name strong{display:block}.avatar-name small{color:#878297;font-size:8px;font-weight:800;letter-spacing:.13em}.avatar-name strong{font-size:18px}.avatar-name>span{display:flex;align-items:center;gap:5px;padding:5px 8px;border-radius:20px;background:rgba(99,230,173,.09);color:var(--ok);font-size:9px;font-weight:800}.avatar-name>span i{width:6px;height:6px;border-radius:50%;background:var(--ok)}
.controls-card{padding:16px 12px;align-self:stretch}.controls-card>p{margin:0 4px 16px;color:#8e899d;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.control-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:11px 4px;border-bottom:1px solid rgba(255,255,255,.06)}.control-row:last-child{border-bottom:0}.control-row b,.control-row small{display:block}.control-row b{font-size:11px}.control-row small{color:#7f7a8e;font-size:8px}.control-row em{color:#777184;font-size:20px;font-style:normal}.control-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#211a3a}.control-icon:after{font-size:13px}.face-icon:after{content:"◉"}.outfit-icon:after{content:"◇"}.voice-icon:after{content:"≋"}
.destination-pill{position:absolute;display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid rgba(196,175,255,.25);border-radius:12px;background:rgba(17,14,31,.92);box-shadow:0 12px 28px rgba(0,0,0,.35);font-size:10px}.destination-pill span{display:grid;place-items:center;width:21px;height:21px;border-radius:7px;background:linear-gradient(135deg,#7f46e9,#3ca9e9);font-size:9px}.video-pill{right:-24px;top:100px}.meet-pill{left:-28px;bottom:125px}.music-pill{right:-18px;bottom:35px}
.product-strip{border-top:1px solid rgba(255,255,255,.065);border-bottom:1px solid rgba(255,255,255,.065);padding:22px clamp(20px,5vw,70px);display:flex;align-items:center;justify-content:center;gap:35px;background:rgba(10,9,20,.58)}.product-strip p{margin:0;color:#777285;font-size:10px;font-weight:850;letter-spacing:.18em;white-space:nowrap}.product-strip div{display:flex;align-items:center;justify-content:center;gap:clamp(20px,4vw,56px);flex-wrap:wrap;color:#a6a2b1;font-size:13px;font-weight:750}
.how,.possibilities,.control,.final-cta{width:min(var(--max),calc(100% - 40px));margin:0 auto}.how{padding:110px 0}.section-intro{max-width:700px}.section-intro.centered{text-align:center;margin:0 auto 38px}.section-intro h2,.control h2,.final-cta h2{margin:0;font-size:clamp(36px,4.4vw,59px);line-height:1.06;letter-spacing:-.045em}.section-intro>p:last-child,.control>div>p:last-child,.final-cta>p{color:var(--muted);font-size:17px}.how ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);margin:46px 0 0;padding:0;border:1px solid var(--line);border-radius:20px;background:rgba(17,15,31,.7);overflow:hidden}.how li{display:flex;gap:18px;min-height:190px;padding:27px;border-right:1px solid var(--line)}.how li:last-child{border-right:0}.how li>span{flex:none;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(167,133,244,.35);border-radius:10px;color:#ae89fd;font-size:12px;font-weight:850}.how h3{margin:3px 0 9px;font-size:20px}.how li p{margin:0;color:var(--muted);font-size:14px}
.possibilities{padding:80px 0 120px}.use-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.use-card{position:relative;min-height:300px;padding:27px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,rgba(22,19,40,.88),rgba(10,9,20,.95));overflow:hidden}.use-card:after{content:"";position:absolute;width:190px;height:190px;right:-80px;top:-100px;border-radius:50%;background:#7251e5;filter:blur(70px);opacity:.15}.use-card.featured{background:radial-gradient(circle at 83% 20%,rgba(80,172,240,.15),transparent 32%),linear-gradient(145deg,rgba(35,25,66,.96),rgba(11,10,22,.98))}.use-icon{display:grid;place-items:center;width:43px;height:43px;margin-bottom:34px;border:1px solid rgba(187,159,255,.22);border-radius:12px;background:#211a3b;color:#c5afff;font-weight:850}.use-label{color:#9189a3;font-size:10px;font-weight:850;letter-spacing:.14em}.use-card h3{max-width:480px;margin:9px 0 7px;font-size:26px;line-height:1.17;letter-spacing:-.02em}.use-card p{max-width:520px;margin:0 0 25px;color:var(--muted)}.use-card a{position:absolute;bottom:25px;color:#bda5fb;text-decoration:none;font-weight:780}.use-card a:after{content:"  →"}
.control{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding:100px 70px;border:1px solid var(--line);border-radius:25px;background:radial-gradient(circle at 15% 10%,rgba(106,67,211,.2),transparent 37%),rgba(15,13,27,.86)}.control>div>p:last-child{max-width:540px}.control ul{list-style:none;margin:0;padding:0}.control li{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}.control li:last-child{border-bottom:0}.control li>span{color:#8f6be7;font-size:11px;font-weight:850}.control b,.control small{display:block}.control b{font-size:16px}.control small{margin-top:3px;color:var(--muted)}
.final-cta{position:relative;margin-top:100px;margin-bottom:100px;padding:100px 25px;text-align:center;overflow:hidden}.final-cta h2{position:relative}.final-cta>p{position:relative;max-width:630px;margin:18px auto 28px}.final-cta .button{position:relative}.cta-glow{position:absolute;width:620px;height:260px;left:50%;bottom:-140px;transform:translateX(-50%);border-radius:50%;background:rgba(103,72,228,.38);filter:blur(80px)}
footer{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px clamp(20px,5vw,70px);border-top:1px solid rgba(255,255,255,.07);color:#858091;font-size:12px}.footer-brand{display:flex;align-items:center;gap:9px;color:#b5afc2;text-decoration:none;font-weight:750}.footer-brand img{border-radius:50%}.service-status{display:flex;align-items:center;gap:7px}.service-status>span{width:7px;height:7px;border-radius:50%;background:#f1b55c}.service-status.ready>span{background:var(--ok);box-shadow:0 0 10px var(--ok)}.service-status.error>span{background:#ff7489}
@media(max-width:1040px){.nav{display:none}.hero{grid-template-columns:1fr;max-width:760px;padding-top:68px}.hero-copy{text-align:center}.hero h1,.lead{margin-left:auto;margin-right:auto}.actions,.trust{justify-content:center}.studio-preview{width:min(580px,90%);margin:40px auto 10px}.how ol{grid-template-columns:1fr}.how li{min-height:auto;border-right:0;border-bottom:1px solid var(--line)}.how li:last-child{border-bottom:0}.control{gap:50px;padding:70px 45px}}
@media(max-width:700px){.topbar{height:68px;padding:0 15px;gap:10px}.brand img{width:38px;height:38px}.brand{gap:9px;font-size:15px}.brand span{display:flex;flex-direction:column;line-height:1.05}.top-actions{margin-left:auto}.language span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.language select{padding:7px 8px;font-size:12px}.topbar .button{min-height:37px;padding:7px 10px;font-size:12px}.hero{width:min(100% - 32px,600px);min-height:auto;padding:55px 0 50px;gap:30px}.hero h1{font-size:clamp(46px,14vw,62px);line-height:.96}.lead{font-size:17px}.actions{display:grid;grid-template-columns:1fr;width:100%}.actions .button{width:100%}.trust{display:grid;justify-content:start;text-align:left;margin:25px auto 0;width:max-content;max-width:100%}.studio-preview{width:calc(100% - 12px);margin:30px auto 0;transform:none}.preview-body{grid-template-columns:1fr}.controls-card{display:none}.avatar-visual{height:280px}.video-pill{right:-7px;top:105px}.meet-pill{left:-7px;bottom:88px}.music-pill{right:7px;bottom:18px}.product-strip{display:block;text-align:center;padding:20px}.product-strip div{margin-top:13px;gap:10px 20px}.how,.possibilities,.control,.final-cta{width:calc(100% - 32px)}.how{padding:78px 0}.section-intro h2,.control h2,.final-cta h2{font-size:37px}.section-intro>p:last-child,.control>div>p:last-child,.final-cta>p{font-size:15px}.how ol{margin-top:30px}.how li{padding:22px}.use-grid{grid-template-columns:1fr}.use-card{min-height:290px;padding:23px}.use-card h3{font-size:23px}.possibilities{padding:55px 0 80px}.control{grid-template-columns:1fr;gap:25px;padding:45px 23px}.final-cta{margin-top:55px;margin-bottom:55px;padding:68px 8px}footer{flex-direction:column;justify-content:center;text-align:center;padding:25px}}
@media(max-width:390px){.brand span{font-size:13px}.topbar .button{padding:7px 9px}.hero h1{font-size:44px}.studio-preview{width:100%}.destination-pill{padding:7px 9px}.avatar-visual{height:250px}}
.cast-preview{position:relative;width:min(650px,100%);margin-left:auto;border:1px solid #393252;border-radius:30px;padding:18px;background:linear-gradient(145deg,rgba(28,23,52,.98),rgba(10,12,25,.98));box-shadow:0 30px 90px #0009;transform:rotate(1deg)}
.cast-main{position:relative;min-height:500px;border-radius:22px;overflow:hidden;background:#111426}.cast-main>img{display:block;width:100%;height:500px;object-fit:cover;object-position:center 22%}.cast-main:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#080b17e8)}.cast-main>div{position:absolute;z-index:2;left:24px;bottom:20px}.cast-main small,.cast-main strong,.cast-main p{display:block}.cast-main small{font-size:11px;font-weight:900;letter-spacing:.15em;color:#c5b8e5}.cast-main strong{font-size:34px;line-height:1.1}.cast-main p{margin:4px 0 0;color:#c3c9db}.cast-ready{position:absolute;z-index:2;right:16px;top:16px;display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#0c3428dd;color:#a7f3d1;font-size:11px;font-weight:850;backdrop-filter:blur(8px)}.cast-ready i{width:7px;height:7px;border-radius:50%;background:#50dfa3}
.cast-list{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:10px}.cast-list figure{position:relative;margin:0;border:1px solid #39334d;border-radius:14px;overflow:hidden;background:#0e1120}.cast-list img{display:block;width:100%;height:105px;object-fit:cover;object-position:center 20%}.cast-list figcaption{position:absolute;left:0;right:0;bottom:0;padding:17px 8px 7px;background:linear-gradient(transparent,#080a13e8);font-size:12px;font-weight:850}.cast-note{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;color:#b7bed1;margin:15px 0 2px;font-size:12px}.cast-note b{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:8px;background:#703fde;color:white}.cast-note span{color:#736f89}
.style-rail{display:flex;gap:7px;overflow-x:auto;margin-top:11px;padding-bottom:2px;scrollbar-width:thin}.style-rail span{flex:none;padding:6px 9px;border:1px solid #37314e;border-radius:999px;background:#111426;color:#bfc4d4;font-size:10px;font-weight:800}
.cast-ready.preview{background:rgba(42,29,83,.88);color:#d9c9ff}.cast-ready.preview i{background:#a985ff}.cast-availability{margin:10px 3px 0;color:#89869a;font-size:10px;line-height:1.45}
@media(max-width:1040px){.cast-preview{margin:40px auto 10px;width:min(620px,96%)}}@media(max-width:700px){.cast-preview{width:100%;padding:10px;border-radius:22px;transform:none}.cast-main,.cast-main>img{min-height:410px;height:410px}.cast-list img{height:84px}.cast-note span{display:none}}@media(max-width:390px){.cast-main,.cast-main>img{min-height:360px;height:360px}.cast-main>div{left:16px}.cast-list{grid-template-columns:repeat(4,1fr);gap:5px}.cast-list img{height:70px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
