@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&display=swap');
:root{--bg:#111013;--surface:#1c191b;--surface2:#272025;--line:#3b3030;--text:#f1e8d6;--muted:#aca09a;--mint:#d8b575;--black:#251b12;--radius:5px}
body{background:var(--bg);background-image:radial-gradient(ellipse at 80% 0,#68312822,transparent 45%)}h1,h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;letter-spacing:-.035em}h1{font-size:clamp(50px,5.1vw,77px);line-height:1.02}h1 span{color:#d8b575}h2{font-size:clamp(36px,4vw,55px)}.header{position:relative;z-index:2;border-bottom-color:#d8b57522}.brand{color:#eee1c8}.brand small{color:#af8f63}.mark{color:#d8b575}.hero{position:relative;isolation:isolate;padding-top:90px;padding-bottom:85px}.hero:before{content:'';position:absolute;z-index:-2;inset:0 calc((100vw - 100%)/-2);background:linear-gradient(90deg,#111013 1%,#111013d9 30%,#11101322 75%,#11101388),url('realm.svg') center/cover no-repeat;pointer-events:none}.hero:after{content:'';position:absolute;z-index:-1;inset:0 -20px;background:linear-gradient(0deg,#111013,transparent 20%);pointer-events:none}.hero-copy>p{color:#e0d1bd}.hero-copy .hero-detail{color:#b3a69e}.eyebrow{color:#caa66c;letter-spacing:.16em}.hero .eyebrow:before{content:'✦';color:#e8c587}.status-dot{display:none}.button{background:linear-gradient(#dfbf82,#bd9457);border-color:#e1bd78;border-radius:3px;box-shadow:inset 0 0 0 2px #5e411e22;color:#231a10}.button:hover{background:#e5c995}.button.ghost{background:#15111599;border-color:#766044;color:#e6cfaa}.button.ghost:hover{background:#3b2a22}.preview-window{background:#1c191bef;border-color:#756044;border-radius:5px;box-shadow:0 30px 80px #0009,inset 0 0 0 4px #d8b57508;transform:perspective(1500px) rotateY(-5deg) rotateX(2deg)}.window-bar{background:#241c1e;border-bottom-color:#4d3a31}.mini-brand,.mini-nav.active{color:#dfbd7c}.mini-layout aside{border-color:#3b3030;background:#171315}.mini-nav{color:#8d7766}.preview-title h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:24px;letter-spacing:-.02em;color:#f0dfbf}.healthy{color:#d8b575;background:#d8b5750a}.healthy i,.online:before{background:#d8b575}.preview-stats>div{border-color:#44352d;background:#15121588}.preview-stats strong{color:#ead9b9}.preview-stats em{color:#d8b575}.chart-labels,.chart-times{color:#a18c76}.activity-icon{background:#d8b57519;color:#d8b575}.floating-note{background:#d8bd8a;color:#2c2017;border:1px solid #f6dfab;border-radius:3px}.floating-note small{color:#6d5035}.visual-label,.visual-bottom{color:#b19a7a}.visual-label span{color:#d8b575}.orbit{border-color:#d8b57514}.hero-visual:before{background:radial-gradient(ellipse,#e1ac5e0a,transparent 67%)}.kingdoms{display:flex;gap:23px;margin-top:30px;font-size:9px;letter-spacing:.18em;color:#cbbdaa}.kingdoms span{display:flex;gap:8px;align-items:center}.kingdoms i{width:6px;height:10px;background:#a9483b;clip-path:polygon(0 0,100% 0,100% 100%,50% 72%,0 100%)}.kingdoms span:nth-child(2) i{background:#cda253}.kingdoms span:nth-child(3) i{background:#5487aa}.hero-proof{margin-top:23px}.avatar-stack b{background:#6e4b39}.avatar-stack b:nth-child(2){background:#78613e}.avatar-stack b:nth-child(3){background:#405b6c}.trust-strip{background:#191518;border-color:#3b3030}.trust-symbol{color:#9a764b}.trust-inner strong span{color:#b89c76}.feature{background:linear-gradient(130deg,#251d20,#191619);border-color:#44332e;border-radius:5px}.feature-large{background:linear-gradient(135deg,#34251f,#1c181b)}.feature-icon,.feature-tag{color:#d8b575}.feature-number{color:#b18f61}.player-search{background:#161215;border-color:#634b37;color:#ae9680}.player-row{border-color:#3b3030}.online{color:#d8b575}.workflow-section{background:#211a1c;border-color:#3b3030}.steps article{border-color:#765b3b}.about-art{background:radial-gradient(ellipse at 50% 30%,#704b2f,#322124 55%,#191518);border-color:#8a663b77;border-radius:5px}.about-art:before,.about-art:after{border-color:#d8b57525}.about-monogram{color:#d7b475;text-shadow:0 5px 45px #e1a03922}.about-monogram>span{color:#f1d394;font-size:80px;right:-45px;top:20px}.about-art-bottom{color:#c5aa83}.cta{background:linear-gradient(115deg,#38221e,#251a1c);color:#e8d9ba;border:1px solid #87633e;border-radius:5px}.cta .eyebrow{color:#c49e69}.cta .button{background:linear-gradient(#dfbf82,#bd9457);color:#251b12;border-color:#e1bd78}.cta-decoration{color:#e9bd6e0b}.footer .text-button{color:#a69687}dialog{background:#211b1e;border-color:#785c3e;border-radius:6px}input,textarea,select{background:#171316;border-color:#534034}.dash-sidebar{background:#171316;border-right-color:#49352d}.dash-nav button{color:#b29b87}.dash-nav button.active{background:#d8b57514;color:#e2bf7b}.dash-nav button:hover{background:#d8b5750b}.dash-top{background:#191518}.dash-breadcrumb{color:#a38d7d}.account-avatar{background:#d8b57518;color:#dfbd7c}.dash-body{background:radial-gradient(ellipse at 90% 0,#773b2222,transparent 50%)}.demo-banner,.notice{background:#d8b57509;border-color:#d8b57530;color:#c8b38e}.stat-card,.dash-card{background:linear-gradient(130deg,#251d20,#1a1619);border-color:#44332e;border-radius:5px}.dash-heading h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:40px;color:#e9d6b4}.stat-card strong{color:#e4ceaa}.stat-card small{color:#cba96e}.quick-actions button{background:#171316;border-color:#49372c;color:#cbb99c}.quick-actions button:hover{border-color:#b38a50}.quick-actions button>span{color:#d8b575}.badge{background:#d8b57514;color:#d8b575}.badge.pending{background:#b86d4b18;color:#d6a481}.dashboard-footer{color:#8a7464}.activity-list>div>span:first-child{color:#d8b575}#toast{background:#dcc28f;color:#2e2115}
@media(max-width:800px){.hero{padding-top:55px}.kingdoms{justify-content:center}.hero:before{background:linear-gradient(0deg,#111013 0%,#11101388 70%),url('realm.svg') 65% top/auto 100% no-repeat}.preview-window{transform:none}h1{font-size:65px}.hero-visual{padding-top:25px}}
@media(max-width:480px){h1{font-size:51px}.hero{padding-top:42px}.kingdoms{gap:20px;font-size:8px}.preview-title h3{font-size:21px}.dash-heading h1{font-size:32px}.about-monogram>span{font-size:65px}.cta h2{font-size:42px}.hero .eyebrow{font-size:8px}}