:root{--bg:#000;--bg2:#0b0a0f;--bg3:#050505;--surface:#1a1a1a;--surface2:#201b28;--ink:#fff;--muted:#c2bdcb;--dim:#aba4b4;--line:rgba(255,255,255,.17);--line2:rgba(255,255,255,.26)}
body{background:#000;overflow-x:clip}
body::before{display:none}
html{scroll-padding-top:82px}
:focus-visible{outline:3px solid var(--green);outline-offset:4px;border-radius:4px}
.btn{border-radius:4px;box-shadow:none;padding:14px 22px}
.btn-primary,.btn-primary:hover{box-shadow:none}
.btn-primary:hover{background:#8d32ff;transform:none}
.btn-ghost{background:transparent;border-color:transparent;padding-inline:8px}
.btn-ghost:hover{border-color:transparent;color:var(--green)}
.brand-tag{border:0;padding:0;border-radius:0;font-size:12px;letter-spacing:.17em}
.nav{background:rgba(0,0,0,.82);border-bottom:1px solid rgba(255,255,255,.12)}
.nav.scrolled{background:rgba(0,0,0,.93);backdrop-filter:blur(8px)}
.nav-links a::after{background:var(--violet)}
.hero{min-height:min(860px,100svh);background:#000}
.hero-sky{background:radial-gradient(ellipse at 80% 42%,rgba(120,0,254,.16),transparent 38%)}
.hero-sky::before,.hero-sky::after,.hero-mountains,.hero-blueprint,.hero-hint{display:none}
.hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(32px,5vw,92px);min-height:min(780px,calc(100svh - 96px));padding-block:50px 88px}
.hero-copy{position:relative;z-index:2}
.hero-title{font-size:clamp(46px,5.8vw,88px);line-height:1.01;letter-spacing:-.055em;font-weight:790;max-width:740px}
.js .hero-title.split .w,.js .hero-trust.pop>*{opacity:1;transform:none;filter:none;transition:none}
.glow-word{color:#fff;text-shadow:none;animation:none}
.announce,.announce b{border-radius:4px}
.hero-lead{color:#d0cbd6;max-width:600px}
.hero-ctas{align-items:center;gap:16px}
.hero-trust{font-size:13px;color:#c7c1cf}
.hero-trust li::before{background-color:rgba(0,255,121,.13)}
.hero-feature{position:relative;margin:0;height:clamp(480px,44vw,660px);align-self:center;min-width:0;isolation:isolate}
.hero-feature::before{content:"";position:absolute;inset:-2.5%;z-index:-1;background:radial-gradient(circle at 52% 48%,rgba(120,0,254,.46),transparent 67%);filter:blur(20px)}
.hero-feature>img{width:100%;height:100%;object-fit:cover;object-position:60% center}
.hero-feature figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.85));padding:48px 20px 20px;font:600 12px/1.4 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:#fff}
.feature-eye{position:absolute;width:clamp(110px,16vw,220px);height:clamp(110px,16vw,220px);right:-4%;top:-10%;pointer-events:none}
.hero .reveal{opacity:1;transform:none;transition:none}
.marquee{display:none}
.section{background:#000}
.section-blueprint{background:#0b0a0f}
.section-dark{background:#050505}
.section-head h2{letter-spacing:-.047em;line-height:1.08}
.section-head .eyebrow{letter-spacing:.12em}
.manifest{background:#0e0c14}
.manifest-text{color:#fff}
.manifest-text .sw:not(.lit){color:#aca5ba}
.facts li{border-color:var(--line)}
.aud-card{background:#15131a;border-radius:4px}
.bento{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line)}
.kit-body,.modules,.mod{min-width:0}
.bento .tile{display:grid;grid-template-columns:minmax(0,1fr) clamp(120px,15vw,210px);align-items:center;min-height:168px;gap:24px;padding:22px 0;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;overflow:visible}
.bento .tile:hover{border-color:var(--line)}
.bento .tile-body{display:grid;grid-column:1;grid-row:1;grid-template-columns:58px minmax(160px,.85fr) minmax(180px,1.15fr);align-items:center;gap:18px}
.bento .tile-idx{margin:0;color:var(--green);align-self:start;padding-top:8px}
.bento .tile h3{margin:0;font-size:clamp(21px,2.15vw,32px);line-height:1.16;letter-spacing:-.045em}
.bento .tile p{max-width:610px;font-size:15px;line-height:1.55;color:#c8c3cd}
.bento .tile-photo>img,.bento .chip-art,.bento .mini-panel{grid-column:2;grid-row:1;position:relative;inset:auto;width:100%;height:118px;object-fit:cover;transform:none;border-radius:2px;overflow:hidden}
.bento .tile-photo>img,.case-media img,.strip img{scale:1;animation:none}
.bento .tile-photo::after{display:none}
.bento .tile-photo:hover>img{transform:scale(1.015)}
.bento .chip-art{display:flex;align-items:center;justify-content:center;background:#18131f}
.bento .chip-art svg{max-width:100%;max-height:100%}
.bento .mini-panel{transform:scale(.8);transform-origin:center;background:#15111a}
.bento .t-install,.bento .t-care{grid-template-columns:1fr}
.bento .t-install .tile-body,.bento .t-care .tile-body{grid-column:1}
.cases{display:flex;flex-direction:column;gap:90px}
.case{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.85fr);align-items:center;background:transparent;border:0;border-radius:0;overflow:visible;gap:clamp(28px,4vw,72px)}
.case:hover{transform:none;border:0}
.case:nth-child(2){grid-template-columns:minmax(290px,.85fr) minmax(0,1.55fr)}
.case:nth-child(2) .case-media{order:2}
.case-media{width:100%;aspect-ratio:16/9;overflow:hidden}
.case-media img{width:100%;height:100%;object-fit:cover}
.case-body{padding:0}
.case h3{font-size:clamp(36px,3.7vw,58px);line-height:1.02}
.case-body>p:not(.case-kicker){color:#ccc5d2}
.case-stats{gap:22px;flex-wrap:wrap}
.case-stats li{color:#bcb5c5}
.strip{margin-top:80px}
.strip figure{border-radius:0}
.erc-hero,.l7-render,.model,.kit-cart,.demo-band{border-radius:4px}
.model-featured,.kit-cart,.demo-band{box-shadow:none}
.contact-glow{background:radial-gradient(ellipse at 85% 10%,rgba(120,0,254,.18),transparent 48%)}
.form,.form input,.form textarea{border-radius:4px}
.form-status{min-height:1.6em}
.concept-note{margin-top:12px;color:#c7f8db;font-size:14px;line-height:1.5}
.footer{background:#050505}
@media(max-width:1000px){
  .hero-grid{grid-template-columns:1fr;gap:32px;padding-top:36px}
  .hero-feature{height:auto;aspect-ratio:16/10;width:100%;max-width:780px}
  .feature-eye{width:140px;height:140px;top:-8%;right:0}
  .bento .tile-body{grid-template-columns:42px minmax(120px,.85fr) minmax(170px,1.15fr)}
  .case,.case:nth-child(2){grid-template-columns:1fr;gap:20px}
  .case:nth-child(2) .case-media{order:0}
  .case-body{max-width:720px}
}
@media(max-width:700px){
  .hero{min-height:0}
  .hero-grid{padding-block:44px 70px}
  .hero-title{font-size:clamp(42px,10vw,64px)}
  .hero-feature{aspect-ratio:4/3;margin-top:12px}
  .hero-feature figcaption{font-size:10px}
  .feature-eye{width:110px;height:110px}
  .hero-trust{display:grid;gap:8px}
  .bento .tile{grid-template-columns:1fr;gap:14px;padding:24px 0}
  .bento .tile-body{grid-template-columns:36px 1fr;gap:8px 10px}
  .bento .tile-idx{grid-column:1;grid-row:1}
  .bento .tile h3{grid-column:2;grid-row:1}
  .bento .tile p{grid-column:2;grid-row:2}
  .bento .tile-photo>img,.bento .chip-art,.bento .mini-panel{grid-column:1;grid-row:2;width:100%;height:180px}
  .bento .tile-body{grid-row:1}
  .bento .t-install,.bento .t-care{min-height:0}
  .cases{gap:62px}
  .case-media{aspect-ratio:4/3}
  .case h3{font-size:clamp(34px,9vw,46px)}
  .strip{margin-top:48px}
}
@media(max-width:520px){
  .modules{grid-template-columns:minmax(0,1fr)}
  .l7-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:12px}
  .panel-grid{grid-template-columns:minmax(0,1fr)}
  .panel-grid>*{min-width:0}
  .gm{grid-template-columns:minmax(0,1fr)}
  .gm-rail{display:none}
  .gm-main{min-width:0}
  .gm-head{flex-wrap:wrap;gap:8px;padding:10px}
  .gm-stage{flex-basis:100%}
  .gm-body{padding:10px}
  .gm-card{min-width:0}
  .device-frame{padding:6px}
  .hero .announce{max-width:100%}
  .hero .announce span{min-width:0}
}
@media(max-width:360px){
  .btn{white-space:normal;text-align:center}
  .kit-cart{padding:16px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .hero .reveal,.case,.case-media img,.tile-photo img{transition:none;animation:none}
}
