:root{
  --v4-ink:#14252e;
  --v4-panel:#1f313a;
  --v4-panel-2:#283b44;
  --v4-green:#bfd3bf;
  --v4-green-bright:#d7ead4;
  --v4-steel:#a9b8be;
  --v4-white:#f7f8f5;
  --v4-line:rgba(255,255,255,.12);
  --v4-shadow:0 30px 86px rgba(12,24,31,.18);
}

/* ========================================
   PHOTOGRAPHY — edificio, arquitectura, escala
   ======================================== */
.hero-image{
  background-image:url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=2000&q=88') !important;
  background-position:62% 50% !important;
}
.menu-photo{
  background-image:linear-gradient(180deg,rgba(23,35,43,.04),rgba(23,35,43,.16)),url('https://images.unsplash.com/photo-1460317442991-0ec209397118?auto=format&fit=crop&w=1800&q=88') !important;
  background-position:center 45% !important;
}
.feature-photo{
  background-image:url('https://images.unsplash.com/photo-1449157291145-7efd050a4d0e?auto=format&fit=crop&w=1400&q=88') !important;
  background-position:center 46% !important;
}
.photo-tech-building{
  background-image:linear-gradient(180deg,rgba(18,36,46,.04),rgba(18,36,46,.20)),url('https://images.unsplash.com/photo-1487958449943-2429e8be8625?auto=format&fit=crop&w=1600&q=88');
  background-position:center;
  background-size:cover;
}
.photo-building-team{
  background-image:url('https://images.unsplash.com/photo-1494526585095-c41746248156?auto=format&fit=crop&w=2000&q=88') !important;
  background-position:center 52% !important;
  background-size:cover !important;
}
.contact-image{
  background-image:url('https://images.unsplash.com/photo-1460317442991-0ec209397118?auto=format&fit=crop&w=1800&q=88') !important;
  background-position:center 58% !important;
}

/* ========================================
   GESTIÓN INTEGRAL — AI SYSTEM MAP
   ======================================== */
