:root{
  --bg:#070916;--panel:#0d1124;--panel2:#111735;--line:rgba(135,157,255,.18);--text:#edf2ff;--muted:#a9b5d7;
  --primary:#8d5cff;--secondary:#2eb6ff;--accent:#56f0d3;--shadow:0 24px 80px rgba(0,0,0,.45);--radius:26px;--max:1220px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at 12% 0%,rgba(141,92,255,.26),transparent 24%),radial-gradient(circle at 88% 12%,rgba(46,182,255,.16),transparent 18%),radial-gradient(circle at 52% 100%,rgba(86,240,211,.14),transparent 20%),linear-gradient(180deg,#05070f 0%,#070a16 35%,#080b18 100%);color:var(--text);line-height:1.7;min-height:100vh}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 82%);opacity:.32}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(calc(100% - 32px),var(--max));margin:0 auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;z-index:90;background:#fff;color:#000;padding:8px 10px;border-radius:10px}
.site-header{position:sticky;top:0;z-index:60;background:rgba(7,10,22,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}
.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.02em}.brand-badge{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 0 0 1px rgba(255,255,255,.12),0 0 34px rgba(141,92,255,.35);position:relative}.brand-badge::before,.brand-badge::after{content:"";position:absolute;background:#fff;border-radius:50%}.brand-badge::before{width:8px;height:8px;left:9px;top:10px;box-shadow:13px 8px 0 rgba(255,255,255,.78),8px 18px 0 rgba(255,255,255,.9)}.brand-badge::after{width:16px;height:16px;right:6px;bottom:6px;opacity:.22}
.site-nav ul{display:flex;align-items:center;gap:8px;list-style:none;padding:0;margin:0;flex-wrap:wrap;justify-content:flex-end}.site-nav a{display:block;padding:12px 14px;border-radius:14px;color:var(--muted);font-size:.95rem}.site-nav a:hover,.site-nav a.active{background:linear-gradient(180deg,rgba(141,92,255,.18),rgba(46,182,255,.1));color:var(--text);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.nav-toggle{display:none;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:var(--text)}
.hero{padding:44px 0 28px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:stretch}.glass{background:linear-gradient(180deg,rgba(16,22,46,.88),rgba(10,14,29,.76));border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius);backdrop-filter:blur(14px)}.hero-copy{padding:30px}.hero-visual{padding:20px;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:420px}
.section-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;padding:8px 12px;border-radius:999px;border:1px solid rgba(141,92,255,.25);background:rgba(141,92,255,.12);color:#dbcdfd;font-size:.9rem}.hero h1{font-size:clamp(2rem,5vw,4.4rem);line-height:1.02;letter-spacing:-.05em;margin:0 0 18px;max-width:11ch}.hero-lead{font-size:1.08rem;max-width:62ch;color:#c9d4f2}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 18px;border-radius:16px;font-weight:700;transition:transform .22s ease,box-shadow .22s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 18px 36px rgba(51,93,255,.26)}.btn-secondary{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:var(--text)}
.breadcrumbs{margin-bottom:12px}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0;color:#9fb2dc;font-size:.92rem}.breadcrumbs li:not(:last-child)::after{content:'/';margin-left:10px;opacity:.5}
.rack-scene{position:relative;width:100%;height:100%;min-height:380px;border-radius:24px;background:radial-gradient(circle at 25% 30%,rgba(141,92,255,.28),transparent 24%),radial-gradient(circle at 74% 20%,rgba(46,182,255,.24),transparent 22%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.rack{position:absolute;bottom:18px;width:120px;height:250px;border-radius:24px;background:linear-gradient(180deg,rgba(22,32,70,.92),rgba(10,15,35,.98));border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 1px rgba(255,255,255,.04),0 30px 80px rgba(0,0,0,.45)}
.rack::before{content:"";position:absolute;left:14px;right:14px;top:16px;bottom:16px;border-radius:16px;background:repeating-linear-gradient(180deg,rgba(63,85,255,.18) 0 10px,rgba(255,255,255,.04) 10px 22px),linear-gradient(180deg,rgba(141,92,255,.3),rgba(46,182,255,.12));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.rack::after{content:"▶";position:absolute;inset:auto 0 26px;text-align:center;font-size:28px;color:#9dd8ff;text-shadow:0 0 18px rgba(46,182,255,.7)}
.rack-a{left:10%;transform:rotate(-8deg)}.rack-b{left:39%;height:290px;transform:translateY(-10px)}.rack-c{right:10%;transform:rotate(7deg)}
.orb{position:absolute;border-radius:50%;filter:blur(6px)}.orb-a{width:160px;height:160px;background:rgba(141,92,255,.18);left:-20px;top:-20px}.orb-b{width:180px;height:180px;background:rgba(46,182,255,.16);right:-30px;bottom:-20px}.dash-card{position:absolute;left:18px;right:18px;top:18px;padding:16px 18px;border-radius:18px;background:rgba(8,12,24,.62);border:1px solid rgba(255,255,255,.08)}.dash-card strong{display:block;font-size:1rem}.dash-card span{display:block;color:#aab8da;font-size:.92rem;margin-top:6px}
.section{padding:28px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.section-head h2{margin:0;font-size:clamp(1.5rem,3vw,2.5rem);letter-spacing:-.03em}.section-head p{margin:0;color:var(--muted);max-width:42ch}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.content-card,.related-card{background:linear-gradient(180deg,rgba(14,19,40,.88),rgba(10,14,30,.76));border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.content-card{padding:24px;transition:transform .22s ease,border-color .22s ease}.content-card:hover,.related-card:hover,.video-card:hover{transform:translateY(-4px);border-color:rgba(141,92,255,.34)}.content-card h3,.related-card h3{margin:0 0 10px;font-size:1.16rem}.content-card p,.related-card p{margin:0;color:var(--muted)}
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.video-grid.videos-two{grid-template-columns:repeat(2,1fr)}.video-card{padding:12px;background:linear-gradient(180deg,rgba(14,19,40,.88),rgba(10,14,30,.76));border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);transition:transform .22s ease}.video-card iframe{display:block;width:100%;aspect-ratio:9/16;height:auto;min-height:360px;border:0;border-radius:16px;background:#000}
.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.related-card{padding:20px}.related-card span{display:inline-block;margin-bottom:10px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.05);color:#c6d5ff;font-size:.85rem}
.contact-cta{padding:26px 0 18px}.cta-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:28px;background:linear-gradient(135deg,rgba(14,19,40,.96),rgba(14,19,40,.72));border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}.cta-panel h2{margin:0 0 8px;font-size:clamp(1.4rem,3vw,2.2rem)}.cta-panel p{margin:0;color:var(--muted);max-width:760px}.site-footer{padding:22px 0 44px;color:#97a9d1}.footer-inner{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.08);padding-top:20px}
@media (max-width:1100px){.hero-grid{grid-template-columns:1fr}.content-grid,.related-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:860px){.nav-toggle{display:inline-flex}.site-nav{display:none;position:absolute;top:68px;right:16px;width:min(92vw,420px)}.site-nav.open{display:block}.site-nav ul{display:grid;gap:8px;padding:12px;background:rgba(8,12,24,.96);border:1px solid rgba(255,255,255,.08);border-radius:18px}.content-grid,.video-grid,.video-grid.videos-two,.related-grid{grid-template-columns:1fr}.video-card iframe{min-height:420px}.cta-panel{flex-direction:column;align-items:flex-start}}
@media (max-width:520px){.container{width:min(calc(100% - 20px),var(--max))}.hero-copy,.hero-visual,.content-card,.related-card,.cta-panel{padding:20px}.hero{padding-top:24px}.hero h1{max-width:none}.video-card iframe{min-height:340px}}