:root{
  --void:#01030A; --surface:#06101F; --raise:#0A1A33;
  --neon:#0066FF; --azure:#00B8FF; --cyan:#8AE6FF;
  --white:#fff; --muted:#8EADC8; --line:#164070; --radius:18px;
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{background:radial-gradient(120% 80% at 50% -10%,rgba(0,102,255,.22),transparent 55%),radial-gradient(80% 50% at 100% 20%,rgba(0,184,255,.10),transparent 45%),var(--void);color:var(--white);font-family:"Exo 2",system-ui,sans-serif;line-height:1.6;overflow-x:hidden}
h1,h2,h3,h4{font-family:Jost,system-ui,sans-serif;line-height:1.08;letter-spacing:-.02em}
h1{font-size:clamp(2.6rem,6.5vw,5rem);font-weight:800}
h2{font-size:clamp(2rem,4.5vw,3.2rem);font-weight:700;margin:.4rem 0 1rem}
h3{font-size:1.45rem}
em{font-style:normal;background:linear-gradient(92deg,var(--azure),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
a{color:var(--azure)}
img,video{max-width:100%;display:block}
.header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:2rem;justify-content:space-between;padding:1rem clamp(1rem,5vw,4rem);background:rgba(1,6,16,.85);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.menu-toggle{display:none;background:transparent;border:1px solid var(--line);color:#fff;border-radius:999px;padding:.45rem .9rem;cursor:pointer;font-family:Jost,sans-serif}
.logo{font-family:Jost,sans-serif;font-weight:800;color:#fff;text-decoration:none;font-size:1.15rem;letter-spacing:.04em}
.logo span{color:var(--azure)}
.header nav{display:flex;gap:1.6rem}
.header nav a{color:var(--white);text-decoration:none;font-size:.98rem}
.header nav a:hover,.header nav a[aria-current="page"]{color:var(--neon)}
.btn{display:inline-block;background:linear-gradient(92deg,var(--neon),var(--azure));color:#FFFFFF;border:1px solid var(--azure);border-radius:999px;padding:.9rem 1.7rem;font-family:Jost,sans-serif;font-weight:600;text-decoration:none;cursor:pointer;font-size:1rem;transition:.25s}
.btn:hover{background:var(--cyan);border-color:var(--cyan);color:#06264D;transform:translateY(-2px)}
.btn-ghost{background:transparent;color:var(--neon)}
.btn-small{padding:.55rem 1.2rem;font-size:.92rem}
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center;max-width:1360px;margin:0 auto;padding:clamp(2rem,6vw,5rem) clamp(1rem,5vw,4rem);min-height:88vh}
.chip{display:inline-block;border:1px solid var(--azure);color:var(--cyan);border-radius:999px;padding:.35rem 1rem;font-size:.88rem;margin-bottom:1.4rem;background:rgba(0,140,255,.10)}
.lead{font-size:clamp(1.05rem,1.6vw,1.3rem);color:#D6E4F5;max-width:34rem;margin:1.2rem 0 2rem;font-weight:300}
.hero-cta{display:flex;gap:1rem;flex-wrap:wrap}
.hero-note{color:var(--muted);font-size:.9rem;margin-top:1rem}
.hero-media{position:relative}
.hero-media>img{border-radius:24px;border:1px solid var(--line);width:100%;height:560px;object-fit:cover}
.hero-card{position:absolute;left:1.2rem;bottom:1.2rem;right:1.2rem;background:rgba(3,10,22,.88);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.3rem;display:flex;flex-direction:column;gap:.25rem}
.hero-card span{color:var(--muted);font-size:.95rem}
.section{max-width:1360px;margin:0 auto;padding:clamp(3rem,7vw,6rem) clamp(1rem,5vw,4rem)}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--cyan);font-size:.82rem;font-weight:600}
.sub{color:var(--muted);max-width:44rem;font-size:1.08rem}
.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:2.2rem}
.aud-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;transition:.3s}
.aud-card:hover{transform:translateY(-6px);border-color:var(--neon)}
.aud-card img{height:230px;width:100%;object-fit:cover}
.aud-card>div{padding:1.5rem;display:flex;flex-direction:column;gap:.7rem;flex:1}
.aud-card p{color:var(--muted)}
.aud-card ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:.4rem;flex:1}
.aud-card li::before{content:"✓ ";color:var(--neon);font-weight:700}
.btn-card{align-self:flex-start;margin-top:.6rem}
.solutions{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem;margin-top:2.2rem}
.sol-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow:hidden}
.sol-card video{width:100%;aspect-ratio:4/3;object-fit:cover;background:#000}
.sol-body{padding:1.4rem 1.5rem 1.6rem}
.sol-body h3{color:#fff;margin-bottom:.9rem}
.sol-body dl{display:flex;flex-direction:column;gap:.45rem;font-size:.97rem}
.sol-body dt{color:var(--cyan);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}
.sol-body dd{color:#D6E4F5;margin:0 0 .35rem}
.immersive-banner{margin-top:1.4rem;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--surface)}
.immersive-banner img{height:100%;min-height:300px;object-fit:cover}
.immersive-banner>div{padding:2rem;display:flex;flex-direction:column;gap:.8rem;justify-content:center;align-items:flex-start}
.immersive-banner p{color:var(--muted)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:2.2rem}
.step{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:1.8rem}
.step span{font-family:Jost,sans-serif;font-size:2.4rem;font-weight:800;color:transparent;-webkit-text-stroke:1.5px var(--neon)}
.step p{color:var(--muted);margin-top:.5rem}
.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:2.2rem}
.cases figure{background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow:hidden}
.cases video{width:100%;height:300px;object-fit:cover}
.cases figcaption{padding:1rem 1.2rem;color:var(--muted);font-size:.95rem}
.logos{display:flex;gap:2.4rem;flex-wrap:wrap;align-items:center;margin-top:2.4rem;opacity:.85}
.logos img{height:34px;width:auto;object-fit:contain}
.audit-section{background:linear-gradient(180deg,transparent,rgba(0,140,255,.06),transparent)}
.audit-tabs{display:flex;gap:.6rem;margin:1.8rem 0 1.2rem;flex-wrap:wrap}
.tab{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.65rem 1.5rem;font-family:Jost,sans-serif;font-weight:600;cursor:pointer;font-size:1rem}
.tab.active{background:var(--neon);color:#FFFFFF;border-color:var(--neon)}
.audit-box{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:clamp(1.4rem,3vw,2.4rem);min-height:340px}
#audit-intro{display:grid;grid-template-columns:280px 1fr;gap:2rem;align-items:center}
#audit-intro img{border-radius:16px;height:220px;width:100%;object-fit:cover}
#audit-intro p{color:var(--muted);margin:.6rem 0 1.2rem}
.progress{height:8px;background:var(--line);border-radius:4px;overflow:hidden;margin-bottom:1rem}
.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--neon),var(--cyan));width:0;transition:width .4s}
.q-count{color:var(--cyan);font-size:.88rem;text-transform:uppercase;letter-spacing:.12em}
#audit-question{margin:.5rem 0 1.3rem;font-size:clamp(1.3rem,2.4vw,1.8rem)}
#audit-answers{display:grid;gap:.7rem}
.answer{text-align:left;background:var(--raise);color:#fff;border:1px solid var(--line);border-radius:14px;padding:1rem 1.2rem;cursor:pointer;font-family:"Exo 2",sans-serif;font-size:1rem;transition:.2s}
.answer:hover{border-color:var(--neon);transform:translateX(6px)}
.score-ring{position:relative;width:150px;height:150px;margin-bottom:1rem}
.score-ring svg{width:150px;height:150px;transform:rotate(-90deg)}
.score-ring circle{fill:none;stroke-width:10}
.ring-bg{stroke:var(--line)}
.ring-val{stroke:var(--neon);stroke-linecap:round;stroke-dasharray:327;stroke-dashoffset:327;transition:stroke-dashoffset 1.2s ease}
.score-ring strong{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Jost,sans-serif;font-size:2.6rem}
#score-text{color:var(--muted);max-width:40rem}
#audit-result h4{margin:1.4rem 0 .6rem}
#score-actions{padding-left:1.3rem;display:flex;flex-direction:column;gap:.5rem;max-width:44rem;margin-bottom:1.6rem}
.final-cta{max-width:1360px;margin:0 auto;padding:0 clamp(1rem,5vw,4rem) clamp(3rem,6vw,5rem);display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem;align-items:center}
.final-cta img{border-radius:22px;height:320px;width:100%;object-fit:cover;border:1px solid var(--line)}
.final-cta p{color:var(--muted);margin:.7rem 0 1.4rem;font-size:1.1rem}
footer{border-top:1px solid var(--line);padding:2.6rem clamp(1rem,5vw,4rem);color:var(--muted);font-size:.92rem}
.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:2rem;max-width:1360px;margin:0 auto}
.footer-grid h4{color:#fff;margin-bottom:.7rem;font-size:1rem}
.footer-grid a{display:block;color:var(--muted);text-decoration:none;margin:.35rem 0}
.footer-grid a:hover{color:var(--azure)}
.footer-copy{max-width:1360px;margin:1.8rem auto 0;padding-top:1.2rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.page-hero{min-height:auto;padding-top:clamp(3rem,6vw,5rem);padding-bottom:2rem}
.page-hero .lead{max-width:40rem}
.sol-page{display:grid;grid-template-columns:1.05fr .95fr;gap:2rem;align-items:center}
.sol-page video{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:22px;border:1px solid var(--line);background:#000}
.sol-explain .prose{max-width:52rem}
.prose p{color:#D6E4F5;font-size:1.12rem;margin:0 0 1.1rem;font-weight:300}
.steps-4{grid-template-columns:repeat(4,1fr)}
.sol-split{display:grid;grid-template-columns:1fr 1fr;gap:2.4rem;align-items:start}
.include-list{list-style:none;padding:0;margin:1.4rem 0 0;display:flex;flex-direction:column;gap:.7rem}
.include-list li{color:#D6E4F5;padding-left:1.6rem;position:relative}
.include-list li::before{content:"✓";position:absolute;left:0;color:var(--neon);font-weight:800}
.example-list{display:flex;flex-direction:column;gap:1rem;margin-top:1.4rem}
.example-list article{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:1.2rem 1.4rem}
.example-list p{color:var(--muted);margin-top:.35rem}
.faq{margin-top:1.6rem;display:flex;flex-direction:column;gap:.7rem;max-width:52rem}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1rem 1.2rem}
.faq summary{cursor:pointer;font-family:Jost,sans-serif;font-weight:700;font-size:1.15rem;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";float:right;color:var(--azure)}
.faq details[open] summary::after{content:"–"}
.faq details p{color:var(--muted);margin:.8rem 0 0}
.related{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:1.6rem}
.related-card{display:block;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:1.4rem;text-decoration:none;color:inherit;transition:.25s}
.related-card:hover{border-color:var(--neon);transform:translateY(-4px)}
.related-card h3{margin-bottom:.5rem}
.related-card p{color:var(--muted);font-size:.98rem}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin-top:2rem}
.contact-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:1.8rem;display:flex;flex-direction:column;gap:.7rem}
.contact-card p{color:var(--muted)}
.legal{max-width:760px}
.legal p{color:var(--muted);margin:0 0 1rem}
.sol-card a.sol-link{color:var(--azure);text-decoration:none;font-weight:600;display:inline-block;margin-top:.4rem}
@media(max-width:900px){
  .menu-toggle{display:block}
  .header nav{display:none;position:absolute;left:0;right:0;top:100%;background:#06101F;border-bottom:1px solid var(--line);flex-direction:column;padding:1rem 1.4rem 1.4rem;gap:1rem}
  .header nav.open{display:flex}
  .hero,.immersive-banner,.final-cta,#audit-intro,.sol-page,.contact-grid,.footer-grid,.sol-split{grid-template-columns:1fr}
  .hero{min-height:0}
  .hero-media>img{height:380px}
  .cards-3,.steps,.steps-4,.cases,.related{grid-template-columns:1fr}
  .solutions{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none!important}
}