:root{
  --bg:#020202;
  --gold:#f3ad28;
  --gold-soft:#ffd26d;
  --text:#f8f8f8;
  --muted:#cfcfcf;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:'Quicksand',Arial,sans-serif;
  background:var(--bg);
  color:var(--text);
  overflow-x:hidden;
}
a{text-decoration:none;color:inherit}
h1,h2,h3,.nav,.header-cta,.btn,.eyebrow,.card span{
  font-family:'Oswald',Arial,sans-serif;
}
.page-light{
  position:fixed;
  inset:0;
  z-index:-5;
  background:
    radial-gradient(circle at 78% 18%,rgba(211,126,11,.22),transparent 28%),
    radial-gradient(circle at 20% 38%,rgba(255,181,42,.07),transparent 25%),
    linear-gradient(180deg,#050505,#000 60%,#030303);
}
.site-header{
  height:86px;
  padding:0 32px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(0,0,0,.70);
  backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.brand img{width:292px;height:68px;object-fit:contain;object-position:left;display:block}
.nav{display:flex;align-items:center;gap:34px;text-transform:uppercase;font-size:15px;font-weight:500;letter-spacing:.04em}
.nav a{opacity:.95;position:relative}
.nav a:hover,.nav a.active{color:var(--gold)}
.nav a.active:after{content:"";position:absolute;left:50%;bottom:-28px;width:70px;height:2px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--gold),transparent);box-shadow:0 0 12px var(--gold)}
.header-cta,.btn{display:inline-flex;align-items:center;gap:12px;border:1px solid var(--gold);border-radius:6px;padding:14px 21px;text-transform:uppercase;font-weight:600;font-size:16px;letter-spacing:.03em}
.header-cta{color:var(--gold);background:rgba(0,0,0,.15)}
.header-cta:hover,.btn-outline:hover{box-shadow:0 0 24px rgba(243,173,40,.22)}
.menu-toggle{display:none;background:transparent;border:0;color:#fff;font-size:28px}

.hero{
  min-height:720px;
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
  padding:0 5.2vw 76px;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:#020202;
}
.hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  background-image:url('assets/ashvions-hero-cinema.png');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  filter:saturate(1.05) contrast(1.06);
  transform:scale(1.01);
}
.hero:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(90deg,rgba(2,2,2,.93) 0%,rgba(2,2,2,.70) 28%,rgba(2,2,2,.25) 52%,rgba(2,2,2,.10) 100%),
    linear-gradient(180deg,rgba(2,2,2,.44) 0%,rgba(2,2,2,.08) 40%,#020202 100%),
    radial-gradient(circle at 28% 62%,rgba(243,173,40,.16),transparent 31%);
  pointer-events:none;
}
.hero-content{
  max-width:720px;
  position:relative;
  z-index:2;
  text-align:center;
  padding:30px 0 0;
}
.hero-content p{
  font-size:28px;
  line-height:1.55;
  font-weight:600;
  max-width:700px;
  margin:0 auto 34px;
  color:#fff;
  text-shadow:0 4px 24px #000,0 0 18px rgba(0,0,0,.75);
}
.hero-actions{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}
.btn-primary{background:linear-gradient(135deg,#ffd36d,#bd7615 58%,#f0b33f);color:#080808;border:0;box-shadow:0 0 32px rgba(243,173,40,.20)}
.btn-outline{background:rgba(0,0,0,.42);color:#fff}

.section-padding{padding:58px 4vw}.solutions{position:relative;z-index:8;margin-top:-20px}.eyebrow{text-align:center;text-transform:uppercase;letter-spacing:.42em;color:var(--gold);font-size:14px;font-weight:500;margin:0 0 10px}.eyebrow.left{text-align:left}h1,h2{font-size:clamp(32px,2.8vw,46px);line-height:1.15;text-align:center;margin:0 0 30px;font-weight:400;letter-spacing:.01em}h2{text-align:left}.cards{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.card{position:relative;min-height:310px;padding:30px 24px 25px;text-align:center;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden}.card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 0,rgba(243,173,40,.16),transparent 42%);opacity:.9}.card>*{position:relative}.card:hover{transform:translateY(-6px);border-color:rgba(243,173,40,.75);box-shadow:0 0 35px rgba(243,173,40,.16);transition:.25s}.card span{position:absolute;top:18px;right:20px;color:var(--gold);font-size:26px;font-weight:500}.icon{width:84px;height:84px;margin:0 auto 17px;border:1px solid rgba(243,173,40,.75);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:38px;box-shadow:0 0 22px rgba(243,173,40,.06)}.card h3{font-size:24px;line-height:1.16;margin:0 auto 16px;font-weight:500;max-width:250px}.card p{font-size:16px;line-height:1.62;color:var(--muted);margin:0 auto 20px;max-width:235px;font-weight:500}.card a{color:var(--gold);font-family:'Oswald',Arial,sans-serif;font-weight:600;text-transform:uppercase;font-size:16px}.split-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;border-top:1px solid rgba(255,255,255,.08)}.split-section p,.why-cards p,.contact p{color:var(--muted);line-height:1.75;font-size:17px}.why-us h2,.contact h2{text-align:center}.why-cards{max-width:1050px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.why-cards div{border:1px solid rgba(255,255,255,.12);border-radius:13px;padding:28px;background:rgba(255,255,255,.035);text-align:center}.why-cards h3{margin-top:0;font-size:24px}.contact{text-align:center;background:linear-gradient(180deg,rgba(243,173,40,.07),rgba(0,0,0,.1));border-top:1px solid rgba(243,173,40,.2)}.contact a:not(.btn){color:var(--gold)}footer{padding:28px;text-align:center;color:#aaa;border-top:1px solid rgba(255,255,255,.08)}
@media(max-width:1180px){.nav,.header-cta{display:none}.menu-toggle{display:block}.nav.open{display:flex;position:absolute;top:86px;left:0;right:0;flex-direction:column;background:#050505;padding:28px}.hero{min-height:650px;padding:0 24px 68px;background-position:center}.hero-content{max-width:680px}.hero-content p{font-size:24px}.cards{grid-template-columns:repeat(2,1fr)}.card{min-height:280px}}
@media(max-width:700px){.site-header{height:76px;padding:0 18px}.brand img{width:220px}.hero{min-height:590px;padding:0 20px 58px}.hero:after{background:linear-gradient(90deg,rgba(2,2,2,.80),rgba(2,2,2,.38)),linear-gradient(180deg,rgba(2,2,2,.35),#020202 100%)}.hero-content p{font-size:20px}.section-padding{padding:54px 20px}.cards,.why-cards,.split-section{grid-template-columns:1fr}.card{min-height:auto}h2,.eyebrow.left{text-align:center}}


/* Final Ashvions premium refinements */
.hero:before{
  background-image:url('assets/ashvions-hero-cinema.png');
  background-position:center center;
  background-size:cover;
}

.hero:after{
  background:
    linear-gradient(90deg,rgba(2,2,2,.82) 0%,rgba(2,2,2,.48) 33%,rgba(2,2,2,.14) 62%,rgba(2,2,2,.06) 100%),
    linear-gradient(180deg,rgba(2,2,2,.18) 0%,rgba(2,2,2,.02) 52%,#020202 100%);
}

.solutions h1{
  max-width:1500px;
  margin-left:auto;
  margin-right:auto;
  font-size:clamp(30px,3vw,54px);
  line-height:1.18;
}

.card{
  display:flex;
  flex-direction:column;
  align-items:center;
}

.card p{
  flex:1;
}

.card a{
  margin-top:auto;
  padding-top:8px;
}

@media(max-width:700px){
  .solutions h1{font-size:32px;}
  .hero:before{background-position:center top;}
}