.site-header{position:fixed;inset:0 0 auto;z-index:var(--z-header);height:var(--header-height);border-bottom:1px solid transparent;background:linear-gradient(180deg,rgba(0,0,0,.78),transparent);transition:height var(--duration-base),background var(--duration-base),border-color var(--duration-base),box-shadow var(--duration-base)}.site-header.is-scrolled{height:var(--header-height-compact);border-color:var(--border-subtle);background:rgba(5,5,6,.86);box-shadow:var(--shadow-sm);backdrop-filter:blur(22px) saturate(140%)}.nav-wrap{height:100%;display:flex;align-items:center;gap:var(--space-6)}.brand{display:flex;flex:0 0 auto}.brand img{width:8.75rem;transition:width var(--duration-base)}.site-header.is-scrolled .brand img{width:7.25rem}.main-nav{display:flex;align-items:center;gap:var(--space-6);margin-inline:auto}.main-nav a{position:relative;padding:1.5rem 0;color:var(--color-text-soft);font-size:var(--font-size-sm);font-weight:700}.main-nav a::after{content:"";position:absolute;right:0;bottom:1rem;width:0;height:2px;background:var(--color-gold-500);transition:width var(--duration-fast)}.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--color-gold-100)}.main-nav a:hover::after,.main-nav a[aria-current=page]::after{width:100%}.menu-btn{display:none;width:2.75rem;height:2.75rem;padding:.625rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:rgba(255,255,255,.025);color:#fff}.menu-btn span{display:block;width:1.375rem;height:2px;margin:.25rem auto;border-radius:2px;background:currentColor;transition:transform var(--duration-fast),opacity var(--duration-fast)}.menu-btn[aria-expanded=true] span:first-child{transform:translateY(6px) rotate(45deg)}.menu-btn[aria-expanded=true] span:nth-child(2){opacity:0}.menu-btn[aria-expanded=true] span:last-child{transform:translateY(-6px) rotate(-45deg)}.mobile-nav-cta{display:none}
body:not(.page-index) main{padding-top:var(--header-height)}.section,.lux-section{position:relative;padding-block:var(--section-space)}.section-grid{display:grid;gap:var(--space-5)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.guide-grid,.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}
.page-hero{position:relative;isolation:isolate;overflow:hidden;padding:6.25rem 0 4.375rem;border-bottom:1px solid var(--border-subtle);background:radial-gradient(circle at 50% -10%,rgba(230,189,98,.16),transparent 48%),linear-gradient(180deg,#0b0b0c,var(--color-bg));text-align:center}.page-hero::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:3.5rem 3.5rem;mask-image:linear-gradient(#000,transparent)}.page-hero .container{max-width:var(--container-content)}.page-hero h1{margin:var(--space-3) 0 var(--space-4);background:var(--gradient-text);background-clip:text;-webkit-background-clip:text;color:transparent}.page-hero p{max-width:45rem;margin-inline:auto;font-size:var(--font-size-lg)}
.lux-hero{position:relative;isolation:isolate;min-height:100svh;display:flex;align-items:center;overflow:hidden;padding:7.5rem 0 4rem}.lux-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:var(--space-8)}.lux-hero-copy{position:relative;z-index:2}.lux-hero h1{margin:var(--space-5) 0 var(--space-4)}.lux-hero-copy>p{max-width:38rem;font-size:var(--font-size-lg)}.lux-hero-visual{position:relative;min-height:33.75rem;display:flex;align-items:center;justify-content:center;direction:ltr}.lux-hero-visual img{position:relative;width:122%;max-width:55rem;object-fit:contain;filter:drop-shadow(0 2.625rem 3.125rem rgba(0,0,0,.75));transform:translate(-4%,-.625rem)}
.brand-strip{border-block:1px solid var(--border-subtle);background:#070707}.brand-strip-inner{min-height:4.625rem;display:flex;align-items:center;justify-content:center;gap:var(--space-8);color:#77777b;font-size:var(--font-size-xs);font-weight:700}.brand-strip-inner i{width:3px;height:3px;border-radius:50%;background:var(--color-gold-500)}
.section-heading{max-width:48.75rem;margin:0 auto var(--space-16);text-align:center}.section-heading--split{max-width:none;display:flex;align-items:end;justify-content:space-between;gap:var(--space-12);text-align:right}.section-heading h2{margin:var(--space-4) 0}.section-heading p{max-width:44rem;margin-inline:auto}.section-heading--split p{max-width:27rem;margin:0 0 var(--space-2)}
.experience-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:var(--space-5)}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-4)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.devices-layout{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:var(--space-20)}.reseller-panel{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:var(--space-16)}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:var(--space-24);align-items:start}.compact-pricing-grid{display:grid;gap:var(--space-4);align-items:stretch}.compact-pricing-grid.three-columns{grid-template-columns:repeat(3,1fr)}.compact-pricing-grid.two-columns{grid-template-columns:repeat(2,minmax(0,23.75rem));justify-content:center}.compact-pricing-grid.reseller-columns{grid-template-columns:repeat(4,1fr)}
.site-footer{padding:0 0 var(--space-5);border-top:1px solid var(--border-subtle);background:radial-gradient(circle at 50% 0,rgba(230,189,98,.07),transparent 30%),var(--color-black)}.footer-promise{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;transform:translateY(-50%);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:rgba(255,255,255,.025)}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:var(--space-12);padding-top:var(--space-5)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-12);padding-top:var(--space-5);border-top:1px solid var(--border-subtle);color:var(--color-faint);font-size:var(--font-size-xs)}

/* Sprint 4: homepage composition */
.page-index .site-header{background:transparent}
.page-index .site-header.is-scrolled{background:rgba(5,5,6,.82);backdrop-filter:blur(var(--space-5)) saturate(145%)}
.page-index .lux-hero{min-height:min(53rem,100svh);padding:calc(var(--header-height) + var(--space-12)) 0 var(--space-12)}
.page-index .lux-hero-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:var(--space-12)}
.page-index .lux-hero-copy{max-width:var(--hero-max-copy)}
.page-index .lux-hero-visual{min-height:var(--hero-visual-height)}
.page-index .experience-grid{grid-template-columns:1.25fr repeat(2,minmax(0,.875fr))}
.page-index .category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}