@font-face{font-family:'Studio Sans';src:url('/fonts/dm-sans.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'Studio Display';src:url('/fonts/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
/* Shared creator-studio identity. Original media and application IDs are preserved. */
:root{--bg:#17191b;--surface-1:#1d2022;--surface-2:#232629;--surface-3:#292d30;--surface-4:#32373b;--glass:#17191bf5;--text:#f4f3ef;--text-2:#b7babd;--text-3:#969ca1;--line-subtle:#ffffff10;--line:#ffffff20;--line-strong:#ffffff38;--lime:#ff806c;--lime-hover:#ff9b8c;--lime-10:#ff806c12;--lime-20:#ff806c30;--on-lime:#231613;--r-md:10px;--r-xl:18px}
body{font-family:'Studio Sans',Arial,sans-serif;font-size:16px}button,input,textarea,.btn,.badge,.chip-btn,.look,.pill,.ghost em{font-family:'Studio Sans',Arial,sans-serif}.display,.h2,.logo,.stat b,.step h3,.wizard h3,.preview h2,.docs-body h2,.docs-body h3,.card .name,.glow-title{font-family:'Studio Display','Studio Sans',Arial,sans-serif;text-transform:none;background:none;color:var(--text);letter-spacing:-.045em}
main{max-width:1344px;padding-inline:48px}.nav{height:88px;padding:0 48px;gap:36px;background:var(--glass);backdrop-filter:none}.logo{font-size:24px;gap:12px;min-width:206px}.logo small{display:block;font:500 9px/1.6 'Studio Sans',Arial,sans-serif;letter-spacing:.22em;color:var(--text-3);margin-top:6px}.logo img,.ghost img,.footer-mascot{filter:grayscale(1)}.nav-links{gap:2px}.nav-links a{font-size:13px;padding:9px 11px}.nav .tag{display:none}.btn{height:50px;border-radius:9px;font-size:14px;padding:0 23px}.btn-brand:hover{box-shadow:0 4px 20px #ff806c20;transform:translateY(-1px)}.btn-sm{height:40px;font-size:12px}.btn-secondary{background:transparent;box-shadow:inset 0 0 0 1px var(--line-strong)}.ticker{display:none!important}
.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:20px;padding:60px 0 0;text-align:left}.hero::before{display:none}.hero-copy{position:relative;z-index:2;min-width:0}.studio-label{font:600 11px/1.5 'Studio Sans',Arial,sans-serif;letter-spacing:.16em;color:var(--lime)}.hero .display{font-size:clamp(40px,4.6vw,66px);line-height:1.06;margin-top:24px;letter-spacing:-.052em;text-wrap:initial}.shine{background:none;color:var(--lime);animation:none}.hero .lead{font-size:18px;line-height:1.6;max-width:400px;margin:24px 0 0}.hero-ctas{justify-content:flex-start;margin-top:30px;gap:24px;align-items:center}.hero-link{font-size:13px;color:var(--text);display:flex;gap:12px;align-items:center}.hero-link:hover{color:var(--lime)}.hero-caption{font-size:12px;color:var(--text-3);margin-top:28px}.hero-art{position:relative;min-width:0;height:470px;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-video{inset:0;opacity:.18;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent)}.fan{height:330px;width:100%;margin:0;align-items:center}.fan>div{width:150px;flex-shrink:0;margin:0 -26px;box-shadow:0 20px 36px #0005;border-radius:15px;height:300px;animation:none}.fan>div:nth-child(3){box-shadow:0 0 0 2px var(--lime),0 20px 50px #0006}.fan video{animation:none}.ghosts{display:none}.hero-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding:26px 0 24px;margin-top:28px}.stats{margin:0;justify-content:flex-start;gap:52px}.stat b{font-size:25px;line-height:1.2}.stat span{font-size:11px}.demo-note{max-width:235px;margin:0;text-align:right;font-size:11px;line-height:1.7}
.section-head{margin:80px 0 24px;align-items:baseline}.h2{font-size:36px;line-height:1.2}.section-head .muted{font-size:13px}.marquee{margin-inline:0;mask-image:none;border-radius:16px}.persona{border-radius:14px;width:180px;box-shadow:none}.persona b{font-family:'Studio Display',Arial,sans-serif;text-transform:none}.persona em{display:none}.marquee-track{animation-duration:85s}.persona:hover{transform:translateY(-4px)}.hype{margin-top:80px;padding:65px 24px;border-radius:18px;box-shadow:inset 0 0 0 1px var(--line)}.hype .display{font-size:52px;line-height:1.05}.hype::before{background:linear-gradient(90deg,#17191b30,#17191bd9 35%,#17191bd9 65%,#17191b30)}.hype .pill{display:none}.steps{gap:20px}.step{padding:12px;background:var(--surface-1);border:1px solid var(--line);box-shadow:none}.step video{border-radius:10px}.step-body{padding:22px 12px 18px}.step h3{font-size:24px}.step p{line-height:1.7}.spin-border{animation:none;background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--line)}.spin-border::before,.spin-border::after{display:none}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,300px));gap:20px}.card{border:1px solid var(--line);color:var(--text)}.card .name{font-size:26px}.card .posted{color:var(--text-2)}.glow-panel{box-shadow:inset 0 0 0 1px var(--line);background:var(--surface-1);border-radius:18px;padding:72px 24px;margin-top:80px}.glow-panel .floor{display:none}.glow-mascot{filter:grayscale(1);animation:none;width:92px}.glow-title{font-size:56px;line-height:1.05;text-shadow:none}.float-card{background:var(--surface-3);box-shadow:0 15px 30px #0004;backdrop-filter:none;animation:none}.fc1{left:3%;top:20%}.fc2{right:3%;top:17%}.fc3,.float-cursor{display:none}.float-card b{color:var(--lime)}.btn-light{background:var(--lime);color:var(--on-lime)}.btn-light:hover{background:var(--lime-hover)}footer{padding:30px 24px;line-height:1.8;color:var(--text-3)}
.launch-page{grid-template-columns:minmax(0,1fr) 370px;gap:64px;padding-top:36px}.wizard{max-width:none}.studio-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:24px;gap:16px}.studio-heading p{font-size:12px;color:var(--text-3)}.draft-notice{color:var(--text-2);background:var(--surface-2);padding:10px 13px;border-radius:8px}.stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stepper li{border-radius:8px;padding:10px 8px;font-size:12px;gap:7px}.wizard .display{font-size:44px;line-height:1.1;margin:20px 0 10px}.wizard section{gap:20px}.field{color:var(--text);font-size:13px;gap:9px}.field input,.field textarea{background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--line-strong);padding:15px 16px;line-height:1.55}.field input::placeholder,.field textarea::placeholder{color:#9ba1a6}.wizard h3{font-size:21px}.wizard .small{font-size:13px;line-height:1.7}.chip-btn{border-radius:7px;line-height:1.4;padding:9px 11px}.looks{grid-auto-columns:112px;gap:12px}.look{border-radius:10px}.look.on{box-shadow:0 0 0 2px var(--lime)}.look.upload{border:1px dashed var(--text-3)}.preview{top:112px;padding:16px;background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--line);border-radius:18px}.preview-label{display:block;color:var(--text-3);font-size:10px;letter-spacing:.15em;margin:5px 0 16px}.preview .face{aspect-ratio:4/5;background:var(--surface-2);border-radius:12px}.preview .face img.ph{filter:grayscale(1);animation:none}.preview h2{font-size:29px;line-height:1.15}.preview p{line-height:1.65}.pv-own{border:0;box-shadow:none;background:none;padding:0;font-size:11px}.launch-bar{padding-top:18px;border-top:1px solid var(--line)}.preview .pill-brand{border-radius:6px}.docs{padding-top:48px}.docs-body .display{font-size:52px;line-height:1.1}.docs-body h2{font-size:29px}.docs-toc{top:112px}.modal{background:var(--surface-1);color:var(--text)}
@media(min-width:1500px){.hero .display{font-size:68px}}
@media(max-width:1100px){main{padding-inline:32px}.nav{padding-inline:32px;gap:20px}.logo{min-width:180px}.nav-links a{padding-inline:8px}.hero .display{font-size:52px}.fan>div{width:135px;margin-inline:-30px}.hero-art{height:420px}.launch-page{gap:30px;grid-template-columns:minmax(0,1fr) 310px}.studio-heading{align-items:flex-start;flex-direction:column;gap:8px}.stepper li{font-size:11px;padding:8px 5px}}
@media(max-width:960px){.launch-page{grid-template-columns:1fr}.preview{display:grid;grid-template-columns:96px 1fr;order:-1;position:static}.preview-label{grid-column:1/-1;margin:0}.preview .face{aspect-ratio:1}.preview p{margin-bottom:0}.hero .display{font-size:46px}.hero-art{height:360px}.fan>div{height:260px;width:120px}.hero-ctas{gap:16px}.nav{gap:12px}.logo{min-width:155px;font-size:21px}.nav-links a{font-size:12px;padding-inline:7px}.nav>.btn{padding-inline:12px}}
@media(max-width:760px){main{padding-inline:20px}.nav{height:74px;padding:0 20px;gap:10px}.logo{font-size:21px;min-width:0;margin-right:auto}.logo small{font-size:8px}.nav>.btn{font-size:11px;height:38px;padding-inline:12px}.menu-toggle{height:38px;width:34px;background:var(--surface-2);color:var(--text)}.nav-links{background:var(--surface-1);padding:12px 20px}.hero{grid-template-columns:1fr;gap:10px;padding-top:34px}.hero .display{font-size:clamp(38px,8vw,58px);margin-top:16px}.hero .lead{font-size:16px;max-width:350px;margin-top:18px}.hero-ctas{margin-top:22px}.hero-caption{margin-top:18px}.hero-art{height:300px}.fan{height:260px;max-width:500px}.fan>div{height:250px;width:136px;margin-inline:-26px}.hero-bottom{margin-top:6px;display:block;padding-top:20px}.stats{gap:28px;justify-content:space-between}.stat b{font-size:24px}.stat span{font-size:10px}.demo-note{text-align:left;max-width:none;margin-top:16px}.section-head{margin-top:52px;gap:12px}.h2{font-size:29px}.section-head .muted{font-size:12px}.persona{width:156px}.hype{margin-top:52px;padding:50px 20px}.hype .display{font-size:38px}.hype::before{background:#17191bd0}.steps{gap:16px}.step-body{padding:18px 8px}.glow-panel{margin-top:52px;padding:48px 20px}.glow-title{font-size:39px}.launch-page{padding-top:20px;gap:20px}.wizard .display{font-size:34px}.studio-heading{padding-bottom:15px;margin-bottom:18px}.preview{margin-bottom:0}.preview h2{font-size:22px}.stepper{gap:5px}.stepper li{font-size:10px;padding:8px 5px;gap:5px}.stepper li::before{width:18px;height:18px;flex:none}.looks{grid-auto-columns:94px}.wizard .launch-bar .btn{font-size:13px}.docs-body .display{font-size:38px}.docs{padding-top:26px}.grid{grid-template-columns:minmax(0,300px)}.hero-link{font-size:12px}.hero .btn{padding-inline:16px;font-size:13px}.facts dd{text-align:left}.studio-label{font-size:10px}}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none}.marquee{overflow-x:auto}.hero-caption{animation:none}}
/* Approved Crowdside identity: keep existing content media intact. */
.logo{min-width:210px;width:210px;height:48px;display:block;overflow:hidden;flex-shrink:0}
.logo img{width:210px;height:70px;max-width:none;transform:translateY(-11px);filter:none;mix-blend-mode:lighten}
.footer-brand{display:block;width:180px;height:46px;overflow:hidden;margin:0 auto 18px}
.footer-brand img{width:180px;height:60px;max-width:none;transform:translateY(-7px);mix-blend-mode:lighten}
.crowdside-mark{width:130px;filter:none;mix-blend-mode:lighten}
.preview .face img.ph{width:65%;filter:none;mix-blend-mode:lighten}
@media(max-width:960px){.logo{min-width:170px;width:170px;height:42px}.logo img{width:170px;height:57px;transform:translateY(-7px)}}
@media(max-width:760px){.logo{min-width:0;width:140px;height:40px}.logo img{width:140px;height:47px;transform:translateY(-3px)}.nav{gap:8px}.nav>.btn{font-size:10px;padding-inline:10px}}

.nav-social{display:inline-flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;border-radius:9px;color:var(--text-2);transition:color .2s,background .2s}.nav-social:hover{color:var(--text);background:var(--line-subtle)}
@media(max-width:760px){.nav-social{order:2;width:32px;height:38px}.nav-social svg{width:18px;height:18px}.nav>.btn{order:3}}