:root{color-scheme:dark;--bg:#0c0c14;--surface:#171821;--surface2:#20212c;--line:#30313c;--text:#f7f4f6;--muted:#aaabb9;--rose:#ef6987;--rose2:#b83b63;--lav:#a89cf7;--white:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}body::before{content:"";position:absolute;top:0;left:0;width:100%;height:730px;pointer-events:none;background:radial-gradient(ellipse at 83% 17%,#591b3759,transparent 43%),radial-gradient(ellipse at 13% 36%,#261a344b,transparent 48%)}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #f6a9bd;outline-offset:4px}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}p,h1,h2,h3{margin-top:0}.lp-wrap{width:min(1192px,calc(100% - 64px));margin-inline:auto}.skip-link{position:fixed;left:20px;top:-80px;z-index:100;background:#fff;color:#000;padding:12px 16px;border-radius:12px}.skip-link:focus{top:14px}.lp-header{height:78px;position:sticky;top:0;z-index:40;border-bottom:1px solid #ffffff13;background:#0d0d16ed;backdrop-filter:blur(15px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:18px}.lp-brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-size:17px;font-weight:850;letter-spacing:.015em}.lp-brand b{color:#ff8fa6;font-weight:850}.brand-symbol{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(140deg,#f97590,#b52f5a);box-shadow:0 7px 26px #d52f5633;font-size:26px;line-height:1;font-weight:950;color:white}.desktop-nav{display:flex;align-items:center;gap:30px;color:#c5c2ce;font-size:13px;font-weight:590}.desktop-nav a:hover,.lp-text-btn:hover{color:#fff}.header-actions{display:flex;align-items:center;gap:23px}.lp-text-btn{font-size:13px;color:#d8d7e0;font-weight:690}.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:47px;padding:12px 20px;font-size:13px;font-weight:750;border-radius:11px;border:1px solid transparent;white-space:nowrap;transition:transform .16s,background .16s,border-color .16s}.lp-btn:hover{transform:translateY(-2px)}.lp-btn-primary{background:linear-gradient(105deg,#ed708a,#b73561);box-shadow:0 10px 30px #ae37512d;color:white}.lp-btn-primary:hover{background:linear-gradient(105deg,#ff899d,#c94168)}.lp-btn-outline{background:#20202b6e;border-color:#45414e;color:#f5f2f7}.lp-btn-outline:hover{background:#262630;border-color:#827786}.lp-btn-sm{padding:10px 16px;min-height:40px}.lp-btn-lg{min-height:55px;padding:15px 21px;font-size:14px}.menu-toggle{display:none;border:1px solid #39333f;border-radius:11px;background:#211c27;color:white;width:42px;height:42px;padding:11px;flex-direction:column;justify-content:center;gap:5px}.menu-toggle span{height:2px;background:#f3ebef;width:100%;border-radius:4px}.mobile-nav[hidden]{display:none!important}.mobile-nav{display:none}
/* HERO */
.hero{position:relative;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:36px;min-height:628px;padding-block:74px 77px}.hero-glow{position:absolute;inset:0;pointer-events:none;z-index:-1}.hero-copy{position:relative;z-index:2}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.18em;font-weight:850;color:#e2a0b3}.eyebrow{display:inline-flex;align-items:center;gap:10px;background:#f16b8610;border:1px solid #f16b8635;border-radius:40px;padding:10px 13px}.eyebrow-spark{width:7px;height:7px;border-radius:50%;background:#ef7f96;box-shadow:0 0 12px #e4628a}.hero h1{font-size:clamp(44px,5.35vw,73px);letter-spacing:-.065em;line-height:1.075;margin:26px 0 20px;font-weight:880;white-space:nowrap}.hero h1 span,.section-heading h2 span{background:linear-gradient(110deg,#fb98ab,#ce5684);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-lead{font-size:15px;line-height:1.85;color:#c3beca;max-width:510px;margin-bottom:29px}.hero-buttons{display:flex;gap:11px;flex-wrap:wrap}.hero-micro{display:flex;flex-wrap:wrap;gap:22px;margin-top:18px;font-size:11px;color:#ada9b7}.mini-check{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;border:1px solid #8bc8a9;color:#96d5b4;font-style:normal;margin-right:4px;font-size:10px}.hero-facts{margin-top:51px;display:flex;gap:38px;align-items:stretch}.hero-facts>div{display:flex;flex-direction:column;gap:7px;position:relative}.hero-facts>div:not(:last-child){padding-right:33px;border-right:1px solid #413743}.hero-facts b{font-size:28px;line-height:1;letter-spacing:-.05em}.hero-facts span{font-size:11px;color:#aaa7b5;line-height:1.5}
/* DARK GAME CONCEPT */
.hero-visual{position:relative;isolation:isolate;min-width:0;display:flex;align-items:center;justify-content:center;min-height:490px}.board-glow{position:absolute;width:91%;aspect-ratio:1;z-index:-1;background:radial-gradient(ellipse,#822e5273 0,transparent 63%);filter:blur(22px)}.scene-card{width:min(100%,485px);padding:21px;background:linear-gradient(150deg,#25222f 0,#171720 66%,#181521 100%);border:1px solid #554454;border-radius:23px;box-shadow:0 35px 95px #040309ba,0 0 0 8px #ffffff04;transform:rotate(-2deg)}.scene-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:19px;border-bottom:1px solid #3a3542;color:#b9acbd;font-size:10px;letter-spacing:.1em;font-weight:800}.scene-head>div{display:flex;gap:8px;align-items:center}.scene-dot,.signal{width:8px;height:8px;background:#60cba4;display:inline-block;border-radius:50%;box-shadow:0 0 0 4px #62c69e13}.scene-code{font-size:9px;color:#a79ba8}.scene-title{display:flex;align-items:center;gap:11px;padding:22px 0}.scene-title>div{flex:1;display:flex;flex-direction:column;gap:5px}.scene-title strong{font-size:19px;letter-spacing:-.04em}.scene-title small{color:#aca1b1;font-size:11px}.moon-icon{width:41px;height:41px;display:grid;place-items:center;background:#342a42;color:#d3b0fe;border-radius:11px;font-size:26px}.scene-time{font-size:17px;font-weight:800;font-variant-numeric:tabular-nums}.scene-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.player-card{position:relative;min-height:119px;background:radial-gradient(circle at 50% 25%,#3b354a 0,#24242e 74%);border:1px solid #47404d;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#ded9e4;font-size:11px;font-weight:700}.player-card.speaker{border-color:#d27a9d;box-shadow:0 0 0 1px #bf6286,0 0 24px #bc3b6366}.face{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:850;box-shadow:0 7px 19px #0004}.face-a{background:linear-gradient(145deg,#4568a1,#273859)}.face-b{background:linear-gradient(145deg,#ba627b,#683149)}.face-c{background:linear-gradient(145deg,#b59158,#615032)}.face-d{background:linear-gradient(145deg,#4e9c8b,#2d5550)}.face-e{background:linear-gradient(145deg,#7762ad,#3b2e60)}.face-f{background:linear-gradient(145deg,#b47b6e,#64413c)}.player-card i{position:absolute;right:11px;top:11px;height:6px;width:6px;border-radius:50%;background:#7e9c8e}.scene-bottom{margin-top:18px;display:flex;align-items:center;justify-content:space-between;color:#b2a9b8;font-size:10px}.scene-bottom>span:first-child{display:flex;align-items:center;gap:8px}.night-tag{color:#f0a5ba;background:#5c354a;border-radius:6px;padding:8px 10px;font-size:9px;font-weight:800;letter-spacing:.07em}.floating-note{position:absolute;display:flex;align-items:center;gap:11px;padding:12px 16px;border-radius:13px;border:1px solid #685266;background:#2a2331f0;box-shadow:0 15px 35px #08030bc2;transform:rotate(2deg)}.floating-note>span:last-child{display:flex;flex-direction:column;gap:4px}.floating-note b{font-size:11px}.floating-note small{font-size:9px;color:#c0b0c4}.note-icon{display:grid;place-items:center;width:34px;height:34px;background:#824158;border-radius:9px;color:#ffd0dd;font-size:19px}.mic-icon{background:#4a3f79;color:#d5cbff}.note-top{top:14px;right:-8px}.note-bottom{bottom:5px;left:-13px}
/* CONTENT */
.section-space{padding:90px 0}.features-section{border-top:1px solid #ffffff0b;background:linear-gradient(180deg,#12121b,#0d0d15)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:35px}.section-heading h2{font-size:clamp(30px,3.4vw,45px);line-height:1.17;letter-spacing:-.055em;margin:15px 0 0;font-weight:800}.section-heading>p{max-width:320px;color:#aaa7b5;font-size:13px;line-height:1.8;margin:0 0 4px}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.feature-card{min-width:0;padding:26px 22px 24px;display:flex;flex-direction:column;align-items:start;min-height:245px;background:linear-gradient(155deg,#1e1d28,#171720);border:1px solid #34313f;border-radius:17px;transition:border-color .2s,transform .2s}.feature-card:hover{border-color:#7a4c64;transform:translateY(-3px)}.feature-card h3{font-size:16px;letter-spacing:-.02em;margin:21px 0 10px}.feature-card p{font-size:12px;color:#b0acb9;line-height:1.8;margin:0 0 10px}.feature-card a{font-size:11px;color:#f2a5ba;font-weight:750;margin-top:auto}.feature-icon{width:47px;height:47px;border-radius:12px;display:grid;place-items:center;font-size:26px}.icon-rose{background:#603044;color:#ffc2d1}.icon-violet{background:#463963;color:#d1b8ff}.icon-amber{background:#554332;color:#f6d6a9}.icon-blue{background:#2e415a;color:#a1cfff}.steps-section{background:#0e0e17}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.step-card{background:#181820;border:1px solid #32303c;padding:28px;border-radius:16px;position:relative;min-height:194px}.step-card:not(:last-child)::after{content:'→';position:absolute;right:-14px;top:50%;z-index:1;border-radius:100%;background:#312332;color:#e6a0b6;width:28px;height:28px;display:grid;place-items:center;box-shadow:0 0 0 5px #0e0e17}.step-num{font-size:25px;letter-spacing:-.07em;color:#e67d9e;font-weight:850}.step-card h3{font-size:17px;margin:21px 0 8px}.step-card p{font-size:12px;line-height:1.8;color:#ada8b8;margin:0}.live-section{background:#12121c;border-block:1px solid #26232c}.live-heading{align-items:center}.landing-room-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.landing-room-card{padding:23px;background:#1f1e29;border:1px solid #433947;border-radius:16px}.landing-room-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.open-pill{color:#9de0bd;font-size:10px;font-weight:850;letter-spacing:.04em}.landing-room-code{color:#ada4b3;font-size:11px}.landing-room-card h3{font-size:18px;margin:22px 0 7px;letter-spacing:-.03em}.landing-room-card>p{font-size:12px;color:#a9a4b3;margin:0 0 19px}.landing-room-meta{display:flex;flex-direction:column;gap:10px;font-size:11px;color:#d1c6d4}.landing-room-bar{width:100%;height:6px;border-radius:10px;background:#363141;overflow:hidden}.landing-room-bar span{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#d15d7f,#ad68ca)}.room-join-link{display:inline-block;margin-top:20px;color:#ffb2c7;font-size:12px;font-weight:800}.room-join-link:hover{text-decoration:underline}.room-empty{grid-column:1/-1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;text-align:center;padding:43px 22px;background:#1d1c27;border:1px dashed #524151;border-radius:16px;color:#d7cfdb}.room-empty strong{font-size:19px}.room-empty p{color:#ada5b4;font-size:12px;margin:0 0 7px}.live-foot{display:flex;align-items:center;justify-content:space-between;color:#9893a2;font-size:11px;margin-top:19px}.refresh-link{border:0;background:transparent;color:#ec97b1;font-size:12px;font-weight:700}.refresh-link:hover{text-decoration:underline}.cta-section{padding-block:84px}.cta-box{position:relative;overflow:hidden;min-height:328px;border-radius:25px;padding:54px 65px;background:linear-gradient(116deg,#802c4b,#4f244e 65%,#33244b);border:1px solid #b3597470;display:flex;justify-content:space-between;align-items:center;isolation:isolate}.cta-box h2{font-size:clamp(33px,4.3vw,53px);line-height:1.15;letter-spacing:-.06em;margin:15px 0}.cta-box p{color:#ead1dd;font-size:13px;line-height:1.75;margin-bottom:21px}.cta-box .section-kicker{color:#ffd3e0}.cta-actions{display:flex;gap:10px;flex-wrap:wrap}.lp-btn-light{background:#fff;color:#752a4c}.lp-btn-light:hover{background:#ffebf1}.lp-btn-ghost{background:#ffffff18;border:1px solid #ffffff50;color:white}.lp-btn-ghost:hover{background:#ffffff24}.cta-mark{font-size:240px;line-height:1;font-weight:950;color:#ffffff14;margin-right:12px;transform:rotate(-14deg)}.cta-orb{position:absolute;width:400px;height:400px;right:-70px;top:-125px;border-radius:50%;background:radial-gradient(circle,#fd9ecb3e,transparent 70%);z-index:-1}.faq-section{padding-top:35px;background:#0c0c14}.faq-list{max-width:850px}.faq-list details{border-bottom:1px solid #393442;padding:6px 0}.faq-list summary{list-style:none;cursor:pointer;padding:19px 34px 19px 2px;position:relative;font-weight:690;font-size:14px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';position:absolute;right:6px;top:12px;font-size:25px;font-weight:400;color:#e58eab}.faq-list details[open] summary::after{content:'−'}.faq-list p{font-size:13px;line-height:1.8;color:#aaa4b2;margin:0;padding:0 34px 22px 2px}.lp-footer{border-top:1px solid #282531;padding:44px 0 36px;background:#12121a}.footer-layout{display:flex;justify-content:space-between;gap:45px}.lp-footer p{font-size:12px;color:#a3a0af;margin:16px 0 23px;max-width:270px;line-height:1.7}.legal{font-size:11px;color:#81808e}.lp-footer nav{display:grid;grid-template-columns:repeat(2,minmax(135px,1fr));gap:16px 32px;align-content:start;padding-top:10px}.lp-footer nav a{font-size:12px;color:#c5bfcc}.lp-footer nav a:hover{color:#ffaec6}
@media(max-width:1060px){.desktop-nav{gap:14px}.hero{gap:16px}.hero h1{font-size:clamp(39px,5.2vw,58px)}.floating-note.note-top{right:-3px}.floating-note.note-bottom{left:1px}.hero-facts{gap:20px}.hero-facts>div:not(:last-child){padding-right:20px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card{min-height:210px}}
@media(max-width:820px){.lp-wrap{width:min(100% - 40px,620px)}.desktop-nav,.header-actions{display:none}.menu-toggle{display:flex}.mobile-nav{position:absolute;top:78px;left:0;right:0;display:flex;flex-direction:column;background:#1b1822;border-bottom:1px solid #564153;padding:12px 20px 20px;box-shadow:0 18px 30px #0009}.mobile-nav>a{padding:13px 6px;border-bottom:1px solid #332a37;font-size:14px}.mobile-auth{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.mobile-auth a{text-align:center;background:#282330;border:1px solid #574454;border-radius:10px;padding:13px;font-size:12px;font-weight:700}.mobile-auth a:last-child{background:#ba4165;border-color:#ba4165}.hero{grid-template-columns:1fr;padding-block:58px 51px;gap:30px}.hero h1{font-size:clamp(45px,9vw,67px)}.hero-lead{max-width:580px}.hero-visual{max-width:560px;width:100%;margin:auto;min-height:470px}.scene-card{width:94%}.section-space{padding:65px 0}.section-heading{align-items:start;flex-direction:column;gap:13px}.section-heading>p{max-width:580px}.landing-room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cta-box{padding:40px}.cta-mark{font-size:170px}}
@media(max-width:550px){.lp-wrap{width:calc(100% - 32px)}.lp-header{height:68px}.mobile-nav{top:68px}.lp-brand{font-size:14px}.brand-symbol{width:35px;height:35px;font-size:23px}.hero{padding-block:48px 46px;gap:27px}.hero h1{font-size:clamp(38px,10vw,53px);letter-spacing:-.06em;white-space:normal;margin:22px 0 17px}.hero-lead{font-size:13px;line-height:1.85}.hero-buttons{flex-direction:column}.hero-buttons .lp-btn{width:100%;font-size:13px}.hero-micro{gap:11px 19px;font-size:10px}.hero-facts{margin-top:30px;gap:12px}.hero-facts>div:not(:last-child){padding-right:12px}.hero-facts b{font-size:23px}.hero-facts span{font-size:10px}.hero-visual{min-height:340px}.scene-card{width:96%;padding:13px;border-radius:19px}.scene-head{font-size:8px;padding-bottom:11px}.scene-code{font-size:8px}.scene-title{padding:14px 0}.scene-title strong{font-size:16px}.scene-title small{font-size:9px}.moon-icon{width:32px;height:32px;font-size:21px}.scene-time{font-size:14px}.scene-grid{gap:6px}.player-card{min-height:78px;border-radius:10px;gap:5px;font-size:9px}.face{width:35px;height:35px;font-size:15px}.scene-bottom{margin-top:11px;font-size:8px}.night-tag{font-size:7px;padding:6px}.floating-note{padding:7px 9px;gap:7px;border-radius:9px}.floating-note b{font-size:9px}.floating-note small{font-size:7px}.note-icon{width:25px;height:25px;font-size:15px}.note-top{top:0}.note-bottom{bottom:-6px}.section-heading h2{font-size:32px}.feature-grid,.steps-grid,.landing-room-grid{grid-template-columns:1fr}.feature-card{min-height:0;padding:22px}.feature-card h3{margin:14px 0 7px}.step-card{min-height:0;padding:22px}.step-card:not(:last-child)::after{content:'↓';right:calc(50% - 14px);top:auto;bottom:-14px}.step-card h3{margin:14px 0 6px}.live-heading .lp-btn{align-self:start}.cta-section{padding-block:48px}.cta-box{padding:35px 23px;min-height:0}.cta-box h2{font-size:36px}.cta-mark{display:none}.cta-actions{flex-direction:column;align-items:stretch}.cta-actions .lp-btn{width:100%}.footer-layout{flex-direction:column;gap:25px}.lp-footer nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.faq-list summary{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}


/* V13.4.1: footer doimo kontent ostida; qisqa sahifada viewport pastida. */
html{min-height:100%}
body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
body>main{flex:1 0 auto;min-width:0}
body>.lp-footer{position:relative;inset:auto;flex-shrink:0;margin-top:auto;width:100%}

.bem-logo-small{width:42px;height:42px;object-fit:contain;flex:none}


/* BEMMAFIA V13.15 • cinematic original landing + accessible 21-role catalogue */
:root{--bg:#09080c;--surface:#161015;--surface2:#201219;--line:#4b3230;--text:#faf4ec;--muted:#b5a4a0;--rose:#df3245;--rose2:#a72132;--gold:#deb875}
body{background:#09080c;color:#f7eee7}
body::before{background:radial-gradient(ellipse at 73% 15%,#65202650,transparent 46%),radial-gradient(ellipse at 12% 38%,#3622244b,transparent 48%)}
.lp-header{background:#09080ce8;border-bottom-color:#cba15e30}
.lp-brand{letter-spacing:.015em;font-size:20px}.lp-brand span{background:linear-gradient(90deg,#fff 35%,#f04358 36%);background-clip:text;color:transparent}
.lp-btn-primary{background:#d52b42!important;border-color:#d52b42!important;color:white!important;box-shadow:0 15px 38px #df233638}
.lp-btn-outline{border-color:#9d7b51!important;color:#f9e6d1!important;background:#110d0fad}
.lp-btn-primary:hover{background:#ea465a!important}.lp-btn-outline:hover{background:#34201c!important}
.cinematic-hero{position:relative;min-height:690px;isolation:isolate;overflow:hidden;grid-template-columns:1fr 1.12fr;gap:18px}
.cinematic-hero .hero-copy{z-index:4;align-self:center}.cinematic-hero .eyebrow{color:#d6b26c;letter-spacing:.14em;font-size:10px;display:flex;align-items:center;gap:10px}.eyebrow-line{height:1px;width:27px;background:#d4a661}
.cinematic-hero h1{font-family:Georgia,Times New Roman,serif;font-weight:800;font-size:clamp(64px,6.6vw,110px);letter-spacing:-.047em;line-height:1.04;color:#fcf5eb;margin:32px 0 25px;text-shadow:0 8px 40px #0005}
.cinematic-hero h1 span{background:linear-gradient(120deg,#faf0d3 0%,#dfb36a 55%,#a67936 100%);background-clip:text;color:transparent}
.cinematic-hero .hero-lead{color:#d5c7c4;font-size:15px;max-width:530px;line-height:1.9}
.cinematic-hero .hero-facts b{font-family:Georgia,serif;font-size:35px;color:#f6ddbd}.cinematic-hero .hero-facts span{letter-spacing:.12em;font-size:10px;color:#cbb0a3}
.cinematic-hero .hero-micro{font-size:11px;color:#e2c79e}
.city-scene{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 77% 59%,#63212538,transparent 50%)}
.city-scene::before{content:'';position:absolute;inset:0;opacity:.52;background-image:radial-gradient(#e8c895 1px,transparent 1px),radial-gradient(#b94843 1px,transparent 1px);background-size:147px 121px,209px 187px;background-position:5px 11px,64px 80px;animation:sky-glow 7s ease-in-out infinite alternate}
.scene-moon{position:absolute;right:9%;top:25%;width:240px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 29% 22%,#fd9b54,#dc4650 60%,#81243a);box-shadow:0 0 85px #d539482e;transition:background .7s,box-shadow .7s}
.city-skyline{position:absolute;bottom:12%;right:-2%;width:59%;height:35%;opacity:.5;background:linear-gradient(transparent 20%,#070408 21%),repeating-linear-gradient(90deg,#10050a 0 41px,#170b0f 42px 61px,#050407 62px 91px);clip-path:polygon(0 57%,7% 57%,7% 42%,14% 42%,14% 65%,22% 65%,22% 20%,31% 20%,31% 59%,39% 59%,39% 40%,45% 40%,45% 65%,54% 65%,54% 18%,58% 18%,58% 0,62% 18%,69% 18%,69% 62%,77% 62%,77% 36%,86% 36%,86% 55%,94% 55%,94% 28%,100% 28%,100% 100%,0 100%)}
.city-fog{position:absolute;bottom:9%;right:-10%;width:76%;height:21%;background:radial-gradient(ellipse,#9d30332a,transparent 70%);filter:blur(35px);animation:fog-move 11s ease-in-out infinite alternate}
.cinematic-hero[data-scene="day"] .scene-moon{background:radial-gradient(circle at 30% 23%,#ffefb1,#f9b55e 70%,#e18547);box-shadow:0 0 108px #f5b95a55}
.cinematic-hero[data-scene="day"] .city-scene{background:radial-gradient(ellipse at 75% 50%,#d7774332,transparent 53%)}
.cinematic-stage{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:560px;z-index:2}
.scene-switch{display:flex;gap:3px;border:1px solid #986e5290;border-radius:999px;padding:5px;background:#1a1119d9;position:absolute;top:6%;z-index:7}
.scene-switch button{border:0;background:transparent;color:#dfc8b8;padding:9px 18px;border-radius:99px;font-weight:750;font-size:12px;cursor:pointer}.scene-switch button.selected{background:#a52643;color:white}
.card-fan{position:relative;height:430px;width:min(100%,580px);display:flex;align-items:center;justify-content:center;perspective:1000px;margin-top:24px}
.fan-card{position:absolute;height:auto;object-fit:contain;filter:drop-shadow(0 16px 18px #000c);border-radius:12px;transform-origin:bottom center;transition:transform .35s ease,filter .35s;max-width:50%;aspect-ratio:2/3}
.fan-left{width:220px;transform:translate(-148px,24px) rotate(-14deg);z-index:1;animation:card-left 5s ease-in-out infinite alternate}
.fan-middle{width:263px;transform:translate(0,0);z-index:4;animation:card-center 5.3s ease-in-out infinite alternate}
.fan-right{width:220px;transform:translate(148px,27px) rotate(14deg);z-index:2;animation:card-right 6s ease-in-out infinite alternate}
.card-fan:hover .fan-left{transform:translate(-175px,15px) rotate(-17deg)}.card-fan:hover .fan-right{transform:translate(175px,18px) rotate(17deg)}
.stage-caption{font-size:11px;letter-spacing:.22em;color:#e6c386;font-weight:800;text-align:center;margin-top:0}
.role-showcase{background:linear-gradient(180deg,#160d12,#09080c);border-top:1px solid #bb92542e;border-bottom:1px solid #b48a5130}
.role-showcase .section-heading h2,.features-section .section-heading h2{font-family:Georgia,serif}
.role-showcase .section-heading h2 span{color:#e0b778}
.role-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 0 28px;flex-wrap:wrap}
.role-search-label{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#cbb3a9;font-weight:700}.role-search-label input{width:min(100vw - 40px,340px);border:1px solid #7c5042;background:#100c10;color:#fff;border-radius:10px;padding:13px 14px;font:inherit;font-size:14px;outline-offset:2px}
.role-gender{display:flex;gap:4px;padding:4px;border:1px solid #795343;border-radius:11px}.role-gender button{padding:10px 19px;border:0;border-radius:8px;color:#ddc9bb;background:transparent;cursor:pointer}.role-gender button.active{background:#a52c3d;color:#fff}
.role-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.role-card-button{display:block;padding:0 0 14px;border:1px solid #6e442d;border-radius:15px;overflow:hidden;background:linear-gradient(#221216,#110b0e);color:#fcebdc;cursor:pointer;box-shadow:0 14px 35px #0006;transition:transform .2s,border-color .2s;text-align:center;width:100%}
.role-card-button:hover{transform:translateY(-7px);border-color:#f0c586}.role-card-button img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;background:#230e14}.role-card-button strong{font-size:13px;display:block;margin:13px 0 0}.role-card-button small{display:block;color:#b99265;font-size:10px;margin:6px 0 0;letter-spacing:.05em}
.role-count{text-align:center;font-size:12px;color:#bba090;margin:22px 0 0}.role-dialog{border:1px solid #af804b;border-radius:18px;padding:30px;background:#150e12;color:#f6ece0;width:min(760px,calc(100% - 24px));max-height:90dvh;overflow:auto;box-shadow:0 0 80px #000d}.role-dialog::backdrop{background:#060407dc;backdrop-filter:blur(4px)}.role-dialog-close{position:absolute;right:12px;top:8px;border:0;background:transparent;color:white;font-size:32px;cursor:pointer}.role-dialog-content{display:grid;grid-template-columns:245px 1fr;align-items:center;gap:35px}.role-dialog-content img{width:100%;height:auto;border-radius:8px}.role-dialog-content h2{font-family:Georgia,serif;font-size:36px}.role-dialog-content p{line-height:1.8;color:#d1c1b9}
[data-reveal]{transition:opacity .65s,transform .65s}.reveal-pending{opacity:0;transform:translateY(25px)}
@keyframes card-left{to{transform:translate(-149px,16px) rotate(-13deg)}}@keyframes card-center{to{transform:translateY(-12px)}}@keyframes card-right{to{transform:translate(147px,12px) rotate(13deg)}}@keyframes fog-move{to{transform:translateX(-45px);opacity:.6}}@keyframes sky-glow{to{opacity:.86}}
@media(max-width:1100px){.cinematic-hero h1{font-size:clamp(58px,6vw,82px)}.role-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.fan-left{width:192px}.fan-middle{width:228px}.fan-right{width:192px}}
@media(max-width:820px){.cinematic-hero{display:flex;flex-direction:column;min-height:0;padding-top:55px;padding-bottom:20px}.cinematic-hero .hero-copy{width:100%}.cinematic-hero h1{font-size:clamp(54px,10vw,74px)}.cinematic-stage{width:100%;min-height:470px}.scene-switch{top:0}.card-fan{height:440px;margin-top:25px}.role-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.role-dialog-content{gap:18px;grid-template-columns:200px 1fr}}
@media(max-width:550px){.cinematic-hero{padding-top:36px;gap:0}.cinematic-hero .eyebrow{font-size:8px;white-space:normal;letter-spacing:.07em}.cinematic-hero h1{font-size:clamp(50px,14.5vw,76px);margin:20px 0}.cinematic-hero .hero-lead{font-size:13px}.cinematic-stage{min-height:342px}.scene-moon{width:175px;right:0;top:56%}.card-fan{height:310px;margin-top:23px}.fan-left{width:144px;transform:translate(-96px,15px) rotate(-14deg);animation:none}.fan-middle{width:171px;animation:none}.fan-right{width:144px;transform:translate(96px,15px) rotate(14deg);animation:none}.stage-caption{font-size:8px;margin-top:-5px}.hero-facts{margin-bottom:0}.role-showcase.section-space{padding:55px 0}.role-toolbar{align-items:stretch}.role-search-label{width:100%}.role-search-label input{width:100%}.role-gender{width:100%}.role-gender button{flex:1}.role-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.role-card-button strong{font-size:12px}.role-dialog{padding:33px 16px}.role-dialog-content{grid-template-columns:1fr;text-align:center}.role-dialog-content img{max-width:180px;margin:auto}.role-dialog-content h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.fan-card,.city-fog,.city-scene::before{animation:none!important}[data-reveal]{transition:none!important;opacity:1!important;transform:none!important}}

/* V13.18.10: manual choice for old room invite links, no automatic routing */
.landing-room-invite{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:16px;margin-bottom:4px;padding:19px 22px;border:1px solid #aa7151;background:linear-gradient(115deg,#321d20,#191018 75%);border-radius:15px;box-shadow:0 12px 30px #0003}
.landing-room-invite strong{display:block;font-size:15px;color:#ffe0ad}
.landing-room-invite p{font-size:12px;color:#d2b9ae;margin:7px 0 0;line-height:1.5}
.landing-room-invite-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;flex-shrink:0}
.landing-room-invite-actions .lp-btn{font-size:11px;white-space:nowrap}
@media(max-width:720px){.landing-room-invite{flex-direction:column;align-items:stretch;padding:16px}.landing-room-invite-actions{width:100%}.landing-room-invite-actions .lp-btn{flex:1;text-align:center;padding:11px 10px}}