
:root{
  --bg:#05070b;
  --bg2:#090d14;
  --panel:#0d121c;
  --panel2:#111826;
  --ink:#f8fbff;
  --muted:#aab5c6;
  --line:rgba(255,255,255,.12);
  --fire:#ff6a2a;
  --fire2:#ffb36b;
  --ice:#5ac8ff;
  --ice2:#a7e8ff;
  --code:#b794ff;
  --ok:#74f5c5;
  --shadow:0 28px 80px rgba(0,0,0,.48);
  --radius:28px;
  --container:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 18% 0%,rgba(255,106,42,.14),transparent 28%),radial-gradient(circle at 82% 0%,rgba(90,200,255,.16),transparent 34%),var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.55;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}
.siteHeader{position:sticky;top:0;z-index:100;background:rgba(5,7,11,.72);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.headerInner{height:82px;display:flex;align-items:center;gap:24px}
.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brandMark{width:42px;height:42px}.brandText strong{display:block;letter-spacing:.14em;font-size:.86rem}.brandText em{display:block;font-style:normal;color:var(--muted);font-size:.72rem;margin-top:1px}
.primaryNav{display:flex;align-items:center;justify-content:center;gap:4px;flex:1}.primaryNav a{color:#c7d1df;font-size:.88rem;padding:10px 10px;border-radius:999px}.primaryNav a:hover,.primaryNav a.active{background:rgba(255,255,255,.08);color:#fff}.headerCta{padding:12px 16px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:linear-gradient(135deg,rgba(255,106,42,.14),rgba(90,200,255,.14));font-weight:700;font-size:.86rem}.menuButton{display:none;background:transparent;border:0;width:42px;height:42px;padding:9px;cursor:pointer}.menuButton span{display:block;height:2px;background:white;margin:6px 0;border-radius:999px}
.kicker{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:800;letter-spacing:.16em;text-transform:uppercase;font-size:.75rem}.kicker:before{content:"";width:28px;height:1px;background:linear-gradient(90deg,var(--fire),var(--ice));display:inline-block}.lead{font-size:clamp(1.05rem,1.9vw,1.32rem);color:#d7e1ee;max-width:760px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:13px 20px;border-radius:999px;font-weight:850;letter-spacing:.01em;border:1px solid rgba(255,255,255,.16);transition:.2s ease}.btn.primary{background:linear-gradient(135deg,var(--fire),#ff8d4d 45%,var(--ice));color:#071019;box-shadow:0 14px 40px rgba(255,106,42,.18)}.btn.ghost{background:rgba(255,255,255,.07);color:#fff}.btn:hover{transform:translateY(-2px);filter:saturate(1.12)}.btn.wide{width:100%}.heroActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.heroHome{min-height:calc(100vh - 82px);position:relative;display:flex;align-items:center;padding:90px 0 70px;isolation:isolate}.heroBackdrop{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(5,7,11,.96),rgba(5,7,11,.74) 42%,rgba(5,7,11,.45)),var(--photo);background-size:cover;background-position:center;z-index:-2}.heroBackdrop:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 32%,rgba(255,106,42,.22),transparent 34%),radial-gradient(circle at 82% 30%,rgba(90,200,255,.24),transparent 38%),linear-gradient(0deg,var(--bg),transparent 32%);z-index:-1}.heroHomeGrid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:48px;align-items:end}.heroCopy h1{font-size:clamp(3rem,7vw,6.5rem);line-height:.92;letter-spacing:-.075em;max-width:950px;margin:18px 0 22px}.heroStack{display:grid;gap:16px}.stackCard{min-height:150px;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.05));backdrop-filter:blur(14px);position:relative;overflow:hidden}.stackCard:before{content:"";position:absolute;inset:auto -12% -40% auto;width:220px;height:220px;border-radius:50%;filter:blur(18px);opacity:.32}.stackCard.fire:before{background:var(--fire)}.stackCard.ice:before{background:var(--ice)}.stackCard.code:before{background:var(--code)}.stackCard span{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800}.stackCard strong{display:block;font-size:1.35rem;line-height:1.15;margin-top:18px;max-width:260px}.proofStrip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:22px;overflow:hidden;margin-top:36px;max-width:850px}.proofStrip div{background:rgba(0,0,0,.28);padding:18px}.proofStrip strong{display:block;font-size:1.05rem}.proofStrip span{display:block;color:var(--muted);font-size:.86rem;margin-top:3px}
section{padding:92px 0}.sectionIntro{max-width:790px;margin-bottom:34px}.sectionIntro.center{text-align:center;margin-inline:auto}.sectionIntro.center .kicker{justify-content:center}.sectionIntro h2,.storyCopy h2,.seoGrid h2,.ctaPanel h2,.contactCard h2{font-size:clamp(2rem,4vw,4rem);line-height:1;letter-spacing:-.055em;margin:14px 0 16px}.sectionIntro p,.storyCopy p,.seoCopy p,.ctaPanel p,.contactCard p{color:var(--muted);font-size:1.05rem}.chooseSection{background:linear-gradient(180deg,var(--bg),#070b12)}.pathGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.pathCard{display:grid;grid-template-rows:310px 1fr;min-height:680px;overflow:hidden;border-radius:34px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);position:relative}.pathCard:hover .pathMedia,.serviceCard:hover .serviceImage{transform:scale(1.04)}.pathMedia,.serviceImage,.storyImage,.pageVisual{background-image:linear-gradient(0deg,rgba(4,7,12,.66),rgba(4,7,12,.04)),var(--photo),url('assets/av-pattern.svg');background-size:cover;background-position:center;transition:.55s ease}.pathContent{padding:34px}.pathContent h2{font-size:clamp(2rem,4vw,3.7rem);line-height:.98;letter-spacing:-.055em;margin:12px 0}.pathContent p{color:#cbd6e4;font-size:1.05rem}.pathContent ul{margin:24px 0 0;padding:0;display:grid;gap:12px}.pathContent li{list-style:none;color:#e8eef6;display:flex;gap:10px}.pathContent li:before{content:"";width:9px;height:9px;border-radius:50%;margin-top:8px;background:linear-gradient(135deg,var(--fire),var(--ice));flex:0 0 auto}.pathAction{display:inline-flex;margin-top:28px;font-weight:900;color:#fff}.pathCard.fire{background:radial-gradient(circle at 0 100%,rgba(255,106,42,.2),transparent 40%),var(--panel)}.pathCard.ice{background:radial-gradient(circle at 100% 100%,rgba(90,200,255,.2),transparent 42%),var(--panel)}.fire .kicker:before,.fire.kicker:before{background:var(--fire)}.ice .kicker:before,.ice.kicker:before{background:var(--ice)}.code .kicker:before,.code.kicker:before{background:var(--code)}
.darkBand{background:linear-gradient(135deg,#070a10,#0d121c 45%,#07111a);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.bandGrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:start}.capabilityGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.capabilityGrid div{border:1px solid var(--line);background:rgba(255,255,255,.055);padding:24px;border-radius:24px}.capabilityGrid strong{display:block;font-size:1.2rem;margin-bottom:6px}.capabilityGrid span{display:block;color:var(--muted)}
.servicesSection{background:#080c13}.serviceGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.serviceCard{border:1px solid var(--line);border-radius:28px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));box-shadow:0 18px 56px rgba(0,0,0,.32)}.serviceImage{display:block;height:245px;background-image:linear-gradient(0deg,rgba(5,7,11,.36),rgba(5,7,11,.02)),var(--photo),url('assets/av-pattern.svg')}.serviceBody{padding:24px}.serviceBody h3{font-size:1.5rem;line-height:1.12;margin:10px 0}.serviceBody p{color:var(--muted)}.serviceCard.fire{box-shadow:0 20px 60px rgba(255,106,42,.08)}.serviceCard.ice{box-shadow:0 20px 60px rgba(90,200,255,.08)}.serviceCard.code{box-shadow:0 20px 60px rgba(183,148,255,.08)}
.seoBlock{background:linear-gradient(180deg,#080c13,var(--bg));padding:82px 0}.seoGrid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:start}.tagRow{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.tagRow span{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#dce7f4;background:rgba(255,255,255,.08);border:1px solid var(--line);border-radius:999px;padding:8px 10px}.finalCta{padding:72px 0 100px;background:radial-gradient(circle at 20% 10%,rgba(255,106,42,.13),transparent 34%),radial-gradient(circle at 80% 10%,rgba(90,200,255,.16),transparent 38%)}.ctaPanel{border:1px solid var(--line);border-radius:36px;padding:44px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.05));box-shadow:var(--shadow);position:relative;overflow:hidden}.ctaPanel:after{content:"";position:absolute;right:-150px;top:-150px;width:340px;height:340px;border-radius:50%;background:linear-gradient(135deg,var(--fire),var(--ice));filter:blur(20px);opacity:.18}.ctaPanel.fire:after{background:var(--fire)}.ctaPanel.ice:after{background:var(--ice)}
.pageHero{padding:78px 0 56px;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent)}.pageHeroGrid{display:grid;grid-template-columns:1fr .82fr;gap:34px;align-items:stretch}.pageCopy{border:1px solid var(--line);border-radius:34px;padding:42px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.04));box-shadow:var(--shadow)}.pageCopy h1{font-size:clamp(2.6rem,5.8vw,5.4rem);line-height:.94;letter-spacing:-.065em;margin:18px 0}.breadcrumbs{display:flex;gap:10px;color:var(--muted);font-size:.86rem;margin-bottom:24px}.breadcrumbs a{color:#fff}.pageVisual{min-height:520px;border-radius:34px;border:1px solid var(--line);box-shadow:var(--shadow);position:relative;overflow:hidden}.glassBadge{position:absolute;left:24px;right:24px;bottom:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.glassBadge span{background:rgba(0,0,0,.42);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:16px;padding:12px;text-align:center;font-weight:850;color:#fff}.pageHero.fire .pageCopy{box-shadow:0 30px 80px rgba(255,106,42,.12)}.pageHero.ice .pageCopy{box-shadow:0 30px 80px rgba(90,200,255,.12)}
.storySection{background:#070b12}.storyGrid{display:grid;grid-template-columns:.95fr 1.05fr;gap:38px;align-items:center}.storyGrid.reverse{grid-template-columns:1.05fr .95fr}.storyGrid.reverse .storyImage{order:2}.storyImage{min-height:500px;border-radius:34px;border:1px solid var(--line);box-shadow:var(--shadow)}.storyCopy{padding:18px}.featureList{display:grid;gap:12px;margin-top:24px}.featureList div{display:flex;gap:13px;align-items:flex-start;background:rgba(255,255,255,.055);border:1px solid var(--line);border-radius:18px;padding:14px}.featureList span{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--fire),var(--ice));margin-top:8px;flex:0 0 auto}.featureList p{margin:0;color:#d6e0ec}.packageSection{background:#080c13}.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.detailCard,.productCard,.contactCard{border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));padding:28px;box-shadow:0 18px 56px rgba(0,0,0,.24)}.detailCard h3,.productCard h3{font-size:1.55rem;line-height:1.1;margin:0 0 12px}.detailCard p,.productCard p{color:var(--muted)}.detailCard a{display:inline-block;margin-top:12px;font-weight:900}.detailCard.fire a{color:var(--fire2)}.detailCard.ice a{color:var(--ice2)}.processSection{background:linear-gradient(180deg,#080c13,#06080d)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}.steps div{border:1px solid var(--line);border-radius:24px;padding:24px;background:rgba(255,255,255,.055)}.steps b{display:inline-flex;width:44px;height:44px;border-radius:50%;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--fire),var(--ice));color:#081018}.steps h3{font-size:1.25rem;margin:18px 0 8px}.steps p{color:var(--muted);margin:0}.iceBand{background:linear-gradient(135deg,#05070b,#071624)}
.contactSection{background:#080c13}.contactGrid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contactMethods{display:grid;gap:12px;margin-top:24px}.contactMethods a{display:block;border:1px solid var(--line);border-radius:18px;padding:16px;background:rgba(255,255,255,.055)}.contactMethods strong{display:block}.contactMethods span{display:block;color:var(--muted)}
.footer{background:#04060a;border-top:1px solid var(--line);padding:56px 0 24px}.footerGrid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:28px}.footer h3{font-size:.82rem;text-transform:uppercase;letter-spacing:.14em;color:#fff;margin:0 0 16px}.footer a,.footer span,.footer p{display:block;color:var(--muted);margin:9px 0}.footerBrandBlock{display:flex;gap:14px}.footerBrandBlock img{width:52px;height:52px}.footerBrandBlock strong{letter-spacing:.15em}.footerBrandBlock p{max-width:360px}.footerBottom{border-top:1px solid var(--line);margin-top:32px;padding-top:20px;display:flex;justify-content:space-between;gap:20px}.footerBottom a{margin:0;color:#fff}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.in{opacity:1;transform:none}
@media (max-width:1050px){.headerCta{display:none}.primaryNav{position:fixed;inset:82px 16px auto 16px;display:none;flex-direction:column;align-items:stretch;background:rgba(8,12,19,.96);border:1px solid var(--line);border-radius:22px;padding:14px;box-shadow:var(--shadow)}.primaryNav.open{display:flex}.primaryNav a{padding:13px 16px}.menuButton{display:block;margin-left:auto}.heroHomeGrid,.pageHeroGrid,.bandGrid,.seoGrid,.storyGrid,.storyGrid.reverse,.contactGrid{grid-template-columns:1fr}.storyGrid.reverse .storyImage{order:0}.serviceGrid,.cards3{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.pathGrid{grid-template-columns:1fr}.pathCard{min-height:auto}.pageVisual{min-height:410px}.heroHome{min-height:auto}.heroStack{grid-template-columns:repeat(3,1fr)}.stackCard{min-height:130px}.stackCard strong{font-size:1.05rem}}
@media (max-width:720px){.container{width:min(100% - 28px,var(--container))}.headerInner{height:74px}.brandText em{display:none}.heroHome{padding:58px 0}.heroCopy h1{font-size:clamp(2.7rem,15vw,4.2rem)}.proofStrip{grid-template-columns:1fr}.heroStack,.serviceGrid,.cards3,.steps{grid-template-columns:1fr}.pathCard{grid-template-rows:240px 1fr}.pathContent,.pageCopy,.ctaPanel{padding:26px}.pageVisual,.storyImage{min-height:330px}.glassBadge{grid-template-columns:1fr;position:static;margin:18px}.footerGrid{grid-template-columns:1fr}.footerBottom{display:block}.sectionIntro h2,.storyCopy h2,.seoGrid h2,.ctaPanel h2,.contactCard h2{font-size:2.25rem}section{padding:66px 0}.heroActions .btn{width:100%}.pageHero{padding-top:42px}.footerBrandBlock{align-items:flex-start}}

/* SEO image layer: key visual panels now include real <img> tags with descriptive alt text instead of relying only on CSS backgrounds. */
.heroBackdrop,.pathMedia,.serviceImage,.storyImage,.pageVisual{position:relative;overflow:hidden;isolation:isolate;}
.seoPhoto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.heroBackdrop .seoPhoto{z-index:0;}
.heroBackdrop:after{z-index:1;}
.pathMedia .seoPhoto,.serviceImage .seoPhoto,.storyImage .seoPhoto,.pageVisual .seoPhoto{z-index:0;}
.pathMedia:after,.serviceImage:after,.storyImage:after,.pageVisual:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(4,7,12,.45),rgba(4,7,12,.05));pointer-events:none;}
.glassBadge{z-index:2;}
.faqSection{background:linear-gradient(180deg,#06080d,#080c13);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.faqGrid{display:grid;gap:14px;max-width:920px;}
.faqGrid details{border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.06);padding:18px 20px;}
.faqGrid summary{cursor:pointer;font-weight:850;color:#fff;}
.faqGrid p{color:var(--muted);margin:12px 0 0;}
@media (max-width:720px){.faqGrid details{padding:16px;}}
