:root{
  --bg:#04070c;
  --panel:#08101a;
  --panel2:#0b1420;
  --text:#f5f8fb;
  --muted:#9aa7b6;
  --line:rgba(180,220,255,.15);
  --cyan:#00d8ff;
  --blue:#238cff;
  --violet:#8b5cf6;
  --pink:#ff3cac;
  --amber:#f8a72f;
  --pad:clamp(22px,4.6vw,74px);
  --max:1560px;
  --mx:50vw;
  --my:50vh;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,sans-serif;overflow-x:hidden}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
button{color:inherit}
img{display:block;max-width:100%}
.page-progress{position:fixed;left:0;right:0;top:0;height:2px;z-index:1000;background:rgba(255,255,255,.04)}
.page-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--pink))}
.pointer-halo{position:fixed;left:var(--mx);top:var(--my);width:520px;height:520px;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(0,216,255,.08),transparent 66%);mix-blend-mode:screen}
.grain{
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:900;
  opacity:.018;
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.18) 0 1px,transparent 1px 3px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 1px,transparent 1px 5px);
  mix-blend-mode:soft-light;
}
.header{position:absolute;z-index:100;left:0;top:0;width:100%;height:86px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.12);transition:.35s}
.header.fixed{position:fixed;height:72px;background:rgba(4,7,12,.8);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;width:max-content;min-width:150px}
.brand img{width:150px;height:52px;object-fit:contain;object-position:left center}
.brand-fallback{display:none;font-family:"Space Grotesk";font-size:18px;line-height:.75;font-weight:700}
.brand img[src=""],.brand img:not([src]){display:none}.brand img[src=""]+.brand-fallback{display:block}
.nav{display:flex;gap:34px}
.nav a{font-size:11px;color:#d2d7de;position:relative}
.nav a:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:1px;background:var(--cyan);transform:scaleX(0);transform-origin:right;transition:.3s}
.nav a:hover:after{transform:scaleX(1);transform-origin:left}
.header-cta{justify-self:end;font-size:11px;font-family:"Space Grotesk";font-weight:700;display:flex;gap:10px}
.header-cta span{color:var(--cyan)}
.menu-button{display:none;width:44px;height:44px;background:none;border:0;position:relative}
.menu-button i{position:absolute;left:11px;width:22px;height:1px;background:white;transition:.3s}
.menu-button i:first-child{top:17px}.menu-button i:last-child{top:25px}
.mobile-menu{display:none}

