:root {
  --bg: #f3f5f9;
  --text: #08285f;
  --body: #3d5175;
  --card: #ffffff;
  --line: #d7dfeb;
  --nav: #f9fbff;
  --accent: #062d67;
  --accent-2: #0f458f;
  --peach: #f6b277;
}

[data-theme="dark"] {
  --bg: #0b1120;
  --text: #e7eefc;
  --body: #a3b2d3;
  --card: #111b2f;
  --line: #293853;
  --nav: #0b1427;
  --accent: #2f67dd;
  --accent-2: #2357c2;
  --peach: #ffbc85;
}

* { box-sizing: border-box; }
body { margin: 0; font-family: "Segoe UI", Arial, sans-serif; background: var(--bg); color: var(--text); }
a { text-decoration: none; color: inherit; }
.container { max-width: 1140px; margin: 0 auto; padding: 0 16px; }

.topbar { position: sticky; top: 0; z-index: 90; background: var(--nav); border-bottom: 1px solid var(--line); }
.nav-wrap { height: 72px; display: flex; align-items: center; justify-content: space-between; }
.logo { font-weight: 700; font-size: 28px; color: var(--accent); display: flex; align-items: center; gap: 6px; }
.logo-mark { font-size: 16px; }
.main-nav { display: flex; gap: 32px; font-size: 14px; }
.main-nav a { color: #1c355f; }
.main-nav a:hover { color: var(--accent); }
.main-nav a.active {
  color: var(--accent);
  font-weight: 700;
  position: relative;
}
.main-nav a.active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
  height: 2px;
  border-radius: 999px;
  background: var(--accent);
}
.nav-actions { display: flex; gap: 10px; align-items: center; }

