:root{
  --bg:#0B0B0B;
  --bg-soft:#111113;
  --panel:#15151a;
  --panel-2:#1b1b22;
  --line:rgba(255,255,255,.08);
  --text:#EAEAEA;
  --muted:#B6B6C7;
  --accent:#7C3AED;
  --accent-2:#9f67ff;
  --shadow:0 20px 60px rgba(0,0,0,.45);
}
html{scroll-behavior:smooth;}
body{
  background: radial-gradient(circle at top right, rgba(124,58,237,.14), transparent 28%),
              radial-gradient(circle at 10% 20%, rgba(124,58,237,.10), transparent 18%),
              var(--bg);
  color:var(--text);
}
a{transition:all .25s ease;}
#header{background:rgba(8,8,10,.72)!important;backdrop-filter: blur(10px);border-bottom:1px solid rgba(255,255,255,.06);}
#header.header-scrolled{background:rgba(8,8,10,.94)!important;}
.brand-mark{display:inline-flex;align-items:center;gap:8px;font-size:28px;font-weight:700;letter-spacing:1px;color:#fff;text-transform:uppercase;line-height:1;} .brand-mark:hover{color:#fff;} .brand-mark .brand-accent{color:var(--accent-2);font-weight:600;font-size:22px;letter-spacing:1.6px;}
.brand-mark:hover{color:#fff;}
.brand-mark .brand-accent{color:var(--accent-2);font-weight:600;font-size:30px;letter-spacing:1.6px;}
.nav-menu a{color:#ececf6!important;font-size:12px;letter-spacing:1.4px;font-weight:600;}
.nav-menu a:hover{color:var(--accent-2)!important;}
.primary-btn,
.home-about-area .home-about-right .primary-btn,
.single-unique-product:hover .primary-btn{
	background:linear-gradient(135deg,var(--accent),var(--accent-2))!important;
	border:none!important;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	color:#fff!important;
	border-radius:14px;
	box-shadow:0 12px 28px rgba(124,58,237,.34);
}
.primary-btn:hover{transform:translateY(-1px);box-shadow:0 16px 36px rgba(124,58,237,.42);}
.section-gap{padding:95px 0;}
.premium-hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding-top:92px;background:
 linear-gradient(90deg, rgba(11,11,11,.94) 0%, rgba(11,11,11,.86) 45%, rgba(11,11,11,.52) 100%),
 url('../img/header-bg4.png') center/cover no-repeat;}
.premium-hero:before{content:'';position:absolute;inset:auto -10% 12% 52%;height:320px;background:radial-gradient(circle, rgba(124,58,237,.40), rgba(124,58,237,0) 70%);filter:blur(24px);pointer-events:none;}
.hero-eyebrow{display:inline-block;margin-bottom:18px;padding:8px 14px;border:1px solid rgba(159,103,255,.25);border-radius:999px;color:#d8c9ff;background:rgba(124,58,237,.08);text-transform:uppercase;font-size:12px;letter-spacing:1.4px;font-weight:600;}
.premium-hero h1{font-size:64px;line-height:1.02;font-weight:700;letter-spacing:-2px;color:#fff;margin-bottom:18px;text-transform:uppercase;}
.premium-hero p{font-size:18px;line-height:1.8;color:var(--muted);max-width:560px;margin-bottom:32px;}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;}
.ghost-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:0 34px;
height:48px;
border-radius:14px;

border:1px solid rgba(124,58,237,.35);

color:#f5f5fb;
text-transform:uppercase;
font-size:12px;
letter-spacing:1.4px;
font-weight:700;

background:rgba(255,255,255,.02);
}

.ghost-btn:hover{
background:rgba(124,58,237,.08);
color:#fff;
border-color:rgba(159,103,255,.6);
}
.hero-visual{position:relative;display:flex;justify-content:center;align-items:center;}
.hero-visual img{max-width:100%;filter:drop-shadow(0 24px 70px rgba(0,0,0,.7));transform:perspective(1200px) rotateY(-9deg);}
.hero-statbar{margin-top:38px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:700px;}
.hero-stat{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:18px;padding:18px 18px 16px;box-shadow:var(--shadow);}
.hero-stat strong{display:block;color:#fff;font-size:22px;letter-spacing:-0.6px;}
.hero-stat span{display:block;margin-top:4px;color:var(--muted);font-size:13px;line-height:1.5;}
.premium-section{background:transparent;}
.section-kicker{display:inline-block;margin-bottom:12px;color:#d8c9ff;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;}
.section-title{font-size:42px;line-height:1.12;letter-spacing:-1.4px;color:#fff;margin-bottom:16px;}
.section-copy{max-width:700px;color:var(--muted);font-size:16px;line-height:1.85;margin:0 auto;}
.pillars-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:52px;}
.pillar-card,.spec-card,.info-panel,.series-card,.review-shell,.faq-shell,.simple-panel{background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);}
.pillar-card{padding:32px 28px;position:relative;overflow:hidden;height:100%;}
.pillar-card:before{content:'';position:absolute;inset:-30% auto auto -10%;width:150px;height:150px;background:radial-gradient(circle, rgba(124,58,237,.26), transparent 72%);}
.pillar-icon{width:58px;height:58px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:rgba(124,58,237,.14);border:1px solid rgba(159,103,255,.25);color:#fff;font-size:22px;margin-bottom:18px;}
.pillar-card h3,.series-card h3,.spec-card h3,.simple-panel h3{font-size:24px;color:#fff;margin-bottom:12px;}
.pillar-card p,.series-card p,.spec-card p,.simple-panel p,.faq-shell p,.review-shell p,.info-panel p,.info-panel li{color:var(--muted);line-height:1.8;font-size:15px;}
.series-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:48px;}
.series-card{overflow:hidden;position:relative;}
.series-media{height:250px;background:radial-gradient(circle at 50% 20%, rgba(124,58,237,.28), transparent 42%), linear-gradient(180deg, #19191f 0%, #0f0f12 100%);display:flex;align-items:center;justify-content:center;padding:20px;}
.series-media img{max-height:210px;max-width:100%;object-fit:contain;filter:drop-shadow(0 18px 40px rgba(0,0,0,.65));}
.series-content{padding:28px;}
.series-tag{display:inline-block;margin-bottom:12px;color:#d8c9ff;text-transform:uppercase;letter-spacing:1.4px;font-size:11px;font-weight:700;}
.series-meta{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 24px;}
.series-meta span{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--line);font-size:12px;color:#f4f4fb;letter-spacing:.3px;}
.spec-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:42px;}
.spec-card{padding:28px 24px;height:100%;}
.spec-card .spec-top{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:#d8c9ff;margin-bottom:10px;font-weight:700;}
.spec-card strong{display:block;font-size:28px;color:#fff;line-height:1.1;margin-bottom:8px;}
.dark-band{padding:90px 0;background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);}
.cta-shell{padding:54px;border-radius:28px;background:linear-gradient(120deg, rgba(124,58,237,.22), rgba(124,58,237,.06) 38%, rgba(255,255,255,.03) 100%);border:1px solid rgba(159,103,255,.22);box-shadow:var(--shadow);}
.cta-shell h2{font-size:42px;line-height:1.08;color:#fff;letter-spacing:-1.3px;margin-bottom:16px;text-transform:uppercase;}
.cta-shell p{color:#d6d6e2;font-size:16px;line-height:1.8;max-width:760px;margin:0 auto 28px;}
.footer-area{background:#08080a!important;border-top:1px solid rgba(255,255,255,.06);padding:70px 0 30px;}
.footer-area h6,.footer-area a,.footer-text,.single-footer-widget p,.single-footer-widget li{color:#d6d6df!important;}
.footer-area a:hover{color:#fff!important;}
.premium-subhero{padding:170px 0 90px;background:linear-gradient(180deg, rgba(124,58,237,.12), transparent 50%), linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));}
.premium-subhero h1{color:#fff;font-size:52px;letter-spacing:-1.5px;margin-bottom:14px;text-transform:uppercase;}
.premium-subhero p{color:var(--muted);font-size:17px;line-height:1.85;max-width:820px;margin:0 auto;}
.catalog-grid{margin-top:48px;}
.catalog-card{height:100%;background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow);}
.catalog-card .media{height:250px;background:radial-gradient(circle at center, rgba(124,58,237,.22), transparent 40%), linear-gradient(180deg, #1b1b22 0%, #0e0e11 100%);display:flex;align-items:center;justify-content:center;padding:16px;}
.catalog-card .media img{max-height:210px;max-width:100%;object-fit:contain;filter:drop-shadow(0 18px 40px rgba(0,0,0,.65));}
.catalog-card .body{padding:26px;}
.catalog-card h3{font-size:22px;color:#fff;line-height:1.25;margin-bottom:12px;text-transform:uppercase;}
.catalog-card ul{padding-left:18px;margin:0 0 22px;}
.catalog-card li{margin-bottom:8px;color:var(--muted);line-height:1.6;}
.catalog-card .price{font-size:28px;color:#fff;font-weight:700;letter-spacing:-.6px;margin-bottom:14px;}
.catalog-card .caption{font-size:12px;color:#d8c9ff;text-transform:uppercase;letter-spacing:1.4px;font-weight:700;margin-bottom:8px;}
.simple-panel{padding:34px;}
.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
.info-panel{padding:34px;}
.info-panel ul{padding-left:18px;margin:0;}
.faq-shell,.review-shell{padding:34px;}
.review-shell strong{color:#fff;display:block;margin-bottom:8px;}
.muted-link{color:#d8c9ff;}
.muted-link:hover{color:#fff;}
.mobile-brand-fix img{display:none;}
@media (max-width: 1199px){
  .premium-hero h1{font-size:54px;}
  .spec-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .series-grid,.pillars-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 991px){
  .premium-hero{padding-top:130px;padding-bottom:70px;min-height:auto;}
  .premium-hero h1{font-size:46px;}
  .hero-visual{margin-top:36px;}
  .hero-statbar{grid-template-columns:1fr;max-width:none;}
  .section-title{font-size:34px;}
  .cta-shell h2{font-size:34px;}
  .premium-subhero h1{font-size:40px;}
}
@media (max-width: 767px){
  .brand-mark{font-size:22px;}
  .brand-mark .brand-accent{font-size:16px;}
  .premium-hero h1{font-size:38px;letter-spacing:-1px;}
  .premium-hero p,.premium-subhero p{font-size:15px;}
  .hero-actions{flex-direction:column;align-items:flex-start;}
  .series-grid,.pillars-grid,.spec-grid,.info-grid{grid-template-columns:1fr;}
  .series-media,.catalog-card .media{height:220px;}
  .section-gap{padding:72px 0;}
  .cta-shell{padding:34px 24px;}
  .cta-shell h2,.section-title,.premium-subhero h1{font-size:30px;}
}