/* AlterLife marketing identity; existing account and game endpoints stay compatible. */
.shop .item .pic{aspect-ratio:2/3;height:auto;background:#180d23}.shop .item .pic img{width:100%;height:100%;object-fit:cover;object-position:center;filter:none;transform:none}.concept-tag{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#cba8df}.art.art-avatar{background:linear-gradient(0deg,#100918 5%,transparent 80%),url('/images/alterlife/ink.webp') center 20%/cover no-repeat;opacity:.65}.art.art-avatar::before,.art.art-avatar::after{display:none}
:root{--bg:#050008;--bg2:#0a000f;--card:#120018;--card2:#1a0424;--rose:#ff1a5c;--violet:#9b30ff;--text:#fff;--muted:#c4aac8;--dim:#ae98b9;--seam:linear-gradient(110deg,var(--rose),var(--violet));--max:1320px}
[hidden]{display:none!important}
h1,h2,h3,.display,.logo,.stat .n,.step .num{font-family:Manrope,system-ui,sans-serif;letter-spacing:-.045em}
.wrap{padding-left:40px;padding-right:40px}
.logo{font-size:27px;gap:9px;letter-spacing:-1.2px}
.logo-mark{width:38px;height:42px;border-radius:0;box-shadow:none;background:url('/images/alterlife/mark.svg') center/contain no-repeat}
.logo-mark::after{display:none}
.nav-in{height:92px}.nav-links{gap:28px;color:#e8ddec}
nav{background:linear-gradient(#050008b3,transparent)}
nav.scrolled{background:#050008e8}
.btn-primary{background:var(--rose);box-shadow:0 8px 32px #ff1a5c30}
.btn{min-height:48px}.btn-ghost{background:#12001870;border-color:#ffffff30;backdrop-filter:blur(12px)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #fff;outline-offset:5px}
.hero{min-height:860px;min-height:100svh;padding:160px 0 160px;isolation:isolate}
.hero>.wrap{width:100%}.hero-in{max-width:620px}
.hero-bg{transform:none;background:#120018;overflow:hidden}
.hero-scene,.hero-bg video{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:65% center}
.hero-scene{animation:alterlife-drift 24s ease-in-out infinite alternate;will-change:transform}
.hero-bg::after{background:linear-gradient(90deg,#050008db 0%,#0500089c 30%,#05000812 65%),linear-gradient(0deg,#050008 0%,transparent 28%,#05000820 75%)}
.hero-bg::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 70% 75%,#ff1a5c15,transparent 55%);animation:alterlife-light 9s ease-in-out infinite alternate}
.hero h1{font-size:clamp(70px,8.6vw,132px);letter-spacing:-.075em;line-height:1;margin:24px 0 12px;font-weight:800}
.hero-tagline{font-size:clamp(28px,3.4vw,46px);font-weight:500;letter-spacing:-.045em;margin-bottom:26px;line-height:1.15}
.hero p.lead{font-size:18px;max-width:440px;color:#e6dbe9;line-height:1.7;margin-bottom:32px}
.hero .eyebrow{color:#ead6ee;font-size:11px;letter-spacing:.2em}
.hero-actions .btn{padding:16px 29px}.hero-meta{color:#d0bdd7}.hero-meta b{color:#eadfed}
.hero-seam,.ticker{display:none}.stats{margin-top:30px}.stat .n{font-size:24px}
.scene-controls{position:absolute;bottom:42px;right:40px;z-index:4;display:flex;align-items:center;gap:18px}
.motion-toggle{border:1px solid #ffffff40;background:#05000888;backdrop-filter:blur(12px);color:white;padding:11px 17px;border-radius:30px;font:600 12px Manrope,system-ui,sans-serif;cursor:pointer;min-height:44px}
.scene-note{font-size:10px;color:#dfcfe8;letter-spacing:.12em;text-transform:uppercase}
.hero-scroll{position:absolute;bottom:48px;left:max(40px,calc((100% - 1240px)/2));z-index:3;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#e8d7ed}
.hero-scroll span{margin-left:14px;color:#ff1a5c}
.hero-bg.paused .hero-scene,.hero-bg.paused::before{animation-play-state:paused}
.hero-bg.video-active .hero-scene{animation:none}.hero-bg.video-active::before{animation:none;opacity:0}
.sec-head h2{letter-spacing:-.04em}.foot p,.foot-cols a{color:var(--muted)}
.mobile-toggle{display:none}.age-card{background:#120018;border-color:#9b30ff55}.age-badge{background:var(--seam)}
@keyframes alterlife-drift{from{transform:scale(1.025) translateX(-.4%)}to{transform:scale(1.065) translateX(.4%)}}
@keyframes alterlife-light{from{opacity:.3}to{opacity:1}}
@media(max-width:980px){.mobile-toggle{display:block;background:#12001880;border:1px solid #ffffff40;color:white;border-radius:24px;padding:10px 16px;min-height:44px;font:600 13px Manrope,system-ui,sans-serif}.nav-links.open{display:flex;position:absolute;top:84px;left:20px;right:20px;background:#120018f5;border:1px solid #ffffff30;border-radius:18px;padding:24px;flex-direction:column;gap:20px}.hero h1{font-size:100px}.hero-bg::after{background:linear-gradient(90deg,#050008ce,#05000830),linear-gradient(0deg,#050008,transparent 45%)}.hero-in{max-width:540px}}
@media(max-width:600px){.wrap{padding-left:22px;padding-right:22px}.nav-in{height:78px}.logo{font-size:24px}.logo-mark{width:30px;height:36px}.nav-cta{gap:8px}.nav-cta>.btn-primary{display:none}.hero{min-height:850px;padding:290px 0 150px;align-items:flex-end}.hero-scene,.hero-bg video{object-position:73% center}.hero-bg::after{background:linear-gradient(0deg,#050008 0%,#050008ba 40%,#05000810 85%)}.hero h1{font-size:72px}.hero-tagline{font-size:32px}.hero p.lead{font-size:16px;max-width:350px}.hero-actions{gap:10px}.hero-actions .btn{font-size:13px;padding:14px 20px}.hero-meta{font-size:11px}.scene-controls{right:22px;bottom:27px;gap:10px}.scene-note{font-size:8px}.hero-scroll{left:22px;bottom:88px;font-size:10px}.stats{gap:22px}.stat .n{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-scene{will-change:auto}.rv{opacity:1;transform:none}}
.mobile-account{display:none}@media(max-width:980px){.mobile-account{display:block}}
#roles{background:radial-gradient(ellipse at 20% 50%,#48104655,transparent 65%),#09050e}.al-role-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:22px}.al-role{position:relative;overflow:hidden;border:1px solid #ffffff1c;border-radius:20px;background:linear-gradient(140deg,#20102d,#100918);padding:36px;display:flex;gap:28px;align-items:center}.al-role h3{font-size:30px;line-height:1.12;margin:12px 0 16px}.al-role p{font-size:15px;line-height:1.8;color:#c4aac8}.al-role-host{grid-row:span 2;min-height:600px;padding:0;align-items:end}.al-role-host img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 30%;inset:0}.al-role-host>div{position:relative;z-index:1;padding:100px 36px 36px;background:linear-gradient(transparent,#050008ef 40%);width:100%}.al-role-icon{font-size:76px;color:#cc72ff;min-width:70px}.al-role-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:28px}.al-role-bottom p{color:#ddd1e2;line-height:1.8}.al-role-bottom small{font-size:11px;color:#a995b1}@media(max-width:760px){.al-role-grid{grid-template-columns:1fr}.al-role-host{min-height:580px}.al-role{padding:26px}.al-role-host{padding:0}.al-role h3{font-size:26px}.al-role-bottom{align-items:start;flex-direction:column}}
.al-role-host img{object-position:center top}