:root{
  --acid:#b7f400;--black:#090b0d;--black2:#0e1114;--panel:#12161a;
  --white:#f4f5f2;--gray:#9ba1a6;--line:#282e33;--max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--white);font-family:Inter,Arial,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.site-header{height:78px;position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:34px;padding:0 max(24px,calc((100vw - var(--max))/2));background:rgba(9,11,13,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}
.brand{display:flex;align-items:center;gap:10px;margin-right:auto}
.brand-mark{width:38px;height:38px;background:var(--acid);color:#090b0d;display:grid;place-items:center;font-weight:800;font-size:11px}
.brand-name{font-size:21px;font-weight:800;letter-spacing:-1px}.brand-name span{color:var(--acid)}
.site-nav{display:flex;gap:24px;align-items:center;font-size:11px}.site-nav a{color:#c5c9cc}.nav-cta{border:1px solid var(--acid);padding:9px 14px;border-radius:999px;color:var(--acid)!important}
.menu-toggle{display:none;background:none;border:0;color:white;font-size:27px}
.cursor-glow{position:fixed;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(183,244,0,.08),transparent 68%);pointer-events:none;z-index:0;transform:translate(-50%,-50%)}
.hero,.subhero{position:relative;max-width:var(--max);margin:auto;min-height:780px;padding:120px 24px 90px;display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center;overflow:hidden}
.hero-grid-bg{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}
.hero-orb{position:absolute;border-radius:50%}.orb-one{width:620px;height:620px;right:-200px;top:-180px;background:radial-gradient(circle,rgba(183,244,0,.13),transparent 68%)}.orb-two{width:300px;height:300px;left:35%;bottom:-180px;background:radial-gradient(circle,rgba(183,244,0,.06),transparent 68%)}
.hero-copy,.system-card,.subhero-copy,.subhero-art{position:relative;z-index:2}
.kicker{font-size:10px;letter-spacing:.22em;color:var(--acid);font-weight:700}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(68px,9vw,138px);line-height:.84;letter-spacing:-.075em;margin:38px 0 48px}
h1 em,h2 em{font-style:normal;color:var(--acid)}
.lead{font-size:18px;line-height:1.65;color:#adb3b8;max-width:720px}
.muted{color:var(--gray)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.btn{display:inline-block;padding:15px 20px;font-size:12px;font-weight:800;transition:.2s ease}.primary{background:var(--acid);color:#090b0d}.ghost{border:1px solid #343a3f;color:#d8dbdd}
.system-card{background:linear-gradient(180deg,#161a1e,#0e1114);border:1px solid #2d3338;border-radius:22px;box-shadow:0 35px 100px rgba(0,0,0,.42);overflow:hidden}
.system-head{padding:16px;border-bottom:1px solid #252b30;color:#70777d;font-size:10px}.system-head span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#444a50;margin-right:4px}.system-head b{margin-left:10px}
.system-row{display:grid;grid-template-columns:55px 1fr;padding:17px 20px;border-bottom:1px solid #23292e}.system-row i{color:var(--acid);font-size:11px;font-style:normal}.system-row code{font-size:12px;color:#d7dadd}
.system-ready{padding:20px;color:#8e969d;font-size:10px;letter-spacing:.14em}.system-ready span{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--acid);box-shadow:0 0 16px var(--acid);margin-right:8px}
.ticker-wrap{overflow:hidden;border-top:1px solid #20252a;border-bottom:1px solid #20252a;background:#0d1013}.ticker{display:flex;width:max-content;gap:20px;padding:14px 0;animation:ticker 30s linear infinite;color:#747c83;font-size:9px;letter-spacing:.15em}.ticker b{color:var(--acid)}
@keyframes ticker{to{transform:translateX(-50%)}}
.acid-section{background:var(--acid);color:#090b0d;padding:90px max(24px,calc((100vw - var(--max))/2))}.acid-section p{font-size:clamp(36px,5vw,65px);line-height:1.05;letter-spacing:-.045em;max-width:1120px;margin:0}
.section{max-width:var(--max);margin:auto;padding:110px 24px}.dark-section{max-width:none;background:#0f1215;border-top:1px solid #20262b;border-bottom:1px solid #20262b}.dark-section>*{max-width:var(--max);margin-left:auto;margin-right:auto}
.section-head{max-width:830px;margin-bottom:56px}.section-head h2,.cta-section h2,.split-copy h2,.connect-copy h2{font-size:clamp(48px,7vw,88px);line-height:.95;letter-spacing:-.06em;margin:15px 0}
.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.pillar-card{background:var(--black);padding:38px;min-height:430px}.num{color:var(--acid);font-size:10px;letter-spacing:.16em}.pillar-card h3{font-size:38px;line-height:1;letter-spacing:-.04em;margin:65px 0 22px}.pillar-card p{color:var(--gray);line-height:1.65}.pillar-card a{display:inline-block;margin-top:38px;color:var(--acid);font-size:11px;font-weight:700}
.problem-list{border-top:1px solid var(--line)}.problem-list article{display:grid;grid-template-columns:60px 1.2fr 1fr 140px;gap:24px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}.problem-list span,.problem-list b{color:var(--acid);font-size:10px}.problem-list h3{font-size:21px;margin:0}.problem-list p{color:var(--gray);font-size:13px;margin:0}.problem-list b{text-align:right}
.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.timeline article{border-top:1px solid var(--line);padding:22px}.timeline b{color:var(--acid);font-size:10px}.timeline p{color:var(--gray);font-size:12px}
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.case-card{border:1px solid var(--line);background:#111519}.case-visual{height:240px;padding:22px;display:flex;justify-content:space-between;align-items:flex-end;background:radial-gradient(circle at 75% 22%,rgba(183,244,0,.15),transparent 35%),linear-gradient(135deg,#171c21,#0c0f12)}.case-visual span{font-size:45px;font-weight:800;letter-spacing:-.06em;color:#30383f}.case-visual b{color:var(--acid);font-size:11px}.case-card small,.case-card h3,.case-card p{display:block;margin-left:22px;margin-right:22px}.case-card small{color:var(--acid);margin-top:20px;font-size:9px;letter-spacing:.16em}.case-card p{color:var(--gray);font-size:13px;padding-bottom:20px}
.cta-section{max-width:var(--max);margin:auto;padding:140px 24px}.cta-section .btn{margin-top:30px}
.site-footer{border-top:1px solid var(--line);padding:44px max(24px,calc((100vw - var(--max))/2));color:#858d94}.footer-top{display:grid;grid-template-columns:1fr auto;gap:30px}.footer-brand{margin:0}.footer-top p{font-size:10px;letter-spacing:.15em}.footer-links{display:grid;grid-template-columns:repeat(2,auto);gap:10px 24px;font-size:11px}.footer-bottom{border-top:1px solid #20252a;margin-top:28px;padding-top:20px;display:flex;justify-content:space-between;font-size:10px}
.subhero h1{font-size:clamp(62px,8vw,118px)}.subhero-art{height:480px;display:grid;place-items:center}.pulse-ring{position:absolute;border:1px solid rgba(183,244,0,.35);border-radius:50%;animation:pulse 4s ease-in-out infinite}.r1{width:130px;height:130px}.r2{width:250px;height:250px;animation-delay:.5s}.r3{width:390px;height:390px;animation-delay:1s}.subhero-art>span{position:relative;z-index:2;color:var(--acid);font-weight:800;letter-spacing:.18em}
@keyframes pulse{0%,100%{transform:scale(.95);opacity:.3}50%{transform:scale(1.05);opacity:.85}}
.service-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-feature{border-top:1px solid var(--line);padding:24px 0}.service-feature span{color:var(--acid);font-size:10px}.service-feature h3{font-size:22px;margin:18px 0 10px}.service-feature p{color:var(--gray);font-size:13px}
.outcome-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.outcome{border-top:1px solid #383f45;padding:24px}.outcome b{color:var(--acid);font-size:10px}.outcome p{color:var(--gray);font-size:13px}
.connect-nav-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.connect-nav-card{border-top:1px solid var(--line);padding:20px}.connect-nav-card b{color:var(--acid);font-size:10px}.connect-nav-card h3{font-size:18px;margin:22px 0 8px}.connect-nav-card p{color:var(--gray);font-size:12px}
.connect-block{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.connect-copy p{color:var(--gray);font-size:15px;line-height:1.7}.feature-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px}.feature-list{list-style:none;padding:0;margin:0;border-top:1px solid #343a40}.feature-list li{padding:13px 0;border-bottom:1px solid #2a3035;color:#d3d6d8;font-size:13px}.feature-list li:before{content:"→";color:var(--acid);margin-right:8px}
.cctv-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cctv-card{border:1px solid var(--line);background:#12161a;padding:24px}.cctv-card b{color:var(--acid);font-size:10px}.cctv-card h3{margin-top:30px}.cctv-card p{color:var(--gray);font-size:13px}
.network-art{position:relative}.network-node{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--acid);box-shadow:0 0 18px rgba(183,244,0,.45)}.n1{left:25%;top:25%}.n2{right:25%;top:30%}.n3{left:35%;bottom:28%}.n4{right:24%;bottom:22%}.network-line{position:absolute;height:1px;background:rgba(183,244,0,.35);transform-origin:left}.l1{width:46%;left:27%;top:29%;transform:rotate(6deg)}.l2{width:40%;left:28%;top:31%;transform:rotate(48deg)}.l3{width:38%;left:38%;bottom:31%;transform:rotate(-10deg)}
.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.price-card{position:relative;border:1px solid var(--line);background:#12161a;padding:24px}.price-card.featured{border-color:var(--acid)}.price-card em{position:absolute;top:-13px;left:16px;background:var(--acid);color:#090b0d;font-size:8px;font-weight:800;padding:5px 8px}.price-card>span{color:#9ea5ab;font-size:10px;letter-spacing:.13em}.price-card strong{display:block;font-size:28px;margin:10px 0}.price-card strong small{font-size:10px;color:#8f969c}.price-card p{color:var(--gray);font-size:13px}.price-card ul{list-style:none;padding:0;font-size:11px;color:#c3c7ca}.price-card li{padding:8px 0;border-bottom:1px solid #252b30}.price-card li:before{content:"✓";color:var(--acid);margin-right:7px}.price-card a{display:inline-block;margin-top:18px;color:var(--acid);font-size:11px}
.browser-card{width:78%;height:300px;border:1px solid #343b41;background:#12161a;box-shadow:0 30px 90px rgba(0,0,0,.35);transform:rotate(-4deg);animation:floaty 5s ease-in-out infinite}.browser-top{height:42px;border-bottom:1px solid #2b3136;padding:14px}.browser-top i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4b5258;margin-right:4px}.browser-line{height:16px;width:58%;background:#2b3137;margin:34px}.browser-line.wide{width:72%;background:var(--acid);opacity:.8}.browser-cta{width:120px;height:38px;background:var(--acid);margin:34px}
@keyframes floaty{50%{transform:rotate(-2deg) translateY(-12px)}}
.split-copy{display:grid;grid-template-columns:1fr 1fr;gap:80px}.split-copy p{color:var(--gray);font-size:17px;line-height:1.75}.about-symbol{width:240px;height:240px;border:1px solid rgba(183,244,0,.35);display:grid;place-items:center;font-size:100px;font-weight:800;color:var(--acid);transform:rotate(8deg)}.about-symbol span{color:#fff}
.contact-hero{max-width:var(--max);margin:auto;min-height:720px;padding:110px 24px 90px;display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center}.contact-copy h1{font-size:clamp(64px,8vw,116px)}.contact-card{border-top:1px solid var(--line)}.contact-item{display:grid;grid-template-columns:110px 1fr 30px;gap:20px;padding:26px 0;border-bottom:1px solid var(--line);align-items:center}.contact-item span{color:var(--acid);font-size:9px;letter-spacing:.14em}.contact-item strong{font-size:18px}.contact-item b{color:var(--acid)}
.question-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.question-grid article{border-top:1px solid var(--line);padding:24px}.question-grid span{color:var(--acid);font-size:10px}.question-grid p{font-size:16px;line-height:1.5}
.legal{max-width:900px}.legal h1{font-size:64px}.legal h2{margin-top:40px}.legal p{color:var(--gray);line-height:1.75}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}.tilt{transform-style:preserve-3d;transition:transform .18s ease}
@media(max-width:1100px){.connect-nav-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){
  .site-nav{display:none;position:absolute;top:72px;left:15px;right:15px;flex-direction:column;align-items:stretch;background:#111519;border:1px solid #2a3035;padding:18px}.site-nav.open{display:flex}.menu-toggle{display:block}
  .hero,.subhero,.contact-hero,.split-copy,.connect-block{grid-template-columns:1fr}
  .pillar-grid,.service-feature-grid{grid-template-columns:1fr 1fr}
  .problem-list article{grid-template-columns:50px 1fr}.problem-list p,.problem-list b{grid-column:2}.problem-list b{text-align:left}
  .timeline{grid-template-columns:1fr 1fr}.case-grid{grid-template-columns:1fr}
  .outcome-grid,.pricing-grid,.question-grid{grid-template-columns:1fr 1fr}
  .footer-top{grid-template-columns:1fr}.cctv-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .hero,.subhero,.contact-hero,.section,.cta-section{padding-left:18px;padding-right:18px}.hero,.subhero{min-height:auto;padding-top:85px}.hero h1{font-size:63px}.subhero h1{font-size:58px}
  .pillar-grid,.service-feature-grid,.outcome-grid,.pricing-grid,.question-grid,.timeline,.cctv-grid,.connect-nav-grid,.feature-columns{grid-template-columns:1fr}
  .problem-list article{grid-template-columns:32px 1fr}.site-header{padding:0 18px}.brand-name{font-size:18px}.footer-bottom{flex-direction:column;gap:8px}.cursor-glow{display:none}
  .subhero-art{height:330px}.r3{width:280px;height:280px}.r2{width:190px;height:190px}.r1{width:100px;height:100px}
}

/* Production logo integration */
.brand-logo-link{display:flex;align-items:center;margin-right:auto;min-width:0}
.brand-logo{display:block;width:190px;height:auto;max-height:52px;object-fit:contain;object-position:left center}
.footer-logo{display:block;width:235px;height:auto;max-width:100%}
.site-header .brand-logo-link{gap:0}
.site-footer .footer-brand{margin:0}
@media(max-width:620px){
  .brand-logo{width:158px}
  .footer-logo{width:205px}
}


/* =========================================================
   AIRLOGICSOFT — PREMIUM VISUAL PASS 2026
   Editorial scale, controlled line lengths and visual rhythm
   ========================================================= */

:root{
  --content-wide:1180px;
  --copy-measure:720px;
}

/* Typography hierarchy: fewer oversized headlines, more breathing room */
h1{
  font-size:clamp(56px,7.2vw,112px);
  line-height:.90;
  letter-spacing:-.062em;
  text-wrap:balance;
}
.subhero h1{font-size:clamp(52px,6.5vw,96px);max-width:980px}
.contact-copy h1{font-size:clamp(52px,6.5vw,94px)}
.section-head h2,.cta-section h2,.split-copy h2,.connect-copy h2{
  font-size:clamp(40px,5.2vw,72px);
  line-height:1;
  letter-spacing:-.052em;
  text-wrap:balance;
}
.acid-section p{
  font-size:clamp(30px,4vw,52px);
  line-height:1.08;
  max-width:1020px;
  text-wrap:balance;
}
.lead{font-size:clamp(16px,1.25vw,18px);max-width:680px;line-height:1.7}
.section-head{max-width:780px}
.section-head p,.connect-copy p,.split-copy p{max-width:680px}
.pillar-card h3{font-size:clamp(28px,2.5vw,36px)}
.problem-list h3{font-size:clamp(18px,1.6vw,21px)}
.kicker{letter-spacing:.18em}

/* More disciplined spacing */
.hero,.subhero{min-height:720px;gap:54px}
.section{padding-top:110px;padding-bottom:110px}
.cta-section{padding-top:120px;padding-bottom:120px}
.service-feature-grid,.case-grid,.outcome-grid{row-gap:24px}

/* Editorial image bands */
.visual-band{
  position:relative;
  max-width:var(--max);
  min-height:500px;
  margin:36px auto 80px;
  background-size:cover;
  background-position:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
}
.visual-band::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(8,10,12,.94) 0%,rgba(8,10,12,.62) 44%,rgba(8,10,12,.18) 100%),
             linear-gradient(0deg,rgba(8,10,12,.58),transparent 50%);
}
.visual-band::after{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 72% 42%,rgba(168,230,0,.12),transparent 28%);
  pointer-events:none;
}
.visual-network{
  background-image:url("https://images.unsplash.com/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&fm=jpg&q=75&w=1800");
  background-position:center 46%;
}
.visual-cctv{
  background-image:url("https://images.unsplash.com/photo-1774818803625-7a46ca67cc13?auto=format&fit=crop&fm=jpg&q=75&w=1800");
  background-position:center 38%;
}
.visual-band-copy{
  position:absolute;z-index:2;left:clamp(28px,5vw,72px);bottom:clamp(28px,5vw,64px);
  max-width:650px;
}
.visual-band-copy span,.editorial-band span{
  display:block;color:var(--acid);font-size:10px;font-weight:800;letter-spacing:.2em;margin-bottom:18px
}
.visual-band-copy strong{
  display:block;font-size:clamp(36px,4.5vw,64px);line-height:.98;letter-spacing:-.05em;text-wrap:balance
}

/* Non-photo editorial visuals keep BUILD/AUTOMATE/WEB clean and premium */
.editorial-band{
  position:relative;max-width:var(--max);min-height:350px;margin:20px auto 70px;padding:54px;
  border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;
  background:
    linear-gradient(135deg,rgba(168,230,0,.08),transparent 34%),
    repeating-linear-gradient(90deg,transparent 0 79px,rgba(255,255,255,.025) 80px),
    repeating-linear-gradient(0deg,transparent 0 79px,rgba(255,255,255,.025) 80px),
    #0e1215;
}
.editorial-band::after{
  content:"";position:absolute;width:340px;height:340px;border:1px solid rgba(168,230,0,.24);
  border-radius:50%;right:-70px;top:-80px;box-shadow:0 0 0 65px rgba(168,230,0,.025),0 0 0 130px rgba(168,230,0,.018)
}
.editorial-band strong{
  position:relative;z-index:1;font-size:clamp(34px,4vw,58px);line-height:1;letter-spacing:-.05em;max-width:760px
}
.editorial-band i{
  position:absolute;right:44px;bottom:42px;color:#4d565d;font-size:11px;font-style:normal;letter-spacing:.18em
}
.editorial-flow::before{
  content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--acid);
  right:19%;top:34%;box-shadow:-110px 65px 0 rgba(168,230,0,.6),-220px -15px 0 rgba(168,230,0,.3);
}
.editorial-web{background:linear-gradient(125deg,#11161a 0%,#0b0e10 55%,rgba(168,230,0,.10) 100%)}

/* Subtle image atmosphere only where photography adds credibility */
.page-connect .subhero::before{
  content:"";position:absolute;inset:0;z-index:0;
  background:
    linear-gradient(90deg,#090c0f 4%,rgba(9,12,15,.91) 42%,rgba(9,12,15,.40) 100%),
    url("https://images.unsplash.com/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&fm=jpg&q=70&w=1800") center/cover;
  opacity:.42;
}
.page-connect .subhero>*{position:relative;z-index:2}

/* Cards: calmer, less visual noise */
.pillar-card,.case-card,.service-feature,.connect-nav-card,.cctv-card,.price-card{
  transition:transform .28s ease,border-color .28s ease,background .28s ease;
}
.pillar-card:hover,.case-card:hover,.cctv-card:hover,.price-card:hover{
  transform:translateY(-3px);
  border-color:rgba(168,230,0,.28);
}
.service-feature p,.connect-nav-card p,.cctv-card p,.price-card p{line-height:1.65}

/* Responsive typography and visual bands */
@media(max-width:900px){
  .visual-band{margin:20px 18px 60px;min-height:420px}
  .editorial-band{margin:16px 18px 56px;min-height:300px;padding:34px}
  .editorial-band i{right:28px;bottom:28px}
}
@media(max-width:640px){
  h1,.hero h1{font-size:clamp(48px,14vw,66px);line-height:.93}
  .subhero h1{font-size:clamp(44px,12vw,60px)}
  .section-head h2,.cta-section h2,.split-copy h2,.connect-copy h2{font-size:clamp(36px,10vw,50px)}
  .acid-section p{font-size:clamp(28px,8.5vw,40px)}
  .hero,.subhero{padding-top:92px;padding-bottom:64px}
  .section{padding-top:78px;padding-bottom:78px}
  .visual-band{min-height:360px}
  .visual-band::before{background:linear-gradient(0deg,rgba(8,10,12,.94) 0%,rgba(8,10,12,.42) 100%)}
  .visual-band-copy strong{font-size:clamp(32px,10vw,44px)}
  .editorial-band{min-height:280px;padding:28px}
  .editorial-band strong{font-size:clamp(30px,9vw,42px)}
}


/* Home refinement v2
   Una sola franja verde de alto impacto; la segunda declaración pasa a fondo oscuro. */
.dark-statement{
  position:relative;
  background:#0D0F12;
  color:#F4F5F2;
  padding:100px max(24px,calc((100vw - var(--max))/2));
  border-bottom:1px solid rgba(255,255,255,.08);
  overflow:hidden;
}
.dark-statement::before{
  content:"";
  position:absolute;
  width:260px;
  height:1px;
  left:max(24px,calc((100vw - var(--max))/2));
  top:58px;
  background:linear-gradient(90deg,var(--acid),transparent);
}
.dark-statement p{
  position:relative;
  z-index:1;
  max-width:1120px;
  margin:0;
  font-size:clamp(34px,4.5vw,58px);
  line-height:1.06;
  letter-spacing:-.045em;
  color:#8f979c;
  text-wrap:balance;
}
.dark-statement strong{
  color:#F4F5F2;
  font-weight:700;
}
@media(max-width:640px){
  .dark-statement{
    padding:76px 24px;
  }
  .dark-statement::before{
    left:24px;
    top:42px;
    width:120px;
  }
  .dark-statement p{
    font-size:clamp(28px,8.5vw,40px);
  }
}


/* =========================================================
   v3 — LIGHTWEIGHT MOCKUPS & SELECTIVE PHOTOGRAPHY
   ========================================================= */
.mockup-showcase,.home-product-visual{
  max-width:var(--max);margin:0 auto;padding:92px 24px;
  display:grid;grid-template-columns:.72fr 1.28fr;gap:64px;align-items:center;
}
.mockup-reverse{grid-template-columns:.72fr 1.28fr}
.mockup-copy span{display:block;color:var(--acid);font-size:10px;font-weight:800;letter-spacing:.18em;margin-bottom:18px}
.mockup-copy h2,.home-product-copy h2{font-size:clamp(38px,4.2vw,58px);line-height:1.02;letter-spacing:-.05em;text-wrap:balance}
.mockup-copy p,.home-product-copy>p:last-of-type{max-width:520px;font-size:15px;line-height:1.75}
.mockup-frame,.home-product-device{
  position:relative;padding:12px;background:#111518;border:1px solid rgba(255,255,255,.09);
  box-shadow:0 28px 70px rgba(0,0,0,.28);overflow:hidden
}
.mockup-frame::before,.home-product-device::before{
  content:"";position:absolute;inset:-1px;pointer-events:none;
  background:linear-gradient(135deg,rgba(168,230,0,.11),transparent 28%);
  z-index:1
}
.mockup-frame img,.home-product-device img{display:block;width:100%;height:auto;position:relative;z-index:0}
.flow-frame{padding:0;background:#0b0e10}
.devices-frame{padding:0}
.home-product-visual{padding-top:84px;padding-bottom:84px}
.home-product-device{transform:perspective(1400px) rotateY(-4deg) rotateX(1deg)}
.text-link{display:inline-block;margin-top:18px;color:var(--acid);font-size:11px;font-weight:800;letter-spacing:.04em}

/* Photography only where real-world infrastructure benefits from it */
.connect-photo-pair{
  display:grid!important;grid-template-columns:1.15fr .85fr;gap:18px!important;
  padding-top:54px!important;padding-bottom:72px!important
}
.photo-panel{
  position:relative;min-height:440px;padding:34px;display:flex;flex-direction:column;justify-content:flex-end;
  overflow:hidden;background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.08)
}
.photo-panel::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,9,11,.94),rgba(7,9,11,.20) 70%)}
.photo-panel::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(168,230,0,.07),transparent 42%)}
.photo-panel span,.photo-panel strong{position:relative;z-index:2}
.photo-panel span{color:var(--acid);font-size:9px;font-weight:800;letter-spacing:.18em;margin-bottom:14px}
.photo-panel strong{font-size:clamp(28px,3vw,42px);line-height:1.02;letter-spacing:-.04em;color:#f2f4ef}
.photo-network{
  background-image:url("https://images.unsplash.com/photo-1506399558188-acca6f8cbf41?auto=format&fit=crop&fm=jpg&q=68&w=1600");
}
.photo-cctv{
  background-image:url("https://images.unsplash.com/photo-1760281822573-c36a0dfe8393?auto=format&fit=crop&fm=jpg&q=68&w=1200");
  background-position:center 35%;
}

/* keep pages light: no decorative duplication */
.page-software .editorial-band,.page-automation .editorial-band,.page-web .editorial-band,
.page-connect .visual-band{display:none!important}

@media(max-width:900px){
  .mockup-showcase,.home-product-visual{grid-template-columns:1fr;gap:36px;padding:70px 22px}
  .home-product-device{transform:none}
  .connect-photo-pair{grid-template-columns:1fr!important}
  .photo-panel{min-height:380px}
}
@media(max-width:640px){
  .mockup-showcase,.home-product-visual{padding:58px 18px}
  .mockup-copy h2,.home-product-copy h2{font-size:clamp(34px,10vw,44px)}
  .photo-panel{min-height:330px;padding:24px}
}