/* XYLO Home Command v2.2 — homepage-only, local CSS, no JS dependency */
body.xylo-command-home{--xylo-accent:#7040d8;--xylo-accent-light:#a050ec;--xylo-panel:#100d1b;--xylo-line:rgba(171,123,255,.22);background:#080610!important;color:#f5f2ff;background-image:radial-gradient(ellipse 60% 26% at 8% 13%,rgba(112,64,216,.21),transparent 75%),radial-gradient(ellipse 50% 22% at 94% 52%,rgba(160,80,236,.10),transparent 80%),linear-gradient(100deg,transparent 0,rgba(147,105,225,.025) 49%,transparent 50%)!important;background-size:auto,auto,42px 42px!important}
.xylo-command-home #xylo-home-main{max-width:1512px;margin:0 auto;padding-top:25px!important}
.xylo-command-home .xylo-home-topline,.xylo-command-home .xylo-home-intro{max-width:1400px;margin-inline:auto}
.xylo-home-topline{display:flex;gap:22px;align-items:center;justify-content:space-between;padding:13px 18px;border:1px solid var(--xylo-line);border-radius:18px;background:linear-gradient(100deg,#181024,#100c19 65%,#1a112a);box-shadow:0 18px 50px #0007}
.xylo-home-identity{display:flex;align-items:center;gap:11px;line-height:1.05}.xylo-home-identity b{display:block;font-size:18px;letter-spacing:.16em;color:white}.xylo-home-identity small{display:block;color:#aba0c4;font-size:9px;letter-spacing:.17em;margin-top:5px}.xylo-home-bolt{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#7040d8,#a050ec);box-shadow:0 0 24px #7040d84d;color:white}
.xylo-home-shortcuts{display:flex;gap:4px;padding:5px;border-radius:999px;background:#0c0913;border:1px solid #ffffff12}.xylo-home-shortcuts a{font-size:12px;color:#b9aecf;text-decoration:none;font-weight:700;padding:9px 15px;border-radius:999px;transition:background .2s,color .2s}.xylo-home-shortcuts a:hover,.xylo-home-shortcuts a:focus-visible{color:#fff;background:#7040d850}
.xylo-home-top-action{font-size:12px;font-weight:800;color:#fff;text-decoration:none;padding:12px 17px;border-radius:11px;background:linear-gradient(115deg,#7040d8,#a050ec);display:inline-flex;align-items:center;gap:10px;box-shadow:0 8px 27px #7040d84d}.xylo-home-top-action:hover{color:white;filter:brightness(1.12)}
.xylo-home-intro{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:22px 3px 13px;color:#a69abf;font-size:12px}.xylo-home-intro span:first-child{font-weight:900;letter-spacing:.17em;color:#dac4ff}.xylo-home-intro .bi{color:#a050ec}
.xylo-command-home .xylo-home-hero-layout{max-width:1400px;display:grid;grid-template-columns:minmax(0,1.85fr) minmax(270px,.8fr);gap:16px;align-items:stretch}
.xylo-command-home .xylo-home-hero-layout>.hero-card,.xylo-command-home .xylo-home-hero-layout>.glass.hero-card{height:100%}
.xylo-command-home .hero-card{height:100%;background:linear-gradient(130deg,#170d2b,#0c0a17 75%)!important;border-radius:21px!important;border:1px solid #9f6ce74d!important;box-shadow:0 12px 46px #0008,0 0 32px #7040d81f!important}
.xylo-command-home .hero-card::before{background:radial-gradient(ellipse at 3% 0%,#7040d854,transparent 63%)!important}
.xylo-command-home .hero-card>.grid{display:flex;flex-direction:column-reverse;align-items:stretch;gap:19px!important}
.xylo-command-home .hero-card .media-frame{width:100%;aspect-ratio:16/7.5;min-height:210px;max-height:350px;border-radius:14px;background:linear-gradient(135deg,#190e33,#0b0718);border:1px solid #a050ec57;box-shadow:0 0 0 1px #ffffff08 inset;overflow:hidden}
.xylo-command-home .hero-card .xv-eclipse-default-hero{height:100%;min-height:0}
.xylo-command-home .hero-card h1{font-size:clamp(29px,3.2vw,46px)!important;line-height:1.12!important;max-width:780px;letter-spacing:-.045em}.xylo-command-home .hero-card p{font-size:14px!important;max-width:660px;color:#bdb2d0!important;margin-top:13px!important}.xylo-command-home .hero-card .xv-home-kicker{letter-spacing:.12em}
.xylo-command-home .hero-card .xv-eclipse-hero-actions{display:flex;max-width:none;gap:12px;align-items:center;flex-wrap:wrap}.xylo-command-home .hero-card .btn-cta{width:auto!important;min-width:190px;border-radius:11px!important;background:linear-gradient(115deg,#7040d8,#a050ec)!important}.xylo-command-home .hero-card .xv-eclipse-hero-bottom{margin-top:18px}
.xylo-home-control-panel{border:1px solid var(--xylo-line);border-radius:21px;background:linear-gradient(155deg,#1a102b,#100b1b 48%,#0c0b14);padding:22px;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 16px 45px #0007}.xylo-home-control-panel::before{content:"";position:absolute;pointer-events:none;width:260px;height:260px;border-radius:50%;right:-130px;top:-150px;background:#7040d83b;filter:blur(55px)}.xylo-home-control-panel>*{position:relative}.xylo-panel-head{display:flex;justify-content:space-between;align-items:center;color:#a88cf2}.xylo-eyebrow{letter-spacing:.18em;font-size:10px;font-weight:900}.xylo-signal{display:inline-block;width:6px;height:6px;border-radius:50%;background:#38d998;margin-right:7px;box-shadow:0 0 9px #38d998}.xylo-home-control-panel h2{font-size:clamp(23px,2vw,30px);font-weight:900;line-height:1.13;letter-spacing:-.035em;margin:32px 0 10px}.xylo-home-control-panel h2 em{font-style:normal;color:#c49cff}.xylo-home-control-panel>p{font-size:12px;line-height:1.65;color:#a99bbf}.xylo-home-control-links{display:grid;gap:10px;margin:22px 0 auto}.xylo-home-control-links a{display:flex;align-items:center;gap:12px;border:1px solid #a050ec2c;background:#ffffff06;border-radius:13px;padding:12px 10px;color:#efe9ff;text-decoration:none;transition:background .18s,transform .18s,border-color .18s}.xylo-home-control-links a:hover{transform:translateY(-2px);background:#7040d81c;border-color:#a050ec70}.xylo-home-control-links a>.bi:first-child{display:grid;place-items:center;min-width:33px;height:33px;background:#7040d830;border-radius:9px;color:#c49cff}.xylo-home-control-links a>.bi:last-child{margin-left:auto;color:#917ba8}.xylo-home-control-links strong,.xylo-home-control-links small{display:block}.xylo-home-control-links strong{font-size:12px}.xylo-home-control-links small{font-size:10px;color:#a99bbf;margin-top:3px}.xylo-panel-foot{border-top:1px solid #a050ec29;margin-top:17px;padding-top:16px;display:flex;justify-content:space-between;gap:8px;color:#9287a9;font-size:10px}
.xylo-command-home #featured-products,.xylo-command-home #available-games,.xylo-command-home #benefits{max-width:1400px!important;margin-top:34px!important}.xylo-command-home #available-games{margin-top:28px!important}.xylo-command-home .xv76g-section-head{margin-bottom:18px}.xylo-command-home .xv76g-section-title{letter-spacing:-.04em;font-weight:900}.xylo-command-home .xv76g-section-kicker{color:#bc9cff}
.xylo-command-home .home-cat-card{background:linear-gradient(125deg,#1b102b,#100b1a)!important;border:1px solid #a050ec30!important;border-radius:15px!important;box-shadow:0 12px 30px #0004;min-height:80px}.xylo-command-home .home-cat-card:hover{border-color:#a050ec86!important;transform:translateY(-3px)}.xylo-command-home .home-cat-card .rounded-xl{border-radius:11px!important}
.xylo-command-home .benefit-glass,.xylo-command-home .xv76g-benefit-card,.xylo-command-home .section-surface{background:linear-gradient(140deg,#180f27,#0e0b17)!important;border:1px solid #a050ec30!important;box-shadow:0 18px 42px #0005!important;backdrop-filter:none!important}
.xylo-command-home .home-featured-card,.xylo-command-home .home-featured-track article{border-color:#a050ec40!important}
.xylo-command-home .btn-cta:active,.xylo-home-control-links a:active,.xylo-home-top-action:active{transform:scale(.98)}
body.xylo-command-home.home-reseller{--xylo-accent:#7040d8;--xylo-accent-light:#a050ec}/* home remains XYLO branded; protected reseller views remain separate */
@media(max-width:1100px){.xylo-command-home .xylo-home-hero-layout{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr)}.xylo-home-control-panel{padding:16px}}
@media(max-width:830px){.xylo-command-home .xylo-home-hero-layout{grid-template-columns:1fr}.xylo-home-control-panel{display:block}.xylo-home-control-links{grid-template-columns:repeat(3,minmax(0,1fr))}.xylo-home-control-links a{align-items:flex-start}.xylo-home-control-links a>.bi:last-child{display:none}.xylo-home-control-panel h2{margin-top:20px}.xylo-home-control-panel h2 br{display:none}}
@media(max-width:600px){.xylo-command-home #xylo-home-main{padding:14px!important}.xylo-home-topline{padding:10px 11px;border-radius:13px}.xylo-home-shortcuts{display:none}.xylo-home-top-action{font-size:10px;padding:10px}.xylo-home-intro{font-size:10px;padding:16px 2px 12px}.xylo-home-intro span:last-child{display:none}.xylo-command-home .hero-card{padding:14px!important}.xylo-command-home .hero-card .media-frame{min-height:155px;aspect-ratio:16/9}.xylo-command-home .hero-card h1{font-size:31px!important}.xylo-command-home .hero-card .xv-eclipse-hero-actions{display:flex;flex-direction:column;align-items:stretch}.xylo-command-home .hero-card .btn-cta{width:100%!important}.xylo-home-control-links{grid-template-columns:1fr}.xylo-home-control-links a{align-items:center}.xylo-home-control-links a>.bi:last-child{display:block}.xylo-home-control-panel{border-radius:15px}.xylo-command-home #featured-products,.xylo-command-home #available-games,.xylo-command-home #benefits{margin-top:28px!important}}
@media(prefers-reduced-motion:reduce){.xylo-command-home .home-cat-card,.xylo-home-control-links a,.xylo-home-top-action{transition:none!important;animation:none!important}}