
:root{--vgm-bg:#090a0c;--vgm-panel:#111318;--vgm-text:#f4f5f7;--vgm-muted:#adb2bc;--vgm-line:rgba(255,255,255,.10);--vgm-accent:#c8ff5a;--vgm-blue:#8ec5ff}
.vgm-main{background:var(--vgm-bg);color:var(--vgm-text)}
.vgm-wrap{width:min(calc(100% - 48px),1280px);margin:0 auto}
.vgm-kicker{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#c8ccd3;font-weight:700}
.vgm-hero{min-height:760px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--vgm-line);background:radial-gradient(55% 70% at 80% 42%,rgba(142,197,255,.15),transparent 65%),#090a0c}
.vgm-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px}
.vgm-hero-copy{padding:90px 0;position:relative;z-index:2}
.vgm-hero h1,.vgm-page-hero h1{font-size:clamp(56px,7.4vw,106px);line-height:.92;letter-spacing:-.055em;margin:18px 0 28px;font-weight:500;color:#fff}
.vgm-hero h1 span{color:#b9bec7;font-weight:300}
.vgm-hero p,.vgm-page-hero p{font-size:18px;line-height:1.65;color:#b7bbc3;max-width:680px}
.vgm-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.vgm-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid rgba(255,255,255,.18);color:#fff;text-decoration:none;font-size:13px;font-weight:700}
.vgm-btn-primary{background:var(--vgm-accent);border-color:var(--vgm-accent);color:#090a0c}
.vgm-midi-art{height:560px;perspective:1100px;position:relative}
.vgm-grid-lines{position:absolute;inset:55px 0 40px 20px;transform:rotateX(58deg) rotateZ(-17deg);border:1px solid rgba(255,255,255,.12);background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:28px 28px;box-shadow:0 50px 120px rgba(0,0,0,.6)}
.vgm-grid-lines i{position:absolute;height:11px;background:linear-gradient(90deg,var(--vgm-blue),rgba(142,197,255,.3));border-radius:2px;box-shadow:0 0 24px rgba(142,197,255,.24)}
.vgm-grid-lines i:nth-child(1){width:36%;left:10%;top:24%}.vgm-grid-lines i:nth-child(2){width:20%;left:54%;top:34%}.vgm-grid-lines i:nth-child(3){width:48%;left:22%;top:47%;background:linear-gradient(90deg,var(--vgm-accent),rgba(200,255,90,.3))}
.vgm-grid-lines i:nth-child(4){width:27%;left:61%;top:59%}.vgm-grid-lines i:nth-child(5){width:24%;left:8%;top:69%}.vgm-grid-lines i:nth-child(6){width:40%;left:38%;top:79%}
.vgm-section{padding:110px 0;border-bottom:1px solid var(--vgm-line)}
.vgm-section-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:46px}
.vgm-section h2,.vgm-prose h2{font-size:clamp(38px,5vw,64px);line-height:1.03;letter-spacing:-.045em;margin:10px 0;color:#fff}
.vgm-section-head p,.vgm-prose p{color:var(--vgm-muted);line-height:1.75;max-width:720px}
.vgm-category-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.vgm-category{position:relative;min-height:290px;background:linear-gradient(145deg,#171a1f,#0f1115);border:1px solid var(--vgm-line);padding:28px;overflow:hidden;text-decoration:none;color:#fff}
.vgm-category.large{grid-column:span 6}.vgm-category.small{grid-column:span 3}
.vgm-category:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-80px;bottom:-100px;background:radial-gradient(circle,rgba(142,197,255,.28),transparent 65%)}
.vgm-category small{font-size:10px;letter-spacing:.18em;color:#afb4bd}
.vgm-category strong{position:absolute;left:28px;bottom:26px;font-size:29px;font-weight:500}
.vgm-page-hero{padding:110px 0 80px;border-bottom:1px solid var(--vgm-line);background:radial-gradient(50% 90% at 80% 10%,rgba(142,197,255,.09),transparent 70%),#090a0c}
.vgm-page-hero h1{margin-bottom:0}
.vgm-prose{max-width:900px}
.vgm-prose h2{font-size:40px;margin-top:55px}
.vgm-prose a{color:var(--vgm-accent)}
.vgm-products .woocommerce{padding:0}
.woocommerce ul.products li.product{background:#111318!important;border:1px solid var(--vgm-line)!important;padding:0 0 24px!important}
.woocommerce ul.products li.product .woocommerce-loop-product__title{color:#fff!important;padding:18px 20px 8px!important;font-size:21px!important}
.woocommerce ul.products li.product .price{color:var(--vgm-accent)!important;padding:0 20px!important}
.woocommerce ul.products li.product .button{margin-left:20px!important}
@media(max-width:900px){.vgm-hero-grid{grid-template-columns:1fr}.vgm-midi-art{position:absolute;right:-35%;width:90vw;opacity:.35}.vgm-category.large,.vgm-category.small{grid-column:span 6}.vgm-section-head{align-items:start;flex-direction:column}}
@media(max-width:600px){.vgm-wrap{width:min(calc(100% - 28px),1280px)}.vgm-category.large,.vgm-category.small{grid-column:span 12}.vgm-section{padding:78px 0}.vgm-hero{min-height:690px}}
