: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}
}
/* =========================================================
   AIRLOGICSOFT — PRODUCTOS: CITTA + COMMERCE
   Pegar al final de styles.css
   ========================================================= */
.products-section{position:relative}
.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.product-card{position:relative;min-height:520px;padding:34px;border:1px solid var(--line);background:linear-gradient(145deg,#11161a,#0b0e10);overflow:hidden}
.product-card::before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-140px;top:-150px;background:radial-gradient(circle,rgba(183,244,0,.15),transparent 68%);pointer-events:none}
.product-card-head{display:flex;justify-content:space-between;gap:18px;align-items:center;position:relative;z-index:2}
.product-tag,.product-status{font-size:9px;font-weight:800;letter-spacing:.15em}
.product-tag{color:var(--acid)}
.product-status{color:#687078;text-align:right}
.product-mark{position:relative;z-index:2;margin:72px 0 20px;font-size:clamp(38px,5vw,64px);font-weight:800;letter-spacing:-.06em}
.product-card h3{position:relative;z-index:2;font-size:clamp(27px,3vw,40px);line-height:1.02;letter-spacing:-.045em;max-width:560px}
.product-card>p{position:relative;z-index:2;color:var(--gray);line-height:1.7;max-width:570px}
.product-points{position:relative;z-index:2;list-style:none;padding:0;margin:26px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;color:#d5d9dc;font-size:12px}
.product-points li::before{content:"✓";color:var(--acid);margin-right:8px}
.product-actions{position:relative;z-index:2;display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:32px}
.text-link{color:var(--acid);font-size:11px;font-weight:800}
.commerce-mini-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:28px}
.commerce-mini-grid span{border:1px solid #2c3338;padding:16px 12px;color:var(--acid);font-size:10px;font-weight:800;text-align:center;letter-spacing:.08em;background:#0e1215}

/* Product pages */
.product-hero{min-height:690px}
.product-hero .subhero-art{height:440px}
.product-ui{position:relative;width:min(430px,92%);min-height:350px;border:1px solid #30373c;background:linear-gradient(180deg,#151a1e,#0d1013);box-shadow:0 35px 100px rgba(0,0,0,.42);padding:18px;transform:rotate(-2deg)}
.product-ui-top{display:flex;gap:6px;border-bottom:1px solid #293036;padding-bottom:14px;margin-bottom:18px}.product-ui-top i{width:7px;height:7px;border-radius:50%;background:#4c545a}.product-ui-top strong{margin-left:auto;color:var(--acid);font-size:9px;letter-spacing:.13em}
.product-ui-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.product-ui-grid span{min-height:72px;border:1px solid #283036;background:#11161a;display:grid;place-items:center;color:#cfd4d7;font-size:10px;text-align:center;padding:8px}.product-ui-grid span.acid{background:var(--acid);color:#090b0d;font-weight:800}
.product-ui-note{margin-top:14px;border:1px solid #2c3439;padding:14px;color:#929aa0;font-size:10px}.product-ui-note b{color:var(--acid)}
.product-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.product-feature{min-height:180px;border:1px solid var(--line);padding:24px;background:#101417}.product-feature span{color:var(--acid);font-size:10px}.product-feature h3{font-size:19px;margin:26px 0 10px}.product-feature p{color:var(--gray);font-size:12px;line-height:1.6}
.product-three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.solution-card{border:1px solid var(--line);padding:30px;background:#101417}.solution-card .solution-icon{font-size:32px;color:var(--acid)}.solution-card h3{font-size:28px;margin:28px 0 14px}.solution-card p{color:var(--gray);font-size:13px;line-height:1.65}.solution-card ul{list-style:none;padding:0;margin:22px 0 0}.solution-card li{padding:8px 0;border-bottom:1px solid #242b30;font-size:12px;color:#d3d7da}.solution-card li::before{content:"✓";color:var(--acid);margin-right:8px}
.product-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.product-metric{background:var(--black);padding:30px}.product-metric b{display:block;color:var(--acid);font-size:30px;margin-bottom:7px}.product-metric span{color:var(--gray);font-size:11px}
.product-band{max-width:var(--max);margin:0 auto 80px;padding:54px;border:1px solid var(--line);background:linear-gradient(120deg,rgba(183,244,0,.08),transparent 40%),#0e1215;display:grid;grid-template-columns:1fr .8fr;gap:40px;align-items:center}.product-band h2{font-size:clamp(38px,5vw,66px);line-height:.98;letter-spacing:-.05em}.product-band p{color:var(--gray);line-height:1.7}.product-band .btn{margin-top:18px}

/* ============================================================
   CITTA 2026
============================================================ */

.citta-page {
  --citta-pink: #ff176d;
  --citta-pink-dark: #e30b5c;
  --citta-soft: #fff3f7;
  --citta-soft-2: #ffe7ef;
  --citta-dark: #121722;
  --citta-text: #18212d;
  --citta-muted: #677180;

  background: #fff;
  color: var(--citta-text);
}

.citta-page .site-header {
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(18px);
}


/* HERO */

.citta-hero {
  min-height: 760px;
  display: grid;
  grid-template-columns: 1fr 1.18fr;
  overflow: hidden;
  background:
    radial-gradient(circle at 35% 30%, #fff4f7 0, transparent 36%),
    #fff;
}

.citta-hero-copy {
  padding: 90px 5vw 70px;
  z-index: 4;
}

.citta-label {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 9px 17px;
  border: 1px solid #eee;
  border-radius: 999px;
  background: #fafafa;
  margin-bottom: 38px;
  font-size: 14px;
}

.citta-label strong {
  color: #111722;
}

.citta-label span:last-child {
  border-left: 1px solid #ccd0d5;
  padding-left: 12px;
}

.citta-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--citta-pink);
}

.citta-hero h1 {
  margin: 0;
  font-size: clamp(54px, 6vw, 92px);
  line-height: .91;
  letter-spacing: -5px;
  font-weight: 800;
  color: #111926;
}

.citta-hero h1 span {
  color: var(--citta-pink);
}

.citta-lead {
  max-width: 650px;
  margin: 35px 0 32px;
  font-size: 19px;
  line-height: 1.55;
  color: #3b4653;
}

.citta-hero-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.citta-btn {
  background: var(--citta-pink) !important;
  color: #fff !important;
  border-color: var(--citta-pink) !important;
}

.citta-btn:hover {
  background: var(--citta-pink-dark) !important;
}

.citta-secondary-btn {
  min-height: 54px;
  padding: 0 25px;
  border: 1px solid #d7dbe0;
  border-radius: 999px;
  display: inline-flex;
  gap: 12px;
  align-items: center;
  text-decoration: none;
  color: #151b24;
  font-weight: 700;
}

.play-circle {
  width: 31px;
  height: 31px;
  display: grid;
  place-items: center;
  border: 1px solid #adb5bf;
  border-radius: 50%;
  font-size: 11px;
}

.citta-benefits {
  display: flex;
  gap: 35px;
  margin-top: 38px;
  flex-wrap: wrap;
}

.citta-benefits div {
  display: flex;
  gap: 9px;
  align-items: center;
}

.citta-benefits strong {
  color: var(--citta-pink);
}


/* HERO VISUAL */

.citta-hero-visual {
  position: relative;
  min-height: 760px;
  background:
    linear-gradient(90deg, rgba(15,15,15,.1), rgba(15,15,15,.25)),
    radial-gradient(circle at 80% 10%, #b49b8b, #302823 65%);
}

.citta-photo-card {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(0,0,0,.04), rgba(0,0,0,.5)),
    radial-gradient(circle at 70% 30%, #8d5e52, transparent 35%),
    linear-gradient(135deg, #725c50, #241e1b);
}

.citta-neon {
  position: absolute;
  top: 85px;
  right: 55px;
  color: #ff77ad;
  font-size: 44px;
  line-height: .95;
  font-family: cursive;
  font-style: italic;
  transform: rotate(-5deg);
  text-shadow:
    0 0 6px #ff176d,
    0 0 20px #ff176d,
    0 0 40px #ff176d;
}

.citta-quote {
  position: absolute;
  right: 34px;
  top: 45px;
  width: 290px;
  background: rgba(20,20,20,.8);
  backdrop-filter: blur(10px);
  color: #fff;
  border-radius: 19px;
  padding: 18px 23px;
  z-index: 6;
}

.citta-quote span {
  font-size: 32px;
}

.citta-quote p {
  margin: 0 0 10px;
}

.citta-quote small {
  opacity: .75;
}


/* PHONE */

.citta-phone {
  width: 225px;
  height: 466px;
  position: absolute;
  z-index: 8;
  bottom: 28px;
  left: -20px;
  padding: 8px;
  background: #090a0c;
  border-radius: 39px;
  transform: rotate(-1.5deg);
  box-shadow: 0 35px 80px rgba(0,0,0,.35);
}

.phone-speaker {
  width: 78px;
  height: 21px;
  background: #050607;
  border-radius: 15px;
  position: absolute;
  top: 9px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 4;
}

.phone-screen {
  height: 100%;
  background: #fff;
  border-radius: 32px;
  padding: 29px 12px 10px;
  overflow: hidden;
  color: #171b20;
}

.phone-top {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
}

.phone-top strong span {
  color: var(--citta-pink);
}

.phone-welcome {
  margin: 19px 0 14px;
}

.phone-welcome h3 {
  font-size: 18px;
  margin: 2px 0;
}

.phone-welcome p {
  font-size: 10px;
  opacity: .55;
  margin: 0;
}

.phone-stats {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 4px;
}

.phone-stats div {
  background: #f6f7f9;
  padding: 8px 3px;
  border-radius: 9px;
  text-align: center;
}

.phone-stats span,
.phone-stats strong,
.phone-stats small {
  display: block;
}

.phone-stats strong {
  font-size: 11px;
  margin-top: 3px;
}

.phone-stats small {
  font-size: 7px;
  opacity: .6;
}

.phone-section-title {
  margin: 15px 0 7px;
  display: flex;
  justify-content: space-between;
  font-size: 9px;
}

.phone-section-title span {
  color: var(--citta-pink);
}

.appointment {
  display: grid;
  grid-template-columns: 38px 1fr 1fr;
  gap: 4px;
  padding: 8px 0;
  border-bottom: 1px solid #eee;
  font-size: 9px;
}

.appointment small {
  opacity: .5;
}

.phone-nav {
  position: absolute;
  bottom: 15px;
  left: 16px;
  right: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.phone-nav span {
  text-align: center;
  font-size: 13px;
}

.phone-nav small {
  display: block;
  font-size: 6px;
}

.phone-plus {
  width: 37px;
  height: 37px;
  background: var(--citta-pink);
  color: #fff;
  border-radius: 50%;
  display: grid !important;
  place-items: center;
  font-size: 23px !important;
}


/* LAPTOP */

.citta-laptop {
  position: absolute;
  z-index: 7;
  width: 600px;
  max-width: 75%;
  bottom: 42px;
  right: 18px;
}

.laptop-screen {
  height: 382px;
  display: grid;
  grid-template-columns: 120px 1fr;
  background: #fff;
  border: 8px solid #15181d;
  border-radius: 15px 15px 5px 5px;
  overflow: hidden;
  box-shadow: 0 30px 70px rgba(0,0,0,.35);
}

.laptop-base {
  width: 110%;
  height: 17px;
  position: relative;
  left: -5%;
  background: linear-gradient(#d7d8db,#878b91);
  border-radius: 2px 2px 20px 20px;
}

.citta-app-menu {
  background: #f8f9fa;
  padding: 19px 9px;
}

.citta-app-menu strong {
  display: block;
  font-size: 19px;
  margin-bottom: 22px;
}

.citta-app-menu strong span {
  color: var(--citta-pink);
}

.citta-app-menu a {
  display: block;
  padding: 9px 8px;
  border-radius: 6px;
  font-size: 9px;
  color: #59616b;
}

.citta-app-menu .active {
  background: #ffe8f1;
  color: var(--citta-pink);
}

.citta-app-main {
  padding: 20px 16px;
}

.app-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.app-header small {
  opacity: .5;
}

.app-header h4 {
  margin: 3px 0;
}

.app-header button {
  border: 0;
  border-radius: 6px;
  background: var(--citta-pink);
  color: #fff;
  padding: 8px 12px;
  font-size: 8px;
}

.calendar {
  margin-top: 22px;
  font-size: 8px;
}

.calendar-head,
.calendar-row {
  display: grid;
  grid-template-columns: 44px repeat(4,1fr);
  min-height: 54px;
}

.calendar-head {
  min-height: 25px;
}

.calendar-row {
  border-top: 1px solid #e9eaed;
}

.calendar-row > span {
  padding-top: 10px;
  opacity: .5;
}

.event {
  margin: 4px;
  padding: 6px;
  border-radius: 5px;
  font-style: normal;
}

.event.green {background:#b8f2df;}
.event.blue {background:#cce5ff;}
.event.mint {background:#c8f1e1;}
.event.pink {background:#ffc5dc;}
.event.yellow {background:#ffe5ac;}
.event.purple {background:#ddd3ff;}


/* BAND */

.citta-value-band {
  background: #171c27;
  color: #fff;
  display: grid;
  grid-template-columns: repeat(4,1fr);
  padding: 26px 6vw;
}

.citta-value-band > div {
  display: flex;
  gap: 15px;
  align-items: center;
  padding: 10px 30px;
  border-right: 1px solid rgba(255,255,255,.17);
}

.citta-value-band > div:last-child {
  border-right: 0;
}

.citta-value-band span {
  font-size: 30px;
  color: var(--citta-pink);
}

.citta-value-band strong,
.citta-value-band small {
  display: block;
}

.citta-value-band small {
  opacity: .7;
}


/* BUSINESS */

.citta-business-section,
.citta-features-section,
.citta-flow-section {
  padding: 100px 5vw;
}

.citta-section-title {
  max-width: 760px;
  margin-bottom: 48px;
}

.citta-section-title > p:first-child,
.citta-kicker {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .16em;
  color: var(--citta-pink);
}

.citta-section-title h2,
.citta-flow-section h2 {
  font-size: clamp(37px,5vw,62px);
  letter-spacing: -2px;
  line-height: 1;
  margin: 12px 0 20px;
}

.citta-section-title h2 span,
.citta-flow-section h2 span {
  color: var(--citta-pink);
}

.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.business-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 19px;
}

.business-card {
  border: 1px solid #e8eaed;
  border-radius: 22px;
  padding: 13px;
  transition: .3s;
}

.business-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 23px 60px rgba(20,25,35,.11);
}

.business-image {
  height: 210px;
  border-radius: 15px;
  display: grid;
  place-items: center;
  font-size: 58px;
}

.barber-card .business-image {
  background: linear-gradient(135deg,#211d1b,#735849);
  color: #fff;
}

.hair-card .business-image {
  background: linear-gradient(135deg,#e1aa9c,#8a554a);
}

.nails-card .business-image {
  background: linear-gradient(135deg,#ffe3ec,#f4a3bd);
}

.spa-card .business-image {
  background: linear-gradient(135deg,#ebe3d9,#b6a18b);
}

.lashes-card .business-image {
  background: linear-gradient(135deg,#e2c0ae,#6e5048);
}

.makeup-card .business-image {
  background: linear-gradient(135deg,#f8d6db,#b86e82);
}

.business-card h3 {
  margin: 20px 10px 7px;
  font-size: 22px;
}

.business-card p {
  margin: 0 10px 15px;
  color: var(--citta-muted);
  line-height: 1.5;
}

.business-card a {
  margin: 0 10px 12px;
  display: inline-block;
  color: var(--citta-pink);
  font-weight: 800;
  text-decoration: none;
}


/* FEATURES */

.citta-features-section {
  background: #fafafa;
}

.citta-feature-grid {
  display: grid;
  grid-template-columns: repeat(5,1fr);
  gap: 13px;
}

.citta-feature-grid article {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 18px;
  padding: 24px;
}

.citta-feature-grid article > span {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  background: #ffe8f1;
  color: var(--citta-pink);
}

.citta-feature-grid h3 {
  margin: 18px 0 8px;
  font-size: 17px;
}

.citta-feature-grid p {
  margin: 0;
  font-size: 14px;
  color: var(--citta-muted);
}


/* FLOW */

.citta-flow-section {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 80px;
  align-items: center;
}

.flow-copy {
  max-width: 680px;
}

.flow-step {
  display: flex;
  gap: 20px;
  margin-top: 25px;
}

.flow-step > strong {
  flex: 0 0 43px;
  height: 43px;
  background: var(--citta-pink);
  color: #fff;
  display: grid;
  place-items: center;
  border-radius: 50%;
}

.flow-step h3,
.flow-step p {
  margin: 0;
}

.flow-step p {
  margin-top: 4px;
  color: var(--citta-muted);
}


/* WhatsApp demo */

.citta-whatsapp-demo {
  max-width: 430px;
  background: #efeae2;
  border-radius: 30px;
  padding: 24px;
  box-shadow: 0 35px 80px rgba(0,0,0,.13);
}

.wa-demo-header {
  background: #075e54;
  color: #fff;
  margin: -24px -24px 24px;
  padding: 19px 22px;
  border-radius: 30px 30px 0 0;
  display: flex;
  gap: 12px;
}

.wa-demo-header small,
.wa-demo-header strong {
  display: block;
}

.wa-message {
  background: #fff;
  padding: 18px;
  max-width: 85%;
  border-radius: 3px 15px 15px 15px;
  line-height: 1.5;
}

.wa-options {
  display: flex;
  gap: 7px;
  margin-top: 14px;
}

.wa-options button {
  border: 0;
  background: #fff;
  color: #159071;
  border-radius: 9px;
  padding: 10px 15px;
  font-weight: 700;
}

.wa-status {
  text-align: center;
  opacity: .4;
  font-size: 11px;
  margin-top: 30px;
}


/* CTA */

.citta-final-cta {
  margin: 20px 5vw 90px;
  padding: 65px;
  border-radius: 28px;
  background:
    radial-gradient(circle at 90% 50%, #ff377e, transparent 35%),
    #171c27;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.citta-final-cta h2 {
  font-size: clamp(38px,5vw,63px);
  line-height: .95;
  margin: 12px 0 20px;
}

.citta-final-cta h2 span {
  color: var(--citta-pink);
}


/* RESPONSIVE */

@media (max-width: 1100px) {

  .citta-hero {
    grid-template-columns: 1fr;
  }

  .citta-hero-visual {
    min-height: 650px;
  }

  .citta-phone {
    left: 7%;
  }

  .citta-value-band {
    grid-template-columns: repeat(2,1fr);
  }

  .business-grid {
    grid-template-columns: repeat(2,1fr);
  }

  .citta-feature-grid {
    grid-template-columns: repeat(2,1fr);
  }

}


@media (max-width: 750px) {

  .citta-hero-copy {
    padding: 65px 22px;
  }

  .citta-hero h1 {
    font-size: 54px;
    letter-spacing: -3px;
  }

  .citta-hero-visual {
    min-height: 560px;
  }

  .citta-laptop {
    width: 94%;
    max-width: none;
    right: 3%;
    bottom: 40px;
  }

  .laptop-screen {
    grid-template-columns: 85px 1fr;
    height: 330px;
  }

  .citta-phone {
    width: 175px;
    height: 365px;
    left: 10px;
    bottom: 0;
  }

  .citta-quote,
  .citta-neon {
    display: none;
  }

  .citta-value-band,
  .business-grid,
  .citta-feature-grid,
  .citta-flow-section {
    grid-template-columns: 1fr;
  }

  .citta-value-band > div {
    border-right: none;
    border-bottom: 1px solid rgba(255,255,255,.12);
  }

  .citta-business-section,
  .citta-features-section,
  .citta-flow-section {
    padding: 70px 22px;
  }

  .citta-final-cta {
    margin: 10px 22px 70px;
    padding: 38px 25px;
    align-items: flex-start;
    flex-direction: column;
    gap: 28px;
  }

}

/* =========================================================
   AIRLOGICSOFT PRIVACY
========================================================= */

.privacy-page {
  background: #080b0d;
  color: #fff;
}

.privacy-hero {
  max-width: 1100px;
  margin: auto;
  padding: 120px 40px 80px;
}

.privacy-hero h1 {
  font-size: clamp(55px, 8vw, 105px);
  line-height: .9;
  letter-spacing: -5px;
  margin: 20px 0 35px;
}

.privacy-hero h1 em {
  color: var(--acid, #b7ff00);
  font-style: normal;
}

.privacy-intro {
  max-width: 760px;
  color: #aeb5bd;
  font-size: 19px;
  line-height: 1.7;
}

.privacy-update {
  display: inline-block;
  margin-top: 25px;
  padding: 9px 15px;
  border: 1px solid #30363b;
  border-radius: 999px;
  color: #8f989f;
  font-size: 12px;
}

.privacy-content {
  max-width: 1100px;
  margin: auto;
  padding: 20px 40px 100px;
}

.privacy-block {
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 30px;
  padding: 50px 0;
  border-top: 1px solid #242a2e;
}

.privacy-number {
  color: var(--acid, #b7ff00);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .15em;
}

.privacy-block h2 {
  font-size: 30px;
  margin: 0 0 20px;
}

.privacy-block p,
.privacy-block li {
  max-width: 800px;
  color: #aeb5bd;
  line-height: 1.75;
}

.privacy-block li {
  margin-bottom: 7px;
}

.privacy-email {
  display: inline-block;
  margin: 5px 0 15px;
  color: var(--acid, #b7ff00);
  font-weight: 700;
  text-decoration: none;
}

.privacy-contact {
  margin: 0 auto 100px;
  max-width: 1100px;
  padding: 55px;
  border-radius: 25px;
  background: #111619;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

.privacy-contact h2 {
  font-size: clamp(35px, 5vw, 58px);
  line-height: 1;
  margin: 15px 0;
}

.privacy-contact h2 em {
  color: var(--acid, #b7ff00);
  font-style: normal;
}

.privacy-contact p {
  max-width: 650px;
  color: #aeb5bd;
}

@media (max-width: 700px) {

  .privacy-hero,
  .privacy-content {
    padding-left: 22px;
    padding-right: 22px;
  }

  .privacy-block {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .privacy-contact {
    margin: 0 22px 70px;
    padding: 35px 25px;
    flex-direction: column;
    align-items: flex-start;
  }

}

@media(max-width:980px){.product-grid,.product-band{grid-template-columns:1fr}.product-feature-grid{grid-template-columns:1fr 1fr}.product-three-grid{grid-template-columns:1fr}.product-metric-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.product-card{padding:24px;min-height:auto}.product-points,.commerce-mini-grid,.product-feature-grid,.product-metric-grid{grid-template-columns:1fr}.product-mark{margin-top:45px}.product-band{margin-left:18px;margin-right:18px;padding:28px}.product-ui{transform:none}}

/* CITTA photographic upgrade */
.citta-photo-card{background-image:linear-gradient(90deg,rgba(10,10,12,.08),rgba(10,10,12,.46)),url('assets/citta/hero-barber.webp');background-size:cover;background-position:center 35%;}
.business-image{position:relative;overflow:hidden;background:#15181d!important;}
.business-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease;}
.business-card:hover .business-image img{transform:scale(1.045);}
.business-image>span{position:absolute;left:14px;bottom:14px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--citta-pink);font-size:21px;box-shadow:0 8px 24px rgba(0,0,0,.16);}

/* =========================================================
   REPUTATION INTELLIGENCE 2026
========================================================= */
.product-grid{grid-template-columns:repeat(3,1fr)}
.product-reputation-card{background:linear-gradient(145deg,#10171c,#070a0c)}
.product-reputation-card::before{background:radial-gradient(circle,rgba(183,244,0,.24),transparent 68%)}
.product-reputation-card .product-mark{font-size:clamp(31px,3.8vw,52px);line-height:.88}
.reputation-page{background:#070b0e;color:#fff}
.ri-hero{position:relative;min-height:720px;padding:130px max(5vw,32px) 70px;display:grid;grid-template-columns:1.05fr .82fr .56fr;gap:28px;align-items:center;overflow:hidden;background:radial-gradient(circle at 55% 30%,rgba(35,70,80,.28),transparent 35%),linear-gradient(120deg,#071015,#0a0e11 55%,#071014)}
.ri-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 80%);pointer-events:none}
.ri-hero-copy,.ri-search,.ri-scope{position:relative;z-index:2}.ri-hero h1{font-size:clamp(58px,6.4vw,105px);line-height:.86;letter-spacing:-.07em;margin:20px 0 30px}.ri-hero h1 em,.ri-statement em,.ri-principles em{font-style:normal;color:var(--acid)}.ri-hero .lead{max-width:720px;color:#c2c9cd;font-size:17px;line-height:1.7}.ri-trust{display:flex;flex-wrap:wrap;gap:18px;margin:30px 0;color:#d9dee1;font-size:11px}.ri-trust span{border:1px solid #293238;padding:10px 13px;border-radius:999px}
.ri-browser{border:1px solid #334149;border-radius:22px;padding:18px;background:rgba(14,22,27,.88);box-shadow:0 40px 100px rgba(0,0,0,.45);transform:rotate(-2deg)}.ri-browser-top{display:flex;gap:6px;align-items:center;border-bottom:1px solid #28343a;padding-bottom:13px}.ri-browser-top i{width:7px;height:7px;border-radius:50%;background:#5a656b}.ri-browser-top span{margin-left:auto;color:#76838a;font-size:9px}.ri-searchbar{margin:20px 0;padding:14px 16px;background:#fff;color:#555;border-radius:999px;font-size:12px}.ri-browser article{background:#fff;color:#15191c;border-radius:14px;padding:18px;margin-top:12px}.ri-browser article b,.ri-browser article strong{display:block;font-size:18px}.ri-browser article small{color:#63707a}.ri-browser article p{font-size:11px;line-height:1.55;color:#5e6870}.ri-browser article span{display:inline-block;background:#edf4f7;color:#41677c;padding:5px 7px;border-radius:999px;font-size:8px;margin-right:4px}.ri-browser .ri-result{background:#111a20;color:#fff;border:1px solid #2d3a42}.ri-browser .ri-result p{color:#9faab0}
.ri-scope{border:1px solid #2c3941;background:rgba(11,18,23,.78);backdrop-filter:blur(14px);padding:22px;border-radius:22px}.ri-scope>div{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid #243038}.ri-scope>div:last-child{border-bottom:0}.ri-scope b{color:var(--acid);font-size:17px}.ri-scope span{font-size:9px;color:#7f8c93;line-height:1.45}.ri-scope strong{display:block;color:#fff;font-size:10px;margin-bottom:4px}
.ri-statement{padding:60px max(5vw,32px);display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;background:#f4f6f6;color:#0a0d0f}.ri-statement h2{font-size:clamp(42px,5vw,72px);line-height:.94;letter-spacing:-.055em;margin:15px 0}.ri-statement p{color:#526068;line-height:1.65}.ri-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#cfd5d7}.ri-metrics div{background:#f4f6f6;padding:25px 18px}.ri-metrics b{display:block;font-size:26px;color:#0b0e10;margin-bottom:8px}.ri-metrics span{font-size:10px;color:#69747a}
.ri-process{background:#091015}.ri-process-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #273138}.ri-process-grid article{padding:28px 22px;border-right:1px solid #273138;min-height:250px}.ri-process-grid article:last-child{border-right:0}.ri-process-grid span{color:var(--acid);font-weight:800;font-size:12px}.ri-process-grid h3{font-size:20px;margin:40px 0 14px}.ri-process-grid p{font-size:11px;line-height:1.65;color:#8e9aa0}
.ri-principles{padding:90px max(5vw,32px);background:#0d1215}.ri-principles .section-head{max-width:1180px;margin:0 auto 40px}.ri-principles h2{font-size:clamp(42px,5vw,70px);line-height:.96;letter-spacing:-.05em}.ri-principle-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ri-principle-grid article{border:1px solid #293238;background:#0a0e11;padding:30px}.ri-principle-grid b{color:var(--acid)}.ri-principle-grid h3{font-size:25px;margin:35px 0 12px}.ri-principle-grid p{color:#8f9aa0;font-size:12px;line-height:1.7}
@media(max-width:1100px){.product-grid{grid-template-columns:1fr 1fr}.ri-hero{grid-template-columns:1fr 1fr}.ri-scope{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}.ri-scope>div{border-bottom:0}.ri-process-grid{grid-template-columns:1fr 1fr}.ri-process-grid article{border-bottom:1px solid #273138}.ri-statement{grid-template-columns:1fr}}
@media(max-width:700px){.product-grid{grid-template-columns:1fr}.ri-hero{grid-template-columns:1fr;padding:110px 20px 55px}.ri-hero h1{font-size:clamp(52px,16vw,76px)}.ri-scope{grid-template-columns:1fr}.ri-statement{padding:50px 22px}.ri-metrics{grid-template-columns:1fr 1fr}.ri-process-grid,.ri-principle-grid{grid-template-columns:1fr}.ri-process-grid article{border-right:0}.ri-principles{padding:70px 22px}}

/* Reputation Intelligence — photographic premium treatment */
.ri-hero-photo{position:relative;overflow:hidden;isolation:isolate;background:#071014;}
.ri-hero-photo::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,9,12,.98) 0%,rgba(4,9,12,.88) 38%,rgba(4,9,12,.35) 68%,rgba(4,9,12,.82) 100%),url("https://images.pexels.com/photos/6930584/pexels-photo-6930584.jpeg?auto=compress&cs=tinysrgb&w=1800") center 35%/cover no-repeat;z-index:-2;}
.ri-hero-photo::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 63% 38%,rgba(183,255,0,.08),transparent 28%);z-index:-1;pointer-events:none;}
.ri-hero-photo .ri-search{box-shadow:0 30px 80px rgba(0,0,0,.45);backdrop-filter:blur(12px);}
.ri-photo-cta{position:relative;overflow:hidden;isolation:isolate;}
.ri-photo-cta::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,10,12,.96),rgba(6,10,12,.74)),url("https://images.pexels.com/photos/7652469/pexels-photo-7652469.jpeg?auto=compress&cs=tinysrgb&w=1600") center/cover no-repeat;z-index:-1;}
/* Global photographic accents — open-stock imagery from Pexels */
.page-photo-band{min-height:360px;border-radius:28px;background-size:cover;background-position:center;overflow:hidden;}
@media(max-width:900px){.ri-hero-photo::before{background-position:58% center}.ri-photo-cta::before{background-position:60% center}}

/* =========================================================
   REPUTATION INTELLIGENCE — APPROVED CONCEPT / V2
========================================================= */
.ri-v2{background:#071014;color:#fff}.ri-v2 .site-header{background:rgba(5,12,16,.82);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(16px)}.ri-v2 .site-nav .nav-cta{border:1px solid var(--acid);color:var(--acid);border-radius:999px;padding:11px 22px}.riv2-kicker{font-size:11px;font-weight:800;letter-spacing:.34em;color:#d7dde0}.riv2-kicker.dark{color:#182126}.riv2-hero{min-height:620px;padding:92px 3.2vw 0;display:grid;grid-template-columns:1.08fr .92fr .62fr;gap:0;background:radial-gradient(circle at 53% 20%,#18303b 0,transparent 32%),linear-gradient(110deg,#061016,#0b151b 62%,#071016);overflow:hidden;position:relative}.riv2-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:58px 100%;pointer-events:none}.riv2-copy{padding:55px 18px 55px 8px;z-index:2}.riv2-copy h1{font-size:clamp(58px,5.6vw,90px);line-height:.9;letter-spacing:-.065em;margin:18px 0 25px}.riv2-copy h1 em,.riv2-integral h2 em{font-style:normal;color:var(--acid)}.riv2-lead{font-size:17px;line-height:1.65;color:#eef2f3;max-width:570px}.riv2-benefits{display:flex;gap:30px;margin:30px 0 34px}.riv2-benefits span{display:flex;align-items:center;gap:9px;font-size:19px;color:#d8e0e4}.riv2-benefits b{font-size:10px;line-height:1.2;color:#fff}.riv2-main-btn{padding:15px 28px!important}.riv2-person{position:relative;align-self:stretch;min-height:530px;z-index:2}.riv2-person>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 10%;mix-blend-mode:screen;opacity:.96;mask-image:linear-gradient(to bottom,#000 82%,transparent)}.riv2-motto{position:absolute;right:3%;top:14%;font-size:9px;letter-spacing:.38em;line-height:2;color:#e8ecee;border-left:2px solid var(--acid);padding-left:12px}.riv2-google-card{position:absolute;left:2%;bottom:-30px;width:225px;background:#fff;color:#12171a;border-radius:13px;padding:14px;box-shadow:0 20px 55px rgba(0,0,0,.35);transform:rotate(-1deg)}.gbrand{font-size:18px;margin-bottom:9px}.gbrand b{color:#4285f4}.gsearch{border:1px solid #e1e5e7;border-radius:999px;padding:8px 10px;font-size:9px;color:#68747a}.gprofile{display:flex;gap:8px;align-items:center;margin-top:11px}.gavatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#dbe6ea;font-size:8px}.gprofile strong{display:block;font-size:10px}.gprofile small{font-size:6px;color:#67747a}.riv2-google-card p{font-size:7px;line-height:1.45;color:#4e5a60}.gtags span{font-size:6px;background:#eaf3ff;color:#2670c9;border-radius:999px;padding:4px 6px;margin-right:3px}.riv2-linkedin-card{position:absolute;right:-4%;bottom:-22px;width:130px;background:#fff;color:#101519;border-radius:10px;padding:8px;box-shadow:0 20px 50px rgba(0,0,0,.35);transform:rotate(3deg)}.li-badge{position:absolute;right:8px;top:8px;background:#0a66c2;color:#fff;font-weight:800;padding:4px;border-radius:4px}.li-photo{height:82px;border-radius:7px;background:url('assets/reputation/hero-executive.webp') center 18%/cover}.riv2-linkedin-card strong{font-size:9px;line-height:1.2;display:block;margin:7px 0}.riv2-linkedin-card small{font-size:6px;color:#667178}.riv2-scope{z-index:2;margin:0 0 34px;background:rgba(13,24,31,.78);border:1px solid #30404a;border-radius:20px;padding:18px 20px;align-self:center;backdrop-filter:blur(16px);box-shadow:0 30px 80px rgba(0,0,0,.28)}.riv2-scope>div{display:grid;grid-template-columns:32px 1fr;gap:10px;padding:13px 0}.riv2-scope i{font-style:normal;color:#36a7ff;font-size:17px}.riv2-scope b{display:block;font-size:9px;margin-bottom:4px}.riv2-scope small{display:block;color:#82919a;font-size:7px;line-height:1.35}.riv2-integral{background:#f7f8f8;color:#080c0e;padding:38px 3.2vw;display:grid;grid-template-columns:1fr 1.2fr;gap:35px;align-items:end}.riv2-integral h2{font-size:clamp(34px,3.6vw,55px);line-height:.95;letter-spacing:-.05em;margin:12px 0}.riv2-integral-copy>p:last-child{color:#39464c;max-width:650px;font-size:12px;line-height:1.5}.riv2-stats{display:grid;grid-template-columns:repeat(4,1fr)}.riv2-stats>div{padding:10px 24px;border-left:1px solid #d3d8da}.riv2-stats b{display:block;font-size:31px;margin-bottom:8px}.riv2-stats span{font-size:9px;color:#45535a;line-height:1.45}.riv2-stats>div:last-child b{color:#6b9f00;font-size:36px}.riv2-process{padding:38px 3.2vw 24px;background:linear-gradient(180deg,#08131a,#071015)}.riv2-process-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.riv2-process-head h2{font-size:32px;margin:0 0 5px}.riv2-process-head p{font-size:11px;color:#9ca8ae}.riv2-process-head blockquote{border-left:2px solid var(--acid);padding-left:16px;font-size:13px;line-height:1.45}.riv2-steps{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #26363f;border-radius:16px;overflow:hidden}.riv2-steps article{padding:18px 14px 20px;border-right:1px solid #26363f;min-height:165px;position:relative}.riv2-steps article:last-child{border-right:0}.riv2-steps i{font-style:normal;color:var(--acid);font-size:23px}.riv2-steps h3{font-size:11px;line-height:1.2;margin:10px 0 12px}.riv2-steps p{font-size:9px;line-height:1.5;color:#9ca8ae}.riv2-bottom{display:grid;grid-template-columns:.95fr 1.05fr;min-height:250px;background:#071015;border-top:1px solid #26363f}.riv2-bottom-image{position:relative;overflow:hidden}.riv2-bottom-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.48}.riv2-bottom-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,10,14,.65),rgba(4,10,14,.15))}.riv2-bottom-image>div{position:relative;z-index:2;padding:32px 3.2vw}.riv2-bottom-image h2{font-size:25px;line-height:1.05;margin:0 0 28px}.riv2-bottom-image span{font-size:7px;letter-spacing:.24em;color:#b8c3c8}.riv2-final-card{margin:20px 3vw 20px 0;border:1px solid #2a3942;border-radius:18px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:#0b151b}.riv2-final-card h3{font-size:20px;margin:0 0 8px}.riv2-final-card p{font-size:11px;color:#a5b0b5;max-width:440px;line-height:1.5;margin-bottom:18px}.riv2-final-card img{width:150px}.ri-footer{padding-top:0}.ri-footer .footer-bottom{border-top:1px solid #26343c}.ri-footer a{color:inherit;text-decoration:none}
@media(max-width:1050px){.riv2-hero{grid-template-columns:1fr 1fr}.riv2-scope{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);margin:30px 0}.riv2-integral{grid-template-columns:1fr}.riv2-steps{grid-template-columns:repeat(2,1fr)}.riv2-steps article{border-bottom:1px solid #26363f}.riv2-bottom{grid-template-columns:1fr}.riv2-bottom-image{min-height:260px}.riv2-final-card{margin:20px}}
@media(max-width:700px){.riv2-hero{grid-template-columns:1fr;padding:92px 20px 0}.riv2-copy{padding:35px 0}.riv2-copy h1{font-size:clamp(55px,16vw,76px)}.riv2-benefits{gap:12px;flex-wrap:wrap}.riv2-person{min-height:520px}.riv2-scope{grid-template-columns:1fr}.riv2-integral{padding:40px 22px}.riv2-stats{grid-template-columns:1fr 1fr}.riv2-process{padding:40px 20px}.riv2-process-head{align-items:flex-start;gap:25px;flex-direction:column}.riv2-steps{grid-template-columns:1fr}.riv2-steps article{border-right:0}.riv2-final-card{flex-direction:column;align-items:flex-start}.riv2-google-card{left:0}.riv2-linkedin-card{right:0}}


/* =========================================================
   PREMIUM VISUAL SYSTEM 2026
========================================================= */
.premium-photo-band{max-width:1280px;margin:56px auto;padding:0 34px;display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:center}.premium-photo-copy{padding:24px 0}.premium-photo-copy h2{font-size:clamp(34px,4.4vw,66px);line-height:.98;letter-spacing:-.045em;margin:12px 0 20px}.premium-photo-copy p:not(.kicker){color:var(--muted,#89939c);font-size:17px;line-height:1.7;max-width:590px}.premium-photo-frame{margin:0;min-height:380px;border-radius:28px;overflow:hidden;background:#0b1115;border:1px solid rgba(255,255,255,.09);box-shadow:0 28px 80px rgba(0,0,0,.18)}.premium-photo-frame img{width:100%;height:100%;min-height:380px;display:block;object-fit:cover;transition:transform .6s ease}.premium-photo-frame:hover img{transform:scale(1.025)}body:not(.reputation-page) .premium-photo-band:nth-of-type(even) .premium-photo-frame{order:-1}.ri-v2 .riv2-portrait img{object-position:center top!important;width:100%;height:100%;object-fit:cover}.ri-v2 .riv2-portrait{overflow:hidden}
@media(max-width:820px){.premium-photo-band{grid-template-columns:1fr;margin:34px auto;padding:0 20px;gap:22px}.premium-photo-frame,.premium-photo-frame img{min-height:260px}.premium-photo-frame{order:0!important}.premium-photo-copy h2{font-size:38px}}