.service-layout{grid-template-rows:auto minmax(0,1fr)}
.service-head{position:relative;z-index:5;margin-bottom:10px}
.ai-system{
  position:relative;
  min-height:0;
  height:100%;
  overflow:hidden;
  border-radius:34px 82px 34px 82px;
  background:
    radial-gradient(circle at 50% 48%,rgba(191,211,191,.18),transparent 22%),
    radial-gradient(circle at 8% 12%,rgba(255,255,255,.70),transparent 22%),
    linear-gradient(145deg,rgba(255,255,255,.64),rgba(255,255,255,.24));
  box-shadow:0 28px 66px rgba(23,35,43,.10),inset 0 0 0 1px rgba(23,35,43,.06);
  isolation:isolate;
}
.ai-system::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:radial-gradient(circle at center,rgba(20,37,46,.055) 1px,transparent 1.5px);
  background-size:30px 30px;
  mask-image:radial-gradient(circle at center,#000 0 54%,transparent 86%);
}
.ai-system::after{
  content:"";position:absolute;width:36%;aspect-ratio:1;left:32%;top:14%;border-radius:50%;
  border:1px solid rgba(23,35,43,.08);box-shadow:0 0 0 42px rgba(23,35,43,.018),0 0 0 84px rgba(23,35,43,.012);
  animation:v4OrbitHalo 8s ease-in-out infinite;pointer-events:none;
}
.ai-network{position:absolute;inset:6% 5% 12%;width:90%;height:82%;z-index:1;overflow:visible}
.ai-track{fill:none;stroke-linecap:round;stroke-linejoin:round}
.ai-track.base{stroke:rgba(20,37,46,.10);stroke-width:2}
.ai-track.flow{stroke:url(#flowGrad);stroke-width:3;stroke-dasharray:10 18;animation:v4Dash 9s linear infinite;filter:drop-shadow(0 0 7px rgba(191,211,191,.18))}
.ai-track.f2{animation-duration:7.4s;animation-direction:reverse}.ai-track.f3{animation-duration:10.2s}
.ai-packet{fill:#fff;stroke:#98ad9a;stroke-width:2}
.ai-packet.packet-2{fill:#c7d9c5}.ai-packet.packet-3{fill:#9eafb5}
.ai-core{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6;
  width:158px;height:158px;border-radius:50%;display:grid;place-content:center;text-align:center;
  background:linear-gradient(145deg,#162a34,#213842);color:#fff;
  box-shadow:0 28px 60px rgba(16,31,39,.23),inset 0 0 0 1px rgba(255,255,255,.08);
  animation:v4CoreFloat 5s ease-in-out infinite;
}
.ai-core strong{font-family:var(--display);font-size:40px;letter-spacing:-.04em;line-height:1}.ai-core span{margin-top:4px;font-size:9px;line-height:1.35;letter-spacing:.14em;color:rgba(255,255,255,.74)}
.ai-core>i{position:absolute;width:12px;height:12px;border-radius:50%;right:11px;top:22px;background:#d9ead6;box-shadow:0 0 0 10px rgba(217,234,214,.10);animation:v4Status 2.1s ease-in-out infinite}
.core-orbit{position:absolute;inset:-16px;border-radius:50%;border:1px dashed rgba(20,37,46,.16);animation:rotate 16s linear infinite}.core-orbit.two{inset:-31px;border-color:rgba(20,37,46,.08);animation-duration:24s;animation-direction:reverse}
.ai-node{
  position:absolute;z-index:7;width:202px;min-height:86px;padding:14px 16px;
  display:grid;grid-template-columns:34px 1fr;gap:2px 10px;align-content:center;
  border-radius:22px;background:rgba(255,255,255,.86);backdrop-filter:blur(12px);
  box-shadow:0 18px 36px rgba(20,37,46,.10),inset 0 0 0 1px rgba(20,37,46,.05);
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .35s var(--ease);
}
.ai-node::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.46) 48%,transparent 72%);transform:translateX(-130%);animation:v4Sheen 7s ease-in-out infinite;pointer-events:none}
.ai-node img{width:28px;height:28px;grid-row:1/4;opacity:.72}.ai-node em{font-style:normal;font-size:8px;letter-spacing:.12em;opacity:.4}.ai-node strong{font-size:10px;letter-spacing:.09em}.ai-node small{font-size:13px;color:rgba(20,37,46,.72)}
.ai-node>b{position:absolute;right:12px;top:12px;width:8px;height:8px;border-radius:50%;background:#b9ceb7;box-shadow:0 0 0 7px rgba(185,206,183,.09);animation:v4Status 2.5s ease-in-out infinite}
.ai-node:hover{transform:translateY(-7px) scale(1.025);background:#fff;box-shadow:0 24px 46px rgba(20,37,46,.15)}
.ai-node.n1{left:4%;top:9%}.ai-node.n2{left:3%;top:40%}.ai-node.n3{left:5%;bottom:10%}.ai-node.n4{right:4%;top:9%}.ai-node.n5{right:3%;top:40%}.ai-node.n6{right:5%;bottom:10%}
.ai-caption{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:8;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:rgba(20,37,46,.86);color:#fff;font-size:8px;font-weight:700;letter-spacing:.12em;box-shadow:0 14px 28px rgba(20,37,46,.12)}
.ai-caption i{width:22px;height:1px;background:rgba(255,255,255,.28)}
.ai-building-photo{position:absolute;right:0;top:0;width:24%;height:100%;z-index:2;clip-path:polygon(24% 0,100% 0,100% 100%,0 100%);opacity:.22;filter:grayscale(.4) saturate(.6)}
.ai-building-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(241,244,235,1),rgba(241,244,235,.08) 50%,transparent)}
.ai-building-photo span{position:absolute;right:14px;bottom:14px;z-index:2;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.82);font-size:7px;font-weight:700;letter-spacing:.12em;color:var(--v4-ink)}

/* ========================================
   TRANSPARENCIA — DATA COCKPIT
   ======================================== */
.transparency-grid{grid-template-columns:1.24fr .76fr;gap:clamp(36px,5vw,86px)}
.data-cockpit{
  position:relative;height:72vh;max-height:700px;min-height:520px;padding:24px;
  border-radius:34px 76px 34px 76px;overflow:hidden;isolation:isolate;
  background:
    radial-gradient(circle at 72% 24%,rgba(191,211,191,.12),transparent 24%),
    radial-gradient(circle at 16% 76%,rgba(168,184,190,.08),transparent 22%),
    linear-gradient(145deg,#1c2e37 0%,#223842 52%,#263d46 100%);
  box-shadow:0 34px 90px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.08);
}
.data-cockpit::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:44px 44px;mask-image:linear-gradient(180deg,#000,transparent 88%);pointer-events:none}
.data-cockpit::after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-90px;top:-100px;background:radial-gradient(circle,rgba(201,221,199,.13),rgba(201,221,199,0) 70%);animation:v4CockpitGlow 8s ease-in-out infinite alternate;pointer-events:none}
.data-cockpit>*{position:absolute;z-index:2}
.cockpit-top{left:24px;right:24px;top:22px;display:flex;justify-content:space-between;align-items:center;color:rgba(255,255,255,.62);font-size:9px;letter-spacing:.17em}
.cockpit-top b{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.06);font-size:9px}
.cockpit-top b i{width:8px;height:8px;border-radius:50%;background:#c6d9c2;box-shadow:0 0 0 8px rgba(198,217,194,.08);animation:v4Status 2.1s ease-in-out infinite}
.cockpit-kpi{left:clamp(24px,3vw,42px);top:17%;width:40%;display:grid;gap:8px}
.cockpit-kpi small{font-size:9px;letter-spacing:.2em;color:rgba(255,255,255,.56)}
.cockpit-kpi>div{display:flex;align-items:flex-end;gap:6px}.cockpit-kpi strong{font-family:var(--display);font-size:clamp(112px,11vw,174px);line-height:.78;letter-spacing:-.09em;color:#fff}.cockpit-kpi em{font-style:normal;font-size:clamp(26px,2.8vw,40px);color:rgba(255,255,255,.86);margin-bottom:9px}
.kpi-note{max-width:28ch;font-size:8px;line-height:1.55;letter-spacing:.15em;color:rgba(255,255,255,.42)}
.cockpit-radar{right:clamp(20px,2.7vw,38px);top:13%;width:39%;aspect-ratio:1/1}
.cockpit-radar svg{width:100%;height:100%;overflow:visible}
.radar-ring{fill:none;stroke:rgba(255,255,255,.10);stroke-width:1}.rr2{stroke-dasharray:4 8}.rr3{stroke:rgba(198,217,194,.16)}
.radar-axis{fill:none;stroke:rgba(255,255,255,.06);stroke-width:1}
.radar-shape{fill:rgba(191,211,191,.09);stroke:#c0d3bf;stroke-width:3;stroke-linejoin:round;stroke-dasharray:1000;stroke-dashoffset:1000;animation:v4RadarDraw 2.6s cubic-bezier(.22,1,.36,1) forwards,v4RadarBreath 6s ease-in-out 2.6s infinite}
.radar-point{fill:#f8f9f5;stroke:#93a691;stroke-width:3;animation:v4Point 2.8s ease-in-out infinite}.rp2{animation-delay:-.5s}.rp3{animation-delay:-1s}.rp4{animation-delay:-1.5s}.rp5{animation-delay:-2s}.rp6{animation-delay:-2.5s}
.radar-sweep-dot{fill:#d5e6d2;stroke:#fff;stroke-width:2;filter:drop-shadow(0 0 7px rgba(213,230,210,.55))}
.radar-label{position:absolute;padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.06);font-size:7px;font-weight:700;letter-spacing:.12em;color:rgba(255,255,255,.58)}.radar-label.l1{left:-3%;top:8%}.radar-label.l2{right:-3%;top:26%}.radar-label.l3{right:0;bottom:16%}.radar-label.l4{left:0;bottom:8%}
.cockpit-sparkline{left:clamp(24px,3vw,42px);right:52%;bottom:24%;height:27%;border-radius:20px;background:rgba(255,255,255,.035);overflow:hidden;border:1px solid rgba(255,255,255,.05)}
.spark-head{position:absolute;left:14px;right:14px;top:12px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.13em;color:rgba(255,255,255,.46);z-index:2}.spark-head b{color:#c6d9c2}
.cockpit-sparkline svg{position:absolute;left:8px;right:8px;bottom:2px;width:calc(100% - 16px);height:74%}.spark-grid{fill:none;stroke:rgba(255,255,255,.06);stroke-width:1}.spark-fill{fill:url(#none);fill:rgba(198,217,194,.06)}.spark-line{fill:none;stroke:#c6d9c2;stroke-width:3;stroke-linecap:round;stroke-dasharray:800;stroke-dashoffset:800;animation:v4SparkDraw 3s ease forwards}.spark-point{fill:#fff;stroke:#8fa48e;stroke-width:3;animation:v4Point 2.6s ease-in-out infinite}.spark-point.p2{animation-delay:-.65s}.spark-point.p3{animation-delay:-1.3s}.spark-point.p4{animation-delay:-1.95s}
.cockpit-bars{right:clamp(24px,3vw,42px);bottom:25%;width:42%;display:grid;gap:10px}
.cockpit-bars>span{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;font-size:7px;letter-spacing:.10em;color:rgba(255,255,255,.56)}
.cockpit-bars>span::before{content:"";grid-column:1;grid-row:1;width:100%;height:7px;border-radius:999px;background:rgba(255,255,255,.07)}
.cockpit-bars>span i{grid-column:1;grid-row:1;width:var(--v);height:7px;border-radius:999px;background:linear-gradient(90deg,#8fa58e,#d2e2cf);transform-origin:left;animation:v4BarFill 4s ease-in-out infinite}.cockpit-bars>span:nth-child(2) i{animation-delay:-.7s}.cockpit-bars>span:nth-child(3) i{animation-delay:-1.4s}.cockpit-bars>span:nth-child(4) i{animation-delay:-2.1s}
.cockpit-bars>span b{grid-column:2;grid-row:1;font-size:7px;font-weight:700;letter-spacing:.12em}
.cockpit-process{left:24px;right:24px;bottom:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.cockpit-process span{position:relative;padding:12px 13px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06);display:grid;gap:6px;overflow:hidden;transition:.35s var(--ease)}
.cockpit-process span::before{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:linear-gradient(90deg,#c6d9c2,transparent)}
.cockpit-process span.active::before{animation:v4Process 3.8s ease-in-out infinite}
.cockpit-process em{font-style:normal;font-size:8px;color:rgba(255,255,255,.34)}.cockpit-process b{font-size:9px;letter-spacing:.11em;color:#fff}.cockpit-process span.active{background:rgba(191,211,191,.09);border-color:rgba(191,211,191,.12);transform:translateY(-3px)}
.cockpit-scanner{left:18px;right:18px;top:46%;height:68px;background:linear-gradient(180deg,transparent,rgba(191,211,191,.055),transparent);animation:v4Scanner 5s ease-in-out infinite;z-index:1}

/* ========================================
   EQUIPO — COORDINATION MATRIX
   ======================================== */
.team-shade{background:linear-gradient(90deg,rgba(12,24,31,.97) 0%,rgba(12,24,31,.89) 38%,rgba(12,24,31,.54) 70%,rgba(12,24,31,.34) 100%) !important}
.team-grid{grid-template-columns:.72fr 1.28fr;gap:52px}
.team-matrix{
  position:relative;height:70vh;max-height:700px;min-height:500px;
  border-radius:32px 78px 32px 78px;overflow:hidden;isolation:isolate;
  background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035));
  backdrop-filter:blur(12px);box-shadow:0 30px 82px rgba(0,0,0,.20),inset 0 0 0 1px rgba(255,255,255,.09);
}
.team-matrix::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at center,rgba(255,255,255,.06) 1px,transparent 1.5px);background-size:34px 34px;mask-image:radial-gradient(circle at center,#000 0 52%,transparent 88%);pointer-events:none}
.team-matrix::after{content:"";position:absolute;width:52%;aspect-ratio:1;left:24%;top:24%;border-radius:50%;border:1px solid rgba(255,255,255,.07);box-shadow:0 0 0 50px rgba(255,255,255,.018),0 0 0 100px rgba(255,255,255,.012);animation:v4TeamHalo 7s ease-in-out infinite;pointer-events:none}
.team-links{position:absolute;inset:4% 4% 8%;width:92%;height:88%;z-index:1;overflow:visible}.team-link{fill:none;stroke-linecap:round}.team-link.base{stroke:rgba(255,255,255,.12);stroke-width:2}.team-link.flow{stroke:#c4d6c1;stroke-width:2.8;stroke-dasharray:10 16;animation:v4Dash 10s linear infinite;filter:drop-shadow(0 0 8px rgba(196,214,193,.20))}
.team-packet{fill:#fff;stroke:#95aa95;stroke-width:2}.team-packet.p2{fill:#cadbc7}.team-packet.p3{fill:#a7b8be}
.team-core-v4{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;width:164px;height:164px;border-radius:50%;display:grid;place-content:center;text-align:center;background:#fff;color:var(--v4-ink);box-shadow:0 28px 56px rgba(0,0,0,.23);animation:v4CoreFloat 5s ease-in-out infinite}
.team-core-v4 img{width:66px;height:66px;object-fit:contain;margin:auto}.team-core-v4 span{margin-top:4px;font-size:8px;letter-spacing:.15em}.team-core-v4 b{margin-top:4px;font-size:8px;letter-spacing:.16em;color:#799079}
.core-ripple{position:absolute;inset:-18px;border-radius:50%;border:1px solid rgba(255,255,255,.18);animation:v4Ripple 3s ease-out infinite}.core-ripple.r2{animation-delay:-1.5s}
.team-node-v4{position:absolute;z-index:4;width:168px;padding:14px 15px;border-radius:22px;background:rgba(255,255,255,.95);color:var(--v4-ink);box-shadow:0 18px 36px rgba(0,0,0,.16);display:grid;gap:3px;transition:.35s var(--ease)}
.team-node-v4::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:999px;background:linear-gradient(180deg,#c4d6c1,#8fa68f)}
.team-node-v4 em{font-style:normal;font-size:8px;letter-spacing:.13em;opacity:.4}.team-node-v4 strong{font-size:10px;letter-spacing:.09em}.team-node-v4 small{font-size:13px;color:rgba(20,37,46,.72)}
.team-node-v4 i{position:absolute;right:12px;top:12px;width:8px;height:8px;border-radius:50%;background:#9fb59f;box-shadow:0 0 0 7px rgba(159,181,159,.08);animation:v4Status 2.5s ease-in-out infinite}
.team-node-v4:hover{transform:translateY(-6px) scale(1.025);box-shadow:0 24px 46px rgba(0,0,0,.22)}
.team-node-v4.t1{left:5%;top:8%}.team-node-v4.t2{right:5%;top:8%}.team-node-v4.t3{left:5%;bottom:10%}.team-node-v4.t4{right:5%;bottom:10%}.team-node-v4.t5{left:50%;top:5%;transform:translateX(-50%)}.team-node-v4.t5:hover{transform:translateX(-50%) translateY(-6px) scale(1.025)}
.team-status{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:6;display:flex;align-items:center;gap:16px;padding:10px 14px;border-radius:999px;background:rgba(11,23,30,.72);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px);font-size:8px;letter-spacing:.12em;color:rgba(255,255,255,.74)}
.team-status span{display:flex;align-items:center;gap:8px}.team-status span i{width:8px;height:8px;border-radius:50%;background:#c4d6c1;box-shadow:0 0 0 8px rgba(196,214,193,.07);animation:v4Status 2s ease-in-out infinite}.team-status b{color:#fff}

/* ========================================
   GLOBAL MICRO-MOTION FOR TECH SECTIONS
   ======================================== */
.ai-node,.team-node-v4,.cockpit-process span{animation:v4MicroFloat 7s ease-in-out infinite}.ai-node:nth-of-type(2n),.team-node-v4:nth-of-type(2n){animation-delay:-1.8s}.ai-node:nth-of-type(3n),.team-node-v4:nth-of-type(3n){animation-delay:-3.6s}

@keyframes v4Dash{to{stroke-dashoffset:-220}}
@keyframes v4CoreFloat{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-52%) scale(1.035)}}
@keyframes v4Status{0%,100%{transform:scale(.88);opacity:.55}50%{transform:scale(1.2);opacity:1}}
@keyframes v4OrbitHalo{0%,100%{transform:scale(.92);opacity:.42}50%{transform:scale(1.08);opacity:.9}}
@keyframes v4Sheen{0%,68%{transform:translateX(-130%)}100%{transform:translateX(150%)}}
@keyframes v4CockpitGlow{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(-18px,18px,0) scale(1.12)}}
@keyframes v4RadarDraw{to{stroke-dashoffset:0}}
@keyframes v4RadarBreath{0%,100%{fill:rgba(191,211,191,.06);opacity:.78}50%{fill:rgba(191,211,191,.13);opacity:1}}
@keyframes v4Point{0%,100%{transform:scale(1);opacity:.68}50%{transform:scale(1.45);opacity:1}}
@keyframes v4SparkDraw{to{stroke-dashoffset:0}}
@keyframes v4BarFill{0%,100%{transform:scaleX(.72);opacity:.62}50%{transform:scaleX(1);opacity:1}}
@keyframes v4Process{0%,100%{width:14%;opacity:.3}50%{width:100%;opacity:1}}
@keyframes v4Scanner{0%,100%{transform:translateY(-58px);opacity:.18}50%{transform:translateY(98px);opacity:.85}}
@keyframes v4TeamHalo{0%,100%{transform:scale(.92);opacity:.3}50%{transform:scale(1.08);opacity:.8}}
@keyframes v4Ripple{0%{transform:scale(.82);opacity:.5}100%{transform:scale(1.3);opacity:0}}
@keyframes v4MicroFloat{0%,100%{translate:0 0}50%{translate:0 -5px}}

/* ========================================
   RESPONSIVE
   ======================================== */
@media (max-width:1180px){
  .ai-node{width:178px;min-height:80px;padding:12px 13px}.ai-node small{font-size:12px}
  .data-cockpit{height:68vh}.cockpit-kpi{width:42%}.cockpit-radar{width:38%}
  .team-node-v4{width:150px}.team-matrix{height:66vh}
}

@media (max-width:920px){
  .service-head{grid-template-columns:1fr;gap:14px;margin-bottom:18px}
  .ai-system{height:62vh;min-height:520px;border-radius:28px 58px 28px 58px}
  .ai-building-photo{display:none}.ai-node{width:160px;min-height:74px}.ai-core{width:136px;height:136px}.ai-core strong{font-size:34px}
  .transparency-grid{grid-template-columns:1fr;gap:20px}.transparency-copy{order:-1}.data-cockpit{height:64vh;min-height:540px;border-radius:28px 58px 28px 58px}.cockpit-radar{width:36%}.cockpit-kpi strong{font-size:128px}
  .team-grid{grid-template-columns:1fr;gap:20px}.team-matrix{height:62vh;min-height:520px;border-radius:28px 58px 28px 58px}.team-node-v4{width:150px}
}

@media (max-width:640px){
  .ai-system{height:52vh;min-height:430px;border-radius:22px 42px 22px 42px}.ai-network{inset:4% 2% 13%;width:96%;height:83%}.ai-core{width:96px;height:96px}.ai-core strong{font-size:26px}.ai-core span{font-size:6px}.core-orbit{inset:-10px}.core-orbit.two{inset:-19px}
  .ai-node{width:116px;min-height:58px;padding:8px 9px;grid-template-columns:20px 1fr;gap:1px 6px;border-radius:14px}.ai-node img{width:18px;height:18px}.ai-node em{font-size:6px}.ai-node strong{font-size:7px}.ai-node small{font-size:9px}.ai-node>b{width:6px;height:6px;right:7px;top:7px}.ai-caption{bottom:9px;gap:6px;padding:7px 9px;font-size:5px}.ai-caption i{width:10px}
  .ai-node.n1{left:2%;top:5%}.ai-node.n2{left:1%;top:39%}.ai-node.n3{left:2%;bottom:12%}.ai-node.n4{right:2%;top:5%}.ai-node.n5{right:1%;top:39%}.ai-node.n6{right:2%;bottom:12%}
  .data-cockpit{height:54vh;min-height:450px;padding:14px;border-radius:22px 42px 22px 42px}.cockpit-top{left:14px;right:14px;top:12px;font-size:6px}.cockpit-top b{font-size:6px;padding:6px 8px}.cockpit-kpi{left:14px;top:18%;width:43%}.cockpit-kpi small{font-size:6px}.cockpit-kpi strong{font-size:76px}.cockpit-kpi em{font-size:18px}.kpi-note{font-size:5px}.cockpit-radar{right:8px;top:16%;width:45%}.radar-label{display:none}.cockpit-sparkline{left:14px;right:51%;bottom:27%;height:23%;border-radius:12px}.spark-head{font-size:5px;left:8px;right:8px;top:7px}.cockpit-bars{right:14px;bottom:28%;width:44%;gap:6px}.cockpit-bars>span{font-size:5px}.cockpit-bars>span::before,.cockpit-bars>span i{height:5px}.cockpit-process{left:14px;right:14px;bottom:12px;gap:5px}.cockpit-process span{padding:7px 6px;border-radius:9px}.cockpit-process em{font-size:5px}.cockpit-process b{font-size:6px}
  .team-matrix{height:52vh;min-height:430px;border-radius:22px 42px 22px 42px}.team-links{inset:2% 2% 9%;width:96%;height:89%}.team-core-v4{width:104px;height:104px}.team-core-v4 img{width:42px;height:42px}.team-core-v4 span,.team-core-v4 b{font-size:6px}.core-ripple{inset:-10px}.team-node-v4{width:106px;padding:8px 9px;border-radius:14px}.team-node-v4 em{font-size:6px}.team-node-v4 strong{font-size:7px}.team-node-v4 small{font-size:9px}.team-node-v4 i{width:6px;height:6px;right:7px;top:7px}.team-status{bottom:9px;padding:7px 9px;gap:8px;font-size:5px}
  .team-node-v4.t1{left:2%;top:6%}.team-node-v4.t2{right:2%;top:6%}.team-node-v4.t3{left:2%;bottom:12%}.team-node-v4.t4{right:2%;bottom:12%}.team-node-v4.t5{top:3%}
}

@media (max-height:760px) and (min-width:921px){
  .ai-system{height:100%}.ai-node{min-height:72px;padding:10px 12px}.ai-core{width:132px;height:132px}.data-cockpit{height:64vh;min-height:500px}.team-matrix{height:64vh;min-height:500px}
}

@media (prefers-reduced-motion:reduce){
  .ai-track.flow,.radar-shape,.spark-line,.cockpit-scanner,.team-link.flow,.ai-node,.team-node-v4,.cockpit-process span{animation:none !important}
  .radar-shape,.spark-line{stroke-dashoffset:0}
}
