:root{--xg-accent:#c8ff2e;--xg-ink:#f1f5e9;--xg-dim:#9aa79a;--xg-line:rgba(200,255,46,.16)}
.xg-cursor{position:fixed;width:320px;height:320px;left:0;top:0;border-radius:50%;pointer-events:none;z-index:1;
  background:radial-gradient(circle,rgba(200,255,46,.10),rgba(200,255,46,.03) 38%,transparent 70%);
  transform:translate(-50%,-50%);mix-blend-mode:screen;transition:opacity .2s}
.xg-particles{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.55}
.xg-noise{position:fixed;inset:0;pointer-events:none;z-index:2;opacity:.07;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.xg-hero{position:relative;margin:0 0 34px;border:1px solid var(--xg-line);overflow:hidden;background:#050607}
.xg-hero img{display:block;width:100%;height:clamp(240px,38vw,420px);object-fit:cover;background:#050607;filter:brightness(.62) saturate(1.1) contrast(1.05);transform:scale(1.02);transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.xg-hero:hover img{transform:scale(1.06)}
.xg-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,7,.86) 0%,rgba(5,6,7,.45) 45%,rgba(5,6,7,.18) 75%,rgba(5,6,7,.6) 100%),linear-gradient(180deg,rgba(5,6,7,.2),#050607 100%)}
.xg-hero__title{position:absolute;left:clamp(18px,4vw,56px);bottom:clamp(40px,7vw,80px);z-index:2}
.xg-hero__title span{display:block;font:900 clamp(44px,7vw,96px)/.9 var(--x-display,var(--x-sans));color:#f2f5e9;letter-spacing:-.03em;text-shadow:0 0 30px rgba(0,0,0,.6)}
.xg-hero__title small{display:block;margin-top:14px;font:10px/1.4 var(--x-mono,monospace);letter-spacing:.22em;color:var(--xg-accent)}
.xg-hero__meta{position:absolute;left:20px;bottom:16px;display:flex;align-items:center;gap:10px;font:10px/1.4 var(--x-mono,monospace);letter-spacing:.14em;color:#dfe8d6}
.xg-hero__meta i{width:8px;height:8px;border-radius:50%;background:var(--xg-accent);box-shadow:0 0 14px var(--xg-accent)}
.xg-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--xg-line);border:1px solid var(--xg-line);margin:28px 0 42px}
.xg-specs>div{background:#080a09;padding:18px 16px}
.xg-specs b{display:block;font:800 clamp(20px,2.4vw,30px)/1 var(--x-display,var(--x-sans));color:var(--xg-ink)}
.xg-specs span{display:block;margin-top:8px;font:10px/1.5 var(--x-mono,monospace);color:var(--xg-dim);letter-spacing:.12em}
.xg-detail{border-top:1px solid var(--xg-line);padding-top:30px;margin-top:8px}
.xg-detail__head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px}
.xg-detail__head h2{margin:0;font:900 clamp(26px,4vw,46px)/1 var(--x-display,var(--x-sans));color:var(--xg-ink)}
.xg-detail__head h2 span{color:var(--xg-accent)}
.xg-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--xg-line);border:1px solid var(--xg-line)}
.xg-feature{background:#080a09;padding:24px 20px;min-height:190px;transition:background .25s,transform .25s}
.xg-feature:hover{background:#0d110b;transform:translateY(-3px)}
.xg-feature__no{font:10px/1 var(--x-mono,monospace);color:var(--xg-accent);letter-spacing:.14em}
.xg-feature h3{margin:18px 0 10px;font-size:17px;color:var(--xg-ink)}
.xg-feature p{margin:0;color:var(--xg-dim);font-size:13px;line-height:1.75}
.xg-tilt{transition:transform .25s ease,box-shadow .25s ease}
.xg-reveal{opacity:0;transform:translateY(18px)}
.xg-reveal.is-in{opacity:1;transform:none;transition:opacity .4s ease,transform .4s cubic-bezier(.2,.7,.2,1)}
.xg-glitch{position:relative;display:inline-block}
.xg-glitch:hover{text-shadow:2px 0 #ff2d78,-2px 0 #38d9ff}
@media(max-width:760px){.xg-specs{grid-template-columns:1fr 1fr}.xg-features{grid-template-columns:1fr}.xg-hero img{height:240px}}
@media(prefers-reduced-motion:reduce){.xg-hero img,.xg-feature,.xg-cursor{transition:none}.xg-reveal{opacity:1;transform:none}}