/* Reference refinement: layered emerald light and cinematic landscape covers. */
:root{--bg:#00150a;--panel:#061e14;--border:rgba(106,188,151,.25)}
body{background:radial-gradient(ellipse at 83% 7%,#07332255,transparent 44%),#00150a}
#header{background:rgba(0,18,10,.94);box-shadow:0 1px 0 #64cca316}
.hero{isolation:isolate;padding:55px 0 25px}
.hero:before{content:'';position:absolute;z-index:-1;inset:-40px -6% 20px;background:url('/assets/emerald-lines.svg') center 35%/cover no-repeat;mask-image:linear-gradient(to bottom,#000 0%,#000 65%,transparent 96%);pointer-events:none}
.hero:after{content:'';position:absolute;z-index:-2;inset:0;background:radial-gradient(ellipse at 68% 51%,#0b745035,transparent 48%);pointer-events:none}
.hero-grid{min-height:415px;grid-template-columns:43% 57%;gap:0}
.hero-copy{padding:0 24px 20px 0;position:relative;z-index:2}
.hero h1{font-size:clamp(42px,4.05vw,65px);letter-spacing:-2.4px;line-height:1.08}
.hero h1 span{color:#dcebe1}
.hero-copy p{max-width:465px;font-size:15px;color:#b9d1c3}
.hero .eyebrow:before{display:none}
.hero .eyebrow:after{content:'';width:70px;height:1px;background:linear-gradient(90deg,#94dbc0,transparent);margin-left:4px}
.hero .tags{margin-top:35px;font-size:10px;gap:15px;color:#b6cfc0}
.hero .tags span+span{border-left:1px solid #42876799;padding-left:15px}
.hero .tags svg{width:18px;height:18px;color:#a2d7bf}
.hero-actions .btn{border-color:#96bca7;border-radius:11px;background:linear-gradient(145deg,#10362566,#001c1166);box-shadow:inset 0 1px 0 #b8eed61a}
.product-stage{isolation:isolate;padding:0 76px 25px 0;perspective:1400px}
.product-stage:before{inset:20px -20px -35px -60px;background:radial-gradient(ellipse at 50% 76%,#20b78630,transparent 65%);filter:blur(10px);z-index:-2}
.product-stage:after{content:'';position:absolute;inset:4px 61px 16px 14px;border:1px solid #458b6d88;border-radius:23px;box-shadow:12px 7px 0 -1px #042519,12px 7px 0 0 #36725166;transform:rotateY(-6deg) rotateZ(-1.5deg);z-index:-1;pointer-events:none}
.browser{border:1px solid #91bea9;border-radius:19px;transform:rotateY(-6deg) rotateZ(-1.5deg);background:linear-gradient(145deg,#0a2319,#00160e);box-shadow:inset 0 0 0 4px #33675033,0 14px 55px #0008,0 1px 2px #b9ffe34d,0 18px 40px -25px #4ae1b1aa}
.browser-top{background:linear-gradient(100deg,#133a2980,#041a1280);border-color:#315d4255;height:29px}
.dashboard{min-height:302px;grid-template-columns:94px 1fr}
.dash-side{background:#001b1099;padding:19px 8px;border-color:#315d4255}
.dash-main{padding:23px 14px 28px}
.dash-heading{margin-bottom:15px}.dash-heading h3{font-size:17px}
.dash-tabs{margin-bottom:13px;gap:3px}.dash-tabs button{border:1px solid #2c62452e;background:#0f2c1d66;border-radius:7px;padding:5px 7px}
.dash-tabs button.active,.dash-nav button.active{background:linear-gradient(120deg,#216c4e,#12442f);box-shadow:inset 0 1px 0 #9df2cc33}
.dash-games{gap:9px}.dash-game{background:#001b11;border:1px solid #3f755244;border-radius:7px;overflow:hidden;transition:border-color .18s,transform .18s}
.dash-game:hover{border-color:#8bd9b1;transform:translateY(-2px)}
.dash-game img{aspect-ratio:3/2;width:100%;height:auto;object-fit:cover;border-radius:0}
.dash-game p{font-size:8px;line-height:1.35;color:#e7f2eb;margin:0;padding:6px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.operator{right:-12px;bottom:35px;width:213px;padding:15px;border:1px solid #9ccbb7;border-radius:15px;background:linear-gradient(140deg,#0a2b1fef,#00180ff5);box-shadow:inset 0 0 0 3px #2e71512b,0 18px 38px #0008,0 0 25px #1b8c5622;backdrop-filter:blur(18px)}
.operator-title{font-size:11px;gap:6px;flex-wrap:wrap;margin-bottom:12px}.operator-title>svg{width:15px;height:15px}.operator-title small{font-size:6px;background:none;padding:0;margin-left:0;color:#9dc5ae}
.operator-grid{grid-template-columns:1fr 1fr;gap:7px}.operator-grid>div{padding:10px 8px;background:linear-gradient(130deg,#173e2b88,#07271988);border:1px solid #3d775232;border-radius:7px;display:flex;flex-direction:column-reverse;gap:6px}
.operator-grid strong{font-size:19px;line-height:1.2}.operator-grid span{font-size:7px;margin:0}.operator-grid .status{padding-top:0;font-size:12px;line-height:23px}
.operator-chart{display:block;width:100%;height:55px;margin-top:14px;border-top:1px solid #5b9e732e;padding-top:9px;overflow:visible}
.benefits{margin-top:25px;gap:18px}.benefit{background:linear-gradient(125deg,#0c32224d,#08271b99);border-color:#34805b88;border-radius:13px;box-shadow:inset 0 1px 0 #9fe4bf0a,0 12px 22px #0002;padding:23px}
.benefit:hover{background:linear-gradient(125deg,#13442f,#08271b);box-shadow:0 0 25px #2c9a6918}.icon-box{background:linear-gradient(140deg,#23644b,#0d3324);border-color:#43826333;box-shadow:inset 0 1px 0 #b0f3d922;color:#b4e1cb}
.benefit h3{font-size:16px}.benefit p{font-size:12px}
.section{position:relative}.section-head h2{font-size:34px}.section-head .eyebrow{display:none}
.section-head .text-link{padding:11px 17px;border:1px solid #578e6e;border-radius:10px;background:#00190c66}
.cover,.catalog .cover{aspect-ratio:3/2;border-radius:12px;border-color:#64856877;box-shadow:0 9px 25px #0005,inset 0 1px 0 #ffffff15}
.cover img{width:100%;height:100%;object-fit:cover}.cover:after{background:linear-gradient(transparent 45%,#00110918 60%,#000d 100%)}
.cover-title{position:absolute;bottom:9px;left:4px;right:4px;z-index:2;text-align:center;color:#ffe8b4;font-family:Georgia,'Times New Roman',serif;font-size:clamp(17px,1.7vw,27px);letter-spacing:-.7px;line-height:1.15;text-shadow:0 2px 5px #000,0 0 15px #000;font-weight:700;pointer-events:none;white-space:nowrap}
.game-info{margin-top:9px}.section>.game-grid .game-info{display:none}.game-info h3{font-size:11px}.game-info span{font-size:9px}.cover .view{bottom:auto;top:10px;left:auto;right:10px;width:auto;padding:7px 9px;background:#031b10dd;z-index:3}
.game-card:hover .cover{border-color:#8fc5a4;box-shadow:0 13px 29px #0005,0 0 18px #3ba06b20}.game-card:hover img{transform:scale(1.045)}
.catalog .cover-title{font-size:clamp(22px,2.3vw,36px);bottom:15px}.detail{grid-template-columns:minmax(300px,48%) 1fr;gap:50px}.detail>img{aspect-ratio:3/2;object-fit:cover;box-shadow:0 18px 65px #0008,0 0 40px #2f7e4820}
.closing{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(125deg,#0e3823,#031d12);border-color:#4f8b6377;box-shadow:inset 0 1px 0 #b1e9c91a}
.closing:before{content:'';position:absolute;inset:-180px -100px;z-index:-1;background:url('/assets/emerald-lines.svg') center/cover no-repeat;opacity:.7;pointer-events:none}
@media(min-width:1600px){.hero{padding-top:65px}.hero-grid{min-height:430px}.dashboard{min-height:330px}.dash-main{padding:25px 17px 32px}.dash-game p{font-size:9px}.operator{width:225px;bottom:43px}}
@media(max-width:1200px){.hero h1{font-size:46px}.product-stage{padding-right:48px}.product-stage:after{right:33px}.operator{right:-8px;width:180px;padding:12px;bottom:20px}.operator-grid>div{padding:7px}.operator-grid strong{font-size:17px}.operator-title{font-size:10px}.operator-chart{height:41px}.dashboard{grid-template-columns:77px 1fr;min-height:300px}.dash-main{padding:20px 9px 50px}.dash-game p{font-size:6px}.dash-games{gap:6px}.dash-heading h3{font-size:14px}.dash-heading span{font-size:6px}.dash-tabs button{font-size:6px;padding:5px}.benefit{padding:19px}.benefit h3{font-size:13px}.benefit p{font-size:10px}.hero .tags{font-size:8px;gap:10px}.hero .tags span+span{padding-left:10px}.hero .tags svg{width:14px}.hero-copy p{font-size:14px}.cover-title{font-size:20px}}
@media(min-width:768px) and (max-width:900px){.hero-grid{grid-template-columns:42% 58%;min-height:350px}.hero h1{font-size:38px}.hero-copy p{font-size:12px}.hero .tags{flex-wrap:wrap;gap:9px}.hero .tags span+span{border:0;padding:0}.product-stage{padding-right:22px}.product-stage:after{right:10px}.operator{right:-5px;width:160px;bottom:1px}.operator-title{font-size:9px}.operator-grid span{font-size:6px}.operator-grid strong{font-size:15px}.operator-chart{height:35px}.dashboard{grid-template-columns:64px 1fr;min-height:285px}.dash-side .logo{font-size:8px}.dash-nav button{font-size:6px;padding:9px 1px}.dash-games{gap:5px}.dash-main{padding:18px 8px 65px}.dash-heading h3{font-size:12px}.dash-heading span{display:none}.dash-tabs button{font-size:6px;padding:4px}.dash-game p{font-size:5px}.benefit h3{font-size:13px}}
@media(max-width:767px){.hero{padding:38px 0 18px}.hero:before{inset:100px -220px 0 -380px;background-size:auto 95%;background-position:center}.hero-grid{display:block}.hero-copy{padding:0 0 35px}.hero h1{font-size:clamp(39px,8.8vw,58px);letter-spacing:-1.7px}.hero-copy p{font-size:14px}.hero .tags{margin-top:22px;gap:12px;font-size:8px}.hero .tags span+span{border:0;padding:0}.product-stage{padding:0 12px 63px 0;margin-right:5px}.browser{transform:rotateZ(-1deg);border-radius:14px}.product-stage:after{inset:3px 4px 55px 9px;border-radius:17px;transform:rotateZ(-1deg);box-shadow:5px 4px 0 -1px #042519,5px 4px 0 0 #36725166}.dashboard{grid-template-columns:70px 1fr;min-height:255px}.dash-main{padding:16px 8px 40px}.dash-side{padding:15px 5px}.dash-side .logo{font-size:9px}.dash-heading h3{font-size:13px}.dash-heading span{display:none}.dash-tabs{gap:3px;margin-bottom:10px}.dash-tabs button{font-size:6px;padding:4px}.dash-game p{font-size:6px;padding:5px 3px}.dash-games{gap:6px}.dash-nav button{font-size:7px;padding:8px 3px}.operator{bottom:5px;right:-2px;width:195px;padding:11px;border-radius:11px}.operator-grid{grid-template-columns:repeat(4,1fr);gap:4px}.operator-grid>div{padding:6px 3px;gap:5px}.operator-grid span{font-size:5px;line-height:1.3}.operator-grid strong{font-size:13px}.operator-grid .status{font-size:7px;line-height:16px}.status-dot{width:4px;height:4px;margin-right:2px}.operator-title{margin-bottom:8px;font-size:9px}.operator-title small{font-size:5px;margin-left:auto}.operator-title>svg{width:11px;height:11px}.operator-chart{height:29px;margin-top:6px;padding-top:4px}.benefits{margin-top:20px;gap:11px}.benefit{padding:20px}.benefit h3{font-size:14px}.benefit p{font-size:11px}.cover-title,.catalog .cover-title{font-size:clamp(16px,4.4vw,25px);bottom:8px}.section-head h2{font-size:28px}.section-head .text-link{padding:9px 12px;font-size:11px}.detail{grid-template-columns:1fr;gap:28px}.detail>img{max-width:100%;width:100%}.game-grid,.catalog .game-grid{gap:19px 12px}.game-info h3{font-size:10px}.game-info span{font-size:8px}}