.ghost-btn,
.quote-btn,
.primary-btn,
.secondary-btn,
.outline-btn,
.badge-btn {
  border-radius: 10px;
  padding: 12px 18px;
  font-weight: 600;
  font-size: 14px;
  border: 1px solid transparent;
  display: inline-block;
}
.ghost-btn { background: transparent; border-color: var(--line); color: #233f67; cursor: pointer; }
.theme-icon-btn{
  width:52px;
  height:40px;
  padding:0;
  display:grid;
  place-items:center;
  border-radius:12px;
}
.theme-icon{display:none;line-height:0}
.theme-icon svg{width:18px;height:18px}
[data-theme="light"] .theme-icon.sun{display:inline-block}
[data-theme="dark"] .theme-icon.moon{display:inline-block}
[data-theme="dark"] .theme-icon-btn{color:#d5e6ff;border-color:#3a5478;background:rgba(26,41,66,.42)}
.quote-btn,
.primary-btn { background: var(--accent); color: #fff; box-shadow: 0 7px 16px rgba(6, 45, 103, .18); }
.secondary-btn { background: #f7f9ff; border-color: var(--accent); color: var(--accent); }
.cta-row .primary-btn,
.cta-row .secondary-btn{
  position:relative;
  overflow:hidden;
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease, background-color .24s ease;
}
.cta-row .primary-btn{
  background:linear-gradient(130deg,#08397b,#0d59b5);
  box-shadow:0 10px 22px rgba(9,63,132,.28);
  animation:heroGlow 2.8s ease-in-out infinite;
}
.cta-row .primary-btn::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent 10%,rgba(255,255,255,.24) 48%,transparent 88%);
  transform:translateX(-120%);
  animation:shineSweep 3.6s linear infinite;
}
.cta-row .secondary-btn{
  background:rgba(255,255,255,.7);
  border-color:#2f66b5;
  box-shadow:0 8px 18px rgba(27,87,169,.12);
}
.cta-row .primary-btn:hover,
.cta-row .secondary-btn:hover{
  transform:translateY(-2px);
}
.cta-row .primary-btn:hover{
  box-shadow:0 16px 30px rgba(9,63,132,.35);
}
.cta-row .secondary-btn:hover{
  border-color:#1f5db8;
  box-shadow:0 14px 24px rgba(27,87,169,.2);
}
[data-theme="dark"] .cta-row .secondary-btn{
  background:rgba(17,33,61,.78);
  color:#d8e9ff;
  border-color:#4c78b8;
}

.hero {
  position: relative;
  overflow: hidden;
  padding: 88px 0 78px;
  background:
    radial-gradient(1200px 500px at 10% -10%, rgba(93, 184, 255, 0.18), transparent 70%),
    radial-gradient(900px 500px at 100% 0%, rgba(15, 138, 255, 0.15), transparent 72%),
    linear-gradient(180deg, #eef5ff 0%, #f4f7fc 62%, #f3f5f9 100%);
}
[data-theme="dark"] .hero {
  background:
    radial-gradient(1100px 460px at 12% -12%, rgba(70, 132, 255, 0.22), transparent 70%),
    radial-gradient(850px 500px at 95% -4%, rgba(35, 126, 255, 0.19), transparent 70%),
    linear-gradient(180deg, #0d172c 0%, #0d172a 58%, #0b1120 100%);
}
.hero-grid { display: grid; grid-template-columns: 560px 1fr; }
.premium-hero-grid { grid-template-columns: minmax(0, 560px) minmax(0, 1fr); gap: 40px; align-items: center; }
.pill { display: inline-block; background: #d8e9ff; color: #0f4b96; border-radius: 999px; font-size: 12px; padding: 7px 14px; margin-bottom: 16px; }
.premium-hero-copy .pill {
  background: rgba(13, 78, 166, 0.08);
  border: 1px solid rgba(13, 78, 166, 0.14);
  color: #0d4b96;
  backdrop-filter: blur(6px);
}
.premium-hero-copy h1 { max-width: 16ch; }
.premium-hero-copy p { max-width: 62ch; }

.hero-glow {
  position: absolute;
  border-radius: 999px;
  filter: blur(26px);
  pointer-events: none;
}
.hero-glow-a {
  width: 320px; height: 320px;
  background: rgba(70, 163, 255, 0.25);
  left: -70px; top: -80px;
}
.hero-glow-b {
  width: 340px; height: 340px;
  background: rgba(0, 220, 255, 0.18);
  right: -80px; top: 20px;
}

h1 { font-size: clamp(2.25rem, 4vw, 3.4rem); line-height: 1.1; margin: 0 0 14px; font-weight: 750; color: #082d64; letter-spacing: -0.02em; }
h2 { font-size: clamp(1.9rem, 3vw, 2.8rem); line-height: 1.14; margin: 0 0 8px; font-weight: 740; color: #082d64; letter-spacing: -0.015em; }
h3 { font-size: clamp(1.55rem, 2.1vw, 2.15rem); line-height: 1.2; margin: 0 0 8px; font-weight: 700; letter-spacing: -0.01em; }
h4 { font-size: clamp(1.2rem, 1.7vw, 1.55rem); margin: 0 0 8px; font-weight: 700; }

.hero-copy p { font-size: 1.05rem; color: #4f6388; max-width: 640px; line-height: 1.7; }
.sub { font-size: 16px; color: #6a7e9f; }
.cta-row { display: flex; gap: 14px; margin-top: 24px; }
.premium-cta-row .primary-btn,
.premium-cta-row .secondary-btn { transition: transform .25s ease, box-shadow .25s ease; }
.premium-cta-row .primary-btn:hover,
.premium-cta-row .secondary-btn:hover { transform: translateY(-2px); }
.premium-cta-row .primary-btn:hover { box-shadow: 0 16px 28px rgba(8, 56, 124, .24); }

.hero-trust-points {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 18px;
  list-style: none;
  margin: 20px 0 0;
  padding: 0;
}
.hero-trust-points li {
  position: relative;
  padding-left: 22px;
  color: #24466f;
  font-size: .95rem;
  font-weight: 600;
}
.hero-trust-points li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #0a4ba0;
  font-weight: 800;
}

.hero-visual-wrap { position: relative; min-height: 430px; }
.hvac-scene {
  position: relative;
  min-height: 430px;
  border-radius: 24px;
  border: 1px solid rgba(130, 162, 206, 0.35);
  background: linear-gradient(155deg, rgba(255,255,255,0.68), rgba(232,241,255,0.56));
  backdrop-filter: blur(12px);
  box-shadow: 0 24px 48px rgba(8, 37, 87, 0.12);
  overflow: hidden;
}
.scene-shimmer{
  position:absolute;
  inset:-42% -24%;
  background:conic-gradient(from 120deg at 50% 50%,transparent 0deg,rgba(138,214,255,.1) 30deg,transparent 62deg);
  animation:sceneShimmer 12s linear infinite;
  pointer-events:none;
}
.scan-beam{
  position:absolute;
  left:-35%;
  top:0;
  width:38%;
  height:100%;
  background:linear-gradient(90deg,transparent,rgba(115,205,255,.12),transparent);
  filter:blur(1px);
  animation:scanSweep 4.8s ease-in-out infinite;
  pointer-events:none;
}
[data-theme="dark"] .hvac-scene {
  border-color: rgba(76, 112, 170, 0.5);
  background: linear-gradient(160deg, rgba(20,32,60,0.72), rgba(16,27,51,0.75));
}
.hvac-grid {
  position: absolute; inset: 0;
  background-image: linear-gradient(to right, rgba(66, 119, 194, .12) 1px, transparent 1px),
                    linear-gradient(to bottom, rgba(66, 119, 194, .12) 1px, transparent 1px);
  background-size: 28px 28px;
  mask-image: linear-gradient(transparent, rgba(0,0,0,.95), transparent);
}
.ac-unit {
  position: absolute;
  top: 56px; left: 50%;
  transform: translateX(-50%);
  width: 280px; height: 90px;
  border-radius: 18px;
  background: linear-gradient(180deg, #f8fbff, #dce8f8);
  box-shadow: 0 16px 26px rgba(13, 57, 126, .2);
}
[data-theme="dark"] .ac-unit { background: linear-gradient(180deg, #d7e3f5, #aebeda); }
.ac-explode-wrap{
  position:absolute;
  top:50px;
  left:50%;
  transform:translateX(-50%);
  width:344px;
  height:172px;
  z-index:3;
}
.ac-body-part{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  border-radius:14px;
  border:1px solid rgba(131,171,224,.45);
  box-shadow:0 12px 20px rgba(9,43,90,.16);
  animation:explodeCore 6.6s cubic-bezier(.4,.02,.2,1) infinite;
  will-change:transform,opacity;
}
.part-body{
  top:16px;
  width:266px;
  height:88px;
  background:linear-gradient(180deg,#f5faff,#ddeaf9);
  z-index:2;
  --explodeX: 0px;
  --explodeY: -6px;
  --explodeR: 0deg;
}
.part-compressor{
  top:56px;
  width:68px;
  height:36px;
  border-radius:11px;
  background:linear-gradient(155deg,#84baf0,#4a86c8);
  left:124px;
  z-index:3;
  animation-name:explodeCompressor;
}
.part-coil{
  top:58px;
  width:188px;
  height:17px;
  border-radius:10px;
  background:repeating-linear-gradient(90deg,#7fc3f4 0 6px,#9fd3fb 6px 10px);
  z-index:3;
  animation-name:explodeCoil;
}
.part-filter{
  top:34px;
  width:206px;
  height:24px;
  border-radius:10px;
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(231,242,255,.88));
  z-index:4;
  animation-name:explodeFilter;
}
.part-pcb{
  top:63px;
  width:50px;
  height:28px;
  border-radius:8px;
  left:222px;
  background:
    radial-gradient(circle at 12px 10px,#bce7ff 1px,transparent 3px),
    radial-gradient(circle at 24px 18px,#bce7ff 1px,transparent 3px),
    radial-gradient(circle at 38px 10px,#bce7ff 1px,transparent 3px),
    linear-gradient(160deg,#2e72b3,#1f4e86);
  z-index:4;
  animation-name:explodePcb;
}
.part-pipe{
  top:73px;
  width:112px;
  height:10px;
  border-radius:999px;
  left:179px;
  background:linear-gradient(90deg,#cf8f4f,#efbb72);
  z-index:3;
  animation-name:explodePipe;
}
.part-vent{
  top:84px;
  width:206px;
  height:12px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(65,160,241,.32),rgba(43,202,243,.52));
  z-index:4;
  animation-name:explodeVent;
}
.part-fan{
  top:22px;
  width:34px;
  height:34px;
  border-radius:999px;
  background:radial-gradient(circle at 45% 45%,#8fd0ff,#3a7fc9);
  left:257px;
  z-index:4;
  animation:explodeFan 6.6s cubic-bezier(.4,.02,.2,1) infinite;
  will-change:transform;
}
.part-panel{
  top:8px;
  width:286px;
  height:96px;
  background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(229,241,255,.45));
  backdrop-filter:blur(3px);
  z-index:5;
  animation-name:explodePanel;
}
.part-chip,.ac-logo-core,.ac-tool-chip,.ac-body-part{display:none}
.ac-temp-stage{
  position:absolute;
  inset:0;
  z-index:4;
}
.ac-shell{
  position:absolute;
  left:50%;
  top:62px;
  transform:translateX(-50%);
  width:300px;
  height:96px;
  border-radius:16px;
  border:1px solid rgba(143,182,229,.58);
  background:linear-gradient(165deg,#eef6ff,#d8e9fc);
  box-shadow:0 16px 26px rgba(8,37,87,.14);
  display:grid;
  place-items:center;
  animation:logoFloat 3.2s ease-in-out infinite;
}
.ac-shell svg{
  width:142px;
  height:54px;
  fill:none;
  stroke:#4f93d8;
  stroke-width:2.1;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.temp-display{
  position:absolute;
  left:50%;
  top:106px;
  transform:translateX(-50%);
  font-size:2.35rem;
  font-weight:800;
  color:#27d3e2;
  letter-spacing:-.02em;
  line-height:1;
  text-shadow:0 6px 16px rgba(39,211,226,.2);
  z-index:6;
}
.temp-display sup{
  font-size:1rem;
  margin-left:2px;
  top:-.7em;
  position:relative;
  color:#7fa4b8;
}
.temp-meter{
  position:absolute;
  left:50%;
  top:118px;
  transform:translateX(-50%);
  width:164px;
  height:6px;
  border-radius:999px;
  background:rgba(90,139,201,.22);
  overflow:hidden;
  z-index:5;
}
.temp-meter span{
  display:block;
  height:100%;
  width:75%;
  border-radius:inherit;
  background:linear-gradient(90deg,#79c2ff,#4ab1ff);
  animation:tempMeterPulse 3.6s ease-in-out infinite;
}
.tool-orbits{
  position:absolute;
  left:50%;
  top:62px;
  width:290px;
  height:164px;
  transform:translateX(-50%);
}
.orbit-chip{
  position:absolute;
  width:36px;
  height:36px;
  border-radius:11px;
  border:1px solid rgba(133,174,223,.52);
  background:rgba(255,255,255,.88);
  box-shadow:0 10px 16px rgba(8,37,87,.12);
  display:grid;
  place-items:center;
  animation:toolOrbit 3.4s ease-in-out infinite;
}
.orbit-chip svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:#306dac;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.oc-a{left:-10px;top:16px;animation-delay:.1s}
.oc-b{right:-8px;top:24px;animation-delay:.35s}
.oc-c{right:18px;bottom:6px;animation-delay:.6s}
.oc-d{left:18px;bottom:10px;animation-delay:.85s}
.oc-b svg{animation:fanSpin 2.6s linear infinite}
.hero-cta-chip{
  position:absolute;
  z-index:7;
  font-size:.72rem;
  font-weight:700;
  color:#0d4b90;
  border:1px solid rgba(98,145,206,.42);
  border-radius:999px;
  padding:6px 10px;
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(8px);
  box-shadow:0 12px 24px rgba(8,37,87,.12);
  animation:homeFloat 5.2s ease-in-out infinite;
}
.hero-cta-chip.cta-a{left:24px;bottom:38px;animation-delay:.15s}
.hero-cta-chip.cta-b{right:18px;bottom:30px;animation-delay:.7s}
[data-theme="dark"] .ac-body-part{
  border-color:rgba(108,145,197,.58);
  box-shadow:0 12px 22px rgba(2,10,24,.4);
}
[data-theme="dark"] .part-body{background:linear-gradient(180deg,#d7e3f5,#aebeda)}
[data-theme="dark"] .part-filter{background:linear-gradient(180deg,rgba(22,40,68,.9),rgba(30,52,84,.84))}
[data-theme="dark"] .part-panel{background:linear-gradient(180deg,rgba(180,214,255,.16),rgba(162,201,247,.08))}
[data-theme="dark"] .part-chip{
  color:#d5e9ff;
  border-color:rgba(119,157,211,.44);
  background:rgba(16,33,60,.78);
}
[data-theme="dark"] .ac-shell{
  border-color:rgba(102,145,198,.6);
  background:linear-gradient(160deg,rgba(17,36,63,.92),rgba(15,31,55,.9));
}
[data-theme="dark"] .ac-shell svg{stroke:#8ecbff}
[data-theme="dark"] .temp-display{color:#4be0f0;text-shadow:0 8px 18px rgba(75,224,240,.24)}
[data-theme="dark"] .temp-display sup{color:#8daecc}
[data-theme="dark"] .temp-meter{background:rgba(111,147,196,.2)}
[data-theme="dark"] .orbit-chip{
  border-color:rgba(100,144,199,.56);
  background:rgba(17,33,60,.88);
}
[data-theme="dark"] .orbit-chip svg{stroke:#9dd4ff}
[data-theme="dark"] .hero-cta-chip{
  color:#d5e9ff;
  border-color:rgba(119,157,211,.44);
  background:rgba(16,33,60,.82);
}
.status-led {
  position: absolute;
  top: 14px; right: 16px;
  width: 8px; height: 8px; border-radius: 999px;
  background: #21b0ff;
  box-shadow: 0 0 0 6px rgba(33,176,255,.18);
  animation: homePulse 1.9s ease-out infinite;
}
.ac-slot {
  position: absolute;
  left: 22px; right: 22px; bottom: 16px;
  height: 10px; border-radius: 999px;
  background: linear-gradient(90deg, rgba(9,118,212,.28), rgba(26,198,238,.42));
}
.temp-chip {
  position: absolute;
  left: 16px; top: 12px;
  font-size: .78rem; font-weight: 700; color: #0a417d;
  background: rgba(255,255,255,.76);
  border: 1px solid rgba(99, 150, 212, .3);
  border-radius: 999px;
  padding: 4px 8px;
}
.airflow {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 260px; height: 70px;
  border-radius: 50%;
  border: 2px solid rgba(31, 172, 241, 0.35);
  border-top-color: transparent;
  border-left-color: transparent;
  animation: homeFlow 2.8s ease-in-out infinite;
}
.airflow-1 { top: 138px; }
.airflow-2 { top: 182px; width: 230px; animation-delay: .35s; }
.airflow-3 { top: 224px; width: 200px; animation-delay: .7s; }
.service-route{
  position:absolute;
  inset:auto 10px 18px 10px;
  width:calc(100% - 20px);
  height:220px;
  pointer-events:none;
}
.service-route path{
  fill:none;
  stroke:rgba(78,188,255,.58);
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-dasharray:8 9;
  filter:drop-shadow(0 0 8px rgba(78,188,255,.28));
  animation:routeMove 2.2s linear infinite;
}

.tech-card {
  position: absolute;
  font-size: .76rem;
  font-weight: 700;
  color: #103f7f;
  border: 1px solid rgba(93, 140, 205, 0.4);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.62);
  backdrop-filter: blur(8px);
  padding: 8px 10px;
  box-shadow: 0 12px 22px rgba(13, 53, 112, .12);
}
[data-theme="dark"] .tech-card { color: #c9dfff; background: rgba(17, 33, 61, 0.72); border-color: rgba(108, 142, 196, 0.55); }
.diag-card{
  font-size:.7rem;
  font-weight:700;
  padding:7px 10px;
  background:rgba(255,255,255,.74);
  border-color:rgba(104,150,213,.42);
  box-shadow:0 10px 18px rgba(8,37,87,.12);
}
.diag-card strong{
  display:block;
  font-size:.8rem;
  margin-top:2px;
  color:#0a3f80;
}
.diag-card.d1{top:20px;left:18px;animation:homeFloat 4.2s ease-in-out infinite}
.diag-card.d2{top:24px;right:20px;animation:homeFloat 4.5s ease-in-out infinite}
.diag-card.d3{top:156px;right:14px;animation:homeFloat 4.1s ease-in-out infinite}
.diag-card.d4{top:162px;left:20px;animation:homeFloat 4.6s ease-in-out infinite}
.diag-card.d5{bottom:62px;right:22px;animation:homeFloat 4.4s ease-in-out infinite}
.diag-card.d6{bottom:66px;left:20px;animation:homeFloat 4.8s ease-in-out infinite}
.prog-card { left: 22px; bottom: 36px; min-width: 140px; animation: homeFloat 4s ease-in-out infinite; }
.prog-track {
  width: 100%;
  height: 6px;
  border-radius: 999px;
  background: rgba(24, 89, 170, .18);
  margin-top: 7px;
  overflow: hidden;
}
.prog-track span {
  display: block;
  height: 100%;
  width: 70%;
  border-radius: inherit;
  background: linear-gradient(90deg, #0ca6ff, #46d3ff);
  animation: homeProgress 1.9s linear infinite;
}
.cool-particles { position: absolute; inset: 130px 26px 40px 26px; pointer-events: none; }
.cool-particles span {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: rgba(70, 198, 255, .62);
  box-shadow: 0 0 8px rgba(70, 198, 255, .5);
  animation: homeParticle 4.6s linear infinite;
}
.cool-particles .cp1 { left: 25%; bottom: 18%; animation-delay: 0s; }
.cool-particles .cp2 { left: 43%; bottom: 14%; animation-delay: 1.2s; }
.cool-particles .cp3 { left: 60%; bottom: 22%; animation-delay: 2.2s; }
.cool-particles .cp4 { left: 74%; bottom: 12%; animation-delay: 3.4s; }
[data-theme="dark"] .scan-beam{background:linear-gradient(90deg,transparent,rgba(70,164,255,.24),transparent)}
[data-theme="dark"] .service-route path{stroke:rgba(111,199,255,.62)}
[data-theme="dark"] .diag-card{
  background:rgba(13,30,56,.8);
  border-color:rgba(106,149,202,.56);
}
[data-theme="dark"] .diag-card strong{color:#d8ecff}
.gear {
  position: absolute;
  color: rgba(13, 94, 177, .48);
  font-size: 26px;
  animation: spin 4.8s linear infinite;
}
.gear-a { left: 26px; top: 106px; }
.gear-b { right: 84px; top: 158px; font-size: 20px; animation-duration: 6s; }
.tech-avatar {
  position: absolute;
  left: 50%;
  bottom: 28px;
  transform: translateX(-50%);
  width: 90px; height: 116px;
}
.tech-avatar .head {
  position: absolute;
  top: 0; left: 36px;
  width: 20px; height: 20px; border-radius: 50%;
  background: #0f3f7f;
}
.tech-avatar .body {
  position: absolute;
  top: 20px; left: 28px;
  width: 34px; height: 54px; border-radius: 12px;
  background: linear-gradient(180deg, #1b65bf, #0f3d7d);
}
.tech-avatar .arm {
  position: absolute;
  top: 34px; left: 62px;
  width: 28px; height: 7px;
  border-radius: 999px;
  background: #2d82e6;
  transform-origin: left center;
  animation: wrenchMove 2.6s ease-in-out infinite;
}

.section { padding: 64px 0; }
.compact-top { padding-top: 44px; }
.split-cards { display: grid; grid-template-columns: 1.1fr .9fr; gap: 18px; margin-top: 18px; }
.split-card { border-radius: 14px; padding: 26px; min-height: 250px; position: relative; }
.split-card h3 { font-size: clamp(1.8rem, 2.6vw, 2.6rem); margin-top: 4px; }
.split-card p { font-size: 1.05rem; line-height: 1.7; max-width: 90%; }
.split-card.light { background: var(--card); border: 1px solid var(--line); }
.split-card.light a { font-weight: 700; color: #062d67; }
.split-card.dark { background: var(--accent); color: #fff; }
.split-card.dark p { color: #d5e1f8; }
.split-card.dark h3 { color: #fff; }
.badge-btn { background: var(--peach); color: #172943; margin-top: 12px; }
.mini-icon { width: 42px; height: 42px; border-radius: 999px; background: #dce9ff; display: grid; place-items: center; font-size: 20px; margin-bottom: 10px; }
.mini-dark { background: #174485; color: #fff; }
.climate-card{
  overflow:hidden;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.climate-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
}
.split-card.light.climate-card{
  background:linear-gradient(145deg,#ffffff 0%,#f4f9ff 48%,#ebf4ff 100%);
  border:1px solid #c4d6ef;
  box-shadow:0 14px 28px rgba(8,37,87,.08);
}
.split-card.light.climate-card::before{
  background:radial-gradient(220px 120px at 80% -10%,rgba(81,173,255,.18),transparent 70%);
}
.split-card.dark.climate-card{
  background:linear-gradient(145deg,#0a3777 0%,#0c4b98 52%,#0a3f82 100%);
  border:1px solid rgba(128,168,224,.3);
  box-shadow:0 18px 30px rgba(6,30,70,.24);
}
.split-card.dark.climate-card::before{
  background:radial-gradient(240px 140px at 85% 15%,rgba(67,204,255,.24),transparent 72%);
}
.climate-card:hover{
  transform:translateY(-4px);
}
.split-card.light.climate-card:hover{
  box-shadow:0 20px 34px rgba(8,37,87,.14);
  border-color:#9ec0e8;
}
.split-card.dark.climate-card:hover{
  box-shadow:0 24px 36px rgba(6,30,70,.34);
}
.climate-card .mini-icon{
  width:46px;
  height:46px;
  border-radius:14px;
  border:1px solid rgba(114,160,219,.26);
  background:linear-gradient(145deg,#e8f3ff,#d5e9ff);
  color:#1f5ea7;
}
.climate-card .mini-icon svg{width:24px;height:24px;display:block}
.climate-card .mini-icon.mini-dark{
  background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.08));
  border-color:rgba(163,196,243,.3);
  color:#eaf4ff;
}
.climate-card h3{
  font-size:clamp(1.5rem,2.1vw,2.1rem);
  line-height:1.2;
  letter-spacing:-.015em;
}
.climate-card p{
  font-size:1.02rem;
  line-height:1.62;
}
.climate-card a{
  position:relative;
  z-index:2;
}
[data-theme="dark"] .split-card.light.climate-card{
  background:linear-gradient(155deg,rgba(19,33,58,.9),rgba(15,28,50,.86));
  border-color:#3d5c88;
  box-shadow:0 16px 30px rgba(2,10,24,.35);
}
[data-theme="dark"] .split-card.light.climate-card::before{
  background:radial-gradient(220px 130px at 80% -12%,rgba(66,138,230,.24),transparent 74%);
}
[data-theme="dark"] .split-card.light.climate-card .mini-icon{
  background:linear-gradient(145deg,#18365f,#1f467a);
  border-color:#4c74ab;
  color:#b8d8ff;
}
[data-theme="dark"] .split-card.light.climate-card p{color:#a8c1e5}

.section-head { display: flex; justify-content: space-between; align-items: flex-end; }
.product-nav { display: flex; gap: 10px; align-items: center; }
.nav-dot { width: 46px; height: 46px; border-radius: 999px; background: var(--accent); color: #fff; display: grid; place-items: center; }
.nav-dot.ghost { background: #fff; color: #1f3558; border: 1px solid #c6d2e5; }
.products-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 20px; }
.product-card { background: var(--card); border: 1px solid #c7d3e6; border-radius: 14px; padding: 0; position: relative; overflow: hidden; }
.tag { position: absolute; top: 10px; right: 10px; background: #f5b271; color: #192945; padding: 3px 9px; border-radius: 999px; font-size: 11px; font-weight: 700; }
.thumb-wrap { height: 220px; background: #e8edf6; display: grid; place-items: center; padding: 18px; border-bottom: 1px solid #d6deeb; }
.thumb-img { width: 100%; height: 100%; object-fit: contain; border-radius: 6px; }
.product-body { padding: 16px 14px 14px; }
.meta-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 8px; margin-bottom: 6px; }
.brand { font-size: 11px; color: #7387a7; letter-spacing: 1px; margin: 2px 0; }
.rating { font-size: .84rem; color: #0d2f68; font-weight: 700; margin: 0; text-align: right; }
.rating span { font-size: .8rem; }
.rating small { display: block; color: #697c9c; font-size: .74rem; font-weight: 500; margin-top: 2px; }
.product-card h4 { font-size: clamp(1.25rem, 1.9vw, 1.6rem); line-height: 1.3; }
.muted { font-size: .95rem; color: #5f7396; line-height: 1.6; }
.price { font-size: 17px; font-weight: 700; color: #082d64; margin: 8px 0; }
.outline-btn { border: 1px solid #bfd0ea; color: #082d64; width: 100%; text-align: center; background: #fff; }

.booking-band {
  background: linear-gradient(180deg,#082d67 0%,#0a3779 50%,#07295f 100%);
  padding: 34px 0;
  position: relative;
  overflow: hidden;
}
.booking-band::before{
  content:"";
  position:absolute;
  inset:auto -140px -180px auto;
  width:380px;
  height:380px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(83,180,255,.26),rgba(83,180,255,0));
  pointer-events:none;
}
.booking-shell {
  background: linear-gradient(145deg,#dce8f5,#d1dfef);
  border-radius: 18px;
  padding: 26px;
  border: 1px solid #9eb7d7;
  box-shadow: 0 18px 34px rgba(4,23,56,.22);
}
.booking-grid { display: grid; grid-template-columns: 1fr 560px; gap: 30px; align-items: center; }
.booking-grid h2 {
  font-size: clamp(1.95rem, 3vw, 3.1rem);
  line-height: 1.12;
  margin: 0;
  color: #082d64;
  letter-spacing: -0.02em;
}
.booking-grid p {
  font-size: 1.03rem;
  color: #5f7698;
  max-width: 520px;
  margin: 14px 0 18px;
  line-height: 1.75;
}
.feature-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 24px;
  list-style: none;
  padding: 0;
  margin: 0;
  color: #153962;
}
.feature-list li {
  font-size: .99rem;
  font-weight: 700;
  display:flex;
  align-items:center;
  gap:10px;
}
.feature-list .fi{
  width:30px;
  height:30px;
  border-radius:999px;
  display:grid;
  place-items:center;
  border:1px solid rgba(113,154,207,.35);
  background:linear-gradient(145deg,#ecf5ff,#d9eaff);
  color:#155ca8;
  flex:0 0 30px;
}
.feature-list .fi svg{
  width:16px;
  height:16px;
  display:block;
}

.booking-form-wrap .booking-form {
  background: linear-gradient(160deg,#ffffff,#f8fbff);
  border-radius: 16px;
  padding: 20px;
  border:1px solid #d2dfef;
  box-shadow: 0 18px 34px rgba(9, 27, 58, .18);
}
.form-row.two { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.booking-form-wrap label {
  display: block;
  font-size: .9rem;
  font-weight: 700;
  color: #5f6f87;
  margin-bottom: 8px;
  letter-spacing: .2px;
}
.booking-form-wrap input,
.booking-form-wrap textarea,
.booking-form-wrap select {
  width: 100%;
  padding: 14px 12px;
  border: 1px solid #d6deea;
  border-radius: 10px;
  background: #f7f9fc;
  color: #1f3558;
  font-size: .95rem;
  margin-top: 6px;
}
.booking-form-wrap textarea { resize: vertical; }
.booking-form-wrap .btn {
  width: 100%;
  background: linear-gradient(135deg,#06366f,#0a4f9f);
  color: #fff;
  padding: 14px 12px;
  border-radius: 10px;
  margin-top: 10px;
  font-weight: 700;
  font-size: .98rem;
  border:1px solid rgba(7,58,120,.7);
  box-shadow:0 10px 18px rgba(7,58,120,.24);
}
[data-theme="dark"] .booking-band{
  background:linear-gradient(180deg,#071a39,#0a2147 52%,#091a37);
}
[data-theme="dark"] .booking-shell{
  background:linear-gradient(145deg,#162845,#12223b);
  border-color:#35527f;
  box-shadow:0 20px 36px rgba(1,6,16,.5);
}
[data-theme="dark"] .booking-grid h2{color:#e5f0ff}
[data-theme="dark"] .booking-grid p{color:#a8c0e2}
[data-theme="dark"] .feature-list{color:#d8e8ff}
[data-theme="dark"] .feature-list .fi{
  background:linear-gradient(145deg,#1b365f,#244978);
  border-color:#466897;
  color:#9fd0ff;
}
[data-theme="dark"] .booking-form-wrap .booking-form{
  background:linear-gradient(160deg,#14294a,#11233f);
  border-color:#395d8f;
}
[data-theme="dark"] .booking-form-wrap label{color:#bfd3f0}
[data-theme="dark"] .booking-form-wrap input,
[data-theme="dark"] .booking-form-wrap textarea,
[data-theme="dark"] .booking-form-wrap select{
  background:#0f213c;
  border-color:#365886;
  color:#e4eeff;
}

.trust-block h2 { text-align: center; }
.icon-row { display: flex; justify-content: center; gap: 22px; margin: 14px 0 26px; }
.icon-row span {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  color: #6e7889;
}
.icon-row svg { width: 24px; height: 24px; }
.test-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.test-card { background: var(--card); border: 1px solid #c9d5e8; border-radius: 12px; padding: 20px 18px; }
.stars { color: #f4b44e; margin-bottom: 10px; font-size: 14px; letter-spacing: 1px; }
.test-card p { color: #607290; font-size: .98rem; line-height: 1.7; margin: 0 0 12px; font-style: italic; }
.test-card strong { font-size: .98rem; color: #092f67; }
.section h2 + .sub { margin-top: 6px; }
.split-card,
.product-card,
.test-card,
.booking-form-wrap .booking-form {
  box-shadow: 0 8px 24px rgba(8, 28, 66, 0.05);
}

/* Home Service Process */
.home-process-section{padding-top:8px}
.home-process-section h2{margin-bottom:14px}
.process-timeline{
  position:relative;
  padding-left:26px;
  display:grid;
  gap:12px;
}
.process-timeline::before{
  content:"";
  position:absolute;
  left:10px;
  top:2px;
  bottom:2px;
  width:2px;
  background:linear-gradient(180deg,#9cc1ef,#7eaee8,#9cc1ef);
}
.process-step-card{
  position:relative;
  padding:14px 14px;
  border-radius:12px;
  border:1px solid #bfd0ea;
  background:rgba(255,255,255,.82);
  box-shadow:0 6px 16px rgba(8,32,72,.05);
}
.process-step-card::before{
  content:"";
  position:absolute;
  left:-25px;
  top:16px;
  width:10px;
  height:10px;
  border-radius:999px;
  background:#1c65b8;
  box-shadow:0 0 0 6px rgba(28,101,184,.16);
}
.process-step-card h3{
  margin:0 0 8px;
  font-size:1.08rem;
  line-height:1.28;
  color:#073678;
  font-weight:800;
  letter-spacing:-.01em;
}
.process-step-card p{
  margin:0;
  color:#294c7a;
  line-height:1.6;
  font-size:1rem;
}
[data-theme="dark"] .process-timeline::before{background:linear-gradient(180deg,#4e7fc4,#5f93da,#4e7fc4)}
[data-theme="dark"] .process-step-card{
  background:rgba(17,29,53,.84);
  border-color:#365887;
  box-shadow:0 10px 18px rgba(3,10,24,.34);
}
[data-theme="dark"] .process-step-card h3{color:#d8e8ff}
[data-theme="dark"] .process-step-card p{color:#a9c0e3}
[data-theme="dark"] .process-step-card::before{background:#63a4ff;box-shadow:0 0 0 6px rgba(99,164,255,.2)}

.footer { background: #202733; color: #d4d9e3; padding: 40px 0 10px; }
.footer-grid { display: grid; grid-template-columns: 1.3fr .8fr .8fr; gap: 20px; }
.footer h4, .footer h5 { color: #fff; margin: 0 0 10px; }
.footer a { display: block; margin: 5px 0; color: #d4d9e3; }
.copyright { text-align: center; color: #a9b4c4; border-top: 1px solid #2e394a; padding-top: 12px; margin-top: 16px; font-size: 12px; }

.alert { padding: 10px; border-radius: 8px; margin: 10px 0; }
.success { background: #dcfce7; color: #166534; }
.error { background: #fee2e2; color: #991b1b; }

.floating-stack { position: fixed; right: 16px; bottom: 16px; display: grid; gap: 8px; z-index: 100; }
.float-btn { width: 42px; height: 42px; border-radius: 999px; display: grid; place-items: center; color: #fff; font-weight: 700; box-shadow: 0 10px 20px rgba(0, 0, 0, .25); }
.float-btn svg { width: 20px; height: 20px; display: block; }
.float-call { background: #0a3a89; }
.float-wa { background: #22c55e; }

@media (max-width: 1180px) {
  .booking-grid { grid-template-columns: 1fr 470px; }
  .booking-grid h2 { font-size: 54px; }
}

@media (max-width: 980px) {
  .main-nav { display: none; }
  .hero-grid,
  .split-cards,
  .products-grid,
  .booking-grid,
  .test-grid,
  .footer-grid { grid-template-columns: 1fr; }
  h1 { font-size: 2.1rem; }
  h2 { font-size: 1.9rem; }
  .split-card h3 { font-size: 1.7rem; }
  .product-card h4 { font-size: 1.25rem; }
  .booking-grid h2 { font-size: 2rem; }
  .feature-list li { font-size: .98rem; }
  .premium-hero-grid { gap: 20px; }
  .hero-visual-wrap, .hvac-scene { min-height: 340px; }
  .ac-shell { width: 250px; height: 88px; top: 58px; }
  .ac-shell svg { width: 124px; height: 48px; }
  .tool-orbits { width: 250px; height: 148px; top: 58px; }
  .diag-card { font-size: .66rem; padding: 6px 8px; }
  .diag-card.d3, .diag-card.d6 { display: none; }
  .airflow-1 { top: 116px; }
  .airflow-2 { top: 152px; }
  .airflow-3 { top: 186px; }
}

@media (max-width: 640px) {
  h1 { font-size: 38px; }
  .cta-row { flex-direction: column; }
  .nav-actions .ghost-btn { display: none; }
  .form-row.two { grid-template-columns: 1fr; }
  .hero { padding: 72px 0 56px; }
  .hero-trust-points { grid-template-columns: 1fr; gap: 8px; }
  .hero-visual-wrap, .hvac-scene { min-height: 300px; }
  .ac-shell { width: 220px; height: 78px; top: 56px; }
  .ac-shell svg { width: 104px; height: 40px; }
  .tool-orbits { width: 220px; height: 132px; top: 56px; }
  .orbit-chip { width: 32px; height: 32px; }
  .orbit-chip svg { width: 15px; height: 15px; }
  .diag-card { display: none; }
  .prog-card { font-size: .7rem; }
}

@keyframes floaty {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}
@keyframes flow {
  0% { opacity: .18; transform: translateX(-50%) scale(.95); }
  50% { opacity: .5; transform: translateX(-50%) scale(1.02); }
  100% { opacity: .18; transform: translateX(-50%) scale(.95); }
}
@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes wrenchMove {
  0%,100% { transform: rotate(0deg); }
  50% { transform: rotate(-16deg); }
}
@keyframes progressPulse {
  0% { transform: translateX(-36%); }
  100% { transform: translateX(42%); }
}
@keyframes coolParticle{
  0%{transform:translateY(0) translateX(0);opacity:.15}
  20%{opacity:.65}
  100%{transform:translateY(-115px) translateX(18px);opacity:0}
}
@media (prefers-reduced-motion: reduce) {
  .airflow, .gear, .tech-card, .hero-cta-chip, .ac-shell, .orbit-chip, .tech-avatar .arm, .prog-track span, .cool-particles span, .scan-beam, .scene-shimmer, .service-route path, .ac-body-part, .part-fan, .part-chip, .temp-meter span { animation: none !important; }
  .ac-minimal-scene .repair-wrench, .ac-minimal-scene .success-badge { animation: none !important; }
  .ac-repair-scene .repair-arm, .ac-repair-scene .success-indicator, .ac-repair-scene .meter-track span, .ac-repair-scene .flow, .ac-repair-scene .particles span { animation: none !important; }
  .svc-air, .svc-particles span, .svc-gear, .svc-status::before, .svc-ac::after { animation: none !important; }
}

@keyframes homeFlow {
  0% { opacity: .12; transform: translateX(-50%) scale(.9); }
  50% { opacity: .58; transform: translateX(-50%) translateY(4px) scale(1.04); }
  100% { opacity: .12; transform: translateX(-50%) scale(.9); }
}
@keyframes homeFloat {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-7px); }
}
@keyframes homeProgress {
  0% { transform: translateX(-42%); }
  100% { transform: translateX(48%); }
}
@keyframes homeParticle {
  0% { transform: translateY(0) translateX(0); opacity: .12; }
  20% { opacity: .7; }
  100% { transform: translateY(-128px) translateX(22px); opacity: 0; }
}
@keyframes explodeCore{
  0%,100%{transform:translateX(-50%) translate3d(0,0,0) rotate(0deg);opacity:1}
  20%{transform:translateX(-50%) translate3d(0,0,0) rotate(0deg);opacity:1}
  45%{transform:translateX(-50%) translate3d(var(--explodeX,0),var(--explodeY,0),0) rotate(var(--explodeR,0deg));opacity:.95}
  70%{transform:translateX(-50%) translate3d(var(--explodeX,0),var(--explodeY,0),0) rotate(var(--explodeR,0deg));opacity:.96}
  90%{transform:translateX(-50%) translate3d(0,0,0) rotate(0deg);opacity:1}
}
@keyframes explodeCompressor{
  0%,100%{transform:translateX(-50%) translate3d(0,0,0) rotate(0deg)}
  20%{transform:translateX(-50%) translate3d(0,0,0) rotate(0deg)}
  45%,70%{transform:translateX(-50%) translate3d(-58px,38px,0) rotate(-7deg)}
  90%{transform:translateX(-50%) translate3d(0,0,0) rotate(0deg)}
}
@keyframes explodeCoil{
  0%,100%{transform:translateX(-50%) translate3d(0,0,0)}
  20%{transform:translateX(-50%) translate3d(0,0,0)}
  45%,70%{transform:translateX(-50%) translate3d(0,-42px,0)}
  90%{transform:translateX(-50%) translate3d(0,0,0)}
}
@keyframes explodeFilter{
  0%,100%{transform:translateX(-50%) translate3d(0,0,0)}
  20%{transform:translateX(-50%) translate3d(0,0,0)}
  45%,70%{transform:translateX(-50%) translate3d(0,-64px,0)}
  90%{transform:translateX(-50%) translate3d(0,0,0)}
}
@keyframes explodePcb{
  0%,100%{transform:translateX(-50%) translate3d(0,0,0) rotate(0deg)}
  20%{transform:translateX(-50%) translate3d(0,0,0) rotate(0deg)}
  45%,70%{transform:translateX(-50%) translate3d(84px,18px,0) rotate(9deg)}
  90%{transform:translateX(-50%) translate3d(0,0,0) rotate(0deg)}
}
@keyframes explodePipe{
  0%,100%{transform:translateX(-50%) translate3d(0,0,0) rotate(0deg)}
  20%{transform:translateX(-50%) translate3d(0,0,0) rotate(0deg)}
  45%,70%{transform:translateX(-50%) translate3d(62px,36px,0) rotate(12deg)}
  90%{transform:translateX(-50%) translate3d(0,0,0) rotate(0deg)}
}
@keyframes explodeVent{
  0%,100%{transform:translateX(-50%) translate3d(0,0,0)}
  20%{transform:translateX(-50%) translate3d(0,0,0)}
  45%,70%{transform:translateX(-50%) translate3d(0,26px,0)}
  90%{transform:translateX(-50%) translate3d(0,0,0)}
}
@keyframes explodeFan{
  0%,100%{transform:translateX(-50%) translate3d(0,0,0) rotate(0deg)}
  20%{transform:translateX(-50%) translate3d(0,0,0) rotate(90deg)}
  45%,70%{transform:translateX(-50%) translate3d(88px,-18px,0) rotate(450deg)}
  90%{transform:translateX(-50%) translate3d(0,0,0) rotate(720deg)}
}
@keyframes explodePanel{
  0%,100%{transform:translateX(-50%) translate3d(0,0,0);opacity:.8}
  20%{transform:translateX(-50%) translate3d(0,0,0);opacity:.78}
  45%,70%{transform:translateX(-50%) translate3d(0,-80px,0);opacity:.52}
  90%{transform:translateX(-50%) translate3d(0,0,0);opacity:.8}
}
@keyframes logoFloat{
  0%,100%{transform:translateX(-50%) translateY(0)}
  50%{transform:translateX(-50%) translateY(-6px)}
}
@keyframes toolOrbit{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-8px) scale(1.04)}
}
@keyframes tempMeterPulse{
  0%{transform:translateX(-35%);opacity:.72}
  50%{transform:translateX(0);opacity:1}
  100%{transform:translateX(35%);opacity:.72}
}
@keyframes toolFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-6px)}
}
@keyframes fanSpin{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}
@keyframes sceneShimmer{
  0%{transform:rotate(0deg)}
  100%{transform:rotate(360deg)}
}
@keyframes scanSweep{
  0%{transform:translateX(0);opacity:0}
  20%{opacity:.85}
  60%{opacity:.35}
  100%{transform:translateX(360%);opacity:0}
}
@keyframes routeMove{
  from{stroke-dashoffset:0}
  to{stroke-dashoffset:-68}
}
@keyframes homePulse {
  0% { box-shadow: 0 0 0 0 rgba(33,176,255,.38); }
  100% { box-shadow: 0 0 0 10px rgba(33,176,255,0); }
}
@keyframes heroGlow{
  0%,100%{box-shadow:0 10px 22px rgba(9,63,132,.25)}
  50%{box-shadow:0 12px 28px rgba(32,154,255,.38)}
}
@keyframes shineSweep{
  0%{transform:translateX(-120%)}
  100%{transform:translateX(120%)}
}

/* Contact Page */
.contact-hero {
  position: relative;
  overflow: hidden;
  padding: 82px 0 70px;
  background:
    radial-gradient(900px 420px at 0% 0%, rgba(70, 164, 255, .2), transparent 72%),
    radial-gradient(800px 400px at 100% 10%, rgba(51, 211, 255, .18), transparent 74%),
    linear-gradient(180deg, #eef4ff 0%, #f2f6fc 100%);
}
[data-theme="dark"] .contact-hero {
  background:
    radial-gradient(900px 420px at 0% 0%, rgba(86, 136, 255, .25), transparent 72%),
    radial-gradient(780px 400px at 100% 10%, rgba(45, 176, 255, .22), transparent 74%),
    linear-gradient(180deg, #0f1b32 0%, #0c172a 100%);
}
.contact-hero-inner { position: relative; z-index: 2; max-width: 860px; }
.contact-hero h1 { margin-top: 8px; }
.contact-hero p { max-width: 70ch; color: #4f6388; font-size: 1.05rem; line-height: 1.7; }
.contact-hero-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.contact-hero-tags span {
  padding: 8px 12px;
  border-radius: 999px;
  font-size: .82rem;
  font-weight: 600;
  color: #1b4d8f;
  border: 1px solid rgba(66, 120, 190, .26);
  background: rgba(255,255,255,.58);
}
.contact-hero-glow {
  position: absolute; width: 280px; height: 280px; border-radius: 999px;
  filter: blur(24px); pointer-events: none;
}
.contact-hero-glow.a { left: -90px; top: -90px; background: rgba(68, 187, 255, .26); }
.contact-hero-glow.b { right: -80px; top: 30px; background: rgba(65, 157, 255, .23); }

.contact-info-zone h2,
.map-zone h2,
.faq-zone h2,
.hours-zone h2 { text-align: center; }
.contact-info-zone .sub,
.map-zone .sub { text-align: center; max-width: 760px; margin: 0 auto; }

.contact-cards {
  margin-top: 22px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}
.contact-card {
  display: block;
  padding: 18px 14px;
  border-radius: 14px;
  border: 1px solid rgba(126, 151, 196, .35);
  background: rgba(255,255,255,.66);
  backdrop-filter: blur(8px);
  box-shadow: 0 10px 24px rgba(9, 41, 94, .08);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.contact-card:hover {
  transform: translateY(-4px);
  border-color: rgba(55, 120, 210, .52);
  box-shadow: 0 18px 30px rgba(9, 41, 94, .14);
}
.ci-icon {
  width: 42px; height: 42px; border-radius: 12px;
  display: grid; place-items: center;
  font-size: 20px; margin-bottom: 8px;
  background: linear-gradient(150deg, #d8ecff, #eef6ff);
}
.contact-card h3 { font-size: 1.1rem; margin-bottom: 6px; }
.contact-card p { margin: 0; color: #5d7194; line-height: 1.6; font-size: .92rem; }

.contact-form-zone { padding-top: 30px; }
.contact-form-grid {
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 18px;
  align-items: start;
}
.contact-form-shell,
.support-quick-card,
.hours-card,
.map-shell,
.ws-inner {
  border-radius: 18px;
  border: 1px solid rgba(124, 150, 193, .34);
  background: rgba(255,255,255,.72);
  backdrop-filter: blur(10px);
  box-shadow: 0 18px 32px rgba(8, 36, 86, .09);
}
.contact-form-shell { padding: 22px; }
.modern-contact-form { margin-top: 12px; }
.fc-row.two { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.modern-contact-form label {
  display: block;
  font-size: .85rem;
  font-weight: 700;
  color: #496389;
  margin-bottom: 10px;
}
.modern-contact-form input,
.modern-contact-form select,
.modern-contact-form textarea {
  width: 100%;
  margin-top: 6px;
  border-radius: 12px;
  border: 1px solid #c6d4ea;
  background: rgba(249, 252, 255, .96);
  padding: 13px 12px;
  color: #19365f;
  font-size: .94rem;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.modern-contact-form input:focus,
.modern-contact-form select:focus,
.modern-contact-form textarea:focus {
  outline: none;
  border-color: #3d86eb;
  box-shadow: 0 0 0 4px rgba(61, 134, 235, .14);
}
.contact-submit {
  margin-top: 4px;
  width: 100%;
  border: 0;
  border-radius: 12px;
  color: #fff;
  padding: 14px;
  font-weight: 700;
  background: linear-gradient(92deg, #0a3f84, #1269d3);
  box-shadow: 0 14px 24px rgba(10, 74, 150, .22);
  transition: transform .2s ease, box-shadow .2s ease;
}
.contact-submit:hover { transform: translateY(-1px); box-shadow: 0 18px 28px rgba(10, 74, 150, .3); }

.support-quick-card { padding: 20px; position: sticky; top: 88px; }
.support-quick-card .badge {
  display: inline-block;
  padding: 7px 11px;
  border-radius: 999px;
  color: #124985;
  background: rgba(121, 183, 255, .18);
  border: 1px solid rgba(64, 127, 203, .35);
  font-weight: 700;
  font-size: .78rem;
  animation: pulseBadge 2.1s ease infinite;
}
.support-quick-card p { color: #5f7396; }
.support-quick-card ul { margin: 0; padding-left: 18px; color: #27456f; line-height: 1.8; }
.quick-actions { display: grid; gap: 10px; margin-top: 14px; }
.quick-actions .primary-btn,
.quick-actions .secondary-btn { text-align: center; }
.availability-dot { margin-top: 10px; display: flex; align-items: center; gap: 8px; font-size: .88rem; color: #35557f; }
.availability-dot span {
  width: 9px; height: 9px; border-radius: 999px; background: #20c05d;
  box-shadow: 0 0 0 6px rgba(32,192,93,.17);
}

.map-shell { margin-top: 16px; overflow: hidden; }
.map-shell { position: relative; }
.map-shell iframe { display: block; width: 100%; height: 380px; border: 0; }
.map-focus-pin {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 22px;
  height: 22px;
  z-index: 3;
  pointer-events: none;
}
.map-location-label{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-155%);
  min-width:340px;
  max-width:min(88vw,420px);
  z-index:4;
  pointer-events:none;
  background:#05070b;
  color:#fff;
  border-radius:8px;
  padding:10px 12px 9px;
  box-shadow:0 10px 22px rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.08);
}
.map-location-label::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-8px;
  transform:translateX(-50%);
  border-left:8px solid transparent;
  border-right:8px solid transparent;
  border-top:8px solid #05070b;
}
.map-location-label strong{
  display:block;
  font-size:.86rem;
  letter-spacing:.5px;
  font-weight:800;
  margin-bottom:3px;
}
.map-location-label span{
  display:block;
  font-size:.8rem;
  line-height:1.35;
  color:#f3f7ff;
}
.pin-core {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
  border-radius: 999px;
  background: #ff3d3d;
  border: 2px solid #fff;
  box-shadow: 0 4px 10px rgba(0,0,0,.28);
}
.pin-wave {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  border: 2px solid rgba(255, 61, 61, .5);
  transform: translate(-50%, -50%) scale(1);
  animation: mapWave 2.2s ease-out infinite;
}
.pin-wave.wave-2 { animation-delay: .55s; }
.pin-wave.wave-3 { animation-delay: 1.1s; }
.coverage-tags {
  margin-top: 12px;
  display: flex; flex-wrap: wrap; gap: 10px;
  justify-content: center;
}
.coverage-tags span {
  font-size: .8rem;
  padding: 7px 11px;
  border-radius: 999px;
  border: 1px solid #c6d4ea;
  color: #2f588a;
  background: rgba(255,255,255,.82);
}

.whatsapp-strip { padding-top: 24px; }
.ws-inner {
  padding: 18px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.ws-btn {
  display: inline-block;
  padding: 12px 16px;
  border-radius: 12px;
  color: #fff;
  font-weight: 700;
  background: linear-gradient(140deg, #19b85b, #12a84f);
  box-shadow: 0 10px 22px rgba(14, 155, 70, .24);
  animation: pulseBadge 2.3s ease infinite;
}

.faq-list {
  max-width: 860px;
  margin: 18px auto 0;
  display: grid;
  gap: 12px;
}
.faq-list details {
  border: 1px solid rgba(122, 149, 194, .38);
  border-radius: 12px;
  background: rgba(255,255,255,.76);
  box-shadow: 0 8px 20px rgba(8, 37, 83, .08);
  overflow: hidden;
}
.faq-list summary {
  cursor: pointer;
  list-style: none;
  padding: 14px 16px;
  font-weight: 700;
  color: #123b72;
}
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list p { margin: 0; padding: 0 16px 14px; color: #5d7295; line-height: 1.7; }

.hours-card { max-width: 900px; margin: 0 auto; padding: 20px; text-align: center; }
.hours-grid {
  margin-top: 8px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  text-align: left;
}
.hours-grid p {
  margin: 0;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid rgba(130, 157, 200, .28);
  background: rgba(255,255,255,.76);
  color: #274468;
}
.hours-status {
  margin-top: 14px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  color: #1f4c82;
}
.hours-status .dot {
  width: 10px; height: 10px; border-radius: 999px;
  background: #22c55e;
  box-shadow: 0 0 0 7px rgba(34,197,94,.16);
}

@keyframes pulseBadge {
  0%, 100% { box-shadow: 0 0 0 0 rgba(27, 137, 235, .16); }
  50% { box-shadow: 0 0 0 12px rgba(27, 137, 235, 0); }
}
@keyframes mapWave {
  0% { opacity: .7; transform: translate(-50%, -50%) scale(1); }
  100% { opacity: 0; transform: translate(-50%, -50%) scale(3.5); }
}

@media (max-width: 1200px) {
  .contact-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 980px) {
  .contact-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .contact-form-grid { grid-template-columns: 1fr; }
  .support-quick-card { position: static; }
  .hours-grid { grid-template-columns: 1fr; }
  .ws-inner { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 640px) {
  .contact-cards { grid-template-columns: 1fr; }
  .fc-row.two { grid-template-columns: 1fr; }
  .map-shell iframe { height: 300px; }
  .map-location-label{min-width:240px;padding:8px 10px;transform:translate(-50%,-150%)}
  .map-location-label strong{font-size:.78rem}
  .map-location-label span{font-size:.72rem}
}

/* About Page */
.about-hero{position:relative;overflow:hidden;padding:84px 0 72px;background:radial-gradient(900px 420px at 0% 0%,rgba(77,170,255,.22),transparent 72%),radial-gradient(860px 420px at 100% 10%,rgba(51,214,255,.18),transparent 74%),linear-gradient(180deg,#edf4ff,#f3f6fc)}
[data-theme="dark"] .about-hero{background:radial-gradient(900px 420px at 0% 0%,rgba(88,141,255,.25),transparent 72%),radial-gradient(860px 420px at 100% 10%,rgba(47,178,255,.2),transparent 74%),linear-gradient(180deg,#0f1b32,#0c172a)}
.about-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center}
.about-glow{position:absolute;width:290px;height:290px;border-radius:999px;filter:blur(24px);pointer-events:none}.about-glow.a{left:-80px;top:-90px;background:rgba(78,175,255,.22)}.about-glow.b{right:-90px;top:20px;background:rgba(53,157,255,.22)}
.about-scene{min-height:360px;border-radius:20px;border:1px solid rgba(125,155,199,.36);background:rgba(255,255,255,.68);backdrop-filter:blur(10px);position:relative;box-shadow:0 18px 34px rgba(8,36,86,.1);overflow:hidden}
.about-ac{position:absolute;left:50%;top:44px;transform:translateX(-50%);width:240px;height:78px;border-radius:16px;background:linear-gradient(180deg,#f8fbff,#dce8f8);box-shadow:0 12px 24px rgba(10,58,126,.2)}
.about-air{position:absolute;left:50%;transform:translateX(-50%);border:2px solid rgba(32,165,237,.35);border-top-color:transparent;border-left-color:transparent;border-radius:50%;animation:flow 3.6s ease-in-out infinite}
.about-air.a{top:120px;width:220px;height:60px}.about-air.b{top:158px;width:196px;height:54px;animation-delay:.35s}.about-air.c{top:194px;width:168px;height:46px;animation-delay:.7s}
.about-ui{position:absolute;padding:7px 10px;border-radius:10px;border:1px solid rgba(89,138,202,.42);background:rgba(255,255,255,.72);font-size:.74rem;font-weight:700;color:#143f78;box-shadow:0 10px 18px rgba(10,58,116,.12)}
.about-ui.one{right:20px;top:48px}.about-ui.two{left:18px;bottom:28px}.about-tech{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);width:46px;height:88px;border-radius:14px;background:linear-gradient(180deg,#2168bf,#0e3e7d)}

.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:start}
.intro-counters{display:grid;grid-template-columns:1fr 1fr;gap:12px}.intro-counters article{padding:16px;border-radius:14px;border:1px solid rgba(123,153,198,.36);background:rgba(255,255,255,.72);box-shadow:0 10px 22px rgba(7,39,87,.08)}
.intro-counters h3{margin:0;font-size:1.9rem;color:#0f3f7a}.intro-counters p{margin:6px 0 0;color:#4d678f}
.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.glass-card{padding:20px;border-radius:16px;border:1px solid rgba(123,153,198,.36);background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(238,247,255,.64));box-shadow:0 12px 24px rgba(7,39,87,.08);transition:transform .2s ease}.glass-card:hover{transform:translateY(-3px)}
.mission-card ul{margin:12px 0 0;padding-left:18px;color:#2f4f7c;line-height:1.7;font-size:.92rem}
.why-grid{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.why-card{padding:14px;border-radius:14px;border:1px solid rgba(123,153,198,.34);background:rgba(255,255,255,.78);box-shadow:0 10px 20px rgba(10,41,90,.08);color:#1d4479;animation:floaty 5s ease-in-out infinite;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:start}
.why-card:nth-child(2n){animation-delay:.35s}
.why-card:hover{transform:translateY(-3px);box-shadow:0 16px 28px rgba(8,39,89,.14);border-color:rgba(85,131,202,.5)}
.why-card h4{margin:0 0 6px;font-size:1.06rem;line-height:1.3}
.why-card p{margin:0;color:#5d7194;line-height:1.6;font-size:.9rem}
.why-card .info-icon{width:34px;height:34px;border-radius:10px;margin:0;box-shadow:none}
.why-card .info-icon svg{width:18px;height:18px}
.why-content{min-width:0}
.timeline{margin-top:14px;border-left:2px solid rgba(56,126,206,.35);padding-left:16px;display:grid;gap:12px}.timeline div{position:relative;padding:12px 14px;border-radius:12px;border:1px solid rgba(123,153,198,.34);background:rgba(255,255,255,.75)}.timeline div::before{content:"";position:absolute;left:-24px;top:16px;width:10px;height:10px;border-radius:999px;background:#0d57b5;box-shadow:0 0 0 6px rgba(13,87,181,.16)}.timeline span{font-weight:800;color:#11407a}
.expert-grid,.split-sol-grid,.team-grid,.badge-grid,.stats-grid{display:grid;gap:12px}
.expert-grid{grid-template-columns:1fr 1fr}.expert-grid article,.split-sol-grid article,.team-grid article{padding:18px;border-radius:14px;border:1px solid rgba(123,153,198,.34);background:rgba(255,255,255,.75);box-shadow:0 10px 20px rgba(10,41,90,.08)}
.split-sol-grid{grid-template-columns:1fr 1fr}.split-solution{padding-top:20px}
.team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.info-card{position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.info-card:hover{transform:translateY(-3px);box-shadow:0 16px 28px rgba(8,39,89,.14);border-color:rgba(85,131,202,.5)}
.info-card .info-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#dcecff,#edf6ff);border:1px solid rgba(124,156,204,.35);margin-bottom:12px;color:#0f4f94;box-shadow:0 8px 16px rgba(18,74,148,.14)}
.info-card .info-icon svg{width:26px;height:26px}
.mission-card .info-icon.info-icon-lg{width:58px;height:58px;border-radius:16px}
.mission-card .info-icon.info-icon-lg svg{width:30px;height:30px}
.info-card h3,.info-card h4{margin-bottom:8px}
.info-card p{margin:0;color:#5d7194;line-height:1.65}
.info-card ul{margin:12px 0 0;padding-left:18px;color:#2f4f7c;line-height:1.7;font-size:.92rem}
.team-card ul{margin-top:10px}
[data-theme="dark"] .info-card .info-icon{background:linear-gradient(145deg,#1a3258,#173053);border-color:rgba(106,142,197,.46)}
[data-theme="dark"] .info-card .info-icon svg{color:#d4e8ff}
[data-theme="dark"] .info-card p{color:#aac0e4}
[data-theme="dark"] .info-card ul{color:#c0d6fa}
[data-theme="dark"] .mission-card ul{color:#c0d6fa}
[data-theme="dark"] .why-card p{color:#afc3e3}
.trust-badges h2{text-align:center}.badge-grid{margin-top:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.badge-grid span{padding:12px;border-radius:999px;text-align:center;border:1px solid rgba(112,145,194,.4);background:rgba(255,255,255,.8);font-weight:700;color:#1a4884}
.stats-band{background:#062d67}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stats-grid article{padding:18px;border-radius:14px;border:1px solid rgba(178,206,245,.24);background:rgba(255,255,255,.08);text-align:center}.stats-grid h3{margin:0;color:#fff}.stats-grid p{margin:6px 0 0;color:#d9e8ff}
.areas-zone .sub{text-align:center}
.about-cta{padding-top:20px}.cta-panel{padding:26px;border-radius:20px;border:1px solid rgba(112,145,194,.4);background:linear-gradient(120deg,#0b3f87,#0c59b2);box-shadow:0 16px 28px rgba(8,37,83,.2);text-align:center}.cta-panel h2{color:#fff}
.cta-panel .quick-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:14px}.cta-panel .secondary-btn,.cta-panel .ghost-btn{background:#fff;color:#0b3f87;border-color:#c0d6f6}

@media (max-width:980px){.about-hero-grid,.intro-grid,.mission-grid,.expert-grid,.split-sol-grid,.stats-grid{grid-template-columns:1fr}.team-grid{grid-template-columns:1fr 1fr}.why-grid{grid-template-columns:1fr 1fr}.badge-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.team-grid,.why-grid,.badge-grid,.intro-counters{grid-template-columns:1fr}.about-scene{min-height:300px}}

/* Services Page */
.svc-hero{position:relative;overflow:hidden;padding:84px 0 72px;background:radial-gradient(900px 420px at 0% 0%,rgba(77,170,255,.22),transparent 72%),radial-gradient(860px 420px at 100% 10%,rgba(51,214,255,.18),transparent 74%),linear-gradient(180deg,#edf4ff,#f3f6fc)}
[data-theme="dark"] .svc-hero{background:radial-gradient(900px 420px at 0% 0%,rgba(88,141,255,.25),transparent 72%),radial-gradient(860px 420px at 100% 10%,rgba(47,178,255,.2),transparent 74%),linear-gradient(180deg,#0f1b32,#0c172a)}
.svc-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center}
.svc-glow{position:absolute;width:290px;height:290px;border-radius:999px;filter:blur(24px);pointer-events:none}.svc-glow.a{left:-80px;top:-90px;background:rgba(78,175,255,.22)}.svc-glow.b{right:-90px;top:20px;background:rgba(53,157,255,.22)}
.svc-scene{min-height:360px;border-radius:20px;border:1px solid rgba(125,155,199,.36);background:rgba(255,255,255,.68);backdrop-filter:blur(10px);position:relative;box-shadow:0 18px 34px rgba(8,36,86,.1);overflow:hidden}
.svc-ac{position:absolute;left:50%;top:44px;transform:translateX(-50%);width:240px;height:78px;border-radius:16px;background:linear-gradient(180deg,#f8fbff,#dce8f8);box-shadow:0 12px 24px rgba(10,58,126,.2)}
.svc-air{position:absolute;left:50%;transform:translateX(-50%);border:2px solid rgba(32,165,237,.35);border-top-color:transparent;border-left-color:transparent;border-radius:50%;animation:flow 3.6s ease-in-out infinite}
.svc-air.a{top:120px;width:220px;height:60px}.svc-air.b{top:158px;width:196px;height:54px;animation-delay:.35s}.svc-air.c{top:194px;width:168px;height:46px;animation-delay:.7s}
.svc-ui{position:absolute;padding:7px 10px;border-radius:10px;border:1px solid rgba(89,138,202,.42);background:rgba(255,255,255,.72);font-size:.74rem;font-weight:700;color:#143f78;box-shadow:0 10px 18px rgba(10,58,116,.12)}
.svc-ui.one{right:20px;top:48px}.svc-ui.two{left:18px;bottom:28px}.svc-tech{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);width:46px;height:88px;border-radius:14px;background:linear-gradient(180deg,#2168bf,#0e3e7d)}

.svc-nav-wrap{position:sticky;top:72px;z-index:70;background:color-mix(in srgb, var(--bg) 86%, transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.svc-nav{display:flex;gap:10px;flex-wrap:wrap;padding:12px 0}.svc-nav a{padding:8px 12px;border-radius:999px;border:1px solid rgba(117,149,195,.42);background:rgba(255,255,255,.8);font-weight:600;font-size:.86rem;color:#244b82;transition:.2s}.svc-nav a:hover{background:#e9f2ff;transform:translateY(-1px)}

.svc-feature-grid,.svc-type-grid,.amc-grid{display:grid;gap:12px}
.svc-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}
.svc-feature-grid article{padding:0;border-radius:14px;border:1px solid rgba(123,153,198,.34);background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(240,248,255,.66));box-shadow:0 10px 20px rgba(10,41,90,.08);transition:transform .2s ease;overflow:hidden}.svc-feature-grid article:hover{transform:translateY(-4px)}
.svc-feature-grid p{color:#5d7295}.svc-feature-grid span{display:inline-block;margin:6px 0 10px;padding:5px 10px;border-radius:999px;background:#dff0ff;color:#164f8a;font-size:.8rem;font-weight:700}
.svc-feature-grid a{display:inline-block;padding:9px 12px;border-radius:10px;background:#0b3f87;color:#fff;font-weight:700;font-size:.85rem}
.svc-product-card{grid-template-rows:220px 1fr;height:100%}
.svc-product-card .svc-cover{height:100%}
.svc-product-card .product-card-body{padding:16px 14px 14px}
.svc-product-card .product-card-body h3{font-size:clamp(1.05rem,1.45vw,1.33rem);line-height:1.3;margin:4px 0 2px}
.svc-product-card .product-card-body p{min-height:48px}
.svc-product-card .card-btn-row{margin-top:10px}
.svc-product-card .card-btn-row .primary-btn{padding:10px 12px;text-align:center}
.svc-product-card .card-btn-row .wa-icon-btn{min-width:56px}
.svc-product-card .stock-chip{margin-top:8px}
.svc-type-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}
.svc-type-grid article{padding:0;border-radius:14px;border:1px solid rgba(123,153,198,.34);background:rgba(255,255,255,.78);box-shadow:0 10px 20px rgba(10,41,90,.08);overflow:hidden}
.svc-type-grid article span{display:inline-block;margin-top:8px;padding:5px 10px;border-radius:999px;background:#e7f2ff;color:#1c4f88;font-weight:700;font-size:.8rem}
.svc-type-grid.commercial article{background:linear-gradient(165deg,#0d3f85,#1158ab);color:#fff}.svc-type-grid.commercial article p{color:#cfe2ff}.svc-type-grid.commercial article span{background:rgba(255,255,255,.16);color:#fff}
.svc-card-body{padding:14px}
.svc-cover{height:132px;background:#e8eef7;overflow:hidden}
.svc-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.svc-feature-grid article:hover .svc-cover img,.svc-type-grid article:hover .svc-cover img{transform:scale(1.05)}
.svc-feature-grid h3,.svc-type-grid h3{font-size:clamp(1.05rem,1.4vw,1.55rem);line-height:1.28;margin:0 0 8px;letter-spacing:-.01em}
.svc-feature-grid p,.svc-type-grid p{font-size:.9rem;line-height:1.55;margin:0;color:#5d7295}
.svc-type-grid.commercial h3{color:#fff}
.svc-time{margin-top:16px}
.svc-emergency{padding-top:26px}
.svc-em-card{padding:24px;border-radius:18px;border:1px solid rgba(104,141,196,.42);background:linear-gradient(140deg,#082f6a,#0b458f);box-shadow:0 18px 30px rgba(7,35,77,.25);text-align:center}
.svc-em-card h2,.svc-em-card p{color:#fff}.svc-em-card .availability-dot{justify-content:center;color:#cfe3ff}

.amc-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}
.amc-grid article{padding:18px;border-radius:14px;border:1px solid rgba(123,153,198,.34);background:rgba(255,255,255,.78);box-shadow:0 10px 20px rgba(10,41,90,.08);transition:transform .2s ease}
.amc-grid article:hover{transform:scale(1.02)}
.amc-grid article strong{display:block;font-size:1.2rem;color:#0d3f7a;margin:8px 0}
.amc-grid article a{display:inline-block;padding:9px 12px;border-radius:10px;background:#0b3f87;color:#fff;font-weight:700;font-size:.85rem}
.amc-grid .featured{border-color:#3f83e2;box-shadow:0 16px 28px rgba(10,58,124,.18)}

.svc-final-cta .cta-panel p{color:#d7e9ff;max-width:760px;margin:0 auto}

@media (max-width:980px){.svc-hero-grid,.svc-feature-grid,.svc-type-grid,.amc-grid{grid-template-columns:1fr 1fr}.svc-nav-wrap{top:64px}}
@media (max-width:640px){.svc-feature-grid,.svc-type-grid,.amc-grid,.svc-hero-grid{grid-template-columns:1fr}.svc-scene{min-height:300px}.svc-nav a{font-size:.8rem}}

/* Services Hero Refinement */
.svc-hero{padding:72px 0 56px}
.svc-hero-grid{grid-template-columns:1.08fr .92fr;gap:32px;align-items:center}
.svc-copy h1{max-width:16ch;font-size:clamp(2rem,3.2vw,2.95rem);line-height:1.13;letter-spacing:-.015em}
.svc-copy p{max-width:58ch;color:#506788;font-size:1rem;line-height:1.72}
.svc-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.56);border:1px solid rgba(93,130,184,.26);backdrop-filter:blur(8px);padding:8px 14px}
.svc-badge-dot{width:8px;height:8px;border-radius:999px;background:#1e79e5;box-shadow:0 0 0 6px rgba(30,121,229,.16)}
.svc-cta .svc-primary{background:linear-gradient(120deg,#0a3f84,#0f5fc0);box-shadow:0 12px 24px rgba(10,68,139,.22);transition:transform .22s ease,box-shadow .22s ease}
.svc-cta .svc-primary:hover{transform:translateY(-2px);box-shadow:0 18px 28px rgba(10,68,139,.28)}
.svc-cta .svc-secondary{background:rgba(255,255,255,.66);backdrop-filter:blur(8px);border:1px solid rgba(113,148,198,.48);transition:transform .22s ease,border-color .22s ease}
.svc-cta .svc-secondary:hover{transform:translateY(-2px);border-color:#4e88df}
.svc-trust{max-width:560px;gap:10px 22px;margin-top:18px}
.svc-trust li{font-size:.9rem;color:#32557f}

.svc-scene{min-height:332px;border-radius:22px;border:1px solid rgba(125,155,199,.34);background:linear-gradient(155deg,rgba(255,255,255,.7),rgba(236,245,255,.58));box-shadow:0 24px 40px rgba(8,36,86,.1)}
.svc-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(to right,rgba(71,122,193,.09) 1px,transparent 1px),linear-gradient(to bottom,rgba(71,122,193,.09) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(transparent,rgba(0,0,0,.95),transparent)}
.svc-ac{top:42px;width:248px;height:82px;border-radius:16px;display:flex;align-items:center;justify-content:space-between;padding:0 14px}
.svc-temp{font-size:.78rem;font-weight:800;color:#0a467f;background:rgba(255,255,255,.7);border:1px solid rgba(104,149,207,.34);padding:4px 8px;border-radius:999px}
.svc-status{font-size:.74rem;font-weight:700;color:#0a4f8c}
.svc-status::before{content:"";display:inline-block;width:8px;height:8px;border-radius:999px;background:#1eb7ff;margin-right:7px;box-shadow:0 0 0 0 rgba(30,183,255,.4);animation:statusPulse 2s ease-out infinite}
.svc-ac::after{content:"";position:absolute;left:22px;right:22px;bottom:12px;height:8px;border-radius:999px;background:linear-gradient(90deg,rgba(31,157,241,.25),rgba(56,211,255,.45),rgba(31,157,241,.25));background-size:200% 100%;animation:barFlow 3.2s linear infinite}
.svc-air.a{top:118px}.svc-air.b{top:152px}.svc-air.c{top:184px}
.svc-air{filter:drop-shadow(0 0 8px rgba(77,194,255,.22))}
.svc-ui{font-size:.72rem}
.svc-ui.one{right:18px;top:52px;animation:floatySoft 3.4s ease-in-out infinite}
.svc-ui.two{left:18px;bottom:58px;min-width:120px;animation:floatySoft 4s ease-in-out infinite}
.svc-ui.three{right:22px;bottom:24px;animation:floatySoft 3.8s ease-in-out infinite}
.svc-ui.two span{display:block;margin-bottom:6px}
.svc-mini-track{width:100px;height:7px;border-radius:999px;background:rgba(26,97,176,.16);overflow:hidden}
.svc-mini-track span{display:block;height:100%;width:62%;border-radius:inherit;background:linear-gradient(90deg,#28a8ff,#73d6ff);animation:miniProgress 2.2s linear infinite}
.svc-particles{position:absolute;inset:100px 30px 36px 30px;pointer-events:none}
.svc-particles span{position:absolute;width:6px;height:6px;border-radius:999px;background:rgba(69,192,255,.6);box-shadow:0 0 8px rgba(69,192,255,.5);animation:coolParticle 6s linear infinite}
.svc-particles .p1{left:22%;bottom:22%;animation-delay:0s}
.svc-particles .p2{left:38%;bottom:12%;animation-delay:1.1s}
.svc-particles .p3{left:52%;bottom:20%;animation-delay:2.1s}
.svc-particles .p4{left:66%;bottom:10%;animation-delay:3s}
.svc-particles .p5{left:80%;bottom:18%;animation-delay:4s}
.svc-gear{position:absolute;color:rgba(28,119,198,.45);font-size:18px;animation:spin 9s linear infinite}
.svc-gear.g1{left:24px;top:108px}
.svc-gear.g2{right:58px;top:170px;animation-duration:6.5s}
.svc-tech{position:absolute;left:50%;bottom:36px;transform:translateX(-50%);width:34px;height:56px;border-radius:11px;background:linear-gradient(180deg,#1f63b8,#0f3f7d);animation:techMove 2.8s ease-in-out infinite}
.svc-tech::before{content:"";position:absolute;left:10px;top:-20px;width:14px;height:14px;border-radius:999px;background:#164f97}
.svc-tech::after{content:"";position:absolute;right:-15px;top:18px;width:16px;height:7px;border-radius:999px;background:#2c7ee0;transform-origin:left center;animation:wrenchMove 2.8s ease-in-out infinite}
.svc-kpi-row{position:absolute;left:18px;right:18px;bottom:18px;display:flex;gap:8px}
.svc-kpi-row span{flex:1;text-align:center;padding:7px 8px;border-radius:10px;background:rgba(255,255,255,.66);border:1px solid rgba(103,148,205,.34);font-size:.72rem;font-weight:700;color:#1a4f8a}
[data-theme="dark"] .svc-scene{background:linear-gradient(155deg,rgba(17,29,54,.76),rgba(13,23,44,.72));border-color:rgba(87,119,170,.45)}
[data-theme="dark"] .svc-badge{background:rgba(16,29,56,.7);border-color:rgba(95,129,184,.4);color:#cfe3ff}
[data-theme="dark"] .svc-copy p,.svc-copy p{ }
[data-theme="dark"] .svc-copy p{color:#afc3e3}
[data-theme="dark"] .svc-kpi-row span,[data-theme="dark"] .svc-ui,[data-theme="dark"] .svc-temp{background:rgba(17,33,61,.76);color:#d4e7ff;border-color:rgba(104,142,201,.46)}
[data-theme="dark"] .svc-gear{color:rgba(125,169,227,.45)}
[data-theme="dark"] .svc-particles span{background:rgba(118,211,255,.72)}

.svc-nav-wrap{top:72px;background:rgba(245,249,255,.74);border-bottom:1px solid rgba(132,162,203,.3)}
.svc-nav{padding:10px 0;gap:8px}
.svc-nav a{padding:9px 14px;background:rgba(255,255,255,.7);border-color:rgba(120,150,196,.36);font-size:.84rem}
.svc-nav a:hover{background:#edf4ff;border-color:#4e88df;transform:translateY(-1px)}
.svc-nav a:focus-visible{outline:2px solid #3f86e5;outline-offset:1px}

@media (max-width:980px){
  .svc-hero{padding:62px 0 48px}
  .svc-hero-grid{grid-template-columns:1fr;gap:16px}
  .svc-copy h1{max-width:100%}
  .svc-scene{min-height:300px}
}
@media (max-width:640px){
  .svc-cta{gap:10px}
  .svc-trust{grid-template-columns:1fr}
  .svc-nav-wrap{top:64px}
}

@keyframes statusPulse{
  0%{box-shadow:0 0 0 0 rgba(30,183,255,.42)}
  100%{box-shadow:0 0 0 10px rgba(30,183,255,0)}
}
@keyframes barFlow{
  0%{background-position:0% 50%}
  100%{background-position:200% 50%}
}
@keyframes coolParticle{
  0%{transform:translateY(0) translateX(0);opacity:.15}
  20%{opacity:.65}
  100%{transform:translateY(-110px) translateX(18px);opacity:0}
}
@keyframes miniProgress{
  0%{transform:translateX(-40%)}
  100%{transform:translateX(40%)}
}
@keyframes floatySoft{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-5px)}
}
@keyframes techMove{
  0%,100%{transform:translateX(-50%)}
  50%{transform:translateX(-50%) translateY(-3px)}
}

/* AMC Promo Banner */
.amc-promo-section{padding-top:4px}
.amc-promo-banner{
  position:relative;
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(102,144,207,.36);
  background:linear-gradient(128deg,#082b61 0%,#0a3f84 46%,#0d56b2 100%);
  box-shadow:0 22px 40px rgba(6,28,66,.28);
  padding:26px;
  display:grid;
  grid-template-columns:1.04fr .96fr;
  gap:20px;
  align-items:center;
}
.amc-glow{
  position:absolute;
  border-radius:999px;
  filter:blur(28px);
  pointer-events:none;
}
.amc-glow.a{width:260px;height:260px;left:-60px;top:-70px;background:rgba(72,185,255,.24)}
.amc-glow.b{width:300px;height:300px;right:-80px;bottom:-110px;background:rgba(0,230,255,.18)}
.amc-content{position:relative;z-index:2}
.amc-pill{
  background:rgba(236,247,255,.14);
  border:1px solid rgba(168,210,255,.38);
  color:#d7ebff;
}
.amc-content h2{
  color:#fff;
  font-size:clamp(1.85rem,2.9vw,2.75rem);
  margin:8px 0 10px;
  line-height:1.14;
  letter-spacing:-.015em;
}
.amc-content p{
  color:#d1e6ff;
  max-width:60ch;
  line-height:1.72;
  margin:0 0 14px;
}
.amc-cta-row{margin-top:6px}
.amc-cta-row .primary-btn{
  background:linear-gradient(135deg,#0e6bff,#33a5ff);
  box-shadow:0 12px 22px rgba(30,133,255,.32);
}
.amc-cta-row .secondary-btn{
  background:rgba(255,255,255,.14);
  border-color:rgba(187,220,255,.55);
  color:#eff7ff;
  backdrop-filter:blur(8px);
}
.amc-cta-row .secondary-btn:hover{border-color:#eaf5ff}

.amc-visual{
  position:relative;
  min-height:290px;
  border-radius:18px;
  border:1px solid rgba(148,191,243,.35);
  background:linear-gradient(155deg,rgba(255,255,255,.12),rgba(255,255,255,.06));
  backdrop-filter:blur(8px);
  overflow:hidden;
}
.amc-visual-grid{
  position:absolute;inset:0;
  background-image:linear-gradient(to right,rgba(169,211,255,.14) 1px,transparent 1px),linear-gradient(to bottom,rgba(169,211,255,.14) 1px,transparent 1px);
  background-size:26px 26px;
  mask-image:linear-gradient(transparent,rgba(0,0,0,.95),transparent);
}
.amc-unit{
  position:absolute;
  left:50%;
  top:38px;
  transform:translateX(-50%);
  width:250px;
  height:82px;
  border-radius:16px;
  background:linear-gradient(180deg,#f4f9ff,#d6e7fb);
  box-shadow:0 14px 24px rgba(8,42,90,.24);
}
.amc-led{
  position:absolute;top:14px;right:16px;
  width:9px;height:9px;border-radius:999px;
  background:#25beff;
  box-shadow:0 0 0 7px rgba(37,190,255,.22);
  animation:amcPulse 2s ease-out infinite;
}
.amc-slot{
  position:absolute;left:22px;right:22px;bottom:14px;height:8px;border-radius:999px;
  background:linear-gradient(90deg,rgba(27,145,242,.36),rgba(94,220,255,.52));
}
.amc-air{
  position:absolute;left:50%;transform:translateX(-50%);
  border-radius:50%;
  border:2px solid rgba(128,216,255,.52);
  border-top-color:transparent;border-left-color:transparent;
  filter:drop-shadow(0 0 8px rgba(80,200,255,.24));
  animation:amcAir 3s ease-in-out infinite;
}
.amc-air.a{top:112px;width:220px;height:62px}
.amc-air.b{top:148px;width:192px;height:54px;animation-delay:.4s}
.amc-air.c{top:182px;width:160px;height:48px;animation-delay:.8s}
.amc-tech-chip{
  position:absolute;
  font-size:.72rem;
  font-weight:700;
  color:#def1ff;
  border:1px solid rgba(178,221,255,.5);
  background:rgba(15,55,108,.42);
  border-radius:11px;
  padding:7px 10px;
  box-shadow:0 10px 18px rgba(5,24,56,.24);
  backdrop-filter:blur(7px);
  animation:amcFloat 4.4s ease-in-out infinite;
}
.amc-tech-chip.t1{left:16px;top:56px}
.amc-tech-chip.t2{right:14px;top:122px;animation-delay:.8s}
.amc-tech-chip.t3{left:18px;bottom:26px;animation-delay:1.6s}
.amc-part{
  position:absolute;
  font-size:20px;
  filter:drop-shadow(0 8px 12px rgba(6,25,54,.28));
  animation:amcFloat 4.8s ease-in-out infinite;
}
.amc-part.p1{right:30px;top:42px}
.amc-part.p2{right:28px;bottom:30px;animation-delay:1.1s}
.amc-part.p3{left:46%;bottom:28px;animation-delay:1.9s}
.amc-particles{position:absolute;inset:96px 22px 18px 22px;pointer-events:none}
.amc-particles span{
  position:absolute;
  width:6px;height:6px;border-radius:999px;
  background:rgba(95,218,255,.75);
  box-shadow:0 0 8px rgba(95,218,255,.6);
  animation:amcParticle 5.8s linear infinite;
}
.amc-particles span:nth-child(1){left:24%;bottom:22%;animation-delay:0s}
.amc-particles span:nth-child(2){left:40%;bottom:18%;animation-delay:1.1s}
.amc-particles span:nth-child(3){left:56%;bottom:14%;animation-delay:2s}
.amc-particles span:nth-child(4){left:71%;bottom:20%;animation-delay:3s}
.amc-particles span:nth-child(5){left:84%;bottom:16%;animation-delay:4s}

@media (max-width:980px){
  .amc-promo-banner{grid-template-columns:1fr}
  .amc-visual{min-height:250px}
}
@media (max-width:640px){
  .amc-promo-banner{padding:18px}
  .amc-unit{width:210px;height:72px;top:30px}
  .amc-tech-chip{font-size:.68rem;padding:6px 8px}
}

@keyframes amcPulse{
  0%{box-shadow:0 0 0 0 rgba(37,190,255,.45)}
  100%{box-shadow:0 0 0 12px rgba(37,190,255,0)}
}
@keyframes amcAir{
  0%,100%{opacity:.35;transform:translateX(-50%) scale(.98)}
  50%{opacity:.8;transform:translateX(-50%) scale(1.03)}
}
@keyframes amcFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-5px)}
}
@keyframes amcParticle{
  0%{transform:translateY(0) translateX(0);opacity:.15}
  20%{opacity:.7}
  100%{transform:translateY(-110px) translateX(16px);opacity:0}
}

/* Products Page */
.products-hero{padding:68px 0 52px;background:radial-gradient(900px 300px at 0% 0%,rgba(95,177,255,.18),transparent 70%),linear-gradient(180deg,#eff5ff,#f3f6fc)}
.products-hero h1{max-width:20ch}
.products-hero p{color:#5a7094;max-width:60ch;margin-bottom:18px}
.products-layout{display:grid;grid-template-columns:290px 1fr;gap:18px;align-items:start}
.products-filters{position:sticky;top:84px;padding:16px;border-radius:14px;border:1px solid rgba(122,153,198,.34);background:rgba(255,255,255,.8);backdrop-filter:blur(9px);box-shadow:0 12px 24px rgba(8,37,87,.08)}
.filters-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.filters-form label{display:block;font-size:.84rem;font-weight:700;color:#4e678f;margin:10px 0}
.filters-form input,.filters-form select{width:100%;margin-top:6px;padding:11px 10px;border-radius:10px;border:1px solid #c6d4ea;background:#f7faff}
.price-range-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.filters-actions{display:flex;gap:8px;margin-top:12px}
.filters-actions .primary-btn,.filters-actions .ghost-btn{padding:10px 12px}
.filters-open,.filters-close{display:none}
.products-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.products-toolbar p{margin:0;color:#64789b}
.products-grid-page{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.product-item-card{border-radius:14px;border:1px solid rgba(122,153,198,.34);background:rgba(255,255,255,.86);overflow:hidden;box-shadow:0 10px 20px rgba(8,37,87,.06);transition:transform .2s ease,box-shadow .2s ease;display:grid;grid-template-rows:220px 1fr;height:100%}
.product-item-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 18px 30px rgba(8,37,87,.11)}
.product-clickable{cursor:pointer}
.product-image-wrap{display:block;height:100%;background:#eaf1fb}.product-image-wrap img{width:100%;height:100%;object-fit:cover}
.product-card-body{padding:14px;display:grid;grid-template-rows:auto auto 1fr auto auto auto;gap:8px}
.product-top-meta{display:flex;justify-content:space-between;align-items:center;gap:8px}
.brand-chip,.featured-chip{display:inline-block;padding:4px 9px;border-radius:999px;font-size:.75rem;font-weight:700}
.brand-chip{background:#e6f1ff;color:#164f8a}.featured-chip{background:#fff2d9;color:#8a5a10}
.product-card-body h3{font-size:1.2rem;margin:8px 0 6px}
.product-card-body p{color:#5d7295;line-height:1.6;font-size:.92rem;margin:0 0 8px}
.price-row{display:flex;align-items:center;gap:8px}
.price-row strong{color:#09366f;font-size:1.15rem}.price-row span{text-decoration:line-through;color:#8496b4}
.card-btn-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.card-btn-row .primary-btn,.card-btn-row .outline-btn{padding:10px 12px;text-align:center}
.whatsapp-inline{display:inline-block;margin-top:8px;font-size:.84rem;color:#0a8f49;font-weight:700}
.pagination-wrap{margin-top:16px}
.products-seo-copy p{max-width:860px;color:#5d7295;line-height:1.7}

.enquiry-modal{position:fixed;inset:0;background:rgba(5,16,36,.5);display:none;align-items:center;justify-content:center;padding:16px;z-index:200}
.enquiry-modal.show{display:flex}
.enquiry-modal-card{width:min(540px,100%);background:#fff;border-radius:14px;padding:18px;position:relative;border:1px solid #c6d4ea;box-shadow:0 24px 36px rgba(7,35,78,.22)}
.modal-close{position:absolute;right:10px;top:10px;border:0;background:transparent;font-size:24px;line-height:1;cursor:pointer}
.enquiry-modal-form label{display:block;font-size:.85rem;font-weight:700;color:#4e678f;margin:10px 0}
.enquiry-modal-form input,.enquiry-modal-form textarea{width:100%;margin-top:6px;padding:11px 10px;border-radius:10px;border:1px solid #c6d4ea;background:#f7faff}
.enquiry-modal-form textarea{min-height:90px}

.product-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.detail-gallery{border:1px solid rgba(122,153,198,.34);border-radius:14px;background:#fff;padding:12px}
.detail-gallery>img{width:100%;height:360px;object-fit:cover;border-radius:10px}
.detail-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px}
.detail-thumbs img{height:70px;object-fit:cover;border-radius:8px}
.detail-content{border:1px solid rgba(122,153,198,.34);border-radius:14px;background:#fff;padding:16px}
.detail-content p{color:#5d7295;line-height:1.7}
.detail-price{margin:8px 0 12px}
.spec-list{padding-left:18px;color:#35557f;line-height:1.8}
.detail-cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}

@media (max-width:1080px){.products-grid-page{grid-template-columns:repeat(2,minmax(0,1fr))}.products-layout{grid-template-columns:250px 1fr}}
@media (max-width:980px){
  .products-layout{grid-template-columns:1fr}
  .filters-open,.filters-close{display:inline-block}
  .products-filters{position:fixed;inset:0 auto 0 0;width:min(320px,90vw);z-index:170;transform:translateX(-102%);transition:transform .24s ease;border-radius:0;padding:18px;top:0;height:100vh;overflow:auto}
  .products-filters.open{transform:translateX(0)}
}
@media (max-width:640px){
  .products-grid-page{grid-template-columns:1fr}
  .card-btn-row{grid-template-columns:1fr}
  .product-detail-grid{grid-template-columns:1fr}
  .detail-gallery>img{height:280px}
}

/* Premium Products Redesign */
.premium-products-hero{position:relative;overflow:hidden;padding:78px 0 62px;background:radial-gradient(1100px 380px at 0% 0%,rgba(80,173,255,.24),transparent 72%),radial-gradient(900px 380px at 100% 0%,rgba(40,196,255,.18),transparent 74%),linear-gradient(180deg,#edf4ff,#f4f7fd)}
.pp-glow{position:absolute;border-radius:999px;filter:blur(26px);pointer-events:none}.pp-glow.one{width:300px;height:300px;left:-70px;top:-80px;background:rgba(88,170,255,.24)}.pp-glow.two{width:320px;height:320px;right:-90px;top:10px;background:rgba(45,202,255,.2)}
.pp-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center}
.pp-hero-grid h1{font-size:clamp(2rem,3.4vw,3.1rem);max-width:14ch}
.pp-hero-grid p{max-width:60ch;color:#587095;line-height:1.72}
.pp-hero-visual{min-height:320px;border-radius:22px;border:1px solid rgba(120,152,201,.34);background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(236,246,255,.62));backdrop-filter:blur(10px);box-shadow:0 22px 36px rgba(8,37,87,.1);position:relative;overflow:hidden}
.pp-hero-visual::before{content:"";position:absolute;inset:0;background:radial-gradient(340px 140px at 70% 15%,rgba(48,180,255,.16),transparent 70%)}
.pp-icon-cloud{position:absolute;inset:0;pointer-events:none}
.pp-icon-chip{
  position:absolute;
  width:44px;
  height:44px;
  border-radius:12px;
  display:grid;
  place-items:center;
  border:1px solid rgba(126,160,208,.42);
  background:rgba(255,255,255,.76);
  box-shadow:0 10px 18px rgba(10,45,92,.14);
  animation:ppFloat 4.8s ease-in-out infinite;
}
.pp-icon-chip svg{width:22px;height:22px;stroke:#2d6db7;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.pp-icon-chip.ac{left:17%;top:34%;animation-delay:0s}
.pp-icon-chip.fan{left:42%;top:58%;animation-delay:.8s}
.pp-icon-chip.tool{right:18%;top:48%;animation-delay:1.4s}
.pp-icon-chip.comp{left:65%;top:24%;animation-delay:2s}
.pp-icon-chip.fan svg{animation:ppSpin 6s linear infinite}
.pp-icon-chip.comp svg{animation:ppPulse 2.2s ease-in-out infinite}
.pp-float-card{position:absolute;padding:12px;border-radius:14px;border:1px solid rgba(109,146,200,.38);background:rgba(255,255,255,.75);box-shadow:0 10px 20px rgba(8,37,87,.1)}
.pp-float-card span{display:block;font-size:.76rem;color:#5e7397}
.pp-float-card strong{font-size:1rem;color:#09386f}
.pp-float-card.main{left:20px;top:26px;animation:floaty 4.8s ease-in-out infinite}
.pp-float-card.sub{right:18px;top:110px;animation:floaty 5.2s ease-in-out infinite}
.pp-float-card.badge{left:32%;bottom:24px;animation:floaty 5s ease-in-out infinite}
[data-theme="dark"] .pp-icon-chip{
  background:rgba(18,35,64,.78);
  border-color:rgba(108,141,196,.52);
  box-shadow:0 12px 20px rgba(4,14,33,.35);
}
[data-theme="dark"] .pp-icon-chip svg{stroke:#8fc6ff}

.pp-trust-strip{padding-top:20px;padding-bottom:14px}
.pp-trust-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.pp-trust-grid article{padding:12px;border-radius:14px;border:1px solid rgba(120,152,201,.32);background:rgba(255,255,255,.8);text-align:center;box-shadow:0 8px 18px rgba(8,37,87,.06)}
.pp-trust-grid h3{font-size:1rem;margin:0 0 4px}.pp-trust-grid p{margin:0;color:#5f7396;font-size:.84rem}

.pp-quick-search-section{padding-top:14px;padding-bottom:4px}
.pp-quick-search-form{
  padding:14px;
  border-radius:16px;
  border:1px solid rgba(120,152,201,.32);
  background:rgba(255,255,255,.82);
  box-shadow:0 10px 20px rgba(8,37,87,.06);
}
.pp-quick-search-form label{
  display:block;
  margin:0 0 8px;
  font-size:.84rem;
  font-weight:700;
  color:#49658f;
}
.pp-quick-search-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
}
.pp-quick-search-row input{
  width:100%;
  height:44px;
  padding:0 14px;
  border-radius:12px;
  border:1px solid #c5d5eb;
  background:#f7faff;
  color:#123e77;
  font-size:.95rem;
}
.pp-quick-search-row input:focus{
  outline:none;
  border-color:#4f87df;
  box-shadow:0 0 0 3px rgba(79,135,223,.14);
}
.pp-quick-search-row .primary-btn{
  height:44px;
  padding:0 18px;
}

.pp-featured-carousel{padding-top:24px}
.featured-same-grid{margin-top:14px}

.premium-product-card .product-image-wrap{position:relative;overflow:hidden}
.premium-product-card .product-image-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.38) 50%,transparent 80%);transform:translateX(-120%);transition:transform .6s ease}
.premium-product-card:hover .product-image-wrap::after{transform:translateX(120%)}
.premium-product-card:hover .product-image-wrap img{transform:scale(1.05)}
.premium-product-card .product-image-wrap img{transition:transform .35s ease}
.premium-product-card{border-radius:20px;overflow:hidden}
.premium-product-card .product-image-wrap{height:100%;background:linear-gradient(160deg,#edf3fb,#dfe8f4)}
.premium-product-card .product-image-wrap img{object-fit:cover}
.card-top-tag{position:absolute;right:12px;top:12px;background:#f6b070;color:#1a2e4a;font-size:.74rem;font-weight:800;padding:6px 10px;border-radius:999px;box-shadow:0 6px 14px rgba(10,43,91,.15)}
.premium-meta{align-items:center}
.card-rating{margin:0;color:#0e3f7b;font-weight:800;font-size:.9rem}
.card-rating small{display:block;color:#6b7fa2;font-weight:600;font-size:.74rem}
.card-price-heading{
  margin:0;
  font-size:1.05rem;
  line-height:1.1;
  font-weight:800;
  color:#0e3f7b;
  letter-spacing:-.01em;
}
.premium-product-card .product-card-body{padding:16px 15px 14px}
.premium-product-card .product-card-body h3{font-size:clamp(1.05rem,1.45vw,1.35rem);line-height:1.28;margin:4px 0 2px;letter-spacing:-.005em}
.premium-product-card .product-card-body p{min-height:52px}
.premium-product-card .price-row strong{font-size:clamp(1.5rem,2vw,2rem)}
.premium-product-card .card-btn-row{margin-top:12px}
.premium-product-card .card-btn-row .primary-btn{background:linear-gradient(135deg,#0a3f84,#0e5cbc);box-shadow:0 10px 20px rgba(9,62,129,.24)}
.premium-product-card .card-btn-row .outline-btn{border-color:#b8cbea;background:#fff}
.wa-icon-btn{display:grid;place-items:center}
.wa-icon-btn svg{width:22px;height:22px;display:block}
.premium-product-card .card-btn-row{
  grid-template-columns:minmax(0,1fr) auto;
}
.premium-product-card .card-btn-row .wa-icon-btn{
  width:auto;
  min-width:56px;
  padding:10px 14px;
}
.premium-product-card .whatsapp-inline{font-size:.95rem;display:inline-flex;align-items:center;gap:6px}
.premium-product-card .whatsapp-inline::before{
  content:"";
  width:16px;
  height:16px;
  display:inline-block;
  background-repeat:no-repeat;
  background-size:16px 16px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%2325D366' d='M16 3C8.8 3 3 8.8 3 16c0 2.5.7 4.9 2 7L3 29l6.2-1.9c2 1.1 4.3 1.8 6.8 1.8 7.2 0 13-5.8 13-13S23.2 3 16 3Z'/%3E%3Cpath fill='%23fff' d='M22.5 19.2c-.3-.2-1.9-.9-2.2-1-.3-.1-.5-.2-.7.2-.2.3-.8 1-1 1.1-.2.2-.4.2-.7 0-2-.9-3.3-1.7-4.6-3.9-.3-.4 0-.6.2-.8.2-.2.3-.4.5-.6.2-.2.2-.3.3-.5.1-.2 0-.4 0-.5 0-.2-.7-1.8-.9-2.4-.2-.6-.4-.5-.7-.5h-.6c-.2 0-.5.1-.8.4-.3.3-1 1-1 2.3 0 1.3 1 2.6 1.1 2.8.1.2 2 3.1 4.9 4.3 2.9 1.2 2.9.8 3.4.8.5 0 1.7-.7 1.9-1.4.2-.7.2-1.3.1-1.4 0-.1-.3-.2-.6-.4Z'/%3E%3C/svg%3E");
}
.premium-product-card .stock-chip{margin-top:10px}
.stock-chip{display:inline-block;margin-top:8px;padding:4px 9px;border-radius:999px;background:#e6f4ff;color:#1a4e88;font-size:.75rem;font-weight:700}

.pp-cta-banner{padding-top:24px}
.pp-cta-card{padding:24px;border-radius:20px;border:1px solid rgba(118,151,202,.36);background:linear-gradient(130deg,#0b3f87,#1158b1);box-shadow:0 18px 30px rgba(8,36,83,.24);display:flex;justify-content:space-between;gap:16px;align-items:center}
.pp-cta-card h2{color:#fff}.pp-cta-card p{color:#d3e7ff;margin:0}.pp-cta-card .quick-actions{display:flex;flex-wrap:wrap;gap:8px}
.pp-cta-card .secondary-btn,.pp-cta-card .ghost-btn{background:#fff;color:#0b3f87;border-color:#c5daf7}

@media (max-width:1080px){.pp-trust-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:980px){.pp-hero-grid{grid-template-columns:1fr}.pp-cta-card{flex-direction:column;align-items:flex-start}.pp-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .pp-trust-grid{grid-template-columns:1fr}
  .pp-featured-carousel{padding-top:8px}
  .pp-quick-search-row{grid-template-columns:1fr}
  .pp-quick-search-row .primary-btn{width:100%}
  .pp-icon-chip{width:38px;height:38px}
  .pp-icon-chip svg{width:19px;height:19px}
}

@keyframes ppFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-6px)}
}
@keyframes ppSpin{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}
@keyframes ppPulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.08)}
}

/* Blog Grid */
.blog-hero{
  padding:64px 0 28px;
  background:radial-gradient(900px 320px at 0% 0%,rgba(90,172,255,.18),transparent 70%),linear-gradient(180deg,#eef5ff,#f3f6fc);
}
.blog-hero h1{
  font-size:clamp(2rem,3.2vw,2.85rem);
  margin:0 0 10px;
}
.blog-hero p{
  max-width:70ch;
  color:#597094;
  line-height:1.72;
  margin:0;
}
.blog-grid-section{padding-top:18px}
.blog-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.blog-card{
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(120,152,201,.34);
  background:rgba(255,255,255,.86);
  box-shadow:0 10px 22px rgba(8,37,87,.08);
  transition:transform .2s ease,box-shadow .2s ease;
}
.blog-card:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 30px rgba(8,37,87,.13);
}
.blog-thumb{
  display:block;
  height:220px;
  background:linear-gradient(145deg,#eaf2fd,#dfe8f5);
}
.blog-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.blog-body{
  padding:14px;
}
.blog-date{
  margin:0 0 8px;
  font-size:.82rem;
  color:#6780a4;
  font-weight:700;
}
.blog-body h3{
  font-size:clamp(1.08rem,1.5vw,1.35rem);
  margin:0 0 8px;
  line-height:1.3;
}
.blog-body h3 a:hover{color:#0f4e9d}
.blog-body p{
  color:#5d7295;
  margin:0 0 12px;
  line-height:1.65;
}
.blog-body .outline-btn{
  width:auto;
  padding:10px 14px;
}
.blog-card.empty{display:grid;align-items:center;min-height:220px}
.blog-pagination{margin-top:16px}

[data-theme="dark"] .blog-card{
  background:rgba(17,29,53,.82);
  border-color:#365887;
  box-shadow:0 12px 24px rgba(2,9,23,.36);
}
[data-theme="dark"] .blog-body p{color:#a9c0e3}
[data-theme="dark"] .blog-date{color:#8fb0de}
[data-theme="dark"] .blog-thumb{background:linear-gradient(145deg,#1c2e4f,#15233d)}

@media (max-width:1080px){
  .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .blog-grid{grid-template-columns:1fr}
  .blog-thumb{height:200px}
}

/* Home Hero V2: Professional AC Repair + Airflow */
.ac-repair-scene{
  position:relative;
  min-height:430px;
  border-radius:24px;
  border:1px solid rgba(153,181,220,.5);
  background:linear-gradient(165deg,#edf6ff 0%,#e5f2fb 56%,#e1eef9 100%);
  box-shadow:0 20px 40px rgba(8,37,87,.12);
  overflow:hidden;
}
.ac-repair-scene .scene-grid{
  position:absolute;inset:0;
  background-image:linear-gradient(to right,rgba(83,132,196,.12) 1px,transparent 1px),linear-gradient(to bottom,rgba(83,132,196,.12) 1px,transparent 1px);
  background-size:26px 26px;
  mask-image:linear-gradient(transparent 0%,rgba(0,0,0,.95) 35%,rgba(0,0,0,.95) 75%,transparent 100%);
}
.ac-repair-scene .ac-card{
  position:absolute;
  left:50%;
  top:56px;
  transform:translateX(-50%);
  width:340px;
  border-radius:22px;
  border:1px solid rgba(135,173,219,.6);
  background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(232,244,255,.78));
  box-shadow:0 16px 30px rgba(9,49,98,.18);
  padding:16px 16px 14px;
}
.ac-repair-scene .ac-card.ac-plain{
  width:360px;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}
.ac-repair-scene .ac-card.ac-plain .ac-vector{
  margin-top:0;
}
.ac-repair-scene .status-chip{
  display:inline-flex;
  padding:5px 10px;
  border-radius:999px;
  font-size:.72rem;
  font-weight:700;
  color:#0f4f96;
  background:rgba(220,238,255,.8);
  border:1px solid rgba(126,167,216,.45);
}
.ac-repair-scene .temp-chip{
  position:absolute;
  right:14px;
  top:12px;
  font-size:1.7rem;
  font-weight:800;
  color:#1fd2dd;
  letter-spacing:-.02em;
  text-shadow:0 6px 14px rgba(31,210,221,.22);
}
.ac-repair-scene .ac-vector{
  width:100%;
  height:auto;
  margin-top:8px;
  fill:none;
  stroke:#96b6cf;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.ac-repair-scene .ac-vector rect:first-child{
  fill:#e7f2fd;
  stroke:#9fc2dd;
}
.ac-repair-scene .ac-vector circle{
  fill:#23d2e2;
  stroke:#23d2e2;
}
.ac-repair-scene .ac-vector rect:nth-of-type(2){
  fill:#7fc3f6;
  stroke:#7fc3f6;
}
.ac-repair-scene .meter-track{
  margin-top:8px;
  height:9px;
  border-radius:999px;
  background:rgba(162,176,188,.42);
  overflow:hidden;
}
.ac-repair-scene .meter-track span{
  display:block;
  width:74%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#2ed1e3,#1cbfd6);
  animation:meterSlide 5.4s ease-in-out infinite;
}
.ac-repair-scene .repair-arm{
  position:absolute;
  left:16px;
  top:74px;
  transform-origin:0 50%;
  animation:repairMove 4.8s ease-in-out infinite;
}
.ac-repair-scene .repair-arm .tool{
  display:inline-grid;
  place-items:center;
  width:26px;height:26px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(120,159,207,.45);
  box-shadow:0 8px 16px rgba(8,37,87,.15);
  font-size:.88rem;
}
.ac-repair-scene .success-indicator{
  position:absolute;
  right:16px;
  top:54px;
  width:24px;height:24px;
  border-radius:999px;
  display:grid;place-items:center;
  font-size:.78rem;
  font-weight:800;
  color:#fff;
  background:#1fd2dd;
  animation:successBlink 4.8s ease-in-out infinite;
}
.ac-repair-scene .airflow-wrap{
  position:absolute;
  left:50%;
  top:170px;
  width:300px;
  height:170px;
  transform:translateX(-50%);
}
.ac-repair-scene .airflow-wrap::before{
  content:"";
  position:absolute;
  left:50%;
  top:-8px;
  transform:translateX(-50%);
  width:190px;
  height:14px;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(84,195,248,.46),rgba(84,195,248,0));
}
.ac-repair-scene .airflow-svg{
  width:100%;
  height:100%;
  overflow:visible;
}
.ac-repair-scene .airflow-svg .af{
  fill:none;
  stroke:rgba(84,195,248,.82);
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-dasharray:14 10;
  filter:drop-shadow(0 0 6px rgba(84,195,248,.34));
  animation:airflowDash 2.4s linear infinite, airflowPulse 3.2s ease-in-out infinite;
}
.ac-repair-scene .airflow-svg .af-2{
  animation-delay:.25s, .35s;
  stroke-opacity:.9;
}
.ac-repair-scene .airflow-svg .af-3{
  animation-delay:.5s, .7s;
  stroke-opacity:.86;
}
.ac-repair-scene .particles{
  position:absolute;
  left:50%;
  top:158px;
  width:280px;
  height:190px;
  transform:translateX(-50%);
  pointer-events:none;
}
.ac-repair-scene .particles span{
  position:absolute;
  width:8px;
  height:8px;
  border-radius:999px;
  background:radial-gradient(circle at 30% 30%, #b8f4ff 0%, #56d8ef 55%, #1fbfd9 100%);
  box-shadow:0 0 14px rgba(71,209,237,.42), 0 0 24px rgba(71,209,237,.24);
  animation:particleFall 4.2s cubic-bezier(.35,.05,.2,1) infinite;
  opacity:0;
}
.ac-repair-scene .particles span:nth-child(1){left:18%;animation-delay:0s}
.ac-repair-scene .particles span:nth-child(2){left:38%;animation-delay:.7s}
.ac-repair-scene .particles span:nth-child(3){left:58%;animation-delay:1.4s}
.ac-repair-scene .particles span:nth-child(4){left:78%;animation-delay:2.1s}

[data-theme="dark"] .ac-repair-scene{
  border-color:rgba(86,122,178,.62);
  background:linear-gradient(165deg,#14253f 0%,#12233b 60%,#102039 100%);
}
[data-theme="dark"] .ac-repair-scene .ac-card{
  border-color:rgba(106,143,192,.62);
  background:linear-gradient(180deg,rgba(20,38,64,.88),rgba(20,37,61,.84));
}
[data-theme="dark"] .ac-repair-scene .status-chip{
  color:#cde5ff;background:rgba(27,52,86,.78);border-color:rgba(100,139,191,.56);
}
[data-theme="dark"] .ac-repair-scene .ac-vector{stroke:#9cb8cf}
[data-theme="dark"] .ac-repair-scene .ac-vector rect:first-child{fill:#234468;stroke:#3d638e}
[data-theme="dark"] .ac-repair-scene .ac-vector circle{fill:#37dbe8;stroke:#37dbe8}
[data-theme="dark"] .ac-repair-scene .ac-vector rect:nth-of-type(2){fill:#79c4fb;stroke:#79c4fb}

@keyframes repairMove{
  0%,14%,100%{transform:translate(0,0) rotate(0deg);opacity:0}
  22%{opacity:1}
  46%{transform:translate(98px,-4px) rotate(-11deg);opacity:1}
  64%{transform:translate(188px,2px) rotate(8deg);opacity:1}
  80%{transform:translate(250px,-8px) rotate(-7deg);opacity:0}
}
@keyframes successBlink{
  0%,68%,100%{transform:scale(.84);opacity:.55}
  78%{transform:scale(1);opacity:1}
  88%{transform:scale(1.08);opacity:1}
}
@keyframes airSpiral{
  0%{opacity:.1;transform:scale(.92)}
  50%{opacity:.6;transform:scale(1)}
  100%{opacity:.1;transform:scale(.92)}
}
@keyframes airflowDash{
  from{stroke-dashoffset:0}
  to{stroke-dashoffset:-72}
}
@keyframes airflowPulse{
  0%,100%{opacity:.42}
  50%{opacity:.98}
}
@keyframes particleFall{
  0%{transform:translateY(0) scale(.7);opacity:0}
  12%{opacity:.95}
  76%{opacity:.72}
  100%{transform:translateY(168px) scale(1.05);opacity:0}
}
@keyframes meterSlide{
  0%{transform:translateX(-32%)}
  50%{transform:translateX(0)}
  100%{transform:translateX(32%)}
}

@media (max-width:980px){
  .ac-repair-scene{min-height:340px}
  .ac-repair-scene .ac-card{top:44px;width:296px}
  .ac-repair-scene .temp-chip{font-size:1.45rem}
  .ac-repair-scene .airflow-wrap{top:152px;width:262px;height:144px}
  .ac-repair-scene .particles{top:150px;width:238px;height:150px}
}
@media (max-width:640px){
  .ac-repair-scene{min-height:300px}
  .ac-repair-scene .ac-card{top:34px;width:252px;padding:12px}
  .ac-repair-scene .status-chip{font-size:.66rem}
  .ac-repair-scene .temp-chip{font-size:1.22rem;top:10px}
  .ac-repair-scene .airflow-wrap{top:136px;width:220px;height:120px}
  .ac-repair-scene .repair-arm .tool{width:22px;height:22px;font-size:.76rem}
  .ac-repair-scene .success-indicator{width:20px;height:20px;font-size:.68rem}
  .ac-repair-scene .particles{top:136px;width:202px;height:130px}
  .ac-repair-scene .particles span{width:6px;height:6px}
}

/* Home Hero: Minimal AC + Repair/Success Animation */
.ac-minimal-scene{
  border:1px solid rgba(165,189,225,.58);
  background:linear-gradient(160deg,#e7f5fb 0%,#e0f0f8 100%);
  box-shadow:0 20px 40px rgba(8,37,87,.1);
}
.ac-minimal-scene .hvac-grid,
.ac-minimal-scene .scan-beam,
.ac-minimal-scene .scene-shimmer,
.ac-minimal-scene .airflow,
.ac-minimal-scene .service-route,
.ac-minimal-scene .cool-particles,
.ac-minimal-scene .gear,
.ac-minimal-scene .tech-card,
.ac-minimal-scene .tool-orbits,
.ac-minimal-scene .orbit-chip,
.ac-minimal-scene .ac-body-part,
.ac-minimal-scene .part-chip{
  display:none !important;
}
.ac-minimal-scene .ac-explode-wrap{
  top:38px;
  width:360px;
  height:220px;
}
.ac-minimal-scene .ac-shell{
  top:40px;
  width:316px;
  height:146px;
  border-radius:20px;
  border:1px solid rgba(146,180,220,.72);
  background:linear-gradient(180deg,#e8f5fc,#d8edf8);
  box-shadow:0 14px 24px rgba(8,37,87,.12);
  animation:logoFloat 4s ease-in-out infinite;
}
.ac-minimal-scene .ac-shell svg{
  width:282px;
  height:118px;
  fill:none;
  stroke:#587488;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.ac-minimal-scene .ac-shell svg rect:first-child{fill:rgba(224,237,244,.55)}
.ac-minimal-scene .ac-shell svg rect:nth-of-type(2){fill:#f4f8fb;stroke:#d5e3ed}
.ac-minimal-scene .ac-shell svg rect:nth-of-type(3){fill:#6b8291;stroke:#6b8291}
.ac-minimal-scene .ac-shell svg rect:nth-of-type(4){fill:#ffffff;stroke:#ffffff}
.ac-minimal-scene .ac-shell svg line{stroke:#6d8797}
.ac-minimal-scene .ac-shell svg path{stroke:#dbe8f1}

.ac-minimal-scene .repair-wrench{
  position:absolute;
  left:30px;
  top:78px;
  font-size:1rem;
  filter:drop-shadow(0 4px 8px rgba(8,37,87,.25));
  animation:repairSweep 4.8s ease-in-out infinite;
}
.ac-minimal-scene .success-badge{
  position:absolute;
  right:16px;
  top:16px;
  width:24px;
  height:24px;
  border-radius:999px;
  display:grid;
  place-items:center;
  font-size:.86rem;
  font-weight:800;
  color:#fff;
  background:#28d4dc;
  box-shadow:0 0 0 0 rgba(40,212,220,.42);
  animation:successPulse 4.8s ease-in-out infinite;
}
.ac-minimal-scene .temp-display{
  top:112px;
  font-size:2.5rem;
  color:#27d3e2;
  text-shadow:0 6px 16px rgba(39,211,226,.2);
}
.ac-minimal-scene .temp-display sup{
  color:#7fa4b8;
  font-size:1rem;
}
.ac-minimal-scene .temp-meter{
  top:152px;
  width:214px;
  height:10px;
  background:rgba(165,178,187,.45);
}
.ac-minimal-scene .temp-meter span{
  width:72%;
  background:linear-gradient(90deg,#2fd2e4,#22c2d8);
  animation:tempMeterPulse 4.8s ease-in-out infinite;
}

[data-theme="dark"] .ac-minimal-scene{
  border-color:rgba(83,121,176,.6);
  background:linear-gradient(160deg,#142641 0%,#11243e 100%);
}
[data-theme="dark"] .ac-minimal-scene .ac-shell{
  border-color:rgba(102,145,198,.6);
  background:linear-gradient(180deg,#213a5d,#1a314f);
}
[data-theme="dark"] .ac-minimal-scene .ac-shell svg{stroke:#90b1c5}
[data-theme="dark"] .ac-minimal-scene .ac-shell svg rect:first-child{fill:rgba(177,205,228,.08)}
[data-theme="dark"] .ac-minimal-scene .ac-shell svg rect:nth-of-type(2){fill:#203854;stroke:#2d4d6c}
[data-theme="dark"] .ac-minimal-scene .ac-shell svg rect:nth-of-type(3){fill:#9ec7dd;stroke:#9ec7dd}
[data-theme="dark"] .ac-minimal-scene .ac-shell svg rect:nth-of-type(4){fill:#86a4b8;stroke:#86a4b8}
[data-theme="dark"] .ac-minimal-scene .ac-shell svg line{stroke:#9ab5c8}
[data-theme="dark"] .ac-minimal-scene .temp-display{color:#4be0f0;text-shadow:0 8px 18px rgba(75,224,240,.24)}
[data-theme="dark"] .ac-minimal-scene .temp-display sup{color:#8daecc}
[data-theme="dark"] .ac-minimal-scene .temp-meter{background:rgba(130,150,170,.3)}

@keyframes repairSweep{
  0%,16%,100%{transform:translate(0,0) rotate(0deg);opacity:0}
  22%{opacity:1}
  45%{transform:translate(98px,-6px) rotate(-12deg);opacity:1}
  62%{transform:translate(182px,2px) rotate(10deg);opacity:1}
  78%{transform:translate(236px,-8px) rotate(-8deg);opacity:0}
}
@keyframes successPulse{
  0%,70%,100%{transform:scale(.86);opacity:.65;box-shadow:0 0 0 0 rgba(40,212,220,0)}
  82%{transform:scale(1);opacity:1;box-shadow:0 0 0 8px rgba(40,212,220,.22)}
  92%{transform:scale(1.04);opacity:1;box-shadow:0 0 0 14px rgba(40,212,220,0)}
}

@media (max-width:980px){
  .ac-minimal-scene .ac-explode-wrap{top:30px;width:300px;height:196px}
  .ac-minimal-scene .ac-shell{width:266px;height:128px;top:36px}
  .ac-minimal-scene .ac-shell svg{width:236px;height:100px}
  .ac-minimal-scene .temp-display{top:98px;font-size:2.15rem}
  .ac-minimal-scene .temp-meter{top:136px;width:182px;height:9px}
}
@media (max-width:640px){
  .ac-minimal-scene .ac-explode-wrap{top:22px;width:256px;height:170px}
  .ac-minimal-scene .ac-shell{width:224px;height:114px;top:30px}
  .ac-minimal-scene .ac-shell svg{width:196px;height:84px}
  .ac-minimal-scene .temp-display{top:84px;font-size:1.9rem}
  .ac-minimal-scene .temp-meter{top:118px;width:150px;height:8px}
  .ac-minimal-scene .repair-wrench{font-size:.9rem;left:20px;top:66px}
  .ac-minimal-scene .success-badge{width:20px;height:20px;font-size:.75rem}
}