/* Hero */
.hero{position:relative;min-height:1180px;overflow:hidden;background:#03060b;padding-bottom:290px;isolation:isolate;transform:translateZ(0);will-change:transform}
.hero-scenes,.hero-scene,.hero-overlay,.hero-lines,.hero-flare,#signalCanvas,#threeStage{position:absolute;inset:0}
.hero-scenes{overflow:hidden}.hero-scene{opacity:0;overflow:hidden;transition:opacity .9s cubic-bezier(.2,.7,.2,1)}.hero-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%;filter:saturate(.88) contrast(1.08)}.hero-scene.active{opacity:1}.hero-scene.active img{filter:saturate(1) contrast(1.04)}.hero-scene[data-scene="rental"] img{object-position:center}.hero-scene[data-scene="integration"] img{object-position:center}.hero-scene[data-scene="entertainment"] img{object-position:center 45%}
.hero-overlay{background:
 linear-gradient(90deg,rgba(3,6,11,.96) 0%,rgba(3,6,11,.78) 38%,rgba(3,6,11,.2) 73%),
 linear-gradient(0deg,#03060b 0%,rgba(3,6,11,.5) 34%,transparent 65%),
 radial-gradient(circle at 76% 38%,rgba(139,92,246,.12),transparent 26%)}
.hero-lines{opacity:.25;background-image:linear-gradient(rgba(0,216,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,216,255,.07) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,#000,transparent 80%)}
.hero-flare{pointer-events:none;mix-blend-mode:screen}
.flare-a{background:radial-gradient(circle at 72% 52%,rgba(255,60,172,.27),transparent 18%)}
.flare-b{background:radial-gradient(circle at 48% 38%,rgba(0,216,255,.19),transparent 20%)}
#signalCanvas{z-index:2;pointer-events:none}
#threeStage{z-index:2;pointer-events:none;left:auto;width:50%;opacity:.68;mask-image:linear-gradient(to left,#000,transparent)}
.hero-shell{position:relative;z-index:4;max-width:var(--max);margin:auto;padding:118px var(--pad) 0}
.hero-meta{display:flex;justify-content:space-between;gap:20px;font-family:"Space Grotesk";font-size:8px;letter-spacing:.18em;color:#97a4b2}
.hero-meta span:first-child{display:flex;align-items:center;gap:8px}
.hero-meta i{width:6px;height:6px;border-radius:50%;background:var(--pink);box-shadow:0 0 15px var(--pink);animation:blink 1.4s infinite}
@keyframes blink{50%{opacity:.3}}
.hero-copy{padding-top:10vh;max-width:900px}
.eyebrow,.section-label{font-family:"Space Grotesk";font-size:9px;letter-spacing:.19em;font-weight:700;color:#aab5c1}
.hero h1{font-family:"Space Grotesk";font-size:clamp(66px,9vw,145px);line-height:.78;letter-spacing:-.08em;margin:18px 0 30px}
.clip{display:block;overflow:hidden;padding-bottom:.08em}
.clip b{display:block;transform:translateY(115%);animation:titleIn .95s cubic-bezier(.2,.75,.2,1) forwards;overflow-wrap:anywhere;word-break:break-word}
.clip:nth-child(2)b{animation-delay:.12s}
.gradient-text{background:linear-gradient(90deg,var(--cyan),#77abff 32%,var(--violet) 62%,var(--pink));background-size:170%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientFlow 7s ease-in-out infinite alternate}
@keyframes titleIn{to{transform:none}}
@keyframes gradientFlow{to{background-position:100%}}
.lead{max-width:650px;font-size:18px;line-height:1.65;color:#c4cbd4}
.hero-proof{display:flex;gap:26px;flex-wrap:wrap;margin-top:28px}
.hero-proof span{font-size:10px;color:#9ea9b6;display:flex;gap:8px;align-items:center}
.hero-proof b{font-family:"Space Grotesk";font-size:8px;letter-spacing:.12em;color:var(--cyan);border:1px solid rgba(0,216,255,.28);padding:5px 6px}
.hero-actions{display:flex;align-items:center;gap:24px;margin-top:34px}
.button{position:relative;overflow:hidden;min-height:56px;padding:0 24px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:16px;font-family:"Space Grotesk";font-size:10px;font-weight:700;letter-spacing:.05em;transition:.28s}
.button:after{content:"";position:absolute;top:0;left:-60%;width:35%;height:100%;background:linear-gradient(115deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);transition:left .6s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.button:hover:after{left:130%}
.button-primary{background:linear-gradient(115deg,var(--cyan),#64a0ff 46%,var(--violet));color:#051016}
.button-primary:hover{filter:brightness(1.08);transform:translateY(-2px)}
.button-white{background:#fff;color:#080b0f}
.play-link{display:flex;align-items:center;gap:10px;font-size:9px;color:#b9c2cc}
.play-link i{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.4);display:grid;place-items:center;font-style:normal;font-size:10px;transition:.3s}
.play-link:hover i{border-color:var(--cyan);box-shadow:0 0 30px rgba(0,216,255,.18)}
.play-link b{color:white}
.hero-index{position:absolute;left:var(--pad);top:240px;transform:translateX(-42px);display:flex;flex-direction:column;align-items:center;gap:10px;font-family:"Space Grotesk";font-size:7px;letter-spacing:.15em;color:#607080}
.hero-index b{color:#d7e2eb;font-size:10px}.hero-index i{width:1px;height:80px;background:linear-gradient(var(--cyan),transparent)}

/* Rental dock */
.rental-dock{position:absolute;z-index:6;left:50%;transform:translateX(-50%);bottom:76px;width:min(calc(100% - 2*var(--pad)),1450px);display:grid;grid-template-columns:1.15fr repeat(4,1fr);gap:1px;padding:14px;background:rgba(5,10,17,.74);border:1px solid rgba(116,204,255,.3);backdrop-filter:blur(18px);box-shadow:0 30px 80px rgba(0,0,0,.45),inset 0 0 35px rgba(0,216,255,.035)}
.rental-dock:before,.rental-dock:after{content:"";position:absolute;width:20px;height:20px;border-color:var(--cyan);opacity:.7}
.rental-dock:before{left:-1px;top:-1px;border-left:2px solid;border-top:2px solid}
.rental-dock:after{right:-1px;bottom:-1px;border-right:2px solid;border-bottom:2px solid}
.rental-intro{padding:22px;display:flex;flex-direction:column;justify-content:center}
.rental-intro h2{font-family:"Space Grotesk";font-size:43px;line-height:.9;letter-spacing:-.055em;margin:5px 0 14px;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}
.rental-intro p{font-size:11px;line-height:1.65;color:#aab5c1;margin:0 0 18px}
.rental-intro a{width:max-content;font-family:"Space Grotesk";font-size:9px;font-weight:700;border:1px solid rgba(0,216,255,.35);padding:10px 12px}
.rental-card{background:#0a111b;border:1px solid rgba(255,255,255,.1);padding:0;text-align:left;position:relative;overflow:hidden;cursor:pointer;min-width:0;transition:.35s}
.rental-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,7,12,.98) 0%,rgba(3,7,12,.2) 63%);pointer-events:none}
.rental-card.active{border-color:rgba(0,216,255,.72);box-shadow:inset 0 -2px 0 var(--cyan),0 0 30px rgba(0,216,255,.08)}
.rental-image{height:150px;overflow:hidden}
.rental-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.75);transition:.65s}
.rental-card:hover .rental-image img,.rental-card.active .rental-image img{transform:scale(1.06);filter:saturate(1)}
.rental-card-copy{position:relative;z-index:2;padding:14px 15px 18px}
.rental-card small{font-family:"Space Grotesk";font-size:7px;color:var(--cyan)}
.rental-card h3{font-family:"Space Grotesk";font-size:18px;margin:5px 0 6px}
.rental-card p{font-size:9px;line-height:1.5;color:#9da9b5;margin:0}
.rental-card>i{position:absolute;z-index:3;right:12px;top:12px;font-style:normal;color:var(--cyan);opacity:.55}
.rental-detail{position:absolute;left:50%;transform:translateX(-50%);bottom:18px;z-index:6;width:min(calc(100% - 2*var(--pad)),1450px);display:grid;grid-template-columns:1fr 1.4fr auto;gap:25px;align-items:center;border-top:1px solid rgba(255,255,255,.11);padding:13px 18px;background:rgba(5,9,15,.6);backdrop-filter:blur(10px)}
.rental-detail>div{display:flex;flex-direction:column;gap:3px}.rental-detail span{font-family:"Space Grotesk";font-size:7px;letter-spacing:.15em;color:var(--cyan)}.rental-detail b{font-size:11px}.rental-detail p{margin:0;font-size:9px;color:#8f9ba8}.rental-detail a{font-family:"Space Grotesk";font-size:8px;font-weight:700;white-space:nowrap}.rental-detail a span{margin-left:8px}

/* motion / typography */
.reveal{opacity:0;transform:translateY(28px);filter:blur(4px);transition:opacity .85s cubic-bezier(.2,.75,.2,1),transform .85s cubic-bezier(.2,.75,.2,1),filter .85s}
.reveal.visible{opacity:1;transform:none;filter:none}
.section-wrap{max-width:var(--max);margin:auto;padding-left:var(--pad);padding-right:var(--pad)}
.transition-band{height:64px;overflow:hidden;background:#eaf1f3;color:#071018;display:flex;align-items:center}
.transition-copy{display:flex;gap:25px;align-items:center;width:max-content;animation:marquee 30s linear infinite}
.transition-copy span{font-family:"Space Grotesk";font-size:10px;font-weight:700;letter-spacing:.11em}.transition-copy i{font-style:normal;color:#72818b}
@keyframes marquee{to{transform:translateX(-50%)}}
.services{background:#05080e;padding:120px 0 0}
.services-heading{padding-bottom:70px}
.mega{font-family:"Space Grotesk";font-size:clamp(48px,7.2vw,105px);line-height:.88;letter-spacing:-.067em;margin:15px 0}
.mega em{font-style:normal;color:#647487}
.service-panels{display:grid;grid-template-columns:repeat(2,1fr);background:rgba(255,255,255,.08);gap:2px}
.service-panel{position:relative;overflow:hidden;min-height:720px;display:flex;align-items:flex-end;padding:clamp(26px,3.8vw,58px);border-right:1px solid rgba(255,255,255,.13);transform-style:preserve-3d}
.service-panel:nth-child(2n){border-right:0}.service-panel:nth-child(n+3){border-top:1px solid rgba(255,255,255,.13)}
.service-panel>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.04);transition:1s}
.service-panel:hover>img{transform:scale(1.045);filter:saturate(1)}
.panel-gradient{position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,6,10,.96) 0%,rgba(3,6,10,.18) 68%)}
.entertainment .panel-gradient{background:linear-gradient(0deg,rgba(15,2,14,.96),rgba(15,2,14,.15) 68%)}
.integration .panel-gradient{background:linear-gradient(0deg,rgba(12,8,2,.96),rgba(12,8,2,.15) 68%)}
.panel-number{position:absolute;top:25px;right:27px;font-family:"Space Grotesk";font-size:100px;font-weight:700;color:rgba(255,255,255,.08);letter-spacing:-.08em}
.panel-copy{position:relative;z-index:2;transform:translateZ(28px);max-width:510px}
.panel-copy>span{font-family:"Space Grotesk";font-size:8px;letter-spacing:.17em;color:#cfd8e2}
.panel-copy h3{font-family:"Space Grotesk";font-size:clamp(38px,4vw,62px);line-height:.92;letter-spacing:-.055em;margin:13px 0}
.panel-copy p{font-size:13px;line-height:1.65;color:#c6cdd6}
.panel-copy ul{padding:0;margin:20px 0;list-style:none;display:grid;gap:9px}
.panel-copy li{font-size:10px;color:#bac3cc}.panel-copy li:before{content:"✓";color:var(--cyan);margin-right:8px}
.integration .panel-copy li:before{color:var(--amber)}.entertainment .panel-copy li:before{color:var(--pink)}
.panel-copy a{display:inline-flex;gap:12px;margin-top:12px;border:1px solid rgba(255,255,255,.27);padding:11px 13px;font-family:"Space Grotesk";font-size:8px;font-weight:700}
.panel-copy i{font-style:normal;color:var(--cyan)}
.genre-pills{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.genre-pills b{font-size:8px;padding:8px 10px;border:1px solid rgba(255,60,172,.35);font-weight:500}

/* system pseudo 3D */
.system-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center;padding-top:150px;padding-bottom:150px}
.system-copy>p{font-size:16px;line-height:1.7;color:var(--muted);max-width:550px}
.system-3d{height:620px;position:relative;perspective:1100px;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,rgba(0,216,255,.08),transparent 45%);border:1px solid rgba(255,255,255,.08);overflow:hidden}
.system-3d:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,216,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(0,216,255,.055) 1px,transparent 1px);background-size:34px 34px;transform:perspective(650px) rotateX(63deg) scale(1.5);transform-origin:center 75%}
.core{position:absolute;z-index:4;width:180px;height:180px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 40% 35%,rgba(130,238,255,.85),rgba(0,143,255,.3) 24%,rgba(9,18,28,.95) 60%);border:1px solid rgba(0,216,255,.55);box-shadow:0 0 80px rgba(0,216,255,.16),inset 0 0 40px rgba(0,216,255,.1);animation:corePulse 4s ease-in-out infinite}
.core span{font-family:"Space Grotesk";font-size:9px;letter-spacing:.14em}.core b{font-family:"Space Grotesk";font-size:23px}.core small{font-size:6px;color:var(--cyan);letter-spacing:.14em;margin-top:8px}
@keyframes corePulse{50%{box-shadow:0 0 120px rgba(0,216,255,.24),inset 0 0 50px rgba(0,216,255,.16)}}
.orbit{position:absolute;border:1px solid rgba(66,176,255,.25);border-radius:50%;transform-style:preserve-3d}
.orbit-1{width:390px;height:390px;animation:orbit1 18s linear infinite}.orbit-2{width:520px;height:270px;transform:rotateX(65deg);animation:orbit2 13s linear infinite}
@keyframes orbit1{to{transform:rotate(360deg)}}@keyframes orbit2{to{transform:rotateX(65deg) rotateZ(-360deg)}}
.node{position:absolute;z-index:5;width:84px;height:84px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(8,18,29,.88);box-shadow:0 15px 30px rgba(0,0,0,.35);backdrop-filter:blur(8px);display:grid;place-items:center;cursor:pointer;transition:.35s}
.node span{font-family:"Space Grotesk";font-size:7px;letter-spacing:.13em}.node:hover{border-color:var(--cyan);box-shadow:0 0 30px rgba(0,216,255,.18);transform:scale(1.08)}
.n-a{left:12%;top:19%}.n-b{right:13%;top:18%}.n-c{left:10%;bottom:17%}.n-d{right:11%;bottom:18%}.n-e{right:6%;top:48%}

/* inventory */
.inventory{padding-top:140px;padding-bottom:150px}
.inventory-head{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;margin-bottom:70px}.inventory-head>p{font-size:15px;line-height:1.7;color:var(--muted)}
.inventory-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:rgba(255,255,255,.08)}
.inventory-item{background:#070c13;padding-bottom:24px}
.inventory-item>div{height:360px;overflow:hidden}.inventory-item img{width:100%;height:100%;object-fit:cover;transition:.65s;filter:saturate(.76)}
.inventory-item:hover img{transform:scale(1.045);filter:saturate(1)}
.inventory-item small,.inventory-item h3,.inventory-item a{margin-left:20px;margin-right:20px}.inventory-item small{display:block;margin-top:19px;font-family:"Space Grotesk";font-size:7px;letter-spacing:.14em;color:var(--cyan)}.inventory-item h3{font-family:"Space Grotesk";font-size:25px;margin-top:8px;margin-bottom:12px}.inventory-item a{font-size:9px;color:#a8b4c0}.inventory-item a span{color:var(--cyan)}

/* projects */
.projects{background:#070a10;padding:110px 0 130px;overflow:hidden}.project-heading{padding-bottom:50px}.project-strip{display:flex;gap:12px;padding-left:max(var(--pad),calc((100vw - var(--max))/2 + var(--pad)));padding-right:var(--pad);overflow-x:auto;scrollbar-width:none}.project-strip::-webkit-scrollbar{display:none}.project-strip article{flex:0 0 min(70vw,760px);position:relative;height:460px;overflow:hidden;border:1px solid rgba(255,255,255,.12)}.project-strip img{width:100%;height:100%;object-fit:cover;filter:saturate(.72);transition:.7s}.project-strip article:hover img{filter:saturate(1);transform:scale(1.03)}.project-strip span{position:absolute;left:20px;bottom:18px;font-family:"Space Grotesk";font-size:9px;letter-spacing:.14em;background:rgba(4,7,12,.72);padding:9px 11px;backdrop-filter:blur(9px)}

/* quote */
.quote{position:relative;overflow:hidden;background:#07101a;padding:120px 0}.quote:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 75%,rgba(0,216,255,.14),transparent 30%),radial-gradient(circle at 80% 25%,rgba(139,92,246,.18),transparent 32%),radial-gradient(circle at 85% 78%,rgba(255,60,172,.12),transparent 25%)}.quote-lines{position:absolute;inset:0;opacity:.2;background-image:repeating-radial-gradient(ellipse at 0 100%,transparent 0 16px,rgba(0,216,255,.22) 17px 18px,transparent 19px 32px);animation:quoteLinesDrift 16s linear infinite}
@keyframes quoteLinesDrift{0%{background-position:0 0}100%{background-position:160px -160px}}
.quote-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.quote-title{font-family:"Space Grotesk";font-size:clamp(58px,8vw,120px);line-height:.82;letter-spacing:-.075em;margin:16px 0;overflow-wrap:anywhere;word-break:break-word}.quote-title em{font-style:normal;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}
.quote-form{background:rgba(6,12,20,.65);border:1px solid rgba(255,255,255,.12);padding:28px;backdrop-filter:blur(14px)}
.quote-types{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:22px}.quote-types input{position:absolute;opacity:0}.quote-types span{display:block;border:1px solid #2c3a49;padding:10px 12px;font-size:8px;cursor:pointer;color:#9aa8b5}.quote-types input:checked+span{border-color:var(--cyan);color:white;background:rgba(0,216,255,.08)}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.fields label{display:flex;flex-direction:column;gap:8px}.fields label>span{font-family:"Space Grotesk";font-size:7px;letter-spacing:.13em;color:#8996a4}.fields input,.fields textarea{width:100%;background:rgba(255,255,255,.035);border:1px solid #293644;color:white;padding:15px;outline:none;border-radius:0}.fields input:focus,.fields textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,216,255,.06)}.fields .wide{grid-column:1/-1}.fields textarea{resize:vertical}
.form-end{display:flex;gap:20px;align-items:center;margin-top:16px;flex-wrap:wrap}.form-end p{margin:0;font-size:9px;color:#81909f;max-width:280px}

/* footer */
.footer{padding:45px var(--pad) 25px;background:#030507;border-top:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:center}.footer-logo{display:flex;align-items:center;gap:12px}.footer-logo img{height:48px;width:140px;object-fit:contain;object-position:left center}.footer-logo b{display:none;font-family:"Space Grotesk"}.footer p{font-size:9px;color:#758290}.footer>div:last-of-type{display:flex;gap:20px;font-size:9px}.footer small{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.1);padding-top:22px;color:#4f5a64}

@media(max-width:1100px){
  .header{grid-template-columns:1fr auto}.nav,.header-cta{display:none}.menu-button{display:block}
  .mobile-menu{display:flex;position:fixed;z-index:90;inset:0;background:#04070c;padding:110px var(--pad) 45px;flex-direction:column;transform:translateY(-102%);transition:.45s cubic-bezier(.7,0,.2,1)}
  .mobile-menu.open{transform:none}.mobile-menu small{font-family:"Space Grotesk";font-size:8px;letter-spacing:.15em;color:#6f7b88;margin-bottom:15px}.mobile-menu a{font-family:"Space Grotesk";font-size:clamp(42px,9vw,70px);font-weight:700;letter-spacing:-.055em;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.12)}
  .menu-open .menu-button i:first-child{top:21px;transform:rotate(45deg)}.menu-open .menu-button i:last-child{top:21px;transform:rotate(-45deg)}
  .hero{min-height:1550px;padding-bottom:620px}.hero-copy{padding-top:8vh}.hero-index{display:none}.rental-dock{grid-template-columns:repeat(2,1fr);bottom:145px}.rental-intro{grid-column:1/-1}.rental-detail{bottom:52px}
  .service-panels{grid-template-columns:1fr}.service-panel{min-height:680px;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}
  .system-section{grid-template-columns:minmax(0,1fr)}.system-3d{height:560px}.inventory-rail{grid-template-columns:repeat(2,1fr)}.quote-inner{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:700px){
  :root{--pad:20px}.header{height:72px}.brand img{width:130px;height:44px}.hero{min-height:1860px;padding-bottom:1000px}.hero-shell{padding-top:96px}.hero-meta span:last-child{display:none}.hero-copy{padding-top:80px}.hero h1{font-size:clamp(40px,13.5vw,80px)}.quote-title{font-size:clamp(32px,10.8vw,64px)}.lead{font-size:15px}.hero-proof{gap:10px}.hero-actions{align-items:stretch;flex-direction:column}.button{width:100%}.play-link{width:max-content}
  #threeStage{display:none}.rental-dock{grid-template-columns:1fr;bottom:168px}.rental-card{display:grid;grid-template-columns:118px 1fr;min-height:118px}.rental-image{height:118px}.rental-card-copy{padding:17px}.rental-intro{padding:20px}.rental-intro h2{font-size:37px}.rental-detail{grid-template-columns:1fr;bottom:20px;gap:6px}
  .services{padding-top:90px}.mega{font-size:clamp(44px,13vw,62px)}.service-panel{min-height:620px;padding:25px}.panel-number{font-size:72px}.system-3d{height:500px}.node{width:68px;height:68px}.core{width:150px;height:150px}.orbit-1{width:320px;height:320px}.orbit-2{width:390px;height:220px}.n-e{display:none}
  .inventory-head{grid-template-columns:1fr;gap:25px}.inventory-rail{grid-template-columns:1fr}.inventory-item>div{height:105vw;max-height:470px}.project-strip article{flex-basis:88vw;height:390px}.fields{grid-template-columns:1fr}.fields .wide{grid-column:auto}.footer{grid-template-columns:1fr}.footer small{grid-column:auto}.pointer-halo{display:none}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none;filter:none}.clip b{transform:none}
}

/* V8 — four-service hero */
.hero-service-copy{max-width:880px;transition:opacity .28s,transform .28s,filter .28s}.hero-service-copy.changing{opacity:.14;transform:translateY(12px);filter:blur(7px)}
.hero-service-nav{position:absolute;right:var(--pad);top:190px;width:min(360px,29vw);border-top:1px solid rgba(255,255,255,.2);z-index:7;background:rgba(4,8,14,.2);backdrop-filter:blur(5px)}
.hero-service-tab{width:100%;height:64px;border:0;border-bottom:1px solid rgba(255,255,255,.14);background:transparent;display:grid;grid-template-columns:34px 1fr 50px;align-items:center;text-align:left;cursor:pointer;position:relative;padding:0 4px;overflow:hidden}
.hero-service-tab:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,216,255,.12),rgba(139,92,246,.06),transparent);transform:translateX(-102%);transition:.45s}
.hero-service-tab.active:before,.hero-service-tab:hover:before{transform:none}.hero-service-tab>*{position:relative;z-index:1}.hero-service-tab>span{font:700 8px "Space Grotesk";color:#6f8191}.hero-service-tab b{font:600 12px "Space Grotesk";letter-spacing:.01em}.hero-service-tab>i{height:1px;background:#465565;position:relative}.hero-service-tab>i:after{content:"";position:absolute;left:0;top:0;height:1px;width:0;background:var(--cyan)}.hero-service-tab.active>i:after{animation:serviceTimer 6.5s linear forwards}.hero-service-tab.active b{color:#fff}.hero-service-tab.active>span{color:var(--cyan)}
@keyframes serviceTimer{to{width:100%}}
.hero-service-controls{height:54px;display:flex;align-items:center;justify-content:flex-end;gap:16px;font:8px "Space Grotesk";letter-spacing:.12em;color:#82909d}.hero-service-controls button{width:32px;height:32px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.02);cursor:pointer}.hero-service-controls button:hover{border-color:var(--cyan);color:var(--cyan)}.hero-service-controls b{color:#fff}

/* deeper service concept cards */
.panel-copy{max-width:620px}.panel-copy h3{max-width:580px}.panel-concept{font-size:14px!important;line-height:1.72!important;color:#d5dbe2!important;max-width:580px;margin-bottom:18px!important}.panel-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.panel-columns>div{padding:13px 14px;border:1px solid rgba(255,255,255,.16);background:rgba(5,9,15,.38);backdrop-filter:blur(8px)}.panel-columns small{display:block;font:700 7px "Space Grotesk";letter-spacing:.15em;color:var(--cyan);margin-bottom:7px}.panel-columns p{font-size:9px!important;line-height:1.55!important;margin:0!important;color:#b8c2cc!important}.rental-service .panel-gradient{background:linear-gradient(0deg,rgba(2,9,16,.97),rgba(2,9,16,.12) 72%)}.rental-service .panel-copy li:before{color:var(--cyan)}

/* service summary section replacing raw inventory framing */
.service-summary-grid{background:transparent;gap:14px}.service-summary{border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;transition:transform .4s,border-color .4s,background .4s}.service-summary:hover{transform:translateY(-8px);border-color:rgba(0,216,255,.35);background:#09121d}.service-summary>div:first-child{height:310px}.service-summary p{margin:0 20px 16px;font-size:10px;line-height:1.65;color:#8f9ca9}.summary-tags{height:auto!important;display:flex;gap:6px;flex-wrap:wrap;margin:0 20px 18px;overflow:visible!important}.summary-tags span{font:600 7px "Space Grotesk";letter-spacing:.09em;border:1px solid #2a3948;padding:7px 8px;color:#a9b5c0}

@media(max-width:1100px){.hero-service-nav{position:relative;right:auto;top:auto;width:100%;margin-top:55px}.hero{padding-bottom:720px;min-height:1650px}.service-panels{grid-template-columns:1fr}.service-panel:nth-child(2n){border-right:0}.service-panel{border-right:0!important;border-top:1px solid rgba(255,255,255,.12)!important}.panel-columns{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.hero{padding-bottom:1120px;min-height:2050px}.hero-service-nav{margin-top:42px}.hero-service-tab{height:58px}.panel-columns{grid-template-columns:1fr}.service-panel{min-height:760px}.service-summary-grid{gap:10px}}


/* V9 — dedicated Rental visual language */
.hero[data-active-scene="rental"] .hero-overlay{
  background:
    linear-gradient(90deg,rgba(3,6,11,.96) 0%,rgba(3,6,11,.78) 36%,rgba(3,6,11,.16) 72%),
    linear-gradient(0deg,#03060b 0%,rgba(3,6,11,.44) 34%,transparent 66%),
    radial-gradient(circle at 82% 48%,rgba(139,92,246,.16),transparent 29%),
    radial-gradient(circle at 58% 68%,rgba(0,216,255,.11),transparent 25%);
}
.hero[data-active-scene="rental"] .hero-lines{
  opacity:.32;
  background-size:72px 72px;
}
.hero[data-active-scene="rental"] .flare-a{
  background:radial-gradient(circle at 86% 49%,rgba(255,60,172,.23),transparent 17%);
}
.hero[data-active-scene="rental"] .flare-b{
  background:radial-gradient(circle at 62% 56%,rgba(0,216,255,.22),transparent 20%);
}
.rental-master-scene img{object-position:center center!important}
.rental-service>img{object-position:58% center}
.rental-service:before{
  content:"RENTAL / READY";
  position:absolute;z-index:3;left:28px;top:28px;
  font-family:"Space Grotesk";font-size:7px;letter-spacing:.16em;
  color:var(--cyan);padding:7px 9px;border:1px solid rgba(0,216,255,.3);
  background:rgba(4,8,14,.5);backdrop-filter:blur(8px);
}
.rental-service:after{
  content:"";
  position:absolute;z-index:2;inset:0;pointer-events:none;
  background:
    linear-gradient(90deg,transparent 48%,rgba(0,216,255,.08) 49%,transparent 50%),
    linear-gradient(0deg,transparent 48%,rgba(0,216,255,.06) 49%,transparent 50%);
  background-size:180px 180px;
  opacity:.22;
  mix-blend-mode:screen;
}
@media(max-width:700px){
  .rental-master-scene img{object-position:63% center!important}
}


/* V10 — Hero más claro + selector por círculos */
.hero-copy{max-width:830px}
.hero-service-copy .lead{max-width:620px;font-size:16px}
.hero-service-copy h1{max-width:860px}
.hero-service-nav{
  position:absolute;right:var(--pad);top:165px;width:min(430px,34vw);
  z-index:7;background:rgba(4,8,14,.56);backdrop-filter:blur(18px);
  border:1px solid rgba(255,255,255,.14);padding:18px 18px 14px;
  box-shadow:0 20px 60px rgba(0,0,0,.28);
}
.hero-service-nav-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.hero-service-nav-head span,.hero-service-nav-head small{
  font-family:"Space Grotesk";font-size:8px;letter-spacing:.18em;font-weight:700;color:#aeb8c2
}
.hero-service-nav-head small{color:var(--cyan)}
.hero-service-dotbar{display:flex;gap:10px;align-items:center;margin-bottom:18px}
.hero-dot{
  width:14px;height:14px;border-radius:50%;border:1px solid rgba(255,255,255,.36);
  background:transparent;cursor:pointer;position:relative;transition:.28s
}
.hero-dot:after{
  content:"";position:absolute;inset:3px;border-radius:50%;background:transparent;transition:.28s
}
.hero-dot.active,.hero-dot:hover{border-color:var(--cyan);box-shadow:0 0 0 6px rgba(0,216,255,.08)}
.hero-dot.active:after{background:var(--cyan);box-shadow:0 0 18px rgba(0,216,255,.7)}
.hero-service-list{display:grid;gap:8px}
.hero-service-tab{
  width:100%;min-height:58px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.02);
  display:grid;grid-template-columns:18px 1fr;gap:14px;align-items:center;text-align:left;cursor:pointer;
  padding:0 16px;transition:.32s;position:relative;overflow:hidden
}
.hero-service-tab:before{
  content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,216,255,.14),rgba(139,92,246,.08),transparent);
  opacity:0;transition:.32s
}
.hero-service-tab:hover,.hero-service-tab.active{border-color:rgba(0,216,255,.48);background:rgba(6,16,26,.72)}
.hero-service-tab:hover:before,.hero-service-tab.active:before{opacity:1}
.hero-service-tab>span{
  width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,255,255,.42);display:block;position:relative
}
.hero-service-tab>span:after{
  content:"";position:absolute;inset:2.5px;border-radius:50%;background:transparent;transition:.28s
}
.hero-service-tab.active>span,.hero-service-tab:hover>span{border-color:var(--cyan)}
.hero-service-tab.active>span:after,.hero-service-tab:hover>span:after{background:var(--cyan);box-shadow:0 0 16px rgba(0,216,255,.5)}
.hero-service-tab b{
  font:600 clamp(13px,1.15vw,16px) "Space Grotesk";letter-spacing:-.01em;line-height:1.15;color:#f5f8fb
}
.hero-service-controls{height:48px;display:flex;align-items:center;justify-content:flex-end;gap:16px;font:8px "Space Grotesk";letter-spacing:.12em;color:#82909d;margin-top:14px}
.hero-service-controls button{width:34px;height:34px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.02);cursor:pointer}
.hero-service-controls button:hover{border-color:var(--cyan);color:var(--cyan)}
.hero-service-controls b{color:#fff}
.hero-index{top:220px}

.hero-service-copy.changing{opacity:.72;transform:translateY(4px)}
.hero-proof span{font-size:9px}
.hero-proof b{min-width:52px;text-align:center}

/* Nueva sección 4 servicios / 1 operación */
.operations-banner{
  position:relative;background:linear-gradient(180deg,#eef2f3 0%,#dde6ea 100%);
  color:#07111a;padding:60px 0 78px;overflow:hidden
}
.operations-banner:before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(circle at 20% 18%, rgba(0,216,255,.08), transparent 24%),
    radial-gradient(circle at 80% 82%, rgba(139,92,246,.08), transparent 22%);
  pointer-events:none
}
.operations-banner-inner{display:grid;grid-template-columns:.92fr 1.08fr;gap:58px;align-items:center}
.operations-banner .section-label{color:#53626f}
.operations-banner .mega{font-size:clamp(42px,5.4vw,80px);margin:12px 0 18px}
.operations-banner .mega em{color:#4f5d6b}
.operations-banner p{font-size:15px;line-height:1.75;color:#43515d;max-width:560px}
.operations-track{
  position:relative;background:rgba(255,255,255,.62);border:1px solid rgba(7,17,26,.08);
  padding:26px 22px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;overflow:hidden
}
.operations-line{
  position:absolute;left:22px;right:22px;top:50%;height:1px;background:rgba(7,17,26,.14);transform:translateY(-50%)
}
.operations-line i{
  display:block;width:22%;height:100%;
  background:linear-gradient(90deg,#fff, var(--cyan), var(--violet), #fff);
  box-shadow:0 0 22px rgba(0,216,255,.35);animation:operationsSignal 3.8s linear infinite
}
@keyframes operationsSignal{
  from{transform:translateX(-12%)}to{transform:translateX(360%)}
}
.operation-pill{
  position:relative;z-index:1;display:flex;flex-direction:column;gap:8px;
  padding:18px 18px 20px;background:#0b1520;color:white;border:1px solid rgba(255,255,255,.08);
  min-height:112px;justify-content:flex-end
}
.operation-pill small{font:700 8px "Space Grotesk";letter-spacing:.15em;color:var(--cyan)}
.operation-pill b{font:600 18px "Space Grotesk";line-height:1.1;max-width:240px}

/* Títulos más directos en servicios */
.panel-copy h3{font-size:clamp(34px,3.5vw,56px);line-height:.98;max-width:580px}
.panel-concept{font-size:13px!important}
.inventory-head .mega{max-width:760px}

@media(max-width:1100px){
  .hero-service-nav{position:relative;right:auto;top:auto;width:100%;margin-top:38px}
  .operations-banner-inner{grid-template-columns:1fr;gap:28px}
}
@media(max-width:700px){
  .hero-service-nav{padding:16px}
  .hero-service-dotbar{gap:8px}
  .hero-dot{width:13px;height:13px}
  .hero-service-tab{min-height:54px;padding:0 14px}
  .hero-service-tab b{font-size:13px}
  .operations-banner{padding:46px 0 56px}
  .operations-track{grid-template-columns:1fr;padding:18px}
  .operations-line{top:24px;left:18px;right:18px}
  .operations-line i{animation-duration:3s}
  .operation-pill{min-height:88px}
}


/* V11 — Hero limpio sin bloque rental interno */
.hero{
  min-height:100svh;
  padding-bottom:120px;
}
.hero-shell{
  min-height:100svh;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.hero-copy{
  padding-top:0;
}
.hero h1{
  margin-bottom:24px;
}
.hero-service-nav{
  top:50%;
  transform:translateY(-50%) translateZ(0);
  will-change:transform;
}
.hero-index{
  top:50%;
  transform:translateX(-42px) translateY(-50%);
}

@media(max-width:1100px){
  .hero{
    min-height:1180px;
    padding-bottom:120px;
  }
  .hero-shell{
    min-height:auto;
    display:block;
  }
  .hero-service-nav{
    position:relative;
    top:auto;
    transform:none;
    margin-top:42px;
  }
}
@media(max-width:700px){
  .hero{
    min-height:980px;
    padding-bottom:70px;
  }
  .hero-copy{
    padding-top:40px;
  }
  .hero-service-nav{
    margin-top:28px;
  }
}


/* V13 — Rental showroom */
.rental-showroom{
  padding-top:clamp(100px,9vw,150px);
  padding-bottom:clamp(105px,9vw,150px);
}
.rental-showroom-head{
  display:grid;
  grid-template-columns:1.12fr .68fr;
  gap:clamp(40px,7vw,110px);
  align-items:end;
  margin-bottom:60px;
}
.rental-showroom-head>p{
  margin:0;
  color:var(--muted);
  font-size:15px;
  line-height:1.75;
  max-width:520px;
}
.rental-category-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.rental-category-card{
  position:relative;
  min-height:620px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.11);
  background:#08101a;
  isolation:isolate;
  transform-style:preserve-3d;
  transition:
    transform .5s cubic-bezier(.2,.7,.2,1),
    border-color .4s,
    box-shadow .4s;
}
.rental-category-card>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.72) contrast(1.05);
  transform:scale(1.025);
  transition:transform 1s cubic-bezier(.2,.7,.2,1),filter .6s;
  z-index:-3;
}
.rental-category-card:hover{
  border-color:rgba(0,216,255,.4);
  box-shadow:0 30px 80px rgba(0,0,0,.28),inset 0 0 0 1px rgba(0,216,255,.05);
}
.rental-category-card:hover>img{
  transform:scale(1.07);
  filter:saturate(1) contrast(1.06);
}
.category-shade{
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(0deg,rgba(3,7,12,.97) 0%,rgba(3,7,12,.72) 27%,rgba(3,7,12,.06) 73%),
    linear-gradient(90deg,rgba(3,7,12,.18),transparent 70%);
}
.rental-light .category-shade{
  background:
    linear-gradient(0deg,rgba(7,3,15,.98) 0%,rgba(7,3,15,.68) 30%,rgba(7,3,15,.04) 73%),
    radial-gradient(circle at 80% 25%,rgba(139,92,246,.22),transparent 30%);
}
.rental-backline .category-shade{
  background:
    linear-gradient(0deg,rgba(11,4,4,.98) 0%,rgba(11,4,4,.67) 31%,transparent 72%),
    radial-gradient(circle at 78% 24%,rgba(255,60,100,.17),transparent 28%);
}
.rental-video .category-shade{
  background:
    linear-gradient(0deg,rgba(2,7,14,.98) 0%,rgba(2,7,14,.68) 30%,transparent 72%),
    radial-gradient(circle at 82% 24%,rgba(0,216,255,.18),transparent 28%);
}
.category-scan{
  position:absolute;
  left:-20%;
  top:0;
  width:35%;
  height:100%;
  background:linear-gradient(90deg,transparent,rgba(130,230,255,.13),transparent);
  transform:skewX(-12deg) translateX(-150%);
  mix-blend-mode:screen;
  transition:transform .9s cubic-bezier(.2,.7,.2,1);
}
.rental-category-card:hover .category-scan{
  transform:skewX(-12deg) translateX(420%);
}
.category-index{
  position:absolute;
  right:24px;
  top:20px;
  font:700 clamp(58px,7vw,105px) "Space Grotesk";
  letter-spacing:-.08em;
  color:rgba(255,255,255,.09);
  z-index:1;
}
.category-content{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:clamp(25px,3vw,42px);
  z-index:2;
}
.category-content small{
  display:block;
  font:700 8px "Space Grotesk";
  letter-spacing:.17em;
  color:var(--cyan);
  margin-bottom:11px;
}
.rental-light .category-content small{color:#a987ff}
.rental-backline .category-content small{color:#ff607d}
.rental-video .category-content small{color:#48dfff}
.category-content h3{
  font:700 clamp(38px,4.4vw,68px) "Space Grotesk";
  letter-spacing:-.06em;
  line-height:.9;
  margin:0 0 14px;
}
.category-content p{
  max-width:460px;
  margin:0;
  font-size:13px;
  line-height:1.65;
  color:#b5c0ca;
}
.category-tags{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:20px;
}
.category-tags span{
  padding:7px 9px;
  border:1px solid rgba(255,255,255,.15);
  background:rgba(4,8,14,.36);
  backdrop-filter:blur(7px);
  font:600 7px "Space Grotesk";
  letter-spacing:.09em;
  color:#c0cad3;
}
.category-action{
  margin-top:24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-top:1px solid rgba(255,255,255,.18);
  padding-top:16px;
  font:700 9px "Space Grotesk";
  letter-spacing:.06em;
  text-transform:uppercase;
}
.category-action i{
  font-style:normal;
  color:var(--cyan);
  font-size:17px;
  transition:transform .3s;
}
.rental-category-card:hover .category-action i{
  transform:translate(4px,-4px);
}
.rental-showroom-footer{
  margin-top:18px;
  padding:25px 26px;
  border:1px solid rgba(255,255,255,.1);
  background:
    linear-gradient(90deg,rgba(0,216,255,.055),rgba(139,92,246,.035),transparent),
    #08101a;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;
}
.rental-showroom-footer span{
  font:600 18px "Space Grotesk";
  letter-spacing:-.025em;
}
.rental-showroom-footer p{
  margin:7px 0 0;
  color:#8f9ba7;
  font-size:11px;
}
@media(max-width:950px){
  .rental-showroom-head{grid-template-columns:1fr;gap:25px}
  .rental-category-card{min-height:520px}
}
@media(max-width:700px){
  .rental-category-grid{grid-template-columns:1fr}
  .rental-category-card{min-height:500px}
  .rental-showroom-footer{align-items:stretch;flex-direction:column}
  .rental-showroom-footer .button{width:100%}
}


/* V14 — Rental cards with real product assets from WordPress pages */
.rental-showroom{padding-top:clamp(90px,8vw,130px);padding-bottom:clamp(90px,8vw,130px)}
.rental-showroom-head{display:grid;grid-template-columns:1.06fr .72fr;gap:clamp(34px,6vw,90px);align-items:end;margin-bottom:38px}
.rental-showroom-head>p{margin:0;color:var(--muted);font-size:15px;line-height:1.75;max-width:520px}
.compact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.rental-mini-card{
  position:relative;display:flex;flex-direction:column;overflow:hidden;
  min-height:460px;background:#08101a;border:1px solid rgba(255,255,255,.09);
  transition:transform .35s cubic-bezier(.2,.7,.2,1), border-color .35s, box-shadow .35s;
  box-shadow:0 10px 40px rgba(0,0,0,.16)
}
.rental-mini-card:hover{
  transform:translateY(-6px);
  border-color:rgba(0,216,255,.42);
  box-shadow:0 24px 60px rgba(0,0,0,.28), 0 0 0 1px rgba(0,216,255,.04) inset;
}
.mini-card-top{
  position:relative;height:230px;display:flex;align-items:center;justify-content:center;overflow:hidden;
  background:
    radial-gradient(circle at 50% 18%, rgba(255,255,255,.06), transparent 40%),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)),
    #0b1520;
  border-bottom:1px solid rgba(255,255,255,.08)
}
.mini-card-top:before{
  content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:38px 38px;opacity:.26;mask-image:linear-gradient(180deg,#000,transparent 88%)
}
.mini-card-top:after{
  content:"";position:absolute;left:-25%;top:0;width:30%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent);
  transform:skewX(-18deg) translateX(-180%);
  transition:transform .9s cubic-bezier(.2,.7,.2,1)
}
.rental-mini-card:hover .mini-card-top:after{transform:skewX(-18deg) translateX(470%)}
.mini-card-top img{
  max-width:86%;max-height:78%;width:auto;height:auto;object-fit:contain;position:relative;z-index:1;
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.35));
  transition:transform .45s cubic-bezier(.2,.7,.2,1)
}
.rental-mini-card:hover .mini-card-top img{transform:translateY(-4px) scale(1.03)}
.mini-audio{background:
  radial-gradient(circle at 50% 14%, rgba(0,216,255,.14), transparent 38%),
  linear-gradient(180deg, rgba(0,216,255,.05), rgba(255,255,255,0)),
  #0b1520}
.mini-light{background:
  radial-gradient(circle at 50% 14%, rgba(139,92,246,.18), transparent 38%),
  linear-gradient(180deg, rgba(139,92,246,.06), rgba(255,255,255,0)),
  #0c1220}
.mini-backline{background:
  radial-gradient(circle at 50% 14%, rgba(255,60,172,.15), transparent 38%),
  linear-gradient(180deg, rgba(255,60,172,.05), rgba(255,255,255,0)),
  #140d12}
.mini-video{background:
  radial-gradient(circle at 50% 14%, rgba(248,167,47,.16), transparent 38%),
  linear-gradient(180deg, rgba(248,167,47,.05), rgba(255,255,255,0)),
  #11110d}
.mini-index{
  position:absolute;right:16px;top:14px;font:700 36px "Space Grotesk";letter-spacing:-.06em;color:rgba(255,255,255,.11);z-index:2
}
.mini-card-body{padding:18px 18px 18px;display:flex;flex-direction:column;gap:10px;flex:1}
.mini-card-body small{font:700 8px "Space Grotesk";letter-spacing:.16em;color:var(--cyan)}
.rental-mini-card:nth-child(2) .mini-card-body small{color:#ac92ff}
.rental-mini-card:nth-child(3) .mini-card-body small{color:#ff6fba}
.rental-mini-card:nth-child(4) .mini-card-body small{color:#f8c25a}
.mini-card-body h3{margin:0;font:700 28px "Space Grotesk";line-height:1;letter-spacing:-.04em}
.mini-card-body p{margin:0;color:#aeb8c2;font-size:12px;line-height:1.65;min-height:58px}
.mini-tags{display:flex;flex-wrap:wrap;gap:6px}
.mini-tags span{padding:6px 8px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.025);font:600 7px "Space Grotesk";letter-spacing:.08em;color:#c0cad3}
.mini-action{margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;align-items:center;font:700 9px "Space Grotesk";letter-spacing:.06em;text-transform:uppercase}
.mini-action i{font-style:normal;font-size:16px;color:var(--cyan);transition:transform .3s}
.rental-mini-card:hover .mini-action i{transform:translate(4px,-4px)}
@media(max-width:1250px){
  .compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .rental-showroom-head{grid-template-columns:1fr;gap:22px}
}
@media(max-width:700px){
  .compact-grid{grid-template-columns:1fr}
  .rental-mini-card{min-height:420px}
  .mini-card-top{height:210px}
}


/* V15 — Compact services */
.compact-services .services-heading{padding-bottom:20px}
.compact-services-intro{
  max-width:760px;
  color:var(--muted);
  font-size:15px;
  line-height:1.75;
  margin-top:16px;
}
.compact-service-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  padding-bottom:clamp(90px,8vw,120px);
}
.compact-service-card{
  display:grid;
  grid-template-columns:260px 1fr;
  min-height:260px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  background:#08101a;
  transition:transform .35s cubic-bezier(.2,.7,.2,1), border-color .35s, box-shadow .35s;
}
.compact-service-card:hover{
  transform:translateY(-6px);
  border-color:rgba(0,216,255,.4);
  box-shadow:0 24px 60px rgba(0,0,0,.22);
}
.compact-thumb{position:relative;overflow:hidden;background:#0b1520}
.compact-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .4s;filter:saturate(.88)}
.compact-service-card:hover .compact-thumb img{transform:scale(1.06);filter:saturate(1.02)}
.compact-thumb:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,0) 25%,rgba(0,0,0,.34) 100%)
}
.compact-index{
  position:absolute;right:14px;top:8px;z-index:2;
  font:700 44px "Space Grotesk";letter-spacing:-.06em;color:rgba(255,255,255,.14)
}
.compact-body{padding:20px 20px 18px;display:flex;flex-direction:column;gap:10px}
.compact-body small{font:700 8px "Space Grotesk";letter-spacing:.16em;color:var(--cyan)}
.compact-body h3{margin:0;font:700 clamp(28px,2.2vw,36px) "Space Grotesk";line-height:1.02;letter-spacing:-.045em}
.compact-body p{margin:0;color:#aeb8c2;font-size:12px;line-height:1.66}
.compact-tags{display:flex;flex-wrap:wrap;gap:6px}
.compact-tags span{padding:6px 8px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.025);font:600 7px "Space Grotesk";letter-spacing:.08em;color:#c0cad3}
.compact-body a{
  margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:14px;
  border-top:1px solid rgba(255,255,255,.12);font:700 9px "Space Grotesk";letter-spacing:.07em;text-transform:uppercase
}
.compact-body a i{font-style:normal;color:var(--cyan);font-size:16px;transition:transform .3s}
.compact-service-card:hover .compact-body a i{transform:translate(4px,-4px)}

.compact-service-card[data-compact-service="integration"] .compact-body small{color:#9aa8ff}
.compact-service-card[data-compact-service="entertainment"] .compact-body small{color:#ff83ca}
.compact-service-card[data-compact-service="rental"] .compact-body small{color:#7fe9ff}

/* V15 — Interactive Service Lab */
.service-lab{padding-top:clamp(95px,8vw,130px);padding-bottom:clamp(100px,8vw,135px)}
.lab-head{
  display:grid;grid-template-columns:1.02fr .78fr;gap:clamp(35px,6vw,80px);align-items:end;margin-bottom:38px
}
.lab-head p{margin:0;color:var(--muted);font-size:15px;line-height:1.75;max-width:560px}
.lab-shell{
  display:grid;grid-template-columns:1.04fr .96fr;gap:16px;align-items:stretch
}
.lab-stage,.lab-panel{
  min-height:590px;border:1px solid rgba(255,255,255,.10);background:#08101a;position:relative;overflow:hidden
}
.lab-stage{
  isolation:isolate;
  background:
    radial-gradient(circle at 50% 50%, rgba(0,216,255,.08), transparent 18%),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)),
    #08101a;
}
.lab-grid{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
  background-size:42px 42px;
  opacity:.22;
  mask-image:radial-gradient(circle at 50% 50%, #000 54%, transparent 100%);
}
.lab-core{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:176px;height:176px;border-radius:50%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  border:1px solid rgba(0,216,255,.35);
  background:radial-gradient(circle at 50% 35%, rgba(0,216,255,.18), rgba(139,92,246,.12) 52%, rgba(8,16,26,.92) 70%);
  box-shadow:0 0 44px rgba(0,216,255,.14), inset 0 0 34px rgba(255,255,255,.05);
}
.lab-core span{font:700 12px "Space Grotesk";letter-spacing:.22em;color:#97eaff}
.lab-core b{font:700 46px "Space Grotesk";letter-spacing:-.08em}
.lab-core small{font:600 8px "Space Grotesk";letter-spacing:.16em;color:#8898a7}
.lab-node{
  position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);
  min-width:150px;height:54px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.12);
  background:rgba(5,12,18,.78);backdrop-filter:blur(14px);display:flex;align-items:center;gap:10px;
  color:#fff;cursor:pointer;transition:.32s;z-index:2
}
.lab-node i{
  width:12px;height:12px;border-radius:50%;display:block;border:1px solid rgba(255,255,255,.34);position:relative
}
.lab-node i:after{content:"";position:absolute;inset:2.5px;border-radius:50%;background:transparent;transition:.28s}
.lab-node span{font:600 11px "Space Grotesk";letter-spacing:.03em}
.lab-node.active,.lab-node:hover{border-color:rgba(0,216,255,.52);box-shadow:0 0 0 6px rgba(0,216,255,.06)}
.lab-node.active i,.lab-node:hover i{border-color:var(--cyan)}
.lab-node.active i:after,.lab-node:hover i:after{background:var(--cyan);box-shadow:0 0 18px rgba(0,216,255,.65)}
.lab-line{
  position:absolute;left:50%;top:50%;height:1px;transform-origin:left center;z-index:1;
  background:linear-gradient(90deg, rgba(0,216,255,.55), rgba(255,255,255,.04));opacity:.8
}
.line-a{width:190px;transform:translate(0,-1px) rotate(-150deg)}
.line-b{width:195px;transform:translate(0,-1px) rotate(-25deg)}
.line-c{width:190px;transform:translate(0,-1px) rotate(148deg)}
.line-d{width:196px;transform:translate(0,-1px) rotate(28deg)}
.lab-pulse{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;border:1px solid rgba(0,216,255,.18)
}
.pulse-1{width:250px;height:250px;animation:labPulse 4s ease-out infinite}
.pulse-2{width:370px;height:370px;animation:labPulse 4s ease-out infinite 1.4s}
@keyframes labPulse{
  0%{opacity:.7;transform:translate(-50%,-50%) scale(.92)}
  70%{opacity:0;transform:translate(-50%,-50%) scale(1.06)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(1.06)}
}
.lab-panel{
  padding:28px;background:
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)),
    linear-gradient(135deg, rgba(0,216,255,.04), transparent 55%),
    #08101a;
  display:flex;flex-direction:column;gap:18px
}
.lab-panel-top small{font:700 8px "Space Grotesk";letter-spacing:.17em;color:var(--cyan)}
.lab-panel-top h3{margin:12px 0 10px;font:700 clamp(34px,3vw,50px) "Space Grotesk";line-height:.95;letter-spacing:-.05em}
.lab-panel-top p{margin:0;color:#aeb8c2;font-size:13px;line-height:1.72;max-width:520px}
.lab-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.lab-metrics article{padding:16px 14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);min-height:104px}
.lab-metrics span{display:block;font:700 8px "Space Grotesk";letter-spacing:.14em;color:#91a2b0;margin-bottom:10px}
.lab-metrics b{font:700 20px "Space Grotesk";letter-spacing:-.03em;line-height:1.05}
.lab-tags{display:flex;flex-wrap:wrap;gap:7px}
.lab-tags span{padding:8px 10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.025);font:600 8px "Space Grotesk";letter-spacing:.08em;color:#c0cad3}
.lab-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.lab-select{
  min-height:48px;padding:0 14px;text-align:left;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.02);
  color:#fff;font:600 12px "Space Grotesk";cursor:pointer;transition:.28s
}
.lab-select.active,.lab-select:hover{border-color:rgba(0,216,255,.4);background:rgba(0,216,255,.07)}
.lab-cta{margin-top:auto}
.lab-panel.changing{transform:translateY(2px);opacity:.82;transition:.18s}

@media(max-width:1200px){
  .compact-service-grid{grid-template-columns:1fr}
  .lab-shell{grid-template-columns:1fr}
}
@media(max-width:900px){
  .lab-head{grid-template-columns:1fr;gap:20px}
}
@media(max-width:700px){
  .compact-service-card{grid-template-columns:1fr;min-height:auto}
  .compact-thumb{height:215px}
  .lab-stage,.lab-panel{min-height:520px}
  .lab-core{width:140px;height:140px}
  .lab-core b{font-size:36px}
  .lab-node{min-width:120px;height:46px;padding:0 12px}
  .lab-node span{font-size:10px}
  .lab-metrics{grid-template-columns:1fr}
  .lab-actions{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .pulse-1,.pulse-2{animation:none}
}


/* V16 — Rental title + repaired interactive lab */
.rental-showroom-head .mega{
  max-width:900px;
}
.rental-showroom-head .mega em{display:none}

/* The interactive lab changes its visual language per selected service */
.lab-stage{
  --lab-accent:#00d8ff;
  --lab-accent-rgb:0,216,255;
  transition:background .45s ease, border-color .45s ease;
}
.lab-stage[data-lab-active="production"]{
  --lab-accent:#00d8ff;
  --lab-accent-rgb:0,216,255;
}
.lab-stage[data-lab-active="rental"]{
  --lab-accent:#7b8cff;
  --lab-accent-rgb:123,140,255;
}
.lab-stage[data-lab-active="integration"]{
  --lab-accent:#f8a72f;
  --lab-accent-rgb:248,167,47;
}
.lab-stage[data-lab-active="entertainment"]{
  --lab-accent:#ff4fba;
  --lab-accent-rgb:255,79,186;
}
.lab-stage .lab-core{
  border-color:rgba(var(--lab-accent-rgb),.48);
  box-shadow:
    0 0 58px rgba(var(--lab-accent-rgb),.17),
    inset 0 0 40px rgba(var(--lab-accent-rgb),.08);
  transition:border-color .35s,box-shadow .35s,transform .35s;
}
.lab-stage .lab-core span,
.lab-stage .lab-core small{
  color:var(--lab-accent);
  transition:color .35s;
}
.lab-stage .lab-line{
  background:linear-gradient(90deg,rgba(var(--lab-accent-rgb),.65),rgba(255,255,255,.035));
  transition:background .35s;
}
.lab-stage .lab-node.active{
  border-color:rgba(var(--lab-accent-rgb),.68);
  box-shadow:0 0 0 7px rgba(var(--lab-accent-rgb),.07),0 0 25px rgba(var(--lab-accent-rgb),.12);
}
.lab-stage .lab-node.active i{
  border-color:var(--lab-accent);
}
.lab-stage .lab-node.active i:after{
  background:var(--lab-accent);
  box-shadow:0 0 18px rgba(var(--lab-accent-rgb),.65);
}
.lab-stage.service-switch:after{
  content:"";
  position:absolute;
  top:-15%;
  left:-35%;
  width:30%;
  height:130%;
  z-index:5;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(var(--lab-accent-rgb),.22),transparent);
  transform:skewX(-16deg);
  animation:labSweep .62s cubic-bezier(.2,.7,.2,1);
  mix-blend-mode:screen;
}
@keyframes labSweep{
  from{left:-35%}
  to{left:120%}
}
.lab-panel{
  transition:opacity .22s ease,transform .22s ease,border-color .35s ease;
}
.lab-panel.changing{
  opacity:.35;
  transform:translateY(8px);
}
.lab-panel.lab-enter{
  animation:labPanelEnter .35s cubic-bezier(.2,.7,.2,1);
}
@keyframes labPanelEnter{
  from{opacity:.35;transform:translateY(8px)}
  to{opacity:1;transform:none}
}
.lab-select.active{
  position:relative;
}
.lab-select.active:before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;width:2px;
  background:var(--cyan);
  box-shadow:0 0 14px rgba(0,216,255,.5);
}
@media(prefers-reduced-motion:reduce){
  .lab-stage.service-switch:after,.lab-panel.lab-enter{animation:none}
}


/* V17 — Footer rediseñado con la información del sitio actual */
.footer-rich{
  position:relative;
  overflow:hidden;
  min-height:700px;
  background:#030507;
  color:#fff;
}
.footer-bg,.footer-overlay{
  position:absolute;
  inset:0;
}
.footer-bg{
  background:url("https://sonidonativo.com/wp-content/uploads/2025/09/MARTY.jpg") center 38%/cover no-repeat;
  filter:saturate(.65) contrast(1.08);
  transform:scale(1.03);
}
.footer-overlay{
  background:
    linear-gradient(90deg,rgba(3,5,7,.97) 0%,rgba(3,5,7,.88) 48%,rgba(3,5,7,.72) 100%),
    linear-gradient(0deg,#030507 0%,rgba(3,5,7,.36) 58%,rgba(3,5,7,.72) 100%),
    radial-gradient(circle at 78% 20%,rgba(0,216,255,.10),transparent 25%),
    radial-gradient(circle at 88% 78%,rgba(139,92,246,.08),transparent 24%);
}
.footer-inner{
  position:relative;
  z-index:2;
  padding-top:70px;
  padding-bottom:24px;
}
.footer-cta{
  display:grid;
  grid-template-columns:.62fr 1.45fr auto;
  gap:clamp(30px,5vw,80px);
  align-items:center;
}
.footer-cta-brand img{
  width:175px;
  height:72px;
  object-fit:contain;
  object-position:left center;
}
.footer-cta-brand span{
  display:block;
  margin-top:10px;
  font:700 7px "Space Grotesk";
  letter-spacing:.18em;
  color:#7e8b97;
}
.footer-cta-copy small{
  font:700 8px "Space Grotesk";
  letter-spacing:.17em;
  color:var(--cyan);
}
.footer-cta-copy h2{
  margin:10px 0 0;
  font:700 clamp(44px,5.4vw,82px) "Space Grotesk";
  line-height:.88;
  letter-spacing:-.065em;
}
.footer-cta-copy h2 em{
  font-style:normal;
  background:linear-gradient(90deg,#fff,#8ce9ff 40%,#9c8aff 70%,#ff77c2);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.footer-main-cta{
  min-width:170px;
}
.footer-divider{
  height:1px;
  margin:48px 0 38px;
  background:linear-gradient(90deg,rgba(255,255,255,.18),rgba(0,216,255,.22),rgba(255,255,255,.08));
}
.footer-columns{
  display:grid;
  grid-template-columns:1.22fr .92fr 1.15fr 1.05fr;
  gap:clamp(28px,4vw,60px);
}
.footer-col{
  min-width:0;
}
.footer-kicker{
  display:block;
  margin-bottom:18px;
  font:700 8px "Space Grotesk";
  letter-spacing:.17em;
  color:var(--cyan);
}
.footer-about h3{
  margin:0 0 14px;
  max-width:320px;
  font:700 28px "Space Grotesk";
  line-height:1.02;
  letter-spacing:-.04em;
}
.footer-about p{
  margin:0;
  max-width:340px;
  color:#a9b3bd;
  font-size:12px;
  line-height:1.72;
}
.footer-socials{
  display:flex;
  gap:8px;
  margin-top:23px;
}
.footer-socials a{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.025);
  font:700 11px "Space Grotesk";
  transition:.28s;
}
.footer-socials a:hover{
  border-color:var(--cyan);
  color:var(--cyan);
  transform:translateY(-2px);
}
.footer-links{
  display:flex;
  flex-direction:column;
}
.footer-links a{
  min-height:43px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  border-bottom:1px solid rgba(255,255,255,.08);
  color:#d5dbe1;
  font-size:11px;
  line-height:1.3;
  transition:.28s;
}
.footer-links a span{
  color:#64727e;
  transition:.28s;
}
.footer-links a:hover{
  color:white;
  padding-left:5px;
  border-color:rgba(0,216,255,.24);
}
.footer-links a:hover span{
  color:var(--cyan);
  transform:translate(3px,-3px);
}
.footer-contact{
  display:flex;
  flex-direction:column;
}
.contact-row{
  display:grid;
  grid-template-columns:35px 1fr;
  gap:10px;
  align-items:center;
  min-height:62px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.contact-icon{
  width:30px;
  height:30px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:var(--cyan);
  border:1px solid rgba(0,216,255,.23);
  font-size:12px;
}
.contact-row div{
  min-width:0;
}
.contact-row small{
  display:block;
  margin-bottom:5px;
  font:700 7px "Space Grotesk";
  letter-spacing:.13em;
  color:#667582;
}
.contact-row b{
  display:block;
  overflow-wrap:anywhere;
  font:600 11px "Space Grotesk";
  color:#d9dfe5;
}
.contact-row:hover b{
  color:#fff;
}
.footer-bottom{
  margin-top:42px;
  padding-top:21px;
  border-top:1px solid rgba(255,255,255,.08);
  display:grid;
  grid-template-columns:1fr 1fr auto;
  gap:25px;
  align-items:center;
  font:600 7px "Space Grotesk";
  letter-spacing:.13em;
  color:#596671;
}
.footer-bottom a{
  color:#a8b4bf;
}
.footer-bottom a:hover{
  color:var(--cyan);
}

@media(max-width:1050px){
  .footer-cta{
    grid-template-columns:1fr 1fr;
  }
  .footer-main-cta{
    grid-column:2;
    width:max-content;
  }
  .footer-columns{
    grid-template-columns:repeat(2,1fr);
    row-gap:45px;
  }
}
@media(max-width:700px){
  .footer-inner{
    padding-top:54px;
  }
  .footer-cta{
    grid-template-columns:1fr;
    gap:25px;
  }
  .footer-main-cta{
    grid-column:auto;
    width:100%;
  }
  .footer-cta-copy h2{
    font-size:clamp(44px,13vw,62px);
  }
  .footer-columns{
    grid-template-columns:1fr;
    gap:36px;
  }
  .footer-bottom{
    grid-template-columns:1fr;
    gap:12px;
  }
}


/* V18 — Footer alignment fix */
.footer-rich{
  min-height:auto;
}
.footer-inner{
  padding-top:84px;
  padding-bottom:26px;
}
.footer-cta{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:34px;
  align-items:end;
}
.footer-cta-left{
  display:grid;
  grid-template-columns:minmax(170px,220px) minmax(0,1fr);
  gap:clamp(26px,4vw,52px);
  align-items:center;
  min-width:0;
}
.footer-cta-brand{
  align-self:start;
}
.footer-cta-brand img{
  width:180px;
  height:76px;
}
.footer-cta-copy{
  min-width:0;
  max-width:840px;
}
.footer-cta-copy h2{
  max-width:780px;
}
.footer-main-cta{
  align-self:center;
  justify-self:end;
  min-width:196px;
}
.footer-divider{
  margin:42px 0 34px;
}

/* Stronger, cleaner columns */
.footer-columns{
  display:grid;
  grid-template-columns:minmax(300px,1.25fr) minmax(210px,.95fr) minmax(250px,1.05fr) minmax(240px,.95fr);
  gap:32px;
  align-items:start;
}
.footer-col{
  min-width:0;
}
.footer-about{
  padding-right:10px;
}
.footer-about h3{
  max-width:420px;
  font-size:30px;
}
.footer-about p{
  max-width:420px;
  font-size:13px;
}
.footer-links a{
  min-height:48px;
  align-items:flex-start;
  padding:10px 0;
  font-size:12px;
}
.footer-links a span{
  flex:0 0 auto;
  margin-top:1px;
}
.footer-contact{
  gap:0;
}
.contact-row{
  min-height:72px;
  padding:8px 0;
  align-items:start;
}
.contact-row b{
  font-size:12px;
  line-height:1.45;
}
.contact-location b,
.contact-phone b{
  white-space:nowrap;
  overflow-wrap:normal;
  word-break:normal;
}
.contact-email b{
  overflow-wrap:anywhere;
  word-break:break-word;
}
.footer-bottom{
  margin-top:34px;
  padding-top:18px;
  grid-template-columns:1fr auto auto;
  gap:16px 26px;
}
.footer-bottom span:nth-child(2){
  text-align:center;
}
.footer-bottom a{
  justify-self:end;
  white-space:nowrap;
}

/* Make overlay a bit calmer so text reads cleaner */
.footer-overlay{
  background:
    linear-gradient(90deg,rgba(3,5,7,.97) 0%,rgba(3,5,7,.91) 42%,rgba(3,5,7,.82) 100%),
    linear-gradient(0deg,#030507 0%,rgba(3,5,7,.48) 56%,rgba(3,5,7,.75) 100%),
    radial-gradient(circle at 74% 18%,rgba(0,216,255,.08),transparent 22%),
    radial-gradient(circle at 86% 74%,rgba(139,92,246,.07),transparent 24%);
}

/* Break earlier to avoid compressed columns */
@media(max-width:1280px){
  .footer-cta{
    grid-template-columns:1fr;
    gap:26px;
  }
  .footer-main-cta{
    justify-self:start;
  }
  .footer-columns{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:28px 30px;
  }
  .footer-bottom{
    grid-template-columns:1fr 1fr;
  }
  .footer-bottom a{
    justify-self:start;
    grid-column:1 / -1;
  }
}
@media(max-width:900px){
  .footer-cta-left{
    grid-template-columns:1fr;
    gap:18px;
  }
  .footer-cta-copy h2{
    font-size:clamp(42px,10vw,70px);
    line-height:.92;
  }
  .footer-columns{
    grid-template-columns:1fr;
    gap:28px;
  }
  .footer-about h3,
  .footer-about p{
    max-width:none;
  }
}
@media(max-width:700px){
  .footer-inner{
    padding-top:58px;
  }
  .footer-main-cta{
    width:100%;
    justify-self:stretch;
  }
  .footer-links a{
    min-height:44px;
    font-size:11px;
  }
  .contact-row{
    min-height:64px;
  }
  .footer-bottom{
    grid-template-columns:1fr;
    gap:10px;
  }
  .footer-bottom span:nth-child(2){
    text-align:left;
  }
}


/* V19 — FOOTER COMPLETELY ISOLATED FROM LEGACY .footer RULES */
.footer-rich{
  display:block !important;
  padding:0 !important;
  margin:0 !important;
  border-top:1px solid rgba(255,255,255,.10);
  width:100%;
}
.footer-rich > .footer-bg,
.footer-rich > .footer-overlay,
.footer-rich > .footer-inner{
  box-sizing:border-box;
}

/* Reset typography only inside the new footer */
.footer-rich p,
.footer-rich small,
.footer-rich span,
.footer-rich b,
.footer-rich h2,
.footer-rich h3,
.footer-rich nav,
.footer-rich a{
  grid-column:auto;
}
.footer-rich .footer-inner{
  display:block;
  width:100%;
  max-width:1560px;
  margin:0 auto;
  padding-left:var(--pad);
  padding-right:var(--pad);
  font-size:initial;
}

/* Clean CTA layout */
.footer-rich .footer-cta{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:48px;
  align-items:center;
}
.footer-rich .footer-cta-left{
  display:grid;
  grid-template-columns:190px minmax(0,760px);
  gap:48px;
  align-items:center;
}
.footer-rich .footer-cta-copy{
  width:auto;
  max-width:760px;
}
.footer-rich .footer-cta-copy h2{
  margin:10px 0 0;
  width:auto;
  max-width:760px;
  white-space:normal;
}
.footer-rich .footer-main-cta{
  width:190px;
  justify-self:end;
}

/* Four-column information grid */
.footer-rich .footer-columns{
  width:100%;
  display:grid;
  grid-template-columns:minmax(280px,1.25fr) minmax(210px,.85fr) minmax(260px,1.1fr) minmax(250px,1fr);
  gap:42px;
  align-items:start;
}
.footer-rich .footer-col{
  width:auto;
  min-width:0;
  display:block;
}
.footer-rich .footer-contact{
  display:flex;
  flex-direction:column;
}

/* Prevent odd word-by-word wrapping */
.footer-rich .footer-links a,
.footer-rich .contact-row,
.footer-rich .contact-row b,
.footer-rich .footer-kicker{
  word-break:normal;
}
.footer-rich .contact-row b{
  overflow-wrap:normal;
}
.footer-rich .contact-email b{
  overflow-wrap:anywhere;
}

/* Footer bottom */
.footer-rich .footer-bottom{
  width:100%;
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:28px;
  align-items:center;
}
.footer-rich .footer-bottom a{
  justify-self:end;
}

/* Responsive breakpoints specifically for footer */
@media(max-width:1250px){
  .footer-rich .footer-cta{
    grid-template-columns:1fr;
    gap:26px;
  }
  .footer-rich .footer-main-cta{
    justify-self:start;
  }
  .footer-rich .footer-columns{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:38px;
  }
}
@media(max-width:850px){
  .footer-rich .footer-cta-left{
    grid-template-columns:1fr;
    gap:18px;
  }
  .footer-rich .footer-columns{
    grid-template-columns:1fr;
    gap:32px;
  }
  .footer-rich .footer-bottom{
    grid-template-columns:1fr;
    gap:10px;
  }
  .footer-rich .footer-bottom a{
    justify-self:start;
  }
}
@media(max-width:600px){
  .footer-rich .footer-main-cta{
    width:100%;
  }
}


/* V20 — Footer copy update */
.footer-rich .footer-cta-copy h2{
  max-width:880px;
}
.footer-rich .footer-cta-copy h2 em{
  display:inline-block;
}
.footer-rich .footer-cta-copy small{
  display:block;
  margin-bottom:8px;
}
@media(max-width:700px){
  .footer-rich .footer-cta-copy h2{
    max-width:none;
  }
}


/* V21 — Header basado en la estructura del sitio */
.topbar{
  position:absolute;
  top:0; left:0; width:100%;
  z-index:110;
  border-bottom:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.94);
  color:#1e2328;
  transition:transform .35s ease, opacity .35s ease;
}
.topbar.compact{
  transform:translateY(-100%);
  opacity:0;
}
.topbar-inner{
  max-width:var(--max);
  margin:0 auto;
  padding:0 var(--pad);
  height:44px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.topbar-info,
.topbar-social{
  display:flex;
  align-items:center;
  gap:18px;
}
.topbar-info a,
.topbar-social a{
  display:flex;
  align-items:center;
  gap:9px;
  color:#606972;
  font:700 11px "Space Grotesk";
}
.topbar-info a span{
  color:#f09a2d;
  font-size:14px;
}
.topbar-social a{
  width:34px;
  height:34px;
  justify-content:center;
  border-radius:4px;
  background:#12161a;
  color:#fff;
  gap:0;
  transition:.28s;
}
.topbar-social a:hover{
  transform:translateY(-2px);
  background:#f09a2d;
  color:#111;
}

.header.header-pro{
  top:44px;
  height:86px;
  background:rgba(7,10,15,.92);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(255,255,255,.08);
  grid-template-columns:auto 1fr auto;
  gap:34px;
}
.header.header-pro.fixed{
  top:0;
  height:76px;
  background:rgba(5,8,13,.95);
}
.header.header-pro .brand img{
  width:170px;
  height:58px;
}
.nav.nav-pro{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:18px;
}
.nav.nav-pro > a,
.nav.nav-pro > .nav-item > a{
  font:700 12px "Space Grotesk";
  color:#eef3f8;
  letter-spacing:-.01em;
  padding:14px 6px;
}
.nav.nav-pro > a:hover,
.nav.nav-pro > .nav-item > a:hover{
  color:#f09a2d;
}
.nav.nav-pro > a:after,
.nav.nav-pro > .nav-item > a:after{
  bottom:-1px;
  height:2px;
}
.nav-item{
  position:relative;
  display:flex;
  align-items:center;
  gap:8px;
}
.nav-item.has-dropdown > a{
  color:#f09a2d;
}
.nav-toggle{
  width:22px;
  height:22px;
  border:0;
  background:none;
  color:#f09a2d;
  font:700 18px/1 "Space Grotesk";
  cursor:pointer;
  padding:0;
  display:grid;
  place-items:center;
}
.nav-dropdown{
  position:absolute;
  top:calc(100% + 14px);
  left:0;
  min-width:280px;
  padding:14px 0;
  background:rgba(10,12,16,.98);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 22px 44px rgba(0,0,0,.3);
  opacity:0;
  pointer-events:none;
  transform:translateY(8px);
  transition:.28s;
}
.nav-dropdown a{
  display:flex;
  align-items:center;
  min-height:46px;
  padding:0 18px;
  color:#eef3f8;
  font:700 12px "Space Grotesk";
  line-height:1.2;
}
.nav-dropdown a:hover{
  background:rgba(255,255,255,.035);
  color:#fff;
}
.nav-item.has-dropdown:hover .nav-dropdown,
.nav-item.has-dropdown:focus-within .nav-dropdown,
.nav-item.has-dropdown.open .nav-dropdown{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}

.header.header-pro .header-cta{
  min-height:58px;
  padding:0 26px;
  border-radius:0;
  background:#f09a2d;
  color:#fff;
  align-items:center;
  justify-content:center;
}
.header.header-pro .header-cta span{
  color:#fff;
}
.header.header-pro .header-cta:hover{
  filter:brightness(1.05);
}

.mobile-menu{
  position:fixed;
  top:76px;
  right:16px;
  left:16px;
  z-index:125;
  display:block;
  padding:16px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(7,10,15,.96);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  opacity:0;
  pointer-events:none;
  transform:translateY(6px);
  transition:.28s;
}
.mobile-menu.open{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}
.mobile-menu small{
  display:block;
  margin-bottom:12px;
  font:700 8px "Space Grotesk";
  letter-spacing:.18em;
  color:var(--cyan);
}
.mobile-menu > a,
.mobile-menu-group a{
  display:block;
  padding:12px 0;
  border-bottom:1px solid rgba(255,255,255,.07);
  font:600 13px "Space Grotesk";
  color:#fff;
}
.mobile-menu-group{
  margin-bottom:10px;
}
.mobile-menu-group > span{
  display:block;
  margin:10px 0 6px;
  font:700 8px "Space Grotesk";
  letter-spacing:.16em;
  color:#8fa0ae;
}
.mobile-menu-group a{
  padding-left:10px;
  color:#d8dee6;
}

.hero-shell{
  padding-top:178px;
}
@media(max-width:1220px){
  .nav.nav-pro{
    gap:14px;
  }
  .nav.nav-pro > a,
  .nav.nav-pro > .nav-item > a{
    font-size:11px;
  }
  .header.header-pro .header-cta{
    min-height:52px;
    padding:0 20px;
  }
}
@media(max-width:1080px){
  .topbar-info a b{
    max-width:180px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .header.header-pro{
    grid-template-columns:auto auto;
    justify-content:space-between;
  }
  .nav.nav-pro,
  .header.header-pro .header-cta{
    display:none;
  }
  .menu-button{
    display:block;
    justify-self:end;
  }
}
@media(max-width:700px){
  .topbar{
    display:none;
  }
  .header.header-pro{
    top:0;
  }
  .hero-shell{
    padding-top:132px;
  }
}


/* V22 — SEO-visible breadcrumb, visually integrated */
.seo-breadcrumb{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:18px;
  font:600 8px "Space Grotesk";
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#768594;
}
.seo-breadcrumb a{
  color:#aeb9c4;
}
.seo-breadcrumb a:hover{
  color:var(--cyan);
}
.seo-breadcrumb span:last-child{
  color:#7fe9ff;
}
@media(max-width:700px){
  .seo-breadcrumb{
    font-size:7px;
    letter-spacing:.08em;
  }
}


/* V23 — Header único, animado y coherente con el tema */
.header.header-cinematic{
  position:fixed;
  top:16px;
  left:50%;
  transform:translateX(-50%);
  width:min(calc(100% - 36px), var(--max));
  height:auto;
  z-index:140;
  display:block;
  background:transparent;
  border:0;
  transition:transform .35s cubic-bezier(.2,.7,.2,1), top .35s ease, width .35s ease;
}
.header.header-cinematic.fixed{
  top:8px;
}
.header-surface{
  border:1px solid rgba(255,255,255,.11);
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    linear-gradient(135deg, rgba(0,216,255,.09), rgba(139,92,246,.06) 54%, rgba(255,119,194,.06)),
    rgba(6,10,16,.82);
  box-shadow:
    0 20px 45px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  transform:translateZ(0);
  will-change:transform;
  border-radius:22px;
  overflow:hidden;
  position:relative;
}
.header-surface:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 12% 0%, rgba(0,216,255,.10), transparent 25%),
    radial-gradient(circle at 86% 10%, rgba(255,119,194,.10), transparent 24%);
  pointer-events:none;
}
.header-topline,
.header-mainline{
  position:relative;
  z-index:1;
  padding-left:24px;
  padding-right:24px;
}
.header-topline{
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.header-topline-info,
.header-topline-social{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.header-topline-info a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border-radius:999px;
  color:#bdc7d1;
  font:700 10px "Space Grotesk";
  letter-spacing:.01em;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.06);
  transition:.28s;
}
.header-topline-info a:hover{
  color:#fff;
  border-color:rgba(0,216,255,.25);
  background:rgba(0,216,255,.06);
}
.header-topline-info a span{
  color:#f09a2d;
  font-size:13px;
}
.header-topline-social a{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.06);
  color:#fff;
  font:700 11px "Space Grotesk";
  transition:transform .28s, background .28s, border-color .28s;
}
.header-topline-social a:hover{
  transform:translateY(-2px);
  border-color:rgba(0,216,255,.24);
  background:rgba(0,216,255,.10);
  color:var(--cyan);
}
.header-mainline{
  min-height:82px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:22px;
}
.header.header-cinematic .brand{
  padding:10px 0;
}
.header.header-cinematic .brand img{
  width:165px;
  height:58px;
  object-fit:contain;
  object-position:left center;
  filter:drop-shadow(0 0 18px rgba(255,255,255,.06));
}
.nav.nav-cinematic{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}
.nav.nav-cinematic > a,
.nav.nav-cinematic > .nav-item > a{
  position:relative;
  padding:14px 10px;
  color:#edf3fa;
  font:700 11px "Space Grotesk";
  letter-spacing:.01em;
  transition:color .28s;
}
.nav.nav-cinematic > a:before,
.nav.nav-cinematic > .nav-item > a:before{
  content:"";
  position:absolute;
  left:6px;
  right:6px;
  bottom:7px;
  height:2px;
  transform:scaleX(0);
  transform-origin:left center;
  background:linear-gradient(90deg,var(--cyan),#8e7cff,#ff77c2);
  transition:transform .3s cubic-bezier(.2,.7,.2,1);
}
.nav.nav-cinematic > a:hover,
.nav.nav-cinematic > .nav-item > a:hover,
.nav.nav-cinematic > .nav-item.has-dropdown > a{
  color:#fff;
}
.nav.nav-cinematic > a:hover:before,
.nav.nav-cinematic > .nav-item > a:hover:before,
.nav.nav-cinematic > .nav-item.has-dropdown > a:before{
  transform:scaleX(1);
}
.nav.nav-cinematic .nav-item{
  position:relative;
  display:flex;
  align-items:center;
  gap:4px;
  padding-right:4px;
}
.nav.nav-cinematic .nav-toggle{
  width:20px;
  height:20px;
  border:0;
  padding:0;
  background:none;
  color:#f09a2d;
  font:700 16px/1 "Space Grotesk";
  cursor:pointer;
  display:grid;
  place-items:center;
  transition:transform .28s;
}
.nav.nav-cinematic .nav-item.open .nav-toggle,
.nav.nav-cinematic .nav-item:hover .nav-toggle{
  transform:rotate(45deg);
}
.nav.nav-cinematic .nav-dropdown{
  position:absolute;
  top:calc(100% + 16px);
  left:0;
  min-width:280px;
  padding:10px;
  border-radius:18px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
    rgba(8,12,18,.96);
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 18px 40px rgba(0,0,0,.34);
  opacity:0;
  transform:translateY(8px);
  pointer-events:none;
  transition:.28s;
}
.nav.nav-cinematic .nav-dropdown:before{
  content:"";
  position:absolute;
  top:-6px;
  left:24px;
  width:12px;
  height:12px;
  background:rgba(8,12,18,.96);
  border-left:1px solid rgba(255,255,255,.09);
  border-top:1px solid rgba(255,255,255,.09);
  transform:rotate(45deg);
}
.nav.nav-cinematic .nav-dropdown a{
  display:flex;
  align-items:center;
  min-height:42px;
  padding:0 12px;
  border-radius:10px;
  color:#e7edf4;
  font:600 11px "Space Grotesk";
  transition:.24s;
}
.nav.nav-cinematic .nav-dropdown a:hover{
  background:rgba(255,255,255,.04);
  color:#fff;
  transform:translateX(3px);
}
.nav.nav-cinematic .nav-item.has-dropdown:hover .nav-dropdown,
.nav.nav-cinematic .nav-item.has-dropdown:focus-within .nav-dropdown,
.nav.nav-cinematic .nav-item.has-dropdown.open .nav-dropdown{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}

.header.header-cinematic .header-cta{
  min-height:52px;
  padding:0 22px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(90deg,#14d4ff,#8f87ff 58%,#ff79c5);
  color:#071018;
  font:700 11px "Space Grotesk";
  border:0;
  box-shadow:0 12px 24px rgba(0,216,255,.16);
}
.header.header-cinematic .header-cta span{
  color:#071018;
}
.header.header-cinematic .header-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 30px rgba(0,216,255,.22);
}

.menu-button{
  display:none;
  width:50px;
  height:50px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.04);
}
.menu-button i{
  width:18px;
  height:2px;
  background:#fff;
  display:block;
  margin:5px auto;
  border-radius:999px;
}

.mobile-menu{
  top:122px;
  right:max(18px, calc((100vw - min(calc(100% - 36px), var(--max)))/2 + 18px));
  left:auto;
  width:min(380px, calc(100vw - 36px));
  border-radius:20px;
  padding:18px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
    rgba(7,10,15,.96);
  box-shadow:0 20px 42px rgba(0,0,0,.34);
}

.hero-shell{
  padding-top:170px;
}

/* compact on scroll */
.header.header-cinematic.fixed .header-topline{
  min-height:0;
  max-height:0;
  padding-top:0;
  padding-bottom:0;
  overflow:hidden;
  border-bottom-color:transparent;
  opacity:0;
  transition:max-height .35s ease, opacity .25s ease, border-color .25s;
}
.header.header-cinematic.fixed .header-mainline{
  min-height:72px;
}
.header.header-cinematic.fixed .brand img{
  width:150px;
}
.header.header-cinematic.fixed + .mobile-menu{
  top:92px;
}

/* responsiveness */
@media(max-width:1220px){
  .header.header-cinematic .header-cta{
    display:none;
  }
  .nav.nav-cinematic{
    gap:6px;
  }
  .nav.nav-cinematic > a,
  .nav.nav-cinematic > .nav-item > a{
    font-size:10px;
    padding-inline:8px;
  }
}
@media(max-width:1080px){
  .header.header-cinematic{
    width:min(calc(100% - 24px), var(--max));
    top:12px;
  }
  .header-topline{
    padding-left:18px;
    padding-right:18px;
  }
  .header-mainline{
    padding-left:18px;
    padding-right:18px;
    grid-template-columns:auto auto;
    justify-content:space-between;
  }
  .header-topline-info a:nth-child(2) b{
    max-width:180px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .nav.nav-cinematic{
    display:none;
  }
  .menu-button{
    display:block;
  }
  .mobile-menu{
    top:104px;
    right:12px;
    width:min(380px, calc(100vw - 24px));
  }
  .hero-shell{
    padding-top:162px;
  }
}
@media(max-width:760px){
  .header.header-cinematic{
    width:calc(100% - 18px);
    top:9px;
  }
  .header-topline{
    display:none;
  }
  .header-mainline{
    min-height:72px;
    gap:10px;
    padding-left:14px;
    padding-right:14px;
  }
  .header.header-cinematic .brand img{
    width:145px;
    height:52px;
  }
  .mobile-menu{
    top:88px;
    right:9px;
    width:calc(100vw - 18px);
  }
  .hero-shell{
    padding-top:138px;
  }
}

/* body state */
body.menu-open{
  overflow:hidden;
}

/* V24 — Staggered card reveals + section polish */
.compact-grid .rental-mini-card:nth-child(1){transition-delay:0s}
.compact-grid .rental-mini-card:nth-child(2){transition-delay:.09s}
.compact-grid .rental-mini-card:nth-child(3){transition-delay:.18s}
.compact-grid .rental-mini-card:nth-child(4){transition-delay:.27s}

.compact-service-grid .compact-service-card:nth-child(1){transition-delay:0s}
.compact-service-grid .compact-service-card:nth-child(2){transition-delay:.1s}
.compact-service-grid .compact-service-card:nth-child(3){transition-delay:.2s}
.compact-service-grid .compact-service-card:nth-child(4){transition-delay:.3s}

.service-summary-grid .service-summary:nth-child(1){transition-delay:0s}
.service-summary-grid .service-summary:nth-child(2){transition-delay:.09s}
.service-summary-grid .service-summary:nth-child(3){transition-delay:.18s}
.service-summary-grid .service-summary:nth-child(4){transition-delay:.27s}

.operations-track .operation-pill:nth-of-type(1){transition-delay:0s}
.operations-track .operation-pill:nth-of-type(2){transition-delay:.08s}
.operations-track .operation-pill:nth-of-type(3){transition-delay:.16s}
.operations-track .operation-pill:nth-of-type(4){transition-delay:.24s}

/* Subtle continuous glow on the header CTA to draw the eye without being loud */
.header.header-cinematic .header-cta{
  background-size:220% 100%;
  animation:ctaGlow 6s ease-in-out infinite;
}
@keyframes ctaGlow{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}


/* =========================================================
   V24 — HERO RESPONSIVE / CHROME RESIZE FIX
   ========================================================= */

/* Do not promote the entire hero to a transform layer.
   Chrome can lose rasterized descendants during a live resize
   when this is combined with absolute images + backdrop-filter. */
.hero{
  position:relative !important;
  width:100% !important;
  height:auto !important;
  min-height:100svh !important;
  padding-bottom:clamp(56px,6vw,92px) !important;
  overflow:hidden !important;
  background:#03060b !important;
  isolation:isolate;
  transform:none !important;
  will-change:auto !important;
}

/* Stable background stack. */
.hero-scenes{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  overflow:hidden !important;
  z-index:0 !important;
  pointer-events:none !important;
  transform:none !important;
  will-change:auto !important;
}

/* Scene containers never move or scale. Only opacity changes. */
.hero-scene{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  display:block !important;
  overflow:hidden !important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:none !important;
  will-change:opacity;
  transition:opacity .75s cubic-bezier(.2,.7,.2,1), visibility 0s linear .75s !important;
}

.hero-scene.active{
  opacity:1 !important;
  visibility:visible !important;
  transition:opacity .75s cubic-bezier(.2,.7,.2,1), visibility 0s linear 0s !important;
}

/* The real background image.
   Using a physical <img> avoids the Chrome background-image repaint issue. */
.hero-scene > img{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  min-height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center center;
  transform:none !important;
  backface-visibility:visible !important;
  -webkit-backface-visibility:visible !important;
}

/* Keep visual layers in a deterministic stacking order. */
.hero-overlay,
.hero-lines,
.hero-flare{
  z-index:1 !important;
}
#signalCanvas,
#threeStage{
  z-index:2 !important;
}
.hero-shell{
  position:relative !important;
  z-index:4 !important;
  width:100%;
  min-height:100svh !important;
  height:auto !important;
  box-sizing:border-box;
}

/* Per-scene focal points on large screens */
.hero-scene[data-scene="rental"] > img{object-position:54% center !important}
.hero-scene[data-scene="production"] > img{object-position:54% center !important}
.hero-scene[data-scene="integration"] > img{object-position:56% center !important}
.hero-scene[data-scene="entertainment"] > img{object-position:54% center !important}

/* Tablet:
   Let content define the final hero height instead of locking the hero
   to old values such as 1180px / 1650px. The absolute image follows it. */
@media (max-width:1100px){
  .hero{
    min-height:100svh !important;
    height:auto !important;
    padding-bottom:72px !important;
  }

  .hero-shell{
    min-height:100svh !important;
    height:auto !important;
    display:block !important;
    padding-bottom:72px !important;
  }

  .hero-service-nav{
    position:relative !important;
    right:auto !important;
    top:auto !important;
    transform:none !important;
    width:100% !important;
    margin-top:38px !important;
  }

  .hero-scene[data-scene="rental"] > img{object-position:60% center !important}
  .hero-scene[data-scene="production"] > img{object-position:58% center !important}
  .hero-scene[data-scene="integration"] > img{object-position:58% center !important}
  .hero-scene[data-scene="entertainment"] > img{object-position:58% center !important}
}

/* Mobile:
   Keep the image visible across tall/narrow Chrome viewports.
   The focal point shifts right so the stage/equipment remains in frame. */
@media (max-width:760px){
  .hero{
    min-height:100svh !important;
    height:auto !important;
    padding-bottom:52px !important;
  }

  .hero-shell{
    min-height:100svh !important;
    height:auto !important;
    padding-bottom:52px !important;
  }

  .hero-scene > img{
    object-fit:cover !important;
  }

  .hero-scene[data-scene="rental"] > img{object-position:68% center !important}
  .hero-scene[data-scene="production"] > img{object-position:62% center !important}
  .hero-scene[data-scene="integration"] > img{object-position:61% center !important}
  .hero-scene[data-scene="entertainment"] > img{object-position:62% center !important}

  /* The WebGL element is decorative; disabling it on narrow screens
     reduces compositor pressure without touching the background image. */
  #threeStage{
    display:none !important;
  }
}

/* Very narrow phones */
@media (max-width:480px){
  .hero-scene[data-scene="rental"] > img{object-position:70% center !important}
  .hero-scene[data-scene="production"] > img{object-position:64% center !important}
  .hero-scene[data-scene="integration"] > img{object-position:63% center !important}
  .hero-scene[data-scene="entertainment"] > img{object-position:64% center !important}
}

/* Avoid animation/compositor surprises while the browser is changing size. */
@media (prefers-reduced-motion:reduce){
  .hero-scene{
    transition:none !important;
  }
}


/* =========================================================
   V25 — HERO REBUILD FROM ZERO
   Namespaced to .snhero. No dependency on any legacy .hero CSS.
   ========================================================= */
.snhero{
  position:relative;
  width:100%;
  min-height:100svh;
  overflow:hidden;
  background:#03060b;
  isolation:isolate;
  color:#fff;
}
.snhero-media,
.snhero-slide,
.snhero-shade,
.snhero-gridfx,
.snhero-glow{
  position:absolute;
  inset:0;
}
.snhero-media{
  z-index:0;
  overflow:hidden;
  background:#07101a;
}
.snhero-slide{
  opacity:0;
  visibility:hidden;
  transition:opacity .85s cubic-bezier(.2,.7,.2,1), visibility 0s linear .85s;
}
.snhero-slide.is-active{
  opacity:1;
  visibility:visible;
  transition:opacity .85s cubic-bezier(.2,.7,.2,1), visibility 0s;
}
.snhero-slide img{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center center;
}
.snhero-slide[data-snhero-slide="rental"] img{object-position:58% center}
.snhero-slide[data-snhero-slide="production"] img{object-position:56% center}
.snhero-slide[data-snhero-slide="integration"] img{object-position:57% center}
.snhero-slide[data-snhero-slide="entertainment"] img{object-position:55% center}
.snhero-shade{
  z-index:1;
  background:
    linear-gradient(90deg,rgba(2,5,10,.96) 0%,rgba(2,5,10,.82) 37%,rgba(2,5,10,.34) 67%,rgba(2,5,10,.42) 100%),
    linear-gradient(0deg,rgba(3,6,11,.98) 0%,rgba(3,6,11,.38) 32%,rgba(3,6,11,.12) 68%,rgba(3,6,11,.35) 100%);
}
.snhero-gridfx{
  z-index:2;
  opacity:.18;
  background-image:
    linear-gradient(rgba(72,205,255,.11) 1px,transparent 1px),
    linear-gradient(90deg,rgba(72,205,255,.11) 1px,transparent 1px);
  background-size:88px 88px;
  mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.65) 48%,transparent 92%);
}
.snhero-glow{z-index:2;pointer-events:none;mix-blend-mode:screen}
.snhero-glow-a{background:radial-gradient(circle at 77% 42%,rgba(98,77,255,.19),transparent 24%)}
.snhero-glow-b{background:radial-gradient(circle at 52% 70%,rgba(0,216,255,.14),transparent 25%)}
.snhero-inner{
  position:relative;
  z-index:4;
  width:min(100%,var(--max));
  min-height:100svh;
  margin:0 auto;
  padding:clamp(158px,12vw,190px) var(--pad) clamp(58px,7vw,96px);
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
}
.snhero-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  margin-bottom:clamp(34px,5vw,70px);
}
.snhero-breadcrumb{
  display:flex;
  align-items:center;
  gap:8px;
  font:600 8px "Space Grotesk";
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#82909d;
}
.snhero-breadcrumb a{color:#b5c0ca}
.snhero-breadcrumb a:hover{color:var(--cyan)}
.snhero-location{
  display:flex;
  align-items:center;
  gap:8px;
  color:#a8b3be;
  font:700 8px "Space Grotesk";
  letter-spacing:.15em;
  text-transform:uppercase;
}
.snhero-location i{width:6px;height:6px;border-radius:50%;background:#ff79c5;box-shadow:0 0 16px #ff79c5}
.snhero-layout{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);
  gap:clamp(54px,8vw,120px);
  align-items:center;
  flex:1;
}
.snhero-copy{max-width:860px}
.snhero-kicker{
  margin:0 0 18px;
  font:700 10px "Space Grotesk";
  letter-spacing:.18em;
  color:#63dcff;
}
.snhero h1{
  margin:0;
  max-width:900px;
  font-family:"Space Grotesk",sans-serif;
  font-size:clamp(58px,6.4vw,112px);
  line-height:.84;
  letter-spacing:-.065em;
  text-transform:uppercase;
}
.snhero h1 span,.snhero h1 em{display:block;font-style:normal}
.snhero h1 em{
  margin-top:8px;
  color:transparent;
  background:linear-gradient(90deg,#61ddff 0%,#9a8cff 54%,#ff7ec7 100%);
  -webkit-background-clip:text;
  background-clip:text;
}
.snhero-lead{
  max-width:680px;
  margin:28px 0 0;
  color:#c4ced8;
  font-size:clamp(14px,1.1vw,17px);
  line-height:1.7;
}
.snhero-proof{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:28px;
}
.snhero-proof span{
  min-width:148px;
  padding:12px 14px;
  display:flex;
  flex-direction:column;
  gap:3px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.035);
  backdrop-filter:blur(8px);
}
.snhero-proof b{font:700 9px "Space Grotesk";letter-spacing:.14em;color:#fff}
.snhero-proof small{font-size:10px;color:#8f9ca9}
.snhero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.snhero-btn{
  min-height:52px;
  padding:0 20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  border:1px solid rgba(255,255,255,.12);
  font:700 10px "Space Grotesk";
  transition:transform .28s,border-color .28s,background .28s;
}
.snhero-btn:hover{transform:translateY(-2px)}
.snhero-btn-primary{background:#f3f7fb;color:#071019;border-color:#f3f7fb}
.snhero-btn-secondary{background:rgba(255,255,255,.04);color:#fff}
.snhero-btn-secondary:hover{border-color:rgba(99,220,255,.35)}
.snhero-services{
  width:100%;
  max-width:440px;
  justify-self:end;
  padding:16px;
  border:1px solid rgba(255,255,255,.11);
  background:rgba(5,9,15,.58);
  backdrop-filter:blur(16px);
  box-shadow:0 24px 55px rgba(0,0,0,.22);
}
.snhero-services-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:5px 4px 14px;
  font:700 9px "Space Grotesk";
  letter-spacing:.14em;
  color:#fff;
}
.snhero-services-head small{font-size:8px;color:#697887}
.snhero-service-list{display:grid;gap:5px}
.snhero-service{
  width:100%;
  min-height:64px;
  display:grid;
  grid-template-columns:34px 1fr auto;
  gap:12px;
  align-items:center;
  text-align:left;
  padding:10px 12px;
  border:1px solid transparent;
  background:transparent;
  color:#aab5bf;
  cursor:pointer;
  transition:.28s;
}
.snhero-service:hover{background:rgba(255,255,255,.035);color:#fff}
.snhero-service.is-active{
  color:#fff;
  background:linear-gradient(90deg,rgba(0,216,255,.09),rgba(138,111,255,.06));
  border-color:rgba(99,220,255,.18);
}
.snhero-service-no{font:700 9px "Space Grotesk";color:#647483}
.snhero-service.is-active .snhero-service-no{color:#63dcff}
.snhero-service-name{font:650 11px "Space Grotesk";line-height:1.25}
.snhero-service-arrow{opacity:0;transform:translateX(-5px);transition:.28s;color:#63dcff}
.snhero-service.is-active .snhero-service-arrow,.snhero-service:hover .snhero-service-arrow{opacity:1;transform:none}
.snhero-controls{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  padding:14px 4px 2px;
  font:700 9px "Space Grotesk";
  color:#748391;
}
.snhero-controls button{
  width:34px;height:34px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);color:#fff;cursor:pointer;transition:.25s
}
.snhero-controls button:hover{border-color:rgba(99,220,255,.3);color:#63dcff}
.snhero-controls b{color:#fff}
.snhero-bottom{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:clamp(30px,5vw,66px);
  font-family:"Space Grotesk";
}
.snhero-bottom span{font-size:10px;font-weight:700;color:#63dcff}
.snhero-bottom i{width:68px;height:1px;background:linear-gradient(90deg,#63dcff,transparent)}
.snhero-bottom small{font-size:8px;letter-spacing:.14em;color:#71808e}

@media(max-width:1100px){
  .snhero-inner{padding-top:150px}
  .snhero-layout{grid-template-columns:1fr;gap:42px;align-items:start}
  .snhero-services{justify-self:start;max-width:760px}
  .snhero-service-list{grid-template-columns:1fr 1fr}
  .snhero h1{font-size:clamp(58px,9vw,92px)}
  .snhero-slide[data-snhero-slide="rental"] img{object-position:64% center}
  .snhero-slide[data-snhero-slide="production"] img{object-position:61% center}
  .snhero-slide[data-snhero-slide="integration"] img{object-position:62% center}
  .snhero-slide[data-snhero-slide="entertainment"] img{object-position:61% center}
  .snhero-shade{background:linear-gradient(90deg,rgba(2,5,10,.94),rgba(2,5,10,.68) 60%,rgba(2,5,10,.48)),linear-gradient(0deg,rgba(3,6,11,.98),rgba(3,6,11,.24) 55%,rgba(3,6,11,.4))}
}
@media(max-width:760px){
  .snhero-inner{padding:118px 20px 52px;min-height:100svh}
  .snhero-top{align-items:flex-start;margin-bottom:34px}
  .snhero-location{display:none}
  .snhero-breadcrumb{font-size:7px;letter-spacing:.08em;flex-wrap:wrap}
  .snhero h1{font-size:clamp(45px,14vw,70px);line-height:.88;letter-spacing:-.06em}
  .snhero-lead{font-size:13px;line-height:1.65;margin-top:22px}
  .snhero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:22px}
  .snhero-proof span{min-width:0;padding:10px 8px}
  .snhero-proof small{font-size:8px;line-height:1.25}
  .snhero-actions{display:grid;grid-template-columns:1fr;margin-top:26px}
  .snhero-btn{width:100%}
  .snhero-services{padding:10px;max-width:none;background:rgba(5,9,15,.70)}
  .snhero-service-list{grid-template-columns:1fr}
  .snhero-service{min-height:54px}
  .snhero-bottom{margin-top:34px}
  .snhero-slide[data-snhero-slide="rental"] img{object-position:70% center}
  .snhero-slide[data-snhero-slide="production"] img{object-position:65% center}
  .snhero-slide[data-snhero-slide="integration"] img{object-position:65% center}
  .snhero-slide[data-snhero-slide="entertainment"] img{object-position:65% center}
  .snhero-gridfx{opacity:.10;background-size:58px 58px}
}
@media(max-width:480px){
  .snhero-inner{padding-left:16px;padding-right:16px}
  .snhero h1{font-size:clamp(42px,13.5vw,58px)}
  .snhero-proof{grid-template-columns:1fr 1fr}
  .snhero-proof span:last-child{grid-column:1/-1}
  .snhero-slide[data-snhero-slide="rental"] img{object-position:72% center}
}
@media(prefers-reduced-motion:reduce){
  .snhero-slide,.snhero-service,.snhero-btn{transition:none!important}
}


/* =========================================================
   V26 — INDUSTRY EDITION
   Sonido Nativo / Event Production / Backstage aesthetic
   ========================================================= */

body.industry-v2{
  --industry-bg:#0b0c0d;
  --industry-panel:#111315;
  --industry-panel-2:#17191b;
  --industry-steel:#8c9194;
  --industry-line:rgba(255,255,255,.11);
  --industry-text:#f3f0e9;
  --industry-muted:#9da1a3;
  --industry-amber:#e5a33d;
  --industry-amber-2:#ffbd58;
  --industry-red:#c94f3d;
  --cyan:var(--industry-amber);
  --pink:var(--industry-amber);
  --violet:#b9b2a3;
  background:var(--industry-bg);
  color:var(--industry-text);
}

/* Global visual language */
body.industry-v2::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.017) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.017) 1px,transparent 1px);
  background-size:48px 48px;
  opacity:.34;
}
body.industry-v2 .gradient-text,
body.industry-v2 em{
  background:none!important;
  -webkit-text-fill-color:inherit!important;
  color:var(--industry-amber)!important;
  font-style:normal;
}
body.industry-v2 .section-label{
  color:var(--industry-amber)!important;
  letter-spacing:.18em;
}
body.industry-v2 .section-label::before{
  content:"";
  display:inline-block;
  width:28px;
  height:2px;
  margin-right:10px;
  vertical-align:middle;
  background:var(--industry-amber);
}
body.industry-v2 .mega{
  font-weight:700;
  letter-spacing:-.055em;
}
body.industry-v2 .button,
body.industry-v2 .snhero-btn,
body.industry-v2 .header-cta{
  border-radius:2px!important;
}

/* ---------------------------------------------------------
   HEADER — road-case / production desk
   --------------------------------------------------------- */
body.industry-v2 .header.header-cinematic{
  top:0;
  width:100%;
  max-width:none;
}
body.industry-v2 .header.header-cinematic.fixed{
  top:0;
}
body.industry-v2 .header-surface{
  border-radius:0;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.12);
  background:rgba(10,11,12,.96);
  box-shadow:0 12px 30px rgba(0,0,0,.24);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
body.industry-v2 .header-surface:before{
  background:
    linear-gradient(90deg,var(--industry-amber) 0 92px,transparent 92px),
    linear-gradient(90deg,transparent 0 70%,rgba(229,163,61,.06) 70%);
  height:2px;
  bottom:auto;
}
body.industry-v2 .header-topline{
  min-height:36px;
  border-color:rgba(255,255,255,.08);
  background:#090a0b;
}
body.industry-v2 .header-status{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-right:5px;
  color:#e8e4da;
  font:700 9px "Space Grotesk";
  letter-spacing:.14em;
}
body.industry-v2 .header-status i{
  width:7px;height:7px;border-radius:50%;
  background:#70a35f;
  box-shadow:0 0 0 4px rgba(112,163,95,.10);
}
body.industry-v2 .header-topline-info a{
  padding:0 8px;
  border:0;
  border-left:1px solid rgba(255,255,255,.08);
  border-radius:0;
  background:none;
  color:#929799;
}
body.industry-v2 .header-topline-info a:hover{
  background:none;
  color:#fff;
}
body.industry-v2 .header-topline-info a span{
  color:var(--industry-amber);
}
body.industry-v2 .header-topline-social a{
  border-radius:2px;
  background:#151719;
}
body.industry-v2 .header-topline-social a:hover{
  color:#0b0c0d;
  background:var(--industry-amber);
  border-color:var(--industry-amber);
}
body.industry-v2 .header-mainline{
  min-height:78px;
}
body.industry-v2 .brand{
  gap:14px;
}
body.industry-v2 .brand-sector{
  display:block;
  padding-left:14px;
  border-left:1px solid rgba(255,255,255,.13);
  color:#858b8e;
  font:700 8px/1.45 "Space Grotesk";
  letter-spacing:.15em;
}
body.industry-v2 .nav.nav-cinematic > a,
body.industry-v2 .nav.nav-cinematic > .nav-item > a{
  text-transform:uppercase;
  font-size:10px;
  letter-spacing:.06em;
}
body.industry-v2 .nav.nav-cinematic > a:before,
body.industry-v2 .nav.nav-cinematic > .nav-item > a:before{
  height:2px;
  background:var(--industry-amber);
}
body.industry-v2 .nav.nav-cinematic .nav-toggle{
  color:var(--industry-amber);
}
body.industry-v2 .nav.nav-cinematic .nav-dropdown{
  border-radius:0;
  background:#101214;
  border-color:rgba(255,255,255,.13);
}
body.industry-v2 .nav.nav-cinematic .nav-dropdown:before{
  display:none;
}
body.industry-v2 .nav.nav-cinematic .nav-dropdown a{
  border-radius:0;
  border-bottom:1px solid rgba(255,255,255,.06);
}
body.industry-v2 .header.header-cinematic .header-cta{
  background:var(--industry-amber);
  color:#0c0d0e;
  box-shadow:none;
  text-transform:uppercase;
  letter-spacing:.06em;
}
body.industry-v2 .header.header-cinematic .header-cta span{
  color:#0c0d0e;
}

/* ---------------------------------------------------------
   HERO — stage / FOH / live production
   Stable V25 architecture preserved
   --------------------------------------------------------- */
body.industry-v2 .snhero{
  background:#08090a;
  min-height:100svh;
}
body.industry-v2 .snhero-media{
  background:#08090a;
}
body.industry-v2 .snhero-slide img{
  filter:saturate(.62) contrast(1.08) brightness(.82);
}
body.industry-v2 .snhero-shade{
  background:
    linear-gradient(90deg,rgba(6,7,8,.96) 0%,rgba(6,7,8,.78) 38%,rgba(6,7,8,.28) 68%,rgba(6,7,8,.35) 100%),
    linear-gradient(0deg,#08090a 0%,rgba(8,9,10,.18) 36%,rgba(8,9,10,.08) 70%);
}
body.industry-v2 .snhero-gridfx{
  opacity:.18;
  background:
    repeating-linear-gradient(0deg,transparent 0 47px,rgba(255,255,255,.08) 48px),
    linear-gradient(90deg,rgba(229,163,61,.10) 1px,transparent 1px);
  background-size:auto,120px 100%;
  mask-image:linear-gradient(90deg,#000 0%,transparent 75%);
}
body.industry-v2 .snhero-glow{
  display:none;
}
body.industry-v2 .snhero-stagecode{
  position:absolute;
  z-index:3;
  right:18px;
  top:155px;
  writing-mode:vertical-rl;
  color:rgba(255,255,255,.28);
  font:700 8px "Space Grotesk";
  letter-spacing:.22em;
}
body.industry-v2 .snhero-breadcrumb{
  color:#8d9294;
}
body.industry-v2 .snhero-location{
  color:#c6c2b8;
}
body.industry-v2 .snhero-location i{
  background:var(--industry-amber);
  box-shadow:none;
}
body.industry-v2 .snhero-kicker{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:var(--industry-amber);
  font-size:10px;
  letter-spacing:.18em;
}
body.industry-v2 .snhero-kicker:before{
  content:"";
  width:34px;
  height:2px;
  background:var(--industry-amber);
}
body.industry-v2 .snhero-copy h1{
  max-width:850px;
  font-size:clamp(58px,7.5vw,116px);
  line-height:.82;
  letter-spacing:-.067em;
  text-transform:uppercase;
}
body.industry-v2 .snhero-copy h1 em{
  color:#f1eee6!important;
}
body.industry-v2 .snhero-lead{
  max-width:710px;
  color:#c2c4c3;
  font-size:15px;
  line-height:1.65;
  border-left:2px solid var(--industry-amber);
  padding-left:18px;
}
body.industry-v2 .snhero-proof{
  border-top:1px solid rgba(255,255,255,.13);
  border-bottom:1px solid rgba(255,255,255,.13);
}
body.industry-v2 .snhero-proof span{
  border-right:1px solid rgba(255,255,255,.11);
}
body.industry-v2 .snhero-proof b{
  color:var(--industry-amber);
  letter-spacing:.13em;
}
body.industry-v2 .snhero-btn-primary{
  background:var(--industry-amber);
  color:#0c0d0e;
  border-color:var(--industry-amber);
  box-shadow:none;
}
body.industry-v2 .snhero-btn-secondary{
  background:rgba(9,10,11,.62);
  border-color:rgba(255,255,255,.18);
}
body.industry-v2 .snhero-services{
  background:rgba(10,11,12,.82);
  border:1px solid rgba(255,255,255,.13);
  border-top:3px solid var(--industry-amber);
  border-radius:0;
  box-shadow:0 20px 50px rgba(0,0,0,.28);
  backdrop-filter:blur(10px);
}
body.industry-v2 .snhero-services-head{
  border-bottom-color:rgba(255,255,255,.12);
}
body.industry-v2 .snhero-services-head span{
  color:var(--industry-amber);
}
body.industry-v2 .snhero-service{
  border-bottom-color:rgba(255,255,255,.09);
  border-radius:0;
}
body.industry-v2 .snhero-service:hover,
body.industry-v2 .snhero-service.is-active{
  background:rgba(229,163,61,.08);
}
body.industry-v2 .snhero-service.is-active{
  box-shadow:inset 3px 0 0 var(--industry-amber);
}
body.industry-v2 .snhero-service-no{
  color:#777d80;
}
body.industry-v2 .snhero-service.is-active .snhero-service-no,
body.industry-v2 .snhero-service-arrow{
  color:var(--industry-amber);
}
body.industry-v2 .snhero-controls button{
  border-radius:0;
  border-color:rgba(255,255,255,.13);
}
body.industry-v2 .snhero-industry-strip{
  position:relative;
  z-index:4;
  width:100%;
  margin-top:46px;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  border:1px solid rgba(255,255,255,.12);
  background:rgba(8,9,10,.78);
}
body.industry-v2 .snhero-industry-strip span{
  min-height:48px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 14px;
  border-right:1px solid rgba(255,255,255,.09);
  color:#b7b9b7;
  font:700 9px "Space Grotesk";
  letter-spacing:.12em;
}
body.industry-v2 .snhero-industry-strip span:last-child{
  border-right:0;
}
body.industry-v2 .snhero-industry-strip b{
  color:var(--industry-amber);
}
body.industry-v2 .snhero-bottom{
  opacity:.58;
}
body.industry-v2 .snhero-bottom i{
  background:rgba(255,255,255,.15);
}

/* ---------------------------------------------------------
   OPERATIONS — production manifest
   --------------------------------------------------------- */
body.industry-v2 .operations-banner{
  background:#111315;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
}
body.industry-v2 .operations-banner-inner{
  gap:70px;
}
body.industry-v2 .operations-copy{
  position:relative;
}
body.industry-v2 .operations-copy:after{
  content:"PRODUCTION MANIFEST / SN-26";
  position:absolute;
  right:0;
  top:3px;
  color:#5d6264;
  font:700 8px "Space Grotesk";
  letter-spacing:.17em;
}
body.industry-v2 .operations-track{
  border:1px solid rgba(255,255,255,.10);
  background:#0d0f10;
}
body.industry-v2 .operations-line{
  background:rgba(255,255,255,.08);
}
body.industry-v2 .operations-line i{
  background:var(--industry-amber);
  box-shadow:none;
}
body.industry-v2 .operation-pill{
  border-radius:0;
  border-color:rgba(255,255,255,.08);
}
body.industry-v2 .operation-pill small{
  color:var(--industry-amber);
  letter-spacing:.12em;
}

/* ---------------------------------------------------------
   RENTAL — equipment warehouse / road cases
   --------------------------------------------------------- */
body.industry-v2 .rental-showroom{
  background:#0b0c0d;
}
body.industry-v2 .rental-showroom-head{
  border-bottom:1px solid rgba(255,255,255,.11);
  padding-bottom:34px;
}
body.industry-v2 .compact-grid{
  gap:14px;
}
body.industry-v2 .rental-mini-card{
  border-radius:0;
  background:#111315;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:none;
  overflow:hidden;
}
body.industry-v2 .rental-mini-card:hover{
  transform:translateY(-5px);
  border-color:rgba(229,163,61,.55);
  box-shadow:0 18px 34px rgba(0,0,0,.20);
}
body.industry-v2 .mini-card-top{
  background:
    linear-gradient(135deg,rgba(255,255,255,.03),transparent 60%),
    #08090a;
  border-bottom:1px solid rgba(255,255,255,.09);
}
body.industry-v2 .mini-card-top:before{
  content:"";
  position:absolute;
  left:0;top:0;width:58px;height:4px;
  background:var(--industry-amber);
  z-index:3;
}
body.industry-v2 .mini-card-top img{
  filter:saturate(.78) contrast(1.04);
}
body.industry-v2 .mini-index{
  color:#5d6264;
  font-size:38px;
  opacity:.62;
}
body.industry-v2 .mini-card-body small{
  color:var(--industry-amber);
  letter-spacing:.13em;
}
body.industry-v2 .mini-tags span,
body.industry-v2 .summary-tags span{
  border-radius:0;
  border-color:rgba(255,255,255,.11);
  background:#0c0e0f;
  color:#9ca0a2;
}
body.industry-v2 .mini-action{
  border-top:1px solid rgba(255,255,255,.08);
  color:#d7d5cf;
}
body.industry-v2 .mini-action i{
  color:var(--industry-amber);
}
body.industry-v2 .rental-showroom-footer{
  border-radius:0;
  border-left:3px solid var(--industry-amber);
  background:#141618;
}

/* ---------------------------------------------------------
   SERVICE CARDS — editorial event production
   --------------------------------------------------------- */
body.industry-v2 .services{
  background:#e7e3da;
  color:#111315;
}
body.industry-v2 .services .section-label{
  color:#8d5a13!important;
}
body.industry-v2 .services .section-label::before{
  background:#8d5a13;
}
body.industry-v2 .services .mega em{
  color:#8d5a13!important;
}
body.industry-v2 .compact-services-intro{
  color:#555a5d;
}
body.industry-v2 .compact-service-grid{
  gap:12px;
}
body.industry-v2 .compact-service-card{
  border-radius:0;
  border:1px solid rgba(17,19,21,.18);
  background:#f2efe8;
  box-shadow:none;
}
body.industry-v2 .compact-service-card:hover{
  transform:translateY(-4px);
  box-shadow:0 20px 40px rgba(17,19,21,.12);
}
body.industry-v2 .compact-thumb{
  border-radius:0;
  filter:none;
}
body.industry-v2 .compact-thumb:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(0,0,0,.42),transparent 55%);
}
body.industry-v2 .compact-thumb img{
  filter:saturate(.68) contrast(1.05);
}
body.industry-v2 .compact-index{
  z-index:3;
  color:var(--industry-amber-2);
  font-size:38px;
}
body.industry-v2 .compact-body small{
  color:#9b6518;
}
body.industry-v2 .compact-body h3{
  color:#111315;
}
body.industry-v2 .compact-body p{
  color:#626669;
}
body.industry-v2 .compact-tags span{
  background:#ded9cf;
  color:#55595c;
  border-radius:0;
}
body.industry-v2 .compact-body a{
  color:#111315;
  border-top:1px solid rgba(17,19,21,.13);
}
body.industry-v2 .compact-body a i{
  color:#a76c18;
}

/* ---------------------------------------------------------
   SYSTEM SECTION — stage plot / signal flow, not sci-fi
   --------------------------------------------------------- */
body.industry-v2 .system-section{
  background:#0d0f10;
}
body.industry-v2 .system-3d{
  border-radius:0;
  border:1px solid rgba(255,255,255,.12);
  background:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    #111315;
  background-size:32px 32px;
  box-shadow:none;
  overflow:hidden;
}
body.industry-v2 .system-3d:before{
  content:"STAGE SIGNAL FLOW / PATCH 01";
  position:absolute;
  top:14px;left:16px;
  color:#73787a;
  font:700 8px "Space Grotesk";
  letter-spacing:.16em;
}
body.industry-v2 .orbit{
  border:1px dashed rgba(229,163,61,.28);
  border-radius:0;
  transform:rotate(-8deg);
}
body.industry-v2 .core{
  border-radius:0;
  background:#090a0b;
  border:2px solid var(--industry-amber);
  box-shadow:none;
}
body.industry-v2 .core span,
body.industry-v2 .core small{
  color:#898e90;
}
body.industry-v2 .core b{
  color:#f0ede5;
}
body.industry-v2 .node{
  border-radius:2px;
  background:#1a1c1e;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:none;
}
body.industry-v2 .node:before{
  content:"";
  width:6px;height:6px;border-radius:50%;
  background:#71a262;
  margin-right:7px;
}
body.industry-v2 .node span{
  color:#d5d3cc;
}

/* ---------------------------------------------------------
   SUMMARY — technical sheets
   --------------------------------------------------------- */
body.industry-v2 .inventory{
  background:#0b0c0d;
}
body.industry-v2 .service-summary-grid{
  gap:12px;
}
body.industry-v2 .service-summary{
  border-radius:0;
  background:#121416;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:none;
}
body.industry-v2 .service-summary > div:first-child{
  border-radius:0;
}
body.industry-v2 .service-summary > div:first-child img{
  filter:saturate(.55) contrast(1.08);
}
body.industry-v2 .service-summary small{
  color:var(--industry-amber);
}
body.industry-v2 .service-summary a{
  color:#f0ede5;
  border-top:1px solid rgba(255,255,255,.10);
}
body.industry-v2 .service-summary a span{
  color:var(--industry-amber);
}

/* ---------------------------------------------------------
   OPERATION MAP — show control board
   --------------------------------------------------------- */
body.industry-v2 .service-lab{
  background:#dcd8cf;
  color:#111315;
}
body.industry-v2 .service-lab .section-label{
  color:#895913!important;
}
body.industry-v2 .service-lab .section-label::before{
  background:#895913;
}
body.industry-v2 .service-lab .mega em{
  color:#895913!important;
}
body.industry-v2 .lab-head > p{
  color:#5d6163;
}
body.industry-v2 .lab-shell{
  border-radius:0;
  background:#111315;
  border:1px solid #272a2d;
  box-shadow:0 26px 60px rgba(17,19,21,.18);
}
body.industry-v2 .lab-stage{
  border-radius:0;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    #0c0e0f;
  background-size:36px 36px;
}
body.industry-v2 .lab-grid{
  opacity:0;
}
body.industry-v2 .lab-core{
  border-radius:0;
  border:2px solid var(--industry-amber);
  background:#090a0b;
  box-shadow:none;
}
body.industry-v2 .lab-core b{
  color:#f0ede5;
}
body.industry-v2 .lab-core span,
body.industry-v2 .lab-core small{
  color:#8c9194;
}
body.industry-v2 .lab-node{
  border-radius:2px;
  background:#17191b;
  border:1px solid rgba(255,255,255,.15);
  color:#d6d4cc;
  box-shadow:none;
}
body.industry-v2 .lab-node i{
  background:#6fa15f;
  box-shadow:none;
}
body.industry-v2 .lab-node.active{
  background:var(--industry-amber);
  color:#0c0d0e;
  border-color:var(--industry-amber);
}
body.industry-v2 .lab-node.active i{
  background:#0c0d0e;
}
body.industry-v2 .lab-line{
  background:rgba(229,163,61,.28);
}
body.industry-v2 .lab-pulse{
  display:none;
}
body.industry-v2 .lab-panel{
  background:#17191b;
  color:#f0ede5;
  border-radius:0;
}
body.industry-v2 .lab-panel-top small{
  color:var(--industry-amber);
}
body.industry-v2 .lab-panel-top p{
  color:#a6aaab;
}
body.industry-v2 .lab-metrics article{
  border-radius:0;
  background:#111315;
  border:1px solid rgba(255,255,255,.09);
}
body.industry-v2 .lab-metrics span{
  color:#73787a;
}
body.industry-v2 .lab-tags span,
body.industry-v2 .lab-select{
  border-radius:0;
}
body.industry-v2 .lab-select{
  background:#111315;
  border-color:rgba(255,255,255,.10);
}
body.industry-v2 .lab-select.active{
  background:var(--industry-amber);
  color:#0c0d0e;
  border-color:var(--industry-amber);
}

/* ---------------------------------------------------------
   QUOTE — production call sheet
   --------------------------------------------------------- */
body.industry-v2 .quote{
  background:#111315;
}
body.industry-v2 .quote-lines{
  opacity:.28;
  background:
    repeating-linear-gradient(135deg,transparent 0 24px,rgba(229,163,61,.08) 24px 25px);
}
body.industry-v2 .quote-title{
  letter-spacing:-.06em;
}
body.industry-v2 .quote-title em{
  color:var(--industry-amber)!important;
}
body.industry-v2 .quote-form{
  border-radius:0;
  background:#e5e1d8;
  color:#111315;
  border:0;
  box-shadow:0 24px 55px rgba(0,0,0,.22);
}
body.industry-v2 .quote-types{
  border-bottom:1px solid rgba(17,19,21,.13);
}
body.industry-v2 .quote-types label span{
  border-radius:0;
  color:#5d6163;
}
body.industry-v2 .quote-types input:checked + span{
  background:#111315;
  color:#fff;
}
body.industry-v2 .fields label span{
  color:#65696b;
}
body.industry-v2 .fields input,
body.industry-v2 .fields textarea{
  border-radius:0;
  background:#f1eee7;
  border-color:rgba(17,19,21,.17);
  color:#111315;
}
body.industry-v2 .button-white{
  background:var(--industry-amber);
  color:#0c0d0e;
}

/* ---------------------------------------------------------
   FOOTER — warehouse / closing slate
   --------------------------------------------------------- */
body.industry-v2 .footer-rich{
  background:#08090a;
}
body.industry-v2 .footer-bg{
  filter:grayscale(1) contrast(1.15) brightness(.42);
  opacity:.24;
}
body.industry-v2 .footer-overlay{
  background:linear-gradient(90deg,rgba(8,9,10,.98),rgba(8,9,10,.88));
}
body.industry-v2 .footer-cta{
  border-top:3px solid var(--industry-amber);
  border-bottom:1px solid rgba(255,255,255,.10);
}
body.industry-v2 .footer-cta-copy small{
  color:var(--industry-amber);
}
body.industry-v2 .footer-cta-copy h2 em{
  color:#f1eee7!important;
}
body.industry-v2 .footer-main-cta{
  background:var(--industry-amber);
  color:#0c0d0e;
}
body.industry-v2 .footer-kicker{
  color:var(--industry-amber);
}
body.industry-v2 .footer-socials a{
  border-radius:2px;
}
body.industry-v2 .contact-icon{
  color:var(--industry-amber);
}

/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */
@media(max-width:1100px){
  body.industry-v2 .brand-sector{
    display:none;
  }
  body.industry-v2 .snhero-copy h1{
    font-size:clamp(54px,9vw,90px);
  }
  body.industry-v2 .snhero-industry-strip{
    grid-template-columns:repeat(5,1fr);
  }
}
@media(max-width:760px){
  body.industry-v2 .header-status{
    display:none;
  }
  body.industry-v2 .snhero-stagecode{
    display:none;
  }
  body.industry-v2 .snhero-copy h1{
    font-size:clamp(46px,15vw,70px);
    line-height:.86;
  }
  body.industry-v2 .snhero-lead{
    font-size:14px;
  }
  body.industry-v2 .snhero-industry-strip{
    grid-template-columns:repeat(2,1fr);
  }
  body.industry-v2 .snhero-industry-strip span:nth-child(5){
    grid-column:1/-1;
  }
  body.industry-v2 .snhero-industry-strip span{
    min-height:42px;
  }
  body.industry-v2 .operations-copy:after{
    display:none;
  }
}


/* =========================================================
   V28 — TYPOGRAPHY REFINEMENT + LOCAL REAL ASSETS
   ========================================================= */
body.industry-v2{
  --step--1:clamp(.82rem,.79rem + .08vw,.90rem);
  --step-0:clamp(.96rem,.92rem + .16vw,1.06rem);
  --step-1:clamp(1.08rem,1.00rem + .34vw,1.26rem);
  --step-2:clamp(1.28rem,1.13rem + .70vw,1.70rem);
  --step-3:clamp(1.58rem,1.34rem + 1.18vw,2.28rem);
  --step-4:clamp(2.04rem,1.66rem + 1.86vw,3.28rem);
  --step-5:clamp(2.65rem,2.02rem + 3.04vw,5.20rem);
  --step-6:clamp(3.20rem,2.28rem + 4.60vw,6.65rem);
  --lh-body:1.68;
  --lh-heading:1.02;
}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body.industry-v2{font-size:var(--step-0);line-height:var(--lh-body)}
body.industry-v2 p,
body.industry-v2 li,
body.industry-v2 input,
body.industry-v2 textarea{font-size:var(--step-0)!important;line-height:var(--lh-body)!important}
body.industry-v2 .section-label,
body.industry-v2 small,
body.industry-v2 .snhero-kicker,
body.industry-v2 .snhero-breadcrumb,
body.industry-v2 .header-status,
body.industry-v2 .header-topline-info a,
body.industry-v2 .nav.nav-cinematic > a,
body.industry-v2 .nav.nav-cinematic > .nav-item > a,
body.industry-v2 .nav.nav-cinematic .nav-dropdown a,
body.industry-v2 .quote-types span,
body.industry-v2 .fields label>span,
body.industry-v2 .mini-card-body small,
body.industry-v2 .compact-body small,
body.industry-v2 .footer-kicker,
body.industry-v2 .lab-panel-top small{font-size:clamp(.66rem,.62rem + .18vw,.82rem)!important;line-height:1.25;letter-spacing:.10em}
body.industry-v2 .mega{font-size:var(--step-5)!important;line-height:.90!important;letter-spacing:-.055em!important;text-wrap:balance}
body.industry-v2 h1,
body.industry-v2 .snhero-copy h1{font-size:var(--step-6)!important;line-height:.86!important;letter-spacing:-.068em!important;text-wrap:balance}
body.industry-v2 h2,
body.industry-v2 .quote-title,
body.industry-v2 .footer-cta-copy h2{font-size:clamp(2.2rem,1.70rem + 2.55vw,4.85rem)!important;line-height:.92!important;letter-spacing:-.05em!important;text-wrap:balance}
body.industry-v2 h3,
body.industry-v2 .compact-body h3,
body.industry-v2 .mini-card-body h3,
body.industry-v2 .service-summary h3,
body.industry-v2 .footer-about h3,
body.industry-v2 .lab-panel h3{font-size:var(--step-2)!important;line-height:1.02!important;letter-spacing:-.035em!important;text-wrap:balance}
body.industry-v2 .snhero-lead{font-size:clamp(1rem,.94rem + .28vw,1.18rem)!important;line-height:1.72!important;max-width:60ch}
body.industry-v2 .inventory-head>p,
body.industry-v2 .compact-services-intro,
body.industry-v2 .lab-head>p,
body.industry-v2 .rental-showroom-head>p,
body.industry-v2 .operations-copy p,
body.industry-v2 .quote-copy p,
body.industry-v2 .footer-about p{font-size:clamp(.98rem,.92rem + .20vw,1.10rem)!important;line-height:1.74!important;max-width:68ch}
body.industry-v2 .mini-card-body p,
body.industry-v2 .compact-body p,
body.industry-v2 .service-summary p,
body.industry-v2 .lab-panel-top p,
body.industry-v2 #formStatus{font-size:clamp(.93rem,.88rem + .16vw,1rem)!important;line-height:1.66!important}
body.industry-v2 .button,
body.industry-v2 .snhero-btn,
body.industry-v2 .header-cta,
body.industry-v2 .footer-main-cta,
body.industry-v2 .mini-action,
body.industry-v2 .compact-body a,
body.industry-v2 .service-summary a{font-size:clamp(.80rem,.75rem + .16vw,.92rem)!important;line-height:1.2!important;letter-spacing:.06em!important}
body.industry-v2 .brand-sector{font-size:clamp(.50rem,.48rem + .08vw,.58rem)!important}
body.industry-v2 .snhero-service-label{font-size:clamp(.88rem,.84rem + .16vw,1rem)!important}
body.industry-v2 .snhero-service-title{font-size:clamp(1.05rem,.98rem + .32vw,1.32rem)!important;line-height:1.08!important}
body.industry-v2 .snhero-service-copy{font-size:clamp(.90rem,.86rem + .16vw,1rem)!important;line-height:1.58!important}
body.industry-v2 .snhero-proof span small,
body.industry-v2 .snhero-proof b,
body.industry-v2 .mini-tags span,
body.industry-v2 .compact-tags span,
body.industry-v2 .summary-tags span,
body.industry-v2 .lab-tags span,
body.industry-v2 .lab-metrics span,
body.industry-v2 .lab-metrics b{font-size:clamp(.70rem,.66rem + .14vw,.80rem)!important}

/* Real-image grading */
body.industry-v2 .footer-bg{
  background-image:
    linear-gradient(90deg,rgba(8,9,10,.82),rgba(8,9,10,.46)),
    url('https://sonidonativo.com/wp-content/uploads/2025/09/IMG_9.jpg');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
body.industry-v2 .snhero-slide::after,
body.industry-v2 .compact-thumb::before,
body.industry-v2 .service-summary > div:first-child::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(229,163,61,.10),transparent 24%),
    linear-gradient(0deg,rgba(10,11,12,.20),rgba(10,11,12,.20));
  mix-blend-mode:multiply;
}
body.industry-v2 .snhero-slide img,
body.industry-v2 .compact-thumb img,
body.industry-v2 .service-summary > div:first-child img{filter:saturate(.80) contrast(1.04) brightness(.86)}
body.industry-v2 .rental-mini-card .mini-card-top img{filter:saturate(.92) contrast(1.05)}

@media(max-width:1280px){
  body.industry-v2 .header-mainline{gap:16px}
  body.industry-v2 .nav.nav-cinematic{gap:4px}
  body.industry-v2 .snhero-copy h1{max-width:11ch}
}
@media(max-width:1100px){
  body.industry-v2 .mega{font-size:clamp(2.35rem,1.85rem + 2.6vw,4.25rem)!important}
  body.industry-v2 .snhero-copy h1{font-size:clamp(3.25rem,2.35rem + 4.8vw,5.75rem)!important;max-width:10ch}
  body.industry-v2 .snhero-lead{font-size:clamp(.98rem,.92rem + .22vw,1.08rem)!important}
}
@media(max-width:760px){
  body.industry-v2 .snhero-copy h1{font-size:clamp(2.7rem,11vw,4.35rem)!important;line-height:.88!important;max-width:8.5ch}
  body.industry-v2 .snhero-lead{font-size:.98rem!important;line-height:1.68!important;padding-left:14px!important}
  body.industry-v2 .mega,
  body.industry-v2 .quote-title,
  body.industry-v2 .footer-cta-copy h2{font-size:clamp(2rem,8vw,3.35rem)!important;line-height:.94!important}
  body.industry-v2 .mini-card-body h3,
  body.industry-v2 .compact-body h3,
  body.industry-v2 .service-summary h3{font-size:clamp(1.28rem,5.8vw,1.82rem)!important}
  body.industry-v2 p,
  body.industry-v2 li,
  body.industry-v2 .mini-card-body p,
  body.industry-v2 .compact-body p,
  body.industry-v2 .service-summary p,
  body.industry-v2 .lab-panel-top p,
  body.industry-v2 #formStatus{font-size:.95rem!important}
  body.industry-v2 .operations-media-links a{width:100%;justify-content:space-between}
}
@media(max-width:480px){
  body.industry-v2 .section-label,
  body.industry-v2 small,
  body.industry-v2 .snhero-kicker{letter-spacing:.08em}
  body.industry-v2 .snhero-copy h1{font-size:clamp(2.35rem,12vw,3.5rem)!important;max-width:8ch}
  body.industry-v2 .button,
  body.industry-v2 .snhero-btn,
  body.industry-v2 .header-cta{min-height:50px}
}


/* =========================================================
   V29 — SERVER-DRIVEN MEDIA / YOUTUBE SHOWREEL
   ========================================================= */
body.industry-v2 .showreel-section{
  position:relative;
  padding:clamp(84px,8vw,132px) 0;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),
    #0d0f10;
  background-size:42px 42px;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
}
body.industry-v2 .showreel-section:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:min(24vw,310px);
  height:3px;
  background:var(--industry-amber);
}
body.industry-v2 .showreel-head{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.65fr);
  gap:clamp(36px,7vw,100px);
  align-items:end;
  margin-bottom:clamp(34px,5vw,64px);
}
body.industry-v2 .showreel-title{
  margin:14px 0 0;
  font-family:"Space Grotesk";
  font-size:clamp(2.5rem,1.70rem + 3.5vw,5.6rem)!important;
  line-height:.88!important;
  letter-spacing:-.06em!important;
}
body.industry-v2 .showreel-head>p{
  margin:0;
  max-width:52ch;
  color:#9fa4a5;
  font-size:clamp(.98rem,.93rem + .18vw,1.08rem)!important;
  line-height:1.72!important;
}
body.industry-v2 .showreel-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
body.industry-v2 .showreel-card{
  position:relative;
  min-width:0;
  background:#141618;
  border:1px solid rgba(255,255,255,.11);
  overflow:hidden;
  transition:transform .36s ease,border-color .36s ease,box-shadow .36s ease;
}
body.industry-v2 .showreel-card:hover{
  transform:translateY(-5px);
  border-color:rgba(229,163,61,.48);
  box-shadow:0 26px 50px rgba(0,0,0,.24);
}
body.industry-v2 .showreel-frame{
  position:relative;
  aspect-ratio:16/9;
  width:100%;
  overflow:hidden;
  background:#050607;
  border-bottom:1px solid rgba(255,255,255,.10);
}
body.industry-v2 .showreel-frame:before{
  content:"";
  position:absolute;
  z-index:2;
  top:0;
  left:0;
  width:72px;
  height:4px;
  background:var(--industry-amber);
  pointer-events:none;
}
body.industry-v2 .showreel-frame iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  display:block;
}
body.industry-v2 .showreel-meta{
  position:relative;
  padding:clamp(22px,3vw,34px);
}
body.industry-v2 .showreel-meta>span{
  display:flex;
  gap:9px;
  align-items:center;
  color:#989d9f;
  font:700 clamp(.68rem,.65rem + .12vw,.78rem)/1.2 "Space Grotesk";
  letter-spacing:.12em;
}
body.industry-v2 .showreel-meta>span b{
  color:var(--industry-amber);
}
body.industry-v2 .showreel-meta h3{
  margin:13px 0 10px;
  max-width:18ch;
  color:#f0ede6;
  font-size:clamp(1.45rem,1.16rem + 1.1vw,2.15rem)!important;
}
body.industry-v2 .showreel-meta p{
  margin:0 0 22px;
  color:#9ea3a5;
  max-width:52ch;
  font-size:clamp(.93rem,.88rem + .16vw,1rem)!important;
  line-height:1.68!important;
}
body.industry-v2 .showreel-meta a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.09);
  color:#dedbd4;
  text-transform:uppercase;
  font:700 clamp(.76rem,.72rem + .12vw,.84rem)/1 "Space Grotesk";
  letter-spacing:.07em;
}
body.industry-v2 .showreel-meta a i{
  font-style:normal;
  color:var(--industry-amber);
  font-size:1.15rem;
}

/* Remote product images: preserve transparent PNG/WebP cleanly */
body.industry-v2 .mini-card-top{
  display:flex;
  align-items:center;
  justify-content:center;
}
body.industry-v2 .mini-card-top img{
  object-fit:contain!important;
  object-position:center!important;
  width:88%!important;
  height:84%!important;
  padding:8px!important;
}
body.industry-v2 .mini-video img{
  width:84%!important;
}
body.industry-v2 .mini-backline img{
  width:92%!important;
}

/* Explicit remote footer image; no local assets required */
body.industry-v2 .footer-bg{
  background-image:
    linear-gradient(90deg,rgba(8,9,10,.82),rgba(8,9,10,.46)),
    url("https://sonidonativo.com/wp-content/uploads/2025/09/IMG_2619-scaled.jpg")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}

@media(max-width:900px){
  body.industry-v2 .showreel-head{
    grid-template-columns:1fr;
    gap:20px;
  }
  body.industry-v2 .showreel-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:600px){
  body.industry-v2 .showreel-section{
    padding:72px 0;
  }
  body.industry-v2 .showreel-title{
    font-size:clamp(2.05rem,10vw,3.25rem)!important;
  }
  body.industry-v2 .showreel-meta{
    padding:20px;
  }
}


/* V30 — Homepage SEO context */
body.industry-v2 .snhero-home-context{
  display:flex;
  align-items:center;
  gap:10px;
}
body.industry-v2 .snhero-home-context:before{
  content:"";
  width:22px;
  height:1px;
  background:var(--industry-amber);
  flex:0 0 auto;
}


/* WordPress integration */
body.sn-home-official{margin:0}
body.admin-bar.sn-home-official .header.header-cinematic{top:32px}
body.admin-bar.sn-home-official .header.header-cinematic.fixed{top:32px}
@media(max-width:782px){
  body.admin-bar.sn-home-official .header.header-cinematic{top:46px}
  body.admin-bar.sn-home-official .header.header-cinematic.fixed{top:46px}
}


/* =========================================================
   v1.0.1 — WORDPRESS / ASTRA TYPOGRAPHY COLOR GUARD
   Astra and WordPress global styles can assign dark colors to
   headings. These rules make the custom Home self-contained.
   ========================================================= */

/* HERO */
body.sn-home-official .snhero-copy h1,
body.sn-home-official .snhero-copy h1 span,
body.sn-home-official .snhero-copy h1 em{
  color:#f1eee6 !important;
  -webkit-text-fill-color:#f1eee6 !important;
}
body.sn-home-official .snhero-copy .snhero-kicker{
  color:var(--industry-amber) !important;
  -webkit-text-fill-color:var(--industry-amber) !important;
}
body.sn-home-official .snhero-lead{
  color:#c2c4c3 !important;
}

/* DARK SECTIONS */
body.sn-home-official .operations-banner h2,
body.sn-home-official .rental-showroom h2,
body.sn-home-official .system-section h2,
body.sn-home-official .inventory h2,
body.sn-home-official .showreel-section h2,
body.sn-home-official .showreel-section h3,
body.sn-home-official .quote h2,
body.sn-home-official .footer-rich h2,
body.sn-home-official .footer-rich h3,
body.sn-home-official .rental-showroom h3,
body.sn-home-official .inventory h3,
body.sn-home-official .system-section h3{
  color:#f1eee6 !important;
}

/* Amber emphasis stays amber on dark sections */
body.sn-home-official .operations-banner h2 em,
body.sn-home-official .rental-showroom h2 em,
body.sn-home-official .system-section h2 em,
body.sn-home-official .inventory h2 em,
body.sn-home-official .showreel-section h2 em,
body.sn-home-official .quote h2 em{
  color:var(--industry-amber) !important;
  -webkit-text-fill-color:var(--industry-amber) !important;
}

/* LIGHT SECTIONS */
body.sn-home-official .services h2,
body.sn-home-official .services h3,
body.sn-home-official .service-lab h2,
body.sn-home-official .service-lab h3{
  color:#111315 !important;
}
body.sn-home-official .services h2 em,
body.sn-home-official .service-lab h2 em{
  color:#8d5a13 !important;
  -webkit-text-fill-color:#8d5a13 !important;
}

/* Prevent WordPress global link colors from altering custom controls */
body.sn-home-official .header a,
body.sn-home-official .snhero a,
body.sn-home-official .mobile-menu a,
body.sn-home-official .footer-rich a{
  text-decoration:none !important;
}

/* Explicitly defeat Astra's global heading text-fill/color inheritance */
body.sn-home-official h1,
body.sn-home-official h2,
body.sn-home-official h3,
body.sn-home-official h4{
  font-family:"Space Grotesk",sans-serif;
}


/* v1.1.0 — Formulario conectado a WordPress/MySQL */
body.sn-home-official .sn-form-honeypot{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
}
body.sn-home-official .sn-form-consent{
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-start!important;
  gap:10px!important;
  margin-top:2px;
}
body.sn-home-official .sn-form-consent input{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  margin:2px 0 0!important;
  accent-color:var(--industry-amber);
}
body.sn-home-official .sn-form-consent span{
  font-size:clamp(.76rem,.72rem + .12vw,.84rem)!important;
  line-height:1.45!important;
  letter-spacing:0!important;
  color:#65696b!important;
}
body.sn-home-official #quoteForm button[disabled]{
  opacity:.64;
  cursor:wait;
  pointer-events:none;
}