@import url('/wp-content/uploads/cortex-sentinel/visual-edits.css');

.stats{
  padding:2.2rem 5% !important;
}

.stat-box{
  padding:1.1rem 0.9rem !important;
}

.stat-num{
  font-size:2.25rem !important;
}

.stat-label{
  font-size:11px !important;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --font-sans:'Noto Sans','DM Sans',sans-serif;
  --font-hy:'Noto Sans Armenian','Noto Sans','DM Sans',sans-serif;
  --font-ru:'Noto Sans','DM Sans',sans-serif;
  --font-en:'Noto Sans','DM Sans',sans-serif;
  --teal:#2C8CA3;
  --teal-dark:#1E667A;
  --teal-deeper:#245e6b;
  --teal-glow:rgba(44,140,163,0.18);
  --dark:#071218;
  --dark2:#0b1a22;
  --dark3:#12242d;
  --white:#f0f7f6;
  --muted:#B4D9E0;
  --border:rgba(44,140,163,0.14);
}
@keyframes liveBlinkText{0%{color:#22c55e}50%{color:#ef4444}100%{color:#22c55e}}
@keyframes liveBlinkDot{0%{background:#22c55e}50%{background:#ef4444}100%{background:#22c55e}}
@keyframes sentinelGlowPulse{
  0%,100%{filter:drop-shadow(0 0 6px rgba(42,175,197,.10))}
  50%{filter:drop-shadow(0 0 10px rgba(42,175,197,.18))}
}
@keyframes sentinelBeamSweep{
  0%{transform:translateX(-130%) skewX(-14deg);opacity:0}
  16%{opacity:0}
  38%{opacity:.14}
  58%{opacity:.05}
  100%{transform:translateX(230%) skewX(-14deg);opacity:0}
}
@keyframes holoPanelFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-4px)}
}
@keyframes holoSweep{
  0%{transform:translateX(-140%) skewX(-18deg);opacity:0}
  18%{opacity:0}
  42%{opacity:.28}
  62%{opacity:.08}
  100%{transform:translateX(220%) skewX(-18deg);opacity:0}
}
@keyframes holoGridPulse{
  0%,100%{opacity:.24}
  50%{opacity:.42}
}
@keyframes holoFlicker{
  0%,100%{opacity:1}
  8%{opacity:.96}
  9%{opacity:.82}
  10%{opacity:.98}
  62%{opacity:.94}
  63%{opacity:.84}
  64%{opacity:1}
}
html{scroll-behavior:smooth}
html[lang="hy"]{--font-sans:var(--font-hy)}
html[lang="ru"]{--font-sans:var(--font-ru)}
html[lang="en"]{--font-sans:var(--font-en)}
section[id],
#calculator,
#options{
  scroll-margin-top:104px;
}
body{
  font-family:var(--font-sans);
  font-synthesis:none;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.hero-title{
  font-size:clamp(2.4rem,4.5vw,4.2rem);
  font-weight:800;
  line-height:1.3;
  letter-spacing:-.02em;
}

.hero-title em{
  font-style:normal;
  color:var(--teal);
  display:block;
  margin-top:10px;
}
.hero-title-accent-line{
  display:flex;
  align-items:flex-end;
  gap:.24rem;
  margin-top:10px;
  flex-wrap:wrap;
  color:var(--teal);
}
.hero-title-accent-line em{
  display:inline-block;
  margin-top:0;
  line-height:.92;
  color:var(--teal);
}
.hero-title-sub,
.hero-title-tail{
  display:inline-block;
  color:var(--teal);
  font-size:.66em;
  font-weight:900;
  line-height:.94;
  letter-spacing:-.01em;
  text-shadow:0 0 18px rgba(44,140,163,.18);
}
html[lang="ru"] .hero-title-sub,
html[lang="hy"] .hero-title-tail{
  font-size:.62em;
}
h1,h2,h3,h4,h5,h6,.nav-brand,.nav-brand-hybrid .brand-hy-text,.nav-brand-hybrid .brand-en-text,.nav-brand-hybrid .brand-ru-text,
.hero-tag,.hero-desc,.section-desc,.ticker-item,.lang-btn,.lang-toggle,.lang-current,.monitor-title,.monitor-status,
.problem-title,.problem-text,.service-name,.service-text,.step-name,.step-desc,.pkg-name,.pkg-features li,.opt-name,.opt-desc,
.contact-info-title,.contact-info-desc,.contact-card-value,.form-title,.form-sub,.footer-desc,.footer-col-title,.footer-links a,
.client-logo,.cta-contact,.footer-copy,.footer-reqs,.alert-text,.alert-time,.vs-label,.vs-item,.vs-col-head,.metric-lab,.log-text,
.log-t,.calc-hd-title,.calc-lbl,.storage-note,.storage-extra-label,.calc-check,.res-lbl,.res-unit,.br-lbl,.br-val,.pkg-from,.pkg-unit,
.pkg-badge,.pkg-discount,.service-tag,.opt-tag,.opt-price,.contact-card-label,.form-label,.form-input,.form-select,.form-textarea,
.form-submit,.btn-main,.btn-ghost,.nav-links a,.nav-cta,.mobile-menu a,.mobile-close,.cam-ctrl-label,.feed-toast,.signal-badge{
  font-family:var(--font-sans)!important;
}
body{font-family:var(--font-sans);background:var(--dark);color:var(--white);overflow-x:hidden;cursor:default}

/* CUSTOM CURSOR */
.cursor{position:fixed;width:8px;height:8px;background:var(--teal);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:transform .1s;mix-blend-mode:screen}
.cursor-ring{position:fixed;width:36px;height:36px;border:1px solid rgba(26,173,160,0.5);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:all .15s ease}

/* LANG SWITCHER */
.lang-switcher{display:flex;align-items:center}
.lang-flag,
.lang-btn::before{
  display:block;
  width:24px;
  height:15px;
  border-radius:5px;
  background-position:center;
  background-repeat:no-repeat;
  background-size:100% 100%;
}
.lang-btn::before{content:""}
.lang-flag[data-lang-code="hy"],
.lang-btn[data-lang-code="hy"]::before{background-image:url("./flags/hy.svg")}
.lang-flag[data-lang-code="ru"],
.lang-btn[data-lang-code="ru"]::before{background-image:url("./flags/ru.svg")}
.lang-flag[data-lang-code="en"],
.lang-btn[data-lang-code="en"]::before{background-image:url("./flags/us.svg")}
.lang-btn{
  position:relative;
  width:30px;
  height:21px;
  padding:2px;
  background:rgba(44,140,163,.03);
  border:1px solid rgba(44,140,163,.22);
  border-radius:7px;
  cursor:pointer;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .2s ease,opacity .2s ease;
  font-size:0;
  line-height:0;
}
.lang-btn:hover{border-color:var(--teal);background:rgba(44,140,163,.08);box-shadow:none;transform:translateY(-1px)}
.lang-btn.active{display:none}


/* LANGUAGE DROPDOWN */
.globe-switcher{position:relative}
.lang-toggle{
  display:inline-flex;align-items:center;justify-content:center;
  width:30px;height:21px;
  padding:2px;
  background:rgba(44,140,163,.03);border:1px solid rgba(44,140,163,.18);
  border-radius:7px;cursor:pointer;transition:.22s ease;
}
.lang-toggle:hover{border-color:var(--teal);background:rgba(44,140,163,.08);box-shadow:none}
.lang-toggle:focus-visible,
.lang-btn:focus-visible{
  outline:none;
  box-shadow:0 0 0 2px rgba(153,245,255,.18),0 0 0 4px rgba(44,140,163,.24);
}
.lang-dropdown{
  position:absolute;top:calc(100% + 7px);right:-6px;min-width:auto;
  background:rgba(7,18,24,.98);border:1px solid rgba(44,140,163,.2);
  border-radius:10px;padding:.28rem;display:none;flex-direction:column;gap:.24rem;align-items:center;
  box-shadow:0 18px 38px rgba(0,0,0,.28);backdrop-filter:blur(12px);z-index:140;
}
.lang-dropdown.open{display:flex}
@media (hover:hover){
  .globe-switcher:hover .lang-dropdown{display:flex}
}
.mobile-lang{position:relative}
.mobile-lang-toggle{justify-content:center}
.mobile-lang-dropdown{left:50%;right:auto;transform:translateX(-36%)}
.pkg-price-line{
  display:flex;
  align-items:baseline;
  gap:8px;
  margin-top:10px;
}

.pkg-price-from{
  font-size:13px;
  color:#fff;
}

.pkg-price-number{
  font-size:32px;
  font-weight:800;
  color:#2C8CA3;
}

.pkg-price-currency{
  font-size:13px;
  font-weight:600;
  color:#2C8CA3;
}
.pkg-card{
  border:1px solid var(--border);
  border-radius:10px;
  overflow:hidden;
  transition: all .35s cubic-bezier(.2,.8,.2,1);
  position:relative;
  display:flex;
  flex-direction:column;
  background:linear-gradient(180deg,#071821,#041218);
}

/* hover effect */
.pkg-card:hover{
  transform:translateY(-8px) scale(1.035);
  border-color:rgba(44,140,163,.45);
  box-shadow:
    0 20px 40px rgba(0,0,0,.5),
    0 0 25px rgba(44,140,163,.15);
}

/* subtle glow */
.pkg-card::after{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  opacity:0;
  transition:.35s;
  background:radial-gradient(circle at 50% 0%, rgba(44,140,163,.25), transparent 70%);
}

.pkg-card:hover::after{
  opacity:1;
}
.pkg-card.featured:hover{
  transform:translateY(-10px) scale(1.05);
  box-shadow:
    0 25px 60px rgba(0,0,0,.6),
    0 0 35px rgba(34,197,94,.25);
}
.packages-grid:hover .pkg-card:not(:hover){
  transform:scale(0.97);
  opacity:.7;
}
.pkg-btn-outline{
  border:1px solid rgba(44,140,163,.2);
  color:var(--white);
  background:transparent;
  transition:all .25s ease;
}

/* HOVER */
.pkg-btn-outline:hover{
  background:var(--teal);
  color:var(--dark);
  border-color:var(--teal);
  box-shadow:0 0 12px rgba(44,140,163,.4);
}
.pkg-btn-outline:hover{
  background:linear-gradient(135deg, #2C8CA3, #3fb6c9);
  color:var(--dark);
  border-color:transparent;
  transform:translateY(-2px);
  box-shadow:
    0 8px 20px rgba(44,140,163,.35),
    0 0 10px rgba(44,140,163,.2);
}
.pkg-btn-outline:active{
  transform:translateY(0) scale(.97);
}
.section-hero{
  position:relative;
  text-align:center;
  padding:80px 20px 60px;
  background:radial-gradient(circle at 50% 0%, rgba(44,140,163,.25), transparent 60%);
  overflow:hidden;
}

/* subtle grid */
.section-hero::before{
  content:'';
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(44,140,163,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(44,140,163,.05) 1px, transparent 1px);
  background-size:60px 60px;
  opacity:.4;
}

/* glow circle */
.section-hero::after{
  content:'';
  position:absolute;
  top:-150px;
  left:50%;
  transform:translateX(-50%);
  width:500px;
  height:500px;
  background:radial-gradient(circle, rgba(44,140,163,.35), transparent 70%);
  filter:blur(60px);
  opacity:.6;
}
.section-title{
  font-size:clamp(2.5rem,5vw,3.8rem);
  font-weight:800;
  color:#eaf6f8;
  letter-spacing:-0.02em;
  margin-bottom:12px;
  position:relative;
  z-index:2;
}

/* glow effect */
.section-title span{
  color:#2C8CA3;
  text-shadow:
    0 0 12px rgba(44,140,163,.6),
    0 0 25px rgba(44,140,163,.3);
}
.section-sub{
  font-size:13px;
  color:rgba(180,217,224,.75);
  max-width:600px;
  margin:0 auto;
  line-height:1.7;
  position:relative;
  z-index:2;
}
.hero{
  position:relative;
  background:
    linear-gradient(90deg, #06141b 0%, #071a22 40%, #081f28 100%);
}

/* vertical scan lines (շատ subtle) */
.hero::before{
  content:'';
  position:absolute;
  inset:0;
  background:repeating-linear-gradient(
    90deg,
    rgba(44,140,163,.04) 0px,
    transparent 1px,
    transparent 80px
  );
  opacity:.25;
}
.hero-tag{
  background:rgba(44,140,163,.08);
  border:1px solid rgba(44,140,163,.25);
  padding:.6rem 1.2rem;
  border-radius:8px;
  font-size:12px;
  letter-spacing:.12em;
  color:#2C8CA3;
  font-weight:700;
}

/* blinking dot */
.hero-tag::before{
  content:'';
  width:6px;
  height:6px;
  border-radius:50%;
  background:#22c55e;
  margin-right:8px;
  display:inline-block;
  animation:blink 1.5s infinite;
}
.hero-title{
  font-size:clamp(2.6rem,4.5vw,4rem);
  font-weight:900;
  line-height:1.2;
  letter-spacing:-.02em;
}
.hero-title-line{
  display:inline-block;
  background:linear-gradient(180deg,#ffffff 0%,#f6fcfd 24%,#e8f7fb 58%,#cfe8ef 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  filter:drop-shadow(0 0 6px rgba(255,255,255,.08));
}

/* highlight */
.hero-title .accent{
  color:#2C8CA3;
  text-shadow:0 0 20px rgba(44,140,163,.25);
}
.btn-main{
  background:#2C8CA3;
  color:#06141b;
  font-weight:800;
  letter-spacing:.08em;
  border-radius:10px;
  padding:1rem 2.2rem;
  transition:.25s;
}

.btn-main:hover{
  background:#3fb6c9;
  box-shadow:0 0 25px rgba(44,140,163,.4);
}

.btn-ghost{
  border:1px solid rgba(44,140,163,.3);
  color:#eaf6f8;
}

.btn-ghost:hover{
  border-color:#2C8CA3;
  color:#2C8CA3;
}
.hero-monitor{
  background:rgba(6,18,24,.9);
  border:1px solid rgba(44,140,163,.2);
  border-radius:14px;
  padding:1.5rem;
  box-shadow:
    0 25px 60px rgba(0,0,0,.6),
    inset 0 0 0 1px rgba(255,255,255,.02);
}
.monitor-status{
  color:#22c55e;
  font-weight:700;
  letter-spacing:.08em;
}

.monitor-status::before{
  content:'';
  width:7px;
  height:7px;
  background:#22c55e;
  border-radius:50%;
  display:inline-block;
  margin-right:6px;
  animation:pulse 1.2s infinite;
}
.hero-monitor{
  backdrop-filter:blur(10px);
}
.metrics{
  position:relative;
  padding:60px 5%;
  background:linear-gradient(180deg,#06141b,#071a22);
  border-top:1px solid rgba(44,140,163,.15);
  border-bottom:1px solid rgba(44,140,163,.15);
  overflow:hidden;
}

/* moving light sweep */
.metrics::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(
    120deg,
    transparent,
    rgba(44,140,163,.08),
    transparent
  );
  animation:metricsSweep 8s linear infinite;
}

@keyframes metricsSweep{
  0%{transform:translateX(-100%)}
  100%{transform:translateX(100%)}
}
.metrics-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  position:relative;
  z-index:2;
}
.metric-box{
  text-align:center;
  padding:30px 20px;
  position:relative;
  transition:.3s;
}

/* vertical divider */
.metric-box:not(:last-child)::after{
  content:'';
  position:absolute;
  top:20%;
  right:0;
  width:1px;
  height:60%;
  background:linear-gradient(
    to bottom,
    transparent,
    rgba(44,140,163,.3),
    transparent
  );
}
.metric-value{
  font-size:3rem;
  font-weight:900;
  color:#2C8CA3;
  letter-spacing:-.02em;
  text-shadow:
    0 0 12px rgba(44,140,163,.3);
}
.metric-label{
  margin-top:8px;
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(180,217,224,.7);
}
.metric-box:hover{
  background:rgba(44,140,163,.05);
  transform:translateY(-5px);
}

.metric-box:hover .metric-value{
  color:#3fb6c9;
  text-shadow:
    0 0 20px rgba(44,140,163,.6);
}
.metric-live{
  display:inline-block;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#22c55e;
  margin-right:6px;
  animation:pulse 1.2s infinite;
}
.why-section{
  position:relative;
  padding:110px 5%;
  background:
    linear-gradient(180deg,#05131a 0%, #071821 45%, #06141b 100%);
  overflow:hidden;
}

.why-section::before{
  content:'';
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(44,140,163,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(44,140,163,.035) 1px, transparent 1px);
  background-size:72px 72px;
  opacity:.22;
  pointer-events:none;
}

.why-section::after{
  content:'';
  position:absolute;
  top:-10%;
  left:50%;
  transform:translateX(-50%);
  width:900px;
  height:500px;
  background:radial-gradient(circle, rgba(44,140,163,.10), transparent 70%);
  filter:blur(40px);
  pointer-events:none;
}
.why-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:.6rem;
  font-size:13px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--teal);
  margin-bottom:20px;
}

.why-eyebrow::before{
  content:'';
  width:34px;
  height:1px;
  background:var(--teal);
  opacity:.9;
}

.why-title{
  font-size:clamp(2.4rem,4.7vw,4rem);
  line-height:1.12;
  font-weight:900;
  letter-spacing:-.03em;
  color:#eef7f8;
  max-width:720px;
  margin-bottom:22px;
}

.why-title .accent{
  color:var(--teal);
  text-shadow:0 0 16px rgba(44,140,163,.18);
}

.why-desc{
  max-width:760px;
  font-size:1.02rem;
  line-height:1.9;
  color:rgba(180,217,224,.82);
  margin-bottom:36px;
}
.why-reasons{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.reason-card{
  position:relative;
  padding:28px 28px 28px 112px;
  background:linear-gradient(180deg, rgba(8,23,30,.88), rgba(6,18,24,.96));
  border:1px solid rgba(44,140,163,.14);
  border-radius:18px;
  overflow:hidden;
  transition:transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}

.reason-card::before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:linear-gradient(180deg, var(--teal), transparent 80%);
}

.reason-card:hover{
  transform:translateY(-4px);
  border-color:rgba(44,140,163,.28);
  box-shadow:0 18px 36px rgba(0,0,0,.24);
}

.reason-num{
  position:absolute;
  left:26px;
  top:20px;
  font-size:3rem;
  font-weight:900;
  letter-spacing:-.03em;
  color:rgba(44,140,163,.28);
  line-height:1;
}

.reason-title{
  font-size:1.2rem;
  font-weight:800;
  color:#f0f7f6;
  margin-bottom:10px;
}

.reason-text{
  font-size:15px;
  line-height:1.85;
  color:rgba(180,217,224,.82);
}
.compare-panel{
  position:relative;
  background:
    linear-gradient(180deg,rgba(12,28,36,.97),rgba(6,16,23,.995)),
    radial-gradient(circle at 20% 0%,rgba(112,228,248,.08),transparent 34%),
    radial-gradient(circle at 82% 18%,rgba(67,196,228,.06),transparent 28%);
  border:1px solid rgba(145,234,255,.14);
  border-radius:28px;
  overflow:hidden;
  box-shadow:
    0 34px 84px rgba(0,0,0,.28),
    0 0 38px rgba(76,205,255,.08),
    inset 0 1px 0 rgba(255,255,255,.05),
    inset 0 0 0 1px rgba(180,241,255,.03);
}
.compare-panel::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(255,255,255,.035),transparent 14%),
    linear-gradient(115deg,transparent 0%,transparent 42%,rgba(188,245,255,.08) 50%,transparent 58%,transparent 100%),
    repeating-linear-gradient(90deg,rgba(150,238,255,.018) 0 1px,transparent 1px 120px);
  mix-blend-mode:screen;
}

.compare-topbar{
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px 20px;
  border-bottom:1px solid rgba(145,234,255,.09);
  background:
    linear-gradient(90deg,rgba(255,255,255,.03),rgba(120,220,255,.055),rgba(255,255,255,.015)),
    radial-gradient(circle at 50% 0%,rgba(178,242,255,.06),transparent 46%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.compare-dot{
  width:10px;
  height:10px;
  border-radius:50%;
}

.compare-dot.red{background:#ff7f73;}
.compare-dot.yellow{background:#f4b84b;}
.compare-dot.green{background:#56d78a;}

.compare-top-title{
  margin-left:8px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:rgba(241,249,250,.92);
  text-shadow:0 0 12px rgba(132,228,247,.14);
}
.compare-head{
  display:grid;
  grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);
}

.compare-head-item{
  padding:16px 20px;
  font-size:13px;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
  border-bottom:1px solid rgba(120,220,255,.09);
}

.compare-head-item.left{
  color:#ff7b72;
  background:
    linear-gradient(180deg,rgba(239,68,68,.09),rgba(239,68,68,.025)),
    linear-gradient(90deg,rgba(255,255,255,.02),transparent);
  border-right:1px solid rgba(120,220,255,.08);
  text-shadow:0 0 14px rgba(255,123,114,.14);
}

.compare-head-item.right{
  color:var(--teal);
  background:
    linear-gradient(180deg,rgba(44,140,163,.12),rgba(44,140,163,.04)),
    linear-gradient(90deg,rgba(255,255,255,.025),transparent);
  text-shadow:0 0 16px rgba(118,233,248,.18);
}
/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;height:72px;border-bottom:1px solid transparent;transition:all .4s}
nav.scrolled{background:rgba(6,14,13,0.92);backdrop-filter:blur(16px);border-bottom-color:var(--border)}
.nav-logo{display:flex;align-items:center;gap:14px;text-decoration:none;background:none;border:none;flex:0 0 auto;min-width:0}
.nav-logo-icon{height:84px;width:auto;display:block}
.nav-brand{font-family:var(--font-sans);font-size:1.8rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--white)}
.nav-brand-hybrid{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:.34em;
  min-width:468px;
  width:468px;
  flex:0 0 468px;
  line-height:1;
  white-space:nowrap;
  font-family:var(--font-sans);
  font-size:1.872rem;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.nav-brand-hybrid .brand-core,
.nav-brand-hybrid .brand-mark{
  display:inline-block;
  transition:filter .16s ease,opacity .16s ease;
  will-change:contents,opacity,filter;
}
.nav-brand-hybrid.is-typing .brand-core,
.nav-brand-hybrid.is-typing .brand-mark{
  filter:drop-shadow(0 0 10px rgba(76,205,255,.14));
}
.nav-links{display:flex;align-items:center;justify-content:flex-end;gap:1.6rem;flex:1 1 auto;min-width:0}
.nav-links a{font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-decoration:none;display:inline-flex;align-items:center;transition:color .2s, transform .2s}
.nav-links a:hover{color:var(--white);transform:scale(1.065)}
.nav-cta{background:linear-gradient(180deg,rgba(58,182,208,.18),rgba(58,182,208,.18))!important;color:var(--white)!important;padding:.54rem 1.18rem!important;border-radius:16px!important;border:1px solid rgba(90,212,236,.4)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.08em!important;display:inline-flex!important;align-items:center;justify-content:center;min-height:38px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important,inset 0 0 18px rgba(76,205,255,.16)!important,0 10px 22px -18px rgba(76,205,255,.9)!important;transition:all .22s ease!important;animation:navCtaPulse 1.85s ease-in-out infinite;position:relative}
.nav-cta:hover{border-color:rgba(114,231,255,.98)!important;background:linear-gradient(180deg,rgba(72,198,224,.24),rgba(72,198,224,.24))!important;color:var(--white)!important;transform:translateY(-1px)!important;box-shadow:0 14px 24px rgba(0,0,0,.18),0 16px 30px -14px rgba(76,205,255,1)!important}
@keyframes navCtaPulse{
  0%,100%{
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.04),
      inset 0 0 16px rgba(76,205,255,.10),
      0 10px 22px -18px rgba(76,205,255,.72),
      0 0 0 rgba(76,205,255,0);
    border-color:rgba(44,140,163,.28);
  }
  50%{
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.05),
      inset 0 0 26px rgba(76,205,255,.18),
      0 14px 28px -16px rgba(76,205,255,1),
      0 0 18px rgba(76,205,255,.32);
    border-color:rgba(120,220,255,.62);
  }
}

/* Cortex Sentinel 1.6.39: remove the extra blue strip under the running ticker. */
html body .ticker,
html body .ticker.ticker-full-width {
  position:relative !important;
  z-index:5 !important;
  width:100vw !important;
  max-width:100vw !important;
  height:40px !important;
  min-height:40px !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:rgba(7, 23, 27, .92) !important;
  border-top:1px solid rgba(105, 220, 255, .22) !important;
  border-bottom:1px solid rgba(105, 220, 255, .16) !important;
  box-shadow:none !important;
}

html body .ticker::before,
html body .ticker::after,
html body .ticker-track::before,
html body .ticker-track::after,
html body .ticker-inner::before,
html body .ticker-inner::after,
html body .ticker + .stats::before,
html body .stats::before {
  display:none !important;
  content:none !important;
}

html body .ticker-track {
  width:100vw !important;
  max-width:100vw !important;
  height:40px !important;
  min-height:40px !important;
  display:flex !important;
  align-items:center !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

html body .ticker-inner {
  height:40px !important;
  min-height:40px !important;
  align-items:center !important;
  padding:0 !important;
}

html body .ticker + .stats,
html body .stats {
  margin-top:0 !important;
  padding-top:0 !important;
  border-top:0 !important;
  background:#061012 !important;
  box-shadow:none !important;
}

@media (max-width: 720px) {
  html body .ticker,
  html body .ticker.ticker-full-width {
    height:38px !important;
    min-height:38px !important;
  }

  html body .ticker-track,
  html body .ticker-inner {
    height:38px !important;
    min-height:38px !important;
  }

  html body .ticker + .stats,
  html body .stats {
    padding-top:0 !important;
  }
}
.nav-mobile-btn{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px}
.nav-mobile-btn span{display:block;width:24px;height:1.5px;background:var(--white);transition:.3s}

/* HERO */
.hero{position:relative;min-height:calc(100vh - 205px);display:flex;align-items:flex-start;overflow:hidden;padding-top:88px}
.hero::after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:205px;
  background:
    linear-gradient(180deg,rgba(8,21,28,0) 0%,rgba(8,21,28,.74) 42%,rgba(8,21,28,.96) 76%,rgba(8,21,28,.985) 100%);
  pointer-events:none;
  z-index:1;
}
.hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,#071218 0%,#0d2029 50%,#071218 100%)}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(26,173,160,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(26,173,160,.05) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(180deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,.92) 58%,rgba(0,0,0,.35) 82%,transparent 100%)}
.hero-radial{position:absolute;width:900px;height:900px;background:radial-gradient(circle,rgba(10,122,112,.22) 0%,transparent 65%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:.72}
.hero-lines{position:absolute;inset:0;overflow:hidden;mask-image:linear-gradient(180deg,#000 0%,#000 62%,rgba(0,0,0,.18) 84%,transparent 100%);opacity:.45}
.hero-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(26,173,160,.3),transparent);animation:scan 4s linear infinite}
.hero-line:nth-child(1){top:30%;animation-delay:0s;width:60%;left:20%}
.hero-line:nth-child(2){top:55%;animation-delay:1.5s;width:40%;left:30%}
.hero-line:nth-child(3){top:75%;animation-delay:3s;width:50%;left:25%}
@keyframes scan{0%{opacity:0;transform:scaleX(0)}20%{opacity:1}80%{opacity:1}100%{opacity:0;transform:scaleX(1)}}
.hero-content{position:relative;z-index:2;padding:0 5% 1.2rem;max-width:1400px;margin:0 auto;width:100%;padding-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.hero-tag{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(26,173,160,.3);padding:.55rem 1.2rem;border-radius:8px;margin-bottom:2rem;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}
.hero-tag::before{content:'';width:6px;height:6px;background:var(--teal);border-radius:50%;animation:blink 2s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
h1{font-family:var(--font-sans);font-size:clamp(2.4rem,4.5vw,4.2rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-bottom:1.5rem}
h1 em{
  font-style:normal;
  display:block;
  margin-top:10px; /* խաղա 6px–16px */
  background:linear-gradient(180deg,#47b9c9 0%,#2aa7bb 18%,#16879d 42%,#106f86 64%,#0d5f76 82%,#0a4f66 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  filter:drop-shadow(0 0 8px rgba(93,224,245,.12));
}
.hero-desc{font-size:1.05rem;color:var(--muted);line-height:1.8;max-width:480px;margin-bottom:2.5rem;font-weight:300;animation:heroDescGlow 4.8s ease-in-out infinite}
.hero-btns{display:flex;gap:1rem;flex-wrap:wrap}
.hero-btns .btn-main,.hero-btns .btn-ghost{min-width:198px}
@keyframes heroTagEntry{
  0%{opacity:0;transform:translate3d(-78px,22px,0) scale(.9) rotate(-2.8deg);filter:blur(12px);box-shadow:0 0 0 rgba(76,205,255,0)}
  58%{opacity:1;transform:translate3d(10px,-2px,0) scale(1.02) rotate(.35deg);filter:blur(.8px);box-shadow:0 0 24px rgba(76,205,255,.18)}
  100%{opacity:1;transform:translate3d(0,0,0) scale(1) rotate(0deg);filter:blur(0);box-shadow:0 0 0 rgba(76,205,255,0)}
}
@keyframes heroTitleEntry{
  0%{opacity:0;transform:translate3d(-42px,-58px,0) scale(.92) rotate(-1.4deg);filter:blur(14px)}
  54%{opacity:.98;transform:translate3d(4px,6px,0) scale(1.022) rotate(.22deg);filter:blur(1.1px)}
  100%{opacity:1;transform:translate3d(0,0,0) scale(1) rotate(0deg);filter:blur(0)}
}
@keyframes heroDescEntry{
  0%{opacity:0;transform:translate3d(-12px,66px,0) scale(.975);filter:blur(12px)}
  60%{opacity:1;transform:translate3d(0,-3px,0) scale(1.008);filter:blur(.9px)}
  100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
}
@keyframes heroCtasEntry{
  0%{opacity:0;transform:translate3d(0,70px,0) scale(.93);filter:blur(11px)}
  60%{opacity:1;transform:translate3d(0,-4px,0) scale(1.018);filter:blur(.9px)}
  100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
}
@keyframes heroPanelEntry{
  0%{opacity:0;transform:translate3d(54px,10px,0) scale(.965) rotateY(-4deg) rotateX(.6deg);filter:blur(10px)}
  40%{opacity:.72;transform:translate3d(18px,3px,0) scale(.986) rotateY(-1.6deg) rotateX(.2deg);filter:blur(4px)}
  74%{opacity:1;transform:translate3d(4px,0,0) scale(1.001) rotateY(-.08deg) rotateX(0deg);filter:blur(.7px)}
  88%{opacity:1;transform:translate3d(1px,0,0) scale(1) rotateY(0deg) rotateX(0deg);filter:blur(.16px)}
  100%{opacity:1;transform:translate3d(0,0,0) scale(1) rotateY(0deg) rotateX(0deg);filter:blur(0)}
}
@keyframes heroAuraRise{
  0%{opacity:0;transform:translateY(32px) scale(.88)}
  55%{opacity:.5}
  100%{opacity:.18;transform:translateY(0) scale(1)}
}
@keyframes heroPanelSheen{
  0%{transform:translateX(-135%) skewX(-16deg);opacity:0}
  18%{opacity:0}
  42%{opacity:.28}
  68%{opacity:.08}
  100%{transform:translateX(225%) skewX(-16deg);opacity:0}
}
@keyframes heroCtaFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-2px)}
}
.hero .hero-tag,
.hero .hero-title,
.hero .hero-desc,
.hero .hero-btns,
.hero .hero-right{
  opacity:0;
  will-change:transform,opacity,filter;
  transform-origin:center;
}
.hero .hero-tag{
  animation:heroTagEntry 1s cubic-bezier(.18,.88,.2,1.02) .06s forwards;
}
.hero .hero-title{
  animation:heroTitleEntry 1.08s cubic-bezier(.16,.9,.22,1.02) .18s forwards;
}
.hero .hero-desc{
  animation:heroDescEntry .98s cubic-bezier(.18,.88,.22,1.02) .38s forwards,heroDescGlow 4.8s ease-in-out 1.42s infinite;
}
.hero .hero-btns{
  animation:heroCtasEntry .94s cubic-bezier(.18,.88,.22,1.02) .58s forwards;
}
.hero .hero-right{
  animation:heroPanelEntry 1.26s cubic-bezier(.22,.74,.2,1) .68s forwards;
  transform-origin:right center;
  perspective:1200px;
}
.hero-left{
  position:relative;
}
.hero-left::before{
  content:'';
  position:absolute;
  left:-8%;
  top:1%;
  width:118%;
  height:88%;
  border-radius:42px;
  background:
    radial-gradient(circle at 24% 22%,rgba(76,205,255,.16),transparent 24%),
    radial-gradient(circle at 46% 48%,rgba(76,205,255,.08),transparent 28%),
    radial-gradient(circle at 36% 86%,rgba(14,101,127,.12),transparent 34%);
  filter:blur(18px);
  pointer-events:none;
  opacity:0;
  animation:heroAuraRise 1.4s cubic-bezier(.16,.88,.22,1.02) .2s forwards;
}
.hero .hero-btns a{
  animation:heroCtaFloat 4.4s ease-in-out 1.55s infinite;
}
.hero .hero-btns a:nth-child(2){
  animation-delay:1.8s;
}
.hero .hero-right .hero-monitor{
  position:relative;
  overflow:hidden;
}
.hero .hero-right .hero-monitor::after{
  content:'';
  position:absolute;
  top:-18%;
  bottom:-18%;
  left:-20%;
  width:34%;
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(169,242,255,.16),rgba(255,255,255,0));
  transform:translateX(-135%) skewX(-16deg);
  pointer-events:none;
  mix-blend-mode:screen;
  animation:heroPanelSheen 7.2s ease-in-out 1.2s infinite;
}
.btn-main{background:var(--teal);color:var(--dark);padding:.54rem 1.18rem;font-family:var(--font-sans);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border:none;border-radius:16px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:38px;box-shadow:0 12px 24px -18px rgba(76,205,255,.78);transition:all .2s}
.btn-main:hover{
  background:linear-gradient(135deg,#56d4e5 0%,#2C8CA3 52%,#1E667A 100%);
  color:#f4fbfc;
  transform:translateY(-2px) scale(1.02);
  box-shadow:
    0 18px 34px -16px rgba(76,205,255,.95),
    0 0 18px rgba(44,140,163,.35);
}
.btn-ghost{background:linear-gradient(180deg,rgba(44,140,163,.11),rgba(44,140,163,.06));color:var(--white);padding:.54rem 1.18rem;font-family:var(--font-sans);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(44,140,163,.28);border-radius:16px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:38px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 12px 24px -18px rgba(76,205,255,.78);transition:all .22s ease}
.btn-ghost:hover{border-color:rgba(76,205,255,.9);background:linear-gradient(180deg,rgba(44,140,163,.18),rgba(44,140,163,.1));color:var(--white);transform:translateY(-1px);box-shadow:0 14px 24px rgba(0,0,0,.18),0 18px 32px -14px rgba(76,205,255,1)}
.hero-right{position:relative}
.hero-monitor{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(5,20,29,.64),rgba(2,10,17,.56)),
    radial-gradient(circle at 50% 44%,rgba(92,232,255,.12),transparent 24%),
    radial-gradient(circle at 82% 9%,rgba(92,232,255,.06),transparent 28%),
    radial-gradient(circle at 14% 20%,rgba(44,140,163,.06),transparent 24%),
    linear-gradient(145deg,rgba(20,86,106,.08),transparent 46%,rgba(10,40,56,.12) 86%,rgba(7,28,38,.16));
  border:1px solid rgba(120,240,255,.02);
  border-radius:22px;
  padding:1.4rem;
  backdrop-filter:blur(18px) saturate(1.25);
  box-shadow:
    0 0 0 1px rgba(79,222,255,.012),
    0 26px 64px rgba(0,0,0,.34),
    0 0 24px rgba(44,196,255,.05),
    inset 0 1px 0 rgba(255,255,255,.04),
    inset 0 0 0 1px rgba(95,232,255,.028),
    inset 0 0 110px rgba(6,39,52,.28),
    inset 0 -40px 70px rgba(8,34,48,.24);
  animation:holoPanelFloat 7.5s ease-in-out infinite, holoFlicker 9s linear infinite;
}
.hero-monitor::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:
    linear-gradient(rgba(92,232,255,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(92,232,255,.05) 1px, transparent 1px),
    linear-gradient(120deg,rgba(255,255,255,.02),transparent 20%,transparent 80%,rgba(255,255,255,.012)),
    radial-gradient(circle at 50% 42%,rgba(76,205,255,.1),transparent 18%),
    radial-gradient(circle at 85% 12%,rgba(76,205,255,.05),transparent 22%);
  background-size:28px 28px,28px 28px,auto,auto;
  mix-blend-mode:screen;
  opacity:.2;
  animation:holoGridPulse 4.2s ease-in-out infinite;
}
.hero-monitor::after{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  border:1px solid rgba(180,249,255,.015);
  box-shadow:
    inset 0 0 0 1px rgba(17,56,69,.06),
    inset 0 0 18px rgba(70,219,255,.04),
    0 0 16px rgba(76,205,255,.04);
  left:auto;
  right:auto;
  top:0;
  height:auto;
  background:
    linear-gradient(112deg,transparent 0%,transparent 34%,rgba(147,245,255,.1) 48%,transparent 58%,transparent 100%);
  pointer-events:none;
  animation:holoSweep 6.8s ease-in-out infinite;
}
.monitor-header{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:1.1rem;
  padding:0 0 .7rem;
}
.monitor-title{
  font-family:var(--font-sans);
  font-size:10.8px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#e8fcff;
  text-shadow:0 0 14px rgba(76,205,255,.18),0 0 24px rgba(76,205,255,.08);
  padding:0;
  border-radius:0;
  border:0;
  background:none;
  box-shadow:none;
  position:relative;
  top:-2px;
  left:-2px;
}
.monitor-status{display:flex; align-items:center; gap:8px; font-size:11.8px; color:#92f5ff; font-weight:700; text-shadow:0 0 12px rgba(76,205,255,.18); padding:0; border-radius:0; border:0; background:none; box-shadow:none; position:relative; top:-2px; right:-2px;}
.monitor-status::before{content:'';width:6px;height:6px;border-radius:50%;animation:liveBlinkDot 1s infinite}

/* CAM GRID */
.cam-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-bottom:1.1rem;padding:0;border-radius:0;background:linear-gradient(180deg,rgba(4,20,29,.34),rgba(2,13,21,.22));border:0;box-shadow:none}
.cam-wrap{
  display:flex;
  flex-direction:column;
  gap:0;
  padding:0;
  border-radius:0;
  background:transparent;
  border:0;
  box-shadow:none;
  transition:transform .18s ease, opacity .18s ease, filter .18s ease;
  transform-origin:center;
}
.cam-wrap:hover{
  transform:scale(1.015);
  box-shadow:none;
  z-index:3;
}
.cam-feed{
  background:
    linear-gradient(180deg,rgba(2,9,14,.78),rgba(1,6,10,.88)),
    radial-gradient(circle at 18% 12%,rgba(82,214,236,.06),transparent 24%),
    linear-gradient(155deg,transparent 0%,transparent 62%,rgba(12,48,63,.06) 100%);
  border:1px solid rgba(120,240,255,.02);
  border-radius:0;
  aspect-ratio:16/9;
  position:relative;
  overflow:hidden;
  padding-bottom:48px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015), inset 0 -20px 34px rgba(10,40,56,.12);
}
.cam-feed::after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    repeating-linear-gradient(180deg,rgba(113,246,255,.05) 0 1px,transparent 1px 4px),
    linear-gradient(180deg,rgba(255,255,255,.05),transparent 26%,transparent 70%,rgba(0,0,0,.08)),
    radial-gradient(circle at top left,rgba(76,205,255,.1),transparent 28%);
  mix-blend-mode:screen;
}
.cam-feed::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  border:1px solid transparent;
  box-shadow:none;
  z-index:12;
}
.cam-feed canvas{position:absolute;inset:0;width:100%;height:100%}
.cam-label,.cam-live,.cam-status{
  z-index:10;
  pointer-events:none;
  font-size:8.8px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  text-shadow:0 2px 8px rgba(0,0,0,.45);
}
.cam-label{
  position:absolute;
  bottom:10px;
  left:10px;
  color:#55d4ef;
  text-shadow:0 0 10px rgba(85,212,239,.28);
}
.cam-live{
  position:absolute;
  top:8px;
  right:8px;
  color:#ff8b8b;
  background:none;
  border:0;
  box-shadow:none;
}
.cam-status{
  position:absolute;
  left:8px;
  top:8px;
  color:#62f3a3;
  background:none;
  border:0;
  box-shadow:none;
}
.cam-status.motion{color:#f59e0b;animation:liveBlinkText .8s infinite}
.cam-feed.motion-active{
  border-color:rgba(245,158,11,.58);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.02),
    0 0 16px rgba(245,158,11,.16);
}
.cam-grid.has-expanded .cam-wrap:not(.is-expanded){
  opacity:.2;
  transform:scale(.9);
}
/* CAM CONTROL BAR */
.cam-ctrl{
  position:absolute;
  left:50%;
  right:auto;
  bottom:6px;
  transform:translateX(-50%);
  z-index:11;
  width:fit-content !important;
  max-width:none !important;
  background:transparent;
  border:0;
  border-radius:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0;
  box-shadow:none;
  flex-wrap:nowrap !important;
}
.cam-ctrl-btn{
  width:28px;
  height:28px;
  border-radius:8px;
  border:1px solid rgba(120,240,255,.06);
  background:linear-gradient(180deg,rgba(9,31,42,.42),rgba(5,17,24,.26));
  color:#d8f8fb;
  font-size:12px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.22s ease;
  position:relative;
  flex-shrink:0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02),0 0 8px rgba(63,211,255,.025);
}
.cam-ctrl-btn:hover{
  border-color:rgba(76,205,255,.3);
  color:var(--white);
  background:linear-gradient(180deg,rgba(44,140,163,.14),rgba(44,140,163,.04));
  transform:none;
  box-shadow:0 10px 22px rgba(0,0,0,.14),0 0 10px rgba(76,205,255,.08);
}
.cam-ctrl-btn.active{border-color:var(--teal);color:#8feaff;background:linear-gradient(180deg,rgba(44,140,163,.26),rgba(44,140,163,.12))}
.cam-ctrl-btn.active.danger{border-color:#f59e0b;color:#f59e0b;background:rgba(245,158,11,.18);animation:pulse 1.2s ease-in-out infinite}
.cam-ctrl-label{display:none !important}
.cam-ctrl-btn:hover .cam-ctrl-label{opacity:0}
@keyframes pulse{0%{opacity:.5;box-shadow:none}50%{opacity:1;box-shadow:0 0 8px rgba(245,158,11,.5)}100%{opacity:.5;box-shadow:none}}

.monitor-alerts{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:0;
  padding:0;
  border-radius:0;
  background:none;
  border:0;
  box-shadow:none;
}
.alert-item{
  display:flex;
  align-items:center;
  gap:12px;
  padding:6px 10px;
  background:linear-gradient(180deg,rgba(16,48,61,.24),rgba(8,27,37,.16));
  border:1px solid rgba(120,240,255,.025);
  border-left:0;
  border-radius:999px;
  font-size:12.8px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 6px 12px rgba(0,0,0,.08),
    0 0 4px rgba(63,211,255,.012);
}
.alert-item.success{box-shadow:inset 0 0 0 1px rgba(34,197,94,.05),0 6px 12px rgba(0,0,0,.08)}
.alert-item.warning{box-shadow:inset 0 0 0 1px rgba(245,158,11,.05),0 6px 12px rgba(0,0,0,.08)}
.alert-item.processing{box-shadow:inset 0 0 0 1px rgba(59,130,246,.05),0 6px 12px rgba(0,0,0,.08)}
.alert-item.info{box-shadow:inset 0 0 0 1px rgba(6,182,212,.05),0 6px 12px rgba(0,0,0,.08)}
.alert-item.verified{box-shadow:inset 0 0 0 1px rgba(139,92,246,.05),0 6px 12px rgba(0,0,0,.08)}
.alert-dot{width:6px;height:6px;border-radius:50%;background:var(--teal);flex-shrink:0;box-shadow:0 0 7px currentColor}
.alert-item.success .alert-dot{background:#22c55e}
.alert-item.warning .alert-dot{background:#f59e0b}
.alert-item.processing .alert-dot{background:#3b82f6}
.alert-item.info .alert-dot{background:#06b6d4}
.alert-item.verified .alert-dot{background:#8b5cf6}
.alert-text{color:#d4ebee;flex:1;font-weight:700}
.alert-time{
  color:rgba(226,244,247,.84);
  font-size:8.2px;
  font-weight:800;
  letter-spacing:.14em;
  min-width:72px;
  text-align:right;
  text-transform:uppercase;
}



/* SIGNAL VISUALS */
.signal-overlay{position:absolute;inset:0;pointer-events:none;z-index:8;overflow:hidden;border-radius:4px}
.signal-layer{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .22s ease}
.signal-overlay.active .signal-layer{opacity:1}
.signal-badge{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  padding:.28rem .62rem;
  border-radius:999px;
  font-size:6.6px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#fff;
  background:rgba(7,18,24,.88);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 10px 22px rgba(0,0,0,.28);
  z-index:12;
  white-space:nowrap;
}
.signal-badge::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px;vertical-align:middle}
.signal-layer.strobe .signal-badge::before{background:#f59e0b}
.signal-layer.light .signal-badge::before{background:#fde047}
.signal-layer.sound .signal-badge::before{background:#22d3ee}
.signal-layer.speaker .signal-badge::before{background:#a78bfa}
.signal-layer.bell .signal-badge::before{background:#ef4444}
.signal-layer.light .signal-badge,
.signal-layer.sound .signal-badge,
.signal-layer.speaker .signal-badge,
.signal-layer.bell .signal-badge{display:none}
.signal-layer.strobe{background:repeating-linear-gradient(135deg,rgba(245,158,11,.06) 0 16px,rgba(255,255,255,.0) 16px 32px);animation:strobeFlash .8s steps(2,end) infinite}
.signal-layer.strobe::before{content:'';position:absolute;inset:-18%;background:radial-gradient(circle at center,rgba(245,158,11,.5) 0%,rgba(245,158,11,.12) 22%,transparent 55%);animation:strobeFlash 1s steps(2,end) infinite}
@keyframes strobeFlash{0%,100%{opacity:.15}50%{opacity:1}}
.signal-layer.light::before{content:'';position:absolute;left:50%;top:-10%;width:130%;height:120%;transform:translateX(-50%);background:radial-gradient(ellipse at center top,rgba(253,224,71,.55) 0%,rgba(253,224,71,.18) 25%,rgba(253,224,71,.05) 40%,transparent 70%)}
.signal-layer.light::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,248,190,.15),transparent 35%,rgba(255,245,170,.1) 100%);animation:lightPulse 1.6s ease-in-out infinite}
@keyframes lightPulse{0%,100%{opacity:.55}50%{opacity:1}}
.signal-layer.sound::before,.signal-layer.sound::after{content:'';position:absolute;left:50%;top:50%;border:2px solid rgba(34,211,238,.65);border-radius:50%;transform:translate(-50%,-50%);animation:soundWave 1.6s linear infinite}
.signal-layer.sound::before{width:48px;height:48px}
.signal-layer.sound::after{width:82px;height:82px;animation-delay:.45s}
.signal-layer.sound .sound-wave3{position:absolute;left:50%;top:50%;width:116px;height:116px;border:2px solid rgba(34,211,238,.45);border-radius:50%;transform:translate(-50%,-50%);animation:soundWave 1.6s linear infinite .9s}
@keyframes soundWave{0%{opacity:.8;transform:translate(-50%,-50%) scale(.2)}100%{opacity:0;transform:translate(-50%,-50%) scale(1)}}
.signal-layer.speaker::before{content:'🔊';position:absolute;left:18px;top:22px;font-size:24px;filter:drop-shadow(0 0 10px rgba(167,139,250,.35))}
.signal-layer.speaker::after{
  content:attr(data-message);
  position:absolute;
  left:50%;
  top:62%;
  transform:translate(-50%,-50%);
  width:clamp(170px,76%,248px);
  max-width:calc(100% - 24px);
  padding:.46rem .62rem;
  border-radius:12px;
  background:rgba(17,24,39,.88);
  border:1px solid rgba(167,139,250,.38);
  color:#f5f3ff;
  font-size:6.4px;
  font-weight:700;
  letter-spacing:.03em;
  line-height:1.5;
  text-align:center;
  white-space:normal;
  word-break:break-word;
  box-shadow:0 12px 28px rgba(0,0,0,.25);
  animation:speakerMsg 1.15s ease-in-out infinite alternate;
}
@keyframes speakerMsg{
  from{transform:translate(-50%,-50%)}
  to{transform:translate(-50%,calc(-50% - 3px))}
}
@keyframes heroDescGlow{0%,100%{color:var(--muted);text-shadow:none}50%{color:#ffffff;text-shadow:0 0 10px rgba(255,255,255,.14)}}
.signal-layer.bell{background:linear-gradient(180deg,rgba(127,29,29,.12),rgba(239,68,68,.08))}
.signal-layer.bell{
  position:absolute;
  inset:0;
  overflow:hidden;
}

/* Կարմիր լույս */
.signal-layer.bell::before{
  content:'';
  position:absolute;
  inset:-20%;
  background:radial-gradient(circle at 30% 50%,
    rgba(239,68,68,0.6),
    transparent 60%);
  animation:redFlash 1s infinite;
}

/* Կապույտ լույս */
.signal-layer.bell::after{
  content:'';
  position:absolute;
  inset:-20%;
  background:radial-gradient(circle at 70% 50%,
    rgba(59,130,246,0.6),
    transparent 60%);
  animation:blueFlash 1s infinite;
}

/* Անիմացիա */
@keyframes redFlash{
  0%,100%{opacity:0}
  50%{opacity:1}
}

@keyframes blueFlash{
  0%,100%{opacity:1}
  50%{opacity:0}
}
.signal-layer.bell::after{content:'';position:absolute;inset:-20%;background:radial-gradient(circle at 70% 50%, rgba(59,130,246,0.6), transparent 60%);animation:blueFlash 1s infinite}
@keyframes sirenSpin{to{transform:rotate(360deg)}}
@keyframes sirenShake{0%,100%{transform:translate(-50%,-50%) rotate(-7deg)}50%{transform:translate(-50%,-50%) rotate(7deg)}}
.feed-toast{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%) translateY(10px);
  max-width:78%;
  padding:.28rem .56rem;
  border-radius:999px;
  background:rgba(7,18,24,.92);
  border:1px solid rgba(44,140,163,.3);
  color:#fff;
  font-size:6.6px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  white-space:normal;
  text-align:center;
  opacity:0;
  pointer-events:none;
  z-index:14;
  transition:opacity .22s ease,transform .22s ease;
  box-shadow:0 10px 20px rgba(0,0,0,.28);
}
.feed-toast.show{opacity:1;transform:translate(-50%,-50%) translateY(0)}

/* TICKER */
.ticker{
  background:linear-gradient(
    90deg,
    #1f4f5a 0%,
    #2f7f8e 50%,
    #1f4f5a 100%
  );
}
.ticker-inner{display:flex;gap:4rem;animation:ticker 39s linear infinite;white-space:nowrap;width:max-content}
.ticker-item{display:flex;align-items:center;gap:.6rem;font-family:var(--font-sans);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(240,247,246,.78);flex-shrink:0;line-height:1}
.ticker-item{
  color:#ffffff;
  text-shadow:0 0 6px rgba(0,0,0,0.4);
}
.ticker-sep{color:var(--teal);font-size:12px;display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;line-height:1;transform:translateY(-.5px)}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* STATS */
.stats{padding:3.25rem 5%;background:var(--dark2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.stats-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--border)}
.stat-box{background:var(--dark2);padding:1.65rem 1.25rem;text-align:center;position:relative}
.stat-num{font-family:var(--font-sans);font-size:3rem;font-weight:800;color:var(--teal);line-height:1;margin-bottom:.4rem}
.stat-label{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:500}

/* SECTION COMMON */
section{padding:3rem 5%}
.section-inner{max-width:1200px;margin:0 auto}
.eyebrow{
  font-size:17px;
  font-weight:700;
  letter-spacing:.03em;
  text-transform:uppercase;
  color:var(--teal);
  margin-bottom:1rem;
}
h2{font-family:var(--font-sans);font-size:clamp(2.45rem,3vw,3rem);font-weight:900;line-height:1.2;letter-spacing:-.035em;margin-bottom:1.5rem}
.section-desc{font-size:1rem;color:var(--muted);line-height:1.8;max-width:560px;font-weight:300}

/* PROBLEMS */
.problems{background:var(--dark)}
.problems-layout{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}
.problems-list{display:flex;flex-direction:column;gap:1rem;margin-top:3rem}
.problem-item{display:flex;gap:1.2rem;padding:1.2rem;border:1px solid var(--border);border-radius:4px;transition:.2s;cursor:default}
.problem-item:hover{border-color:rgba(26,173,160,.3);background:rgba(26,173,160,.04)}
.problem-num{font-family:var(--font-sans);font-size:1.8rem;font-weight:800;color:rgba(26,173,160,.2);flex-shrink:0;line-height:1}
.problem-title{font-family:var(--font-sans);font-size:.95rem;font-weight:700;margin-bottom:.4rem;color:var(--white)}
.problem-text{font-size:14px;color:#7fd7e6;line-height:1.7;font-weight:300}
.problems-visual{
  position:relative;
  margin-top:10px;
  width:100%;
  max-width:620px;
  justify-self:end;
}
.vs-box{
  position:relative;
  background:
    linear-gradient(180deg,rgba(11,26,33,.985),rgba(7,18,24,.998)),
    radial-gradient(circle at top right,rgba(76,205,255,.05),transparent 42%);
  border:1px solid rgba(120,220,255,.11);
  border-radius:26px;
  overflow:hidden;
  box-shadow:
    0 24px 48px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.035);
}
.vs-box::before{
  content:'';
  position:absolute;
  inset:0 0 auto 0;
  height:70px;
  background:linear-gradient(180deg,rgba(255,255,255,.014),rgba(255,255,255,0));
  pointer-events:none;
}
.vs-header{
  padding:.82rem 1rem;
  border-bottom:1px solid rgba(120,220,255,.08);
  display:flex;
  align-items:center;
  gap:8px;
  background:linear-gradient(90deg,rgba(255,255,255,.014),rgba(76,205,255,.03),rgba(255,255,255,.008));
}
.vs-dot{width:9px;height:9px;border-radius:50%;box-shadow:0 0 12px rgba(255,255,255,.08)}
.vs-label{
  font-size:10px;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:rgba(220,239,242,.82);
  padding:.34rem .7rem;
  border:1px solid rgba(120,220,255,.11);
  border-radius:999px;
  background:rgba(11,28,35,.56);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.vs-row{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,.84fr) 1px minmax(0,1.16fr);
  border-bottom:1px solid rgba(120,220,255,.065);
  background:
    linear-gradient(180deg,rgba(255,255,255,.014),rgba(255,255,255,.004)),
    linear-gradient(90deg,rgba(255,255,255,.008),transparent 22%,transparent 78%,rgba(255,255,255,.008));
}
.vs-row:last-child{border-bottom:none}
.vs-row:not(:first-child) .vs-col:first-child{
  background:
    linear-gradient(180deg,rgba(255,127,115,.035),rgba(255,255,255,.006)),
    radial-gradient(circle at 0% 50%,rgba(255,127,115,.03),transparent 42%);
}
.vs-row:not(:first-child) .vs-col:last-child{
  background:
    linear-gradient(180deg,rgba(76,205,255,.052),rgba(255,255,255,.008)),
    radial-gradient(circle at 100% 50%,rgba(76,205,255,.04),transparent 42%);
}
.vs-col{
  padding:.72rem .95rem;
  min-height:64px;
  display:flex;
  align-items:center;
  min-width:0;
  overflow:visible;
}
.vs-divider{
  background:
    linear-gradient(180deg,transparent,rgba(140,234,255,.18),transparent),
    linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0));
}
.vs-col-head{
  font-family:var(--font-sans);
  font-size:10px;
  letter-spacing:.23em;
  text-transform:uppercase;
  padding:.82rem .95rem;
  background:
    linear-gradient(180deg,rgba(255,255,255,.03),rgba(120,220,255,.035)),
    linear-gradient(90deg,rgba(255,255,255,.01),transparent);
  border-bottom:1px solid rgba(120,220,255,.08);
  font-weight:800;
}
.vs-col-head.bad{color:rgba(255,155,143,.94);border-right:1px solid rgba(120,220,255,.07)}
.vs-col-head.good{color:#86ebfb;text-shadow:0 0 14px rgba(118,233,248,.12)}
#vsBrandHead{
  white-space:nowrap;
  overflow:visible !important;
  letter-spacing:.07em !important;
  font-size:12px !important;
  padding-right:24px !important;
}
#vsBrandHead .brand-core,
#vsBrandHead .brand-mark{
  display:inline-block;
  vertical-align:middle;
}
.vs-item{
  font-size:12px;
  color:rgba(236,246,248,.92);
  display:flex;
  align-items:center;
  gap:.48rem;
  line-height:1;
  font-weight:700;
  letter-spacing:0;
  white-space:nowrap;
  max-width:none;
  min-width:0;
  overflow:visible;
  text-overflow:clip;
  text-shadow:0 0 10px rgba(125,228,245,.06);
}
.vs-col:last-child .vs-item{
  font-size:11.6px;
}
.vs-item.bad::before{
  content:'✕';
  color:rgba(255,143,132,.92);
  font-size:8px;
  flex-shrink:0;
  width:16px;
  height:16px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,127,115,.09);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 12px rgba(255,127,115,.08);
}
.vs-item.good::before{
  content:'✓';
  color:#86ecfb;
  font-size:8px;
  flex-shrink:0;
  width:16px;
  height:16px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(76,205,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 0 16px rgba(76,205,255,.12);
}

/* SERVICES */
.services{background:var(--dark2)}
.services-head{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end;margin-bottom:3rem}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}
.service-card{background:var(--dark2);padding:2rem 1.7rem 1.55rem;transition:.3s;position:relative;overflow:hidden;display:flex;flex-direction:column}
.service-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--teal);transform:scaleX(0);transform-origin:left;transition:.3s}
.service-card:hover{background:var(--dark3)}
.service-card:hover::before{transform:scaleX(1)}
.service-icon{width:42px;height:42px;margin-bottom:1rem;color:var(--teal)}
.service-icon svg{width:100%;height:100%}
.service-name{font-family:var(--font-sans);font-size:1rem;font-weight:700;margin-bottom:.62rem}
.service-text{
  font-size:13.8px;
  color:var(--muted);
  line-height:1.58;
  font-weight:300;
  max-width:34ch;
  min-height:3.2em;
  margin-bottom:.95rem;
}
.service-tag{display:inline-flex;align-items:center;justify-content:center;margin-top:auto;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);border:1px solid rgba(26,173,160,.3);padding:.46rem .88rem;border-radius:6px;line-height:1.2;min-height:40px;align-self:flex-start}

/* HOW IT WORKS */
.how{background:var(--dark)}
.how-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;margin-top:4rem}
.how-steps::before{content:'';position:absolute;top:31px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,rgba(32,118,139,.62),rgba(76,205,255,.18) 30%,rgba(76,205,255,.12) 70%,rgba(26,173,160,.08));z-index:0}
.how-steps::after{
  content:'';
  position:absolute;
  top:31px;
  left:12%;
  width:24%;
  height:2px;
  border-radius:999px;
  background:
    linear-gradient(90deg,rgba(76,205,255,0),rgba(235,253,255,1) 14%,rgba(192,247,255,1) 34%,rgba(138,236,255,1) 50%,rgba(192,247,255,.96) 66%,rgba(76,205,255,0) 86%);
  filter:blur(.38px);
  opacity:1;
  z-index:0;
  pointer-events:none;
  box-shadow:
    0 0 18px rgba(166,244,255,1),
    0 0 42px rgba(166,244,255,.94),
    0 0 82px rgba(166,244,255,.72),
    0 0 140px rgba(166,244,255,.48),
    0 0 240px rgba(166,244,255,.34);
  animation:howLineWave 2.63s cubic-bezier(.3,.72,.22,1) infinite;
}
.how-step{text-align:center;position:relative;z-index:1;padding:0 1rem;display:flex;flex-direction:column;align-items:center}
.step-circle{
  --circleScale:1;
  --numScale:1;
  --circleLift:0px;
  --circleTilt:0deg;
  width:68px;
  height:68px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 1.5rem;
  position:relative;
  z-index:1;
  border-radius:50%;
  border:1px solid rgba(186,242,252,.14);
  background:
    radial-gradient(circle at 50% 22%,rgba(255,255,255,.08),transparent 26%),
    radial-gradient(circle at 50% 54%,rgba(58,170,194,.05),transparent 62%),
    linear-gradient(180deg,rgba(15,36,45,.99),rgba(7,17,23,.998));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    inset 0 -12px 20px rgba(0,0,0,.30),
    inset 0 0 0 1px rgba(198,249,255,.02),
    0 10px 22px rgba(0,0,0,.16);
  color:#64d1e7;
  font-family:var(--font-sans);
  font-size:1.15rem;
  font-weight:800;
  letter-spacing:-.05em;
  line-height:1;
  text-rendering:geometricPrecision;
  backdrop-filter:blur(10px);
  isolation:isolate;
  overflow:visible;
  transform-origin:center;
  transform:translateY(var(--circleLift)) rotateX(var(--circleTilt)) scale(var(--circleScale));
  animation:stepCirclePulse 9.6s cubic-bezier(.37,0,.2,1) infinite;
}
.step-circle span{
  position:relative;
  z-index:4;
  transform:scale(var(--numScale));
  text-shadow:none;
}
.step-circle::before{
  content:'';
  position:absolute;
  inset:-10px;
  border-radius:50%;
  background:
    conic-gradient(from 180deg,
      rgba(0,0,0,0) 0deg,
      rgba(166,240,250,.12) 34deg,
      rgba(0,0,0,0) 56deg,
      rgba(0,0,0,0) 122deg,
      rgba(166,240,250,.10) 148deg,
      rgba(0,0,0,0) 172deg,
      rgba(0,0,0,0) 238deg,
      rgba(166,240,250,.11) 268deg,
      rgba(0,0,0,0) 292deg,
      rgba(0,0,0,0) 360deg);
  -webkit-mask:radial-gradient(circle,transparent 67%,#000 69%,#000 73%,transparent 75%);
  mask:radial-gradient(circle,transparent 67%,#000 69%,#000 73%,transparent 75%);
  opacity:.95;
  transform:scale(1);
  pointer-events:none;
}
.step-circle::after{
  content:'';
  position:absolute;
  inset:6px;
  border-radius:50%;
  border:1px solid rgba(212,252,255,.06);
  background:
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0) 36%),
    radial-gradient(circle at 50% 30%,rgba(255,255,255,.03),transparent 60%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
  pointer-events:none;
}
.step-circle::selection,
.step-circle *::selection{background:transparent}
.how-step:nth-child(2) .step-circle{animation-delay:1.2s}
.how-step:nth-child(3) .step-circle{animation-delay:2.4s}
.how-step:nth-child(4) .step-circle{animation-delay:3.6s}
.step-name{font-family:var(--font-sans);font-size:.95rem;font-weight:700;margin-bottom:.6rem}
.step-desc{
  font-size:13.25px;
  color:#7fd7e6;
  line-height:1.65;
  font-weight:400;
  max-width:18ch;
  min-height:4.95em;
  margin:0 auto;
}

@keyframes howLineWave{
  0%{
    transform:translateX(-18%) scaleX(.56);
    opacity:0;
    filter:blur(.95px);
  }
  12%{
    opacity:.72;
    filter:blur(.7px);
  }
  28%{
    opacity:1;
    filter:blur(.32px);
  }
  100%{
    transform:translateX(502%) scaleX(.72);
    opacity:.96;
    filter:blur(.72px);
  }
}
@keyframes howLineWaveMobile{
  0%{
    transform:translateX(-10%) scaleX(.52);
    opacity:0;
    filter:blur(.5px);
  }
  18%{
    opacity:.86;
  }
  42%{
    opacity:1;
    filter:blur(.26px);
  }
  100%{
    transform:translateX(112%) scaleX(.82);
    opacity:.98;
    filter:blur(.46px);
  }
}
@keyframes howSeg12Mobile{
  0%,20%,100%{opacity:0;transform:translateX(-10%) scaleX(.48)}
  24%{opacity:.86}
  34%,38%{opacity:1;transform:translateX(102%) scaleX(.86)}
  42%{opacity:0}
}
@keyframes howSeg23Mobile{
  0%,38%,100%{opacity:0;transform:translate(0,0) rotate(136deg) scaleX(.5)}
  42%{opacity:.86}
  52%,56%{opacity:1;transform:translate(-2%,2%) rotate(136deg) scaleX(.92)}
  60%{opacity:0}
}
@keyframes howSeg34Mobile{
  0%,56%,100%{opacity:0;transform:translateX(-10%) scaleX(.48)}
  60%{opacity:.86}
  70%,74%{opacity:1;transform:translateX(102%) scaleX(.86)}
  78%{opacity:0}
}
@keyframes howSegExitMobile{
  0%,74%,100%{opacity:0;transform:translateX(-10%) scaleX(.42)}
  78%{opacity:.86}
  90%,94%{opacity:1;transform:translateX(110%) scaleX(.84)}
  100%{opacity:0}
}
@keyframes stepCirclePulse{
  0%,100%{
    --circleScale:1;
    --numScale:1;
    --circleLift:0px;
    --circleTilt:0deg;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.07),
      inset 0 -12px 20px rgba(0,0,0,.30),
      inset 0 0 0 1px rgba(198,249,255,.02),
      0 10px 22px rgba(0,0,0,.16);
  }
  24%{
    --circleScale:1.012;
    --numScale:1.005;
    --circleLift:-.5px;
    --circleTilt:.16deg;
  }
  38%{
    --circleScale:1.024;
    --numScale:1.012;
    --circleLift:-1px;
    --circleTilt:.34deg;
  }
  50%{
    --circleScale:1.068;
    --numScale:1.026;
    --circleLift:-1.8px;
    --circleTilt:.58deg;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.11),
      inset 0 -16px 24px rgba(0,0,0,.34),
      inset 0 0 0 1px rgba(212,252,255,.03),
      0 14px 28px rgba(0,0,0,.18);
  }
  62%{
    --circleScale:1.024;
    --numScale:1.012;
    --circleLift:-1px;
    --circleTilt:.34deg;
  }
  76%{
    --circleScale:1.012;
    --numScale:1.005;
    --circleLift:-.5px;
    --circleTilt:.16deg;
  }
}

/* PACKAGES */
.packages{background:radial-gradient(circle at top center,rgba(44,140,163,.08),transparent 34%),var(--dark2)}
.sub-tabs{display:inline-flex;border:1px solid var(--border);border-radius:999px;overflow:hidden;background:rgba(44,140,163,.04)}
.sub-tab{position:relative;padding:.62rem 1.55rem;font-family:var(--font-sans);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:transparent;border:none;border-right:1px solid var(--border);cursor:pointer;transition:.2s}
.sub-tab:last-child{border-right:none}
.sub-tab.active{background:var(--teal);color:var(--dark)}
.sub-tab:hover:not(.active){color:var(--white);background:rgba(44,140,163,.1)}
.sub-discount{position:absolute;top:-7px;right:3px;background:#22c55e;color:#fff;font-size:8px;font-weight:800;padding:1px 5px;border-radius:999px;letter-spacing:.05em;line-height:1.5}
.packages-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(280px,360px));
  justify-content:center;
  gap:1.2rem;
  margin:2.35rem auto 0;
  align-items:stretch;
  width:100%;
}
.pkg-featured-wrap{
  position:relative;
  width:100%;
  display:flex;
  align-items:stretch;
}
.pkg-card{position:relative;display:flex;flex-direction:column;min-height:100%;width:100%;background:linear-gradient(180deg,rgba(8,22,29,.94) 0%,rgba(5,18,25,.98) 100%);border:1px solid rgba(44,140,163,.18);border-radius:22px;overflow:hidden;box-shadow:0 20px 44px rgba(0,0,0,.16),0 10px 24px rgba(64,208,244,.03),0 18px 34px rgba(64,208,244,.02),inset 0 1px 0 rgba(255,255,255,.02);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.pkg-card::before{content:'';position:absolute;inset:0 auto 0 0;width:100%;height:1px;background:linear-gradient(90deg,rgba(44,140,163,.45),transparent 80%);opacity:.9;pointer-events:none}
.pkg-card::after{content:'';position:absolute;inset:0;border-radius:22px;background:radial-gradient(circle at 50% 0%,rgba(92,228,255,.18) 0%,rgba(48,165,198,.10) 24%,rgba(25,97,124,.05) 42%,transparent 68%);opacity:0;transition:opacity .28s ease,filter .28s ease;filter:brightness(1);pointer-events:none}
.pkg-card:hover{transform:translateY(-4px);border-color:rgba(112,232,250,.50);box-shadow:0 24px 46px rgba(0,0,0,.28),0 0 0 1px rgba(72,206,244,.12),0 0 18px rgba(82,222,255,.084),0 0 32px rgba(82,222,255,.035),inset 0 1px 0 rgba(255,255,255,.05)}
.pkg-card:hover::after{opacity:.58;filter:brightness(1.08)}
.packages-grid:hover > .pkg-card:not(:hover),
.packages-grid:hover > .pkg-featured-wrap:not(:hover) .pkg-card{
  opacity:1;
  filter:none;
  transform:none;
}
.packages-grid > .pkg-card,
.packages-grid > .pkg-featured-wrap{
  transition:opacity .28s ease, filter .28s ease, transform .28s ease;
}
.packages-grid > .pkg-card:hover,
.packages-grid > .pkg-featured-wrap:hover{
  opacity:1;
  filter:brightness(1.08) saturate(1.1);
}
.pkg-card.featured{border-color:rgba(44,140,163,.55);box-shadow:0 26px 56px rgba(0,0,0,.24),0 0 0 1px rgba(44,140,163,.16),0 0 28px rgba(44,140,163,.12)}
.pkg-card.featured:hover{box-shadow:0 30px 62px rgba(0,0,0,.26),0 0 0 1px rgba(98,228,248,.22),0 0 42px rgba(76,205,255,.22),0 0 86px rgba(76,205,255,.10)}
.pkg-card:not(.featured):hover{transform:translateY(-3px) scale(1.0024)}
.pkg-card.featured .pkg-head{background:linear-gradient(180deg,rgba(18,51,63,.92),rgba(10,28,36,.55) 72%,transparent 100%)}
.pkg-card.featured .pkg-meta{display:none}
.pkg-featured-wrap .pkg-badge{
  position:absolute;
  top:-1.15rem;
  left:50%;
  transform:translateX(-50%);
  z-index:3;
  box-shadow:0 12px 24px rgba(34,197,94,.18);
  max-width:calc(100% - 1.5rem);
}
.pkg-head{padding:1.75rem 1.45rem 1.5rem;border-bottom:1px solid rgba(44,140,163,.14);display:flex;flex-direction:column;gap:1rem}
.pkg-card:not(.featured) .pkg-head{
  background:
    linear-gradient(180deg,rgba(14,38,47,.86) 0%,rgba(10,29,37,.72) 62%,rgba(7,21,28,.18) 100%),
    radial-gradient(circle at 50% 8%,rgba(96,224,255,.10),transparent 42%);
  border-bottom:1px solid rgba(120,220,255,.12);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    inset 0 -14px 22px rgba(0,0,0,.10);
}
.pkg-meta{display:flex;align-items:center;gap:.55rem;min-height:2rem;flex-wrap:wrap}
.pkg-meta.placeholder{display:none}
.pkg-badge{display:inline-flex;align-items:center;justify-content:center;padding:.46rem .95rem;border-radius:999px;background:linear-gradient(90deg,#22c55e,#34d399);color:#fff;font-family:var(--font-sans);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:none;white-space:nowrap;box-shadow:0 12px 24px rgba(34,197,94,.18)}
.pkg-discount{display:inline-flex;align-items:center;justify-content:center;padding:.42rem .72rem;border-radius:999px;background:rgba(34,197,94,.14);border:1px solid rgba(52,211,153,.28);color:#7ff0bf;font-family:var(--font-sans);font-size:10px;font-weight:800;letter-spacing:.08em}
.pkg-name{font-family:var(--font-sans);font-size:clamp(1.3rem,1.67vw,1.66rem);font-weight:800;line-height:1.15;letter-spacing:-.03em;color:var(--white)}
.pkg-name .pkg-name-prefix{
  display:block;
  font-size:.68em;
  line-height:1.08;
  letter-spacing:.08em;
  text-transform:none;
  color:rgba(212,234,238,.76);
}
.pkg-name .pkg-name-value{
  display:block;
  white-space:nowrap;
  line-height:1.02;
}
.pkg-sub{font-size:13px;color:rgba(212,234,238,.86);font-weight:500;line-height:1.45}
.pkg-price{display:flex;flex-direction:column;gap:.35rem}
.pkg-price{display:flex;flex-direction:column;align-items:center;gap:.55rem}
.pkg-price-line{display:flex;align-items:flex-end;justify-content:center;gap:.38rem;flex-wrap:nowrap;line-height:1;white-space:nowrap;width:100%}
.pkg-price-from{font-size:14.4px;color:rgba(255,255,255,.98);font-weight:800;line-height:1;transform:translateY(-1px)}
.pkg-price-number{font-size:clamp(1.44rem,1.88vw,1.92rem);font-weight:800;color:#59dff4;letter-spacing:-.04em;line-height:.92;padding:0 .08rem;text-shadow:0 0 18px rgba(89,223,244,.24),0 0 34px rgba(44,140,163,.12);filter:drop-shadow(0 0 10px rgba(89,223,244,.18));backdrop-filter:blur(.4px)}
.pkg-card.featured .pkg-price-number{color:#77f0ff;text-shadow:0 0 20px rgba(119,240,255,.30),0 0 38px rgba(76,205,255,.16);filter:drop-shadow(0 0 12px rgba(119,240,255,.24))}
.pkg-price-currency{font-size:14.4px;color:var(--teal);font-weight:800;line-height:1;transform:translateY(-1px)}
.pkg-unit{font-size:12px;color:var(--muted);font-weight:400;line-height:1.5;text-align:center}
.pkg-head{text-align:center}
.pkg-name{text-align:center;justify-content:center}
.pkg-name .pkg-name-prefix,
.pkg-name .pkg-name-value{text-align:center}
.pkg-sub{display:none}
.pkg-card .pkg-head{
  align-items:center;
  justify-content:center;
}
.pkg-card .pkg-meta,
.pkg-card .pkg-price{
  justify-content:center;
}
.pkg-card:not(.featured) .pkg-head{
  padding-top:1.35rem;
  padding-bottom:1.3rem;
}
.packages-note-line{max-width:none!important;white-space:nowrap;font-size:.96rem;line-height:1.35;background:linear-gradient(90deg,rgba(180,217,224,.66) 0%,rgba(255,255,255,.96) 50%,rgba(180,217,224,.66) 100%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:packagesNoteGlow 6s ease-in-out infinite;text-align:center}
@keyframes packagesNoteGlow{0%,100%{background-position:0% 50%;opacity:.86}50%{background-position:100% 50%;opacity:1}}
.pkg-common{
  margin:1.35rem auto 0;
  padding:1rem 1.1rem;
  border:1px solid rgba(44,140,163,.12);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(10,24,31,.86),rgba(7,19,26,.96));
  box-shadow:0 18px 34px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.03);
}
.pkg-common-head{
  font-family:var(--font-sans);
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#86e9f8;
  margin-bottom:.7rem;
  text-align:center;
}
.pkg-common-list{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:.55rem .7rem;
  margin:0;
  padding:0;
}
.pkg-common-list li{
  display:inline-flex;
  align-items:center;
  gap:.42rem;
  padding:.42rem .72rem;
  border-radius:999px;
  background:rgba(44,140,163,.06);
  border:1px solid rgba(120,220,255,.10);
  font-size:12px;
  color:#d9edf2;
  line-height:1.35;
  transform-origin:center;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
  animation:pkgCommonPulse 5s linear infinite;
}
.pkg-common-list li::before{
  content:'•';
  color:#5fe4f8;
  font-size:12px;
}
.pkg-common-list li:nth-child(2){animation-delay:-4s}
.pkg-common-list li:nth-child(3){animation-delay:-3s}
.pkg-common-list li:nth-child(4){animation-delay:-2s}
.pkg-common-list li:nth-child(5){animation-delay:-1s}
@keyframes pkgCommonPulse{
  0%,100%{
    transform:scale(1);
    background:rgba(28,86,100,.038);
    border-color:rgba(90,176,198,.08);
    color:rgba(185,220,227,.72);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.015);
  }
  10%{
    transform:scale(1.02);
    background:rgba(66,181,205,.10);
    border-color:rgba(140,232,248,.18);
    color:#dff6fa;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.04),
      0 0 10px rgba(84,217,242,.10);
  }
  20%{
    transform:scale(1.075);
    background:rgba(84,217,242,.14);
    border-color:rgba(150,238,252,.28);
    color:#f3fdff;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.05),
      0 0 18px rgba(84,217,242,.18),
      0 0 34px rgba(84,217,242,.08);
  }
  30%{
    transform:scale(1.02);
    background:rgba(66,181,205,.10);
    border-color:rgba(140,232,248,.18);
    color:#dff6fa;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.04),
      0 0 10px rgba(84,217,242,.10);
  }
  40%{
    transform:scale(1);
    background:rgba(28,86,100,.038);
    border-color:rgba(90,176,198,.08);
    color:rgba(185,220,227,.72);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.015);
  }
}
.pkg-body{padding:1rem 1.28rem 1.12rem;display:flex;flex-direction:column;gap:.86rem;flex:1}
.pkg-features{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin:0;flex:1}
.pkg-features li{position:relative;padding-left:.98rem;font-size:12.2px;color:var(--muted);line-height:1.46;font-weight:400}
.pkg-features li::before{content:'—';position:absolute;left:0;top:0;color:var(--teal);font-size:11px;font-weight:700}
.pkg-features li.included{color:var(--white)}
.pkg-features li.optional{color:rgba(180,217,224,.58)}
.pkg-features li.optional::before{color:rgba(120,220,255,.42)}
.pkg-features.compact li{
  font-size:12.4px;
  line-height:1.5;
  color:#d9edf2;
}
.pkg-features.compact li::before{
  content:'·';
  font-size:16px;
  top:-1px;
}
.pkg-btn{display:flex;align-items:center;justify-content:center;align-self:center;width:80%;max-width:80%;min-height:43px;text-align:center;padding:.72rem .8rem;font-family:var(--font-sans);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border-radius:14px;transition:.22s;margin-left:auto;margin-right:auto}
.pkg-btn-outline{border:1px solid rgba(44,140,163,.18);color:var(--white);background:rgba(44,140,163,.03)}
.pkg-btn-outline:hover{border-color:var(--teal);background:rgba(44,140,163,.08);color:var(--white)}
.pkg-btn-solid{border:1px solid rgba(44,140,163,.18);color:var(--white);background:rgba(44,140,163,.03);box-shadow:none}
.pkg-btn-solid:hover{border-color:var(--teal);background:rgba(44,140,163,.08);color:var(--white);transform:none;box-shadow:none}
.pkg-btn-featured{
  border:1px solid rgba(122,232,255,.34);
  color:#f6feff;
  background:linear-gradient(135deg,#66deef 0%,#2C8CA3 52%,#184f5f 100%);
  box-shadow:
    0 16px 32px -18px rgba(76,205,255,.9),
    inset 0 1px 0 rgba(255,255,255,.12);
}
.pkg-btn-featured:hover{
  border-color:rgba(186,244,255,.48);
  color:#071218;
  background:linear-gradient(135deg,#7fe8f5 0%,#3299b2 52%,#1b5c6d 100%);
  transform:translateY(-2px);
  box-shadow:
    0 22px 40px -18px rgba(76,205,255,1),
    inset 0 1px 0 rgba(255,255,255,.16);
}
.pkg-note{text-align:center;margin-top:1.2rem;font-size:11px;color:var(--muted)}
/* Add-on options */
.options-wrap{margin-top:3.6rem;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none;position:relative;overflow:visible}
.options-wrap::before{display:none}
.options-head{position:relative;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.8rem;padding-bottom:0;border-bottom:none}
.options-eyebrow{margin-bottom:1rem}
.options-lead{font-size:13px;line-height:1.78;color:var(--white);max-width:760px}
.options-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
.opt-card{position:relative;display:flex;flex-direction:column;gap:.88rem;min-height:248px;padding:1.28rem 1.32rem 1.1rem;border:1px solid rgba(44,140,163,.18);border-radius:22px;background:linear-gradient(180deg,rgba(8,22,29,.94) 0%,rgba(5,18,25,.98) 100%);box-shadow:0 20px 44px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.02);cursor:pointer;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,filter .28s ease;user-select:none;overflow:hidden;text-decoration:none}
.opt-card::before{content:'';position:absolute;inset:0 auto 0 0;width:100%;height:1px;background:linear-gradient(90deg,rgba(44,140,163,.45),transparent 80%);opacity:.9;pointer-events:none}
.opt-card::after{content:'';position:absolute;inset:0;border-radius:22px;background:radial-gradient(circle at 50% 0%,rgba(92,228,255,.18) 0%,rgba(48,165,198,.10) 26%,rgba(25,97,124,.05) 42%,transparent 70%);opacity:0;transition:opacity .28s ease,filter .28s ease;filter:brightness(1);pointer-events:none}
.opt-card:hover{transform:translateY(-8px);border-color:rgba(122,238,255,.40);box-shadow:0 24px 46px rgba(0,0,0,.30),0 0 0 1px rgba(72,206,244,.10),0 0 14px rgba(82,222,255,.05),0 0 28px rgba(82,222,255,.025),inset 0 1px 0 rgba(255,255,255,.04);filter:brightness(1.03) saturate(1.03)}
.opt-card:hover::after{opacity:.3;filter:brightness(1.04)}
.opt-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.9rem;margin-bottom:.02rem}
.opt-icon{width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(18,51,63,.92),rgba(10,28,36,.68));border:1px solid rgba(44,140,163,.20);color:#8fe8f7;flex-shrink:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 18px rgba(0,0,0,.12)}
.opt-icon svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(96,226,255,.14))}
.opt-tag{justify-self:end;align-self:flex-start;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#8de9f8;padding:.46rem .9rem;border-radius:999px;border:1px solid rgba(44,140,163,.16);background:rgba(44,140,163,.06);white-space:nowrap}
.opt-body{display:flex;flex-direction:column;gap:.68rem;flex:1}
.opt-name{font-family:var(--font-sans);font-size:16px;font-weight:800;line-height:1.24;color:var(--white);max-width:94%}
.opt-desc{font-size:13px;color:rgba(202,229,235,.86);font-weight:350;line-height:1.64;max-width:92%}
.opt-price{position:relative;display:flex;align-items:flex-end;gap:.2rem;align-self:flex-start;flex-wrap:nowrap;margin-top:auto;padding:0;background:none;border:none;box-shadow:none;white-space:nowrap;font-family:var(--font-sans);line-height:1}
.opt-price::after{content:'';position:absolute;left:50%;bottom:-10px;transform:translateX(-50%);width:68%;height:16px;border-radius:999px;background:radial-gradient(ellipse at center,rgba(88,228,248,.16) 0%,rgba(88,228,248,.09) 30%,rgba(88,228,248,.04) 52%,transparent 78%);pointer-events:none;filter:blur(10px)}
.opt-price-label{font-size:11.2px;color:var(--white);font-weight:700;opacity:.9;transform:translateY(-1px)}
.opt-price-amount{font-size:19.5px;color:#59dff4;font-weight:800;letter-spacing:-.03em;text-shadow:0 0 12px rgba(89,223,244,.18),0 0 22px rgba(44,140,163,.08);filter:drop-shadow(0 0 6px rgba(89,223,244,.12))}
.opt-price-currency{font-size:14px;color:var(--teal);font-weight:800}
.opt-price-tail{font-size:11.2px;color:var(--white);font-weight:700}
.pkg-price-number,
.opt-price-amount{animation:numberPulse 2.8s ease-in-out infinite}

@keyframes numberPulse{
  0%,100%{
    opacity:.88;
    filter:drop-shadow(0 0 4px rgba(89,223,244,.08));
  }
  50%{
    opacity:1;
    filter:drop-shadow(0 0 10px rgba(89,223,244,.18));
  }
}

/* Calculator */
.calc-wrap{margin-top:3rem;border:1px solid rgba(44,140,163,.16);border-radius:30px;overflow:hidden;background:linear-gradient(180deg,rgba(8,20,27,.98),rgba(4,14,20,1));box-shadow:0 24px 52px rgba(0,0,0,.22);position:relative}
.calc-wrap::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 14%,rgba(120,220,255,.07),transparent 24%),radial-gradient(circle at 88% 18%,rgba(44,140,163,.08),transparent 22%)}
.calc-hd{position:relative;z-index:1;background:linear-gradient(180deg,rgba(10,28,36,.96),rgba(8,23,31,.92));border-bottom:1px solid rgba(44,140,163,.10);padding:1.05rem 1.35rem;display:flex;align-items:center;gap:.8rem}
.calc-hd svg{width:16px;height:16px;flex-shrink:0;padding:.48rem;box-sizing:content-box;border-radius:12px;background:rgba(44,140,163,.08);border:1px solid rgba(120,220,255,.12)}
.calc-hd-title{font-family:var(--font-sans);font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--white)}
.calc-bd{position:relative;z-index:1;padding:1.45rem;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:1.4rem;align-items:start}
.calc-left{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-content:start}
.calc-field{margin-bottom:0;background:linear-gradient(180deg,rgba(8,22,29,.92),rgba(5,15,21,.98));border:1px solid rgba(120,220,255,.09);border-radius:24px;padding:1rem 1rem 1.05rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
.calc-field.wide{grid-column:1 / -1}
.calc-field.centered{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.calc-left > .calc-field.centered:nth-child(-n+2){
  justify-self:center;
  width:max-content;
  max-width:100%;
  background:none;
  border:none;
  border-radius:0;
  padding:.15rem 0 .1rem;
  box-shadow:none;
}
.calc-left > .calc-field.centered:nth-child(-n+2) .pill-group{
  width:auto;
}
@media (min-width:901px){
  .calc-left > .calc-field.centered:nth-child(1){
    justify-self:end;
    transform:translateX(-94px);
  }
  .calc-left > .calc-field.centered:nth-child(2){
    justify-self:start;
    transform:translateX(-24px);
  }
}
.calc-lbl{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:.55rem;display:block}
.stepper{display:inline-flex;align-items:center;border:1px solid rgba(120,220,255,.12);border-radius:16px;overflow:hidden;background:linear-gradient(180deg,rgba(11,30,39,.96),rgba(8,22,29,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
.stepper button{width:30px;height:30px;background:rgba(44,140,163,.09);border:none;color:var(--white);font-size:.92rem;cursor:pointer;transition:.2s;font-family:var(--font-sans);line-height:1}
.stepper button:hover{background:var(--teal);color:var(--dark)}
.stepper input{width:44px;min-width:44px;height:30px;text-align:center;font-family:var(--font-sans);font-size:.9rem;font-weight:800;color:var(--white);background:rgba(7,19,26,.95);border:none;outline:none;-moz-appearance:textfield;direction:ltr;unicode-bidi:plaintext}
.stepper input::-webkit-outer-spin-button,.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.pill-group{display:grid;grid-template-columns:repeat(4,78px);justify-content:center;gap:.75rem;width:min(100%,360px)}
.pill{display:flex;align-items:center;justify-content:center;min-height:66px;padding:.7rem .38rem;border:1px solid rgba(120,220,255,.12);border-radius:18px;background:linear-gradient(180deg,rgba(9,24,32,.94),rgba(6,18,24,.98));color:var(--muted);font-family:var(--font-sans);font-size:10.8px;font-weight:800;letter-spacing:0;line-height:1.14;white-space:normal;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease;text-align:center;box-shadow:0 0 0 rgba(76,205,255,0)}
.pill.on{border-color:rgba(120,220,255,.34);color:#b8f6ff;background:linear-gradient(180deg,rgba(18,58,71,.92),rgba(10,34,43,.98));box-shadow:0 0 0 1px rgba(120,220,255,.05), inset 0 1px 0 rgba(255,255,255,.03)}
.pill:hover:not(.on){color:var(--white);border-color:rgba(120,220,255,.28);transform:translateY(-2px);box-shadow:0 12px 22px -18px rgba(76,205,255,.7),0 8px 18px -20px rgba(76,205,255,.48)}
.calc-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
.storage-note{font-size:11px;color:var(--muted);margin-bottom:.7rem;line-height:1.6;max-width:560px}
.storage-stepper-wrap{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}
.storage-extra-label{font-size:12px;color:var(--muted)}
.calc-check{display:flex;align-items:center;gap:.72rem;cursor:pointer;font-size:12px;color:rgba(224,242,246,.86);padding:.82rem .92rem;border-radius:16px;border:1px solid rgba(120,220,255,.09);background:linear-gradient(180deg,rgba(9,24,31,.9),rgba(6,18,24,.98));line-height:1.4;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease,background .2s ease;box-shadow:0 0 0 rgba(76,205,255,0)}
.calc-check.nowrap{white-space:nowrap}
.calc-check:hover{border-color:rgba(120,220,255,.24);transform:translateY(-2px);background:linear-gradient(180deg,rgba(12,29,37,.94),rgba(7,20,27,.99));box-shadow:0 12px 22px -18px rgba(76,205,255,.72),0 9px 16px -20px rgba(76,205,255,.52)}
.calc-check input{accent-color:var(--teal);width:13px;height:13px;cursor:pointer}
.calc-right{padding:1.15rem 1.2rem 1.2rem;border:1px solid rgba(120,220,255,.10);border-radius:28px;background:linear-gradient(180deg,rgba(9,25,32,.96),rgba(6,18,24,.99));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.res-lbl{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:.38rem}
.res-price{font-family:var(--font-sans);font-size:1.95rem;font-weight:800;color:#77f0ff;letter-spacing:-.04em;line-height:.92;margin-bottom:.32rem;transition:all .25s;padding:0 .08rem;text-shadow:0 0 20px rgba(119,240,255,.30),0 0 38px rgba(76,205,255,.16);filter:drop-shadow(0 0 12px rgba(119,240,255,.24));backdrop-filter:blur(.4px)}
.res-unit{font-size:11px;color:var(--muted);margin-bottom:1.25rem}
.breakdown{display:flex;flex-direction:column;margin-bottom:1rem;padding-top:.15rem}
.br-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:.6rem 0;border-bottom:1px solid rgba(120,220,255,.08)}
.br-row:last-child{border-bottom:none;padding-top:.9rem;border-top:1px solid rgba(120,220,255,.14);margin-top:.3rem}
.br-lbl{color:var(--muted);font-weight:300}
.br-val{color:var(--white);font-weight:600;font-family:var(--font-sans)}
.br-val.hi{color:#77f0ff;font-size:1.18rem;font-weight:800;letter-spacing:-.04em;text-shadow:0 0 20px rgba(119,240,255,.30),0 0 38px rgba(76,205,255,.16);filter:drop-shadow(0 0 12px rgba(119,240,255,.24))}
.res-cta{
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:.68rem .98rem;
  font-family:var(--font-sans);
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-decoration:none;
  border-radius:14px;
  transition:.22s;
  margin:.7rem auto 0;
  width:45.333%;
  min-width:0;
  max-width:100%;
  min-height:39px;
  border:1px solid rgba(122,232,255,.34);
  color:#f6feff;
  background:linear-gradient(135deg,#66deef 0%,#2C8CA3 52%,#184f5f 100%);
  box-shadow:
    0 16px 32px -18px rgba(76,205,255,.9),
    inset 0 1px 0 rgba(255,255,255,.12);
}
.res-cta:hover{
  border-color:rgba(186,244,255,.48);
  color:#071218;
  background:linear-gradient(135deg,#7fe8f5 0%,#3299b2 52%,#1b5c6d 100%);
  transform:translateY(-2px);
  box-shadow:
    0 22px 40px -18px rgba(76,205,255,1),
    inset 0 1px 0 rgba(255,255,255,.16);
}

/* WHY US */
.why{background:var(--dark)}
.why-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:3.35rem;align-items:start;margin-top:0}
.why-text{display:flex;flex-direction:column;min-width:0}
.why-desc-wrap{max-width:620px}
.why-text h2{
  max-width:15.4ch;
}
.why-note{margin-top:1.05rem;max-width:620px;padding:1rem 1.1rem;border:1px solid rgba(120,220,255,.1);border-radius:18px;background:linear-gradient(180deg,rgba(10,25,32,.58),rgba(6,18,24,.84));font-size:13px;line-height:1.72;color:rgba(192,226,232,.82)}
.why-points{display:grid;grid-template-columns:1fr;gap:.9rem;margin-top:1.2rem}
.why-point{display:flex;gap:1rem;align-items:flex-start;padding:1rem 1.05rem;border:1px solid rgba(120,220,255,.09);border-radius:18px;background:linear-gradient(180deg,rgba(9,24,31,.82),rgba(6,18,24,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.why-point:hover{transform:translateY(-2px);border-color:rgba(120,220,255,.18);box-shadow:0 18px 28px -24px rgba(76,205,255,.35),inset 0 1px 0 rgba(255,255,255,.03)}
.why-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(180deg,rgba(18,57,69,.72),rgba(10,29,37,.94));border:1px solid rgba(76,205,255,.16);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.why-icon svg{width:18px;height:18px;color:var(--teal)}
.why-point-body{flex:1;min-width:0}
.why-point-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;margin-bottom:.28rem}
.why-point-title{font-family:var(--font-sans);font-size:1rem;font-weight:800;line-height:1.24}
.why-point-meta{flex-shrink:0;padding:.34rem .62rem;border-radius:999px;border:1px solid rgba(76,205,255,.16);background:rgba(18,57,69,.45);font-family:var(--font-sans);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9fefff}
.why-point-text{font-size:13px;color:var(--muted);line-height:1.68;font-weight:300}
.why-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;max-width:620px;margin-top:1.2rem;align-items:stretch;grid-auto-rows:1fr}
.why-summary-card{display:flex;flex-direction:column;justify-content:flex-start;height:100%;min-height:146px;padding:1rem .95rem;border-radius:18px;border:1px solid rgba(120,220,255,.09);background:linear-gradient(180deg,rgba(12,32,39,.9),rgba(6,18,24,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
.why-summary-kicker{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#9fefff;margin-bottom:.26rem}
.why-summary-value{font-family:var(--font-sans);font-size:1.38rem;font-weight:800;letter-spacing:-.03em;color:#77f0ff;line-height:1.02;margin-bottom:.3rem;white-space:nowrap}
.why-summary-text{margin-top:auto;font-size:12px;line-height:1.6;color:rgba(196,227,233,.8)}
.why-visual{display:flex;flex-direction:column;align-self:start;justify-self:end;width:100%;max-width:560px;margin-top:234px;background:linear-gradient(180deg,rgba(13,31,39,.96),rgba(7,18,24,.995));border:1px solid rgba(120,220,255,.1);border-radius:24px;padding:1.35rem;position:relative;overflow:hidden;box-shadow:0 30px 56px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025)}
.why-visual.reveal{opacity:0;transform:translate3d(12px,18px,0) scale(.994);filter:blur(6px);transition:opacity 1.08s cubic-bezier(.2,.72,.2,1),transform 1.08s cubic-bezier(.2,.72,.2,1),filter 1.08s cubic-bezier(.2,.72,.2,1)}
.why-visual.reveal.visible{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
.soc-display{font-family:var(--font-sans)}
.soc-display{display:flex;flex-direction:column}
.soc-header{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}
.soc-time{color:var(--teal);animation:blink 1s infinite}
.soc-kicker{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#9fefff}
.soc-flow{display:grid;grid-template-columns:1fr;gap:.75rem}
.soc-step-card{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:.9rem;padding:1rem;border-radius:18px;border:1px solid rgba(120,220,255,.08);background:linear-gradient(180deg,rgba(10,27,35,.94),rgba(6,18,24,.99));box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
.soc-step-num{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:1px solid rgba(120,220,255,.2);background:linear-gradient(180deg,rgba(28,81,98,.64),rgba(14,45,57,.9));font-family:var(--font-sans);font-size:11px;font-weight:800;letter-spacing:.08em;color:#b7f8ff}
.soc-step-main{min-width:0}
.soc-step-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem;margin-bottom:.34rem}
.soc-step-title{font-family:var(--font-sans);font-size:1rem;font-weight:800;line-height:1.18}
.soc-step-text{font-size:12px;line-height:1.66;color:rgba(196,227,233,.82)}
.soc-step-meta{flex-shrink:0;display:inline-flex;align-items:center;padding:.34rem .62rem;border-radius:999px;border:1px solid rgba(120,220,255,.12);background:rgba(18,57,69,.38);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#9fefff;white-space:nowrap}
.soc-footer{margin-top:.85rem;padding:1rem 1.05rem;border-radius:18px;border:1px solid rgba(120,220,255,.08);background:linear-gradient(180deg,rgba(16,39,47,.94),rgba(7,19,26,.99))}
.soc-footer-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.45rem}
.soc-footer-title{font-family:var(--font-sans);font-size:.96rem;font-weight:800;letter-spacing:.03em}
.soc-footer-status{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#9fefff}
.soc-footer-text{font-size:12px;line-height:1.68;color:rgba(196,227,233,.82)}

/* CONTACT FORM SECTION */
.contact-form-section{background:var(--dark3);border-top:1px solid var(--border)}
.contact-form-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.5fr;gap:5rem;align-items:start}
.contact-info-col{}
.contact-info-title{font-family:var(--font-sans);font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-bottom:1rem}
.contact-info-title span{color:var(--teal)}
.contact-info-desc{font-size:14px;color:var(--muted);line-height:1.8;font-weight:300;margin-bottom:2.5rem}
.contact-card{display:flex;align-items:center;gap:1.1rem;padding:1.1rem 1.3rem;border:1px solid var(--border);border-radius:10px;margin-bottom:.9rem;transition:.2s;text-decoration:none;background:rgba(5,14,19,.6)}
.contact-card:hover{border-color:var(--teal);background:rgba(44,140,163,.06)}
.contact-card-icon{width:42px;height:42px;border-radius:8px;background:rgba(44,140,163,.12);border:1px solid rgba(44,140,163,.24);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.contact-card-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:.2rem}
.contact-card-value{font-size:14px;font-weight:600;color:var(--white)}

/* FORM */
.form-wrap{background:rgba(7,18,24,.8);border:1px solid rgba(44,140,163,.2);border-radius:18px;padding:2.5rem;position:relative;overflow:hidden}
.form-wrap::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--teal),var(--teal-dark))}
.form-title{font-family:var(--font-sans);font-size:1.15rem;font-weight:800;margin-bottom:.4rem}
.form-sub{font-size:13px;color:var(--muted);margin-bottom:2rem;line-height:1.6}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}
.form-row.single{grid-template-columns:1fr}
.form-field{display:flex;flex-direction:column;gap:.45rem}
.form-label{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.form-label span{color:#ef4444;margin-left:2px}
.form-input,.form-select,.form-textarea{background:rgba(5,14,19,.8);border:1px solid rgba(44,140,163,.18);border-radius:8px;color:var(--white);font-family:var(--font-sans);font-size:14px;padding:.75rem 1rem;width:100%;transition:.2s;outline:none;-webkit-appearance:none}
.form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238EB5BE' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center;background-size:16px;padding-right:2.4rem}
.form-input::placeholder,.form-textarea::placeholder{color:rgba(142,181,190,.35)}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--teal);background:rgba(44,140,163,.05);box-shadow:0 0 0 3px rgba(44,140,163,.1)}
.form-select option{background:#0b1a22;color:var(--white)}
.form-textarea{resize:vertical;min-height:100px;line-height:1.6}
.form-help{margin:.3rem 0 0;font-size:12px;line-height:1.75;color:rgba(196,227,233,.78)}
.form-submit{width:100%;padding:1rem;background:var(--teal);color:var(--dark);font-family:var(--font-sans);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;border:none;border-radius:10px;cursor:pointer;transition:.2s;margin-top:.5rem}
.form-submit:hover{background:var(--white)}
.form-status{margin-top:1rem;padding:1rem 1.05rem;border-radius:16px;border:1px solid rgba(120,220,255,.14);background:linear-gradient(180deg,rgba(12,30,39,.92),rgba(7,20,26,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.form-status.is-error{border-color:rgba(239,68,68,.3);background:linear-gradient(180deg,rgba(43,17,20,.9),rgba(24,11,13,.98))}
.form-status-title{font-family:var(--font-sans);font-size:14px;font-weight:800;color:var(--white);margin-bottom:.3rem}
.form-status.is-error .form-status-title{color:#ffb4b4}
.form-status-text{font-size:12px;line-height:1.7;color:rgba(196,227,233,.82)}
.form-status-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:.9rem}
.form-status-btn{
  width:100%;
  min-width:0;
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.7rem;
  padding:.95rem 1.35rem;
  border-radius:12px;
  text-decoration:none;
  font-family:var(--font-sans);
  font-size:.95rem;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:none;
  color:var(--white);
  border:1px solid rgba(44,140,163,.28);
  background:linear-gradient(180deg,rgba(44,140,163,.11),rgba(44,140,163,.06));
  backdrop-filter:blur(6px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 12px 24px -18px rgba(76,205,255,.78);
  transition:transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
  text-align:center;
}
.form-status-btn:hover{
  transform:translateY(-2px);
  border-color:rgba(76,205,255,.9);
  background:linear-gradient(180deg,rgba(44,140,163,.18),rgba(44,140,163,.1));
  color:var(--white);
  box-shadow:0 14px 24px rgba(0,0,0,.18),0 18px 32px -14px rgba(76,205,255,1);
}
.form-status-btn.secondary{
  background:linear-gradient(180deg,rgba(44,140,163,.11),rgba(44,140,163,.06));
}
.form-success{display:none;text-align:center;padding:3rem 2rem}
.form-success-icon{font-size:3rem;margin-bottom:1rem}
.form-success-title{font-size:1.2rem;font-weight:800;margin-bottom:.6rem;color:var(--teal)}
.form-success-text{font-size:14px;color:var(--muted);line-height:1.7}
.form-error{border-color:#ef4444!important;box-shadow:0 0 0 3px rgba(239,68,68,.1)!important}
@media (max-width:900px){
  .form-status-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .form-status-actions{grid-template-columns:1fr}
  .form-status-btn{min-height:44px}
}

/* CLIENTS */
.clients{background:var(--dark2);text-align:center}
.clients-sub{font-size:12px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:3rem}
.client-logos{display:flex;justify-content:center;align-items:center;gap:3rem;flex-wrap:wrap}
.client-logo{font-family:var(--font-sans);font-size:1.1rem;font-weight:800;color:rgba(240,247,246,.15);letter-spacing:.05em;text-transform:uppercase;transition:.2s}
.client-logo:hover{color:rgba(240,247,246,.35)}

/* CTA */
.cta-section{background:linear-gradient(135deg,var(--teal-deeper) 0%,#0c1b24 50%,var(--dark) 100%);text-align:center;padding:7rem 5%;border-top:1px solid var(--teal-dark);border-bottom:1px solid var(--teal-dark);position:relative;overflow:hidden}
.cta-section::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(26,173,160,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(26,173,160,.07) 1px,transparent 1px);background-size:60px 60px}
.cta-inner{position:relative;z-index:1;max-width:700px;margin:0 auto}
.cta-section h2{font-size:clamp(2rem,5vw,3.5rem)}
.cta-section .section-desc{margin:0 auto 3rem;max-width:500px}
.cta-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.cta-contact{margin-top:2rem;font-size:13px;color:var(--muted)}
.cta-contact a{color:var(--teal);text-decoration:none}

/* FOOTER */
footer{background:var(--dark);border-top:1px solid var(--border);padding:2.3rem 5% 1.35rem}
.footer-inner{max-width:1200px;margin:0 auto}
.footer-top{display:grid;grid-template-columns:1.7fr 1.3fr 1fr 1.15fr;gap:2.15rem;margin-bottom:2rem}
.footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:.75rem}
.footer-logo img{height:34px;width:auto;display:block}
.footer-logo .brand-split,
.footer-why-link .brand-split{
  white-space:nowrap;
  overflow:visible;
}
.footer-brand-switch .brand-core,
.footer-brand-switch .brand-mark,
.footer-why-brand .brand-core,
.footer-why-brand .brand-mark{
  display:inline-block;
  vertical-align:middle;
}
.brand-split{font-family:var(--font-sans);font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.brand-split .brand-core{display:inline-block;background:linear-gradient(180deg,#ffffff 0%,#f6fcfd 24%,#e8f7fb 58%,#cfe8ef 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 6px rgba(255,255,255,.08))}
.brand-split .brand-mark,
.sentinel-word{
  position:relative;
  isolation:isolate;
  display:inline-block;
  background:linear-gradient(180deg,#47b9c9 0%,#2aa7bb 18%,#16879d 42%,#106f86 64%,#0d5f76 82%,#0a4f66 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  filter:drop-shadow(0 0 8px rgba(42,175,197,.12));
  animation:sentinelGlowPulse 3.8s ease-in-out infinite;
}
.brand-split .brand-mark::after,
.sentinel-word::after{
  content:'';
  position:absolute;
  top:-18%;
  bottom:-18%;
  left:-14%;
  width:34%;
  background:linear-gradient(90deg,rgba(42,175,197,0),rgba(112,220,232,.18),rgba(42,175,197,0));
  transform:translateX(-130%) skewX(-14deg);
  pointer-events:none;
  mix-blend-mode:screen;
  z-index:-1;
  animation:sentinelBeamSweep 6.8s ease-in-out infinite;
}
.brand-split.switchable-brand{
  position:relative;
  overflow:hidden;
}
.brand-split.switchable-brand .brand-core,
.brand-split.switchable-brand .brand-mark{
  transition:filter .16s ease,opacity .16s ease;
  will-change:contents,opacity,filter;
}
.brand-split.switchable-brand.is-typing .brand-core,
.brand-split.switchable-brand.is-typing .brand-mark{
  filter:drop-shadow(0 0 10px rgba(76,205,255,.14));
}
.footer-desc{font-size:12.4px;color:var(--muted);line-height:1.72;font-weight:300;max-width:360px}
.footer-col-title{font-family:var(--font-sans);font-size:12.5px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--white);margin-bottom:.85rem}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:.48rem}
.footer-links a{font-size:12.5px;line-height:1.42;color:var(--muted);text-decoration:none;transition:.2s;font-weight:300}
.footer-links a:hover{color:var(--white)}
.footer-why-link{display:inline-flex;align-items:center;gap:.22rem;flex-wrap:wrap;font-size:12.5px;line-height:1.42;font-weight:300}
.footer-why-link .brand-split{
  font-size:.84em;
  letter-spacing:.026em;
}
.footer-contact-links{gap:.42rem}
.footer-contact-links > li:last-child{margin-top:.12rem}
.footer-socials{display:flex;flex-wrap:wrap;gap:.38rem .42rem}
.footer-social-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.28rem .56rem;
  border-radius:999px;
  border:1px solid rgba(120,220,255,.12);
  background:rgba(9,24,33,.7);
  color:rgba(222,243,246,.76);
  font-size:11.5px;
  line-height:1;
  font-weight:500;
  text-decoration:none;
  transition:background .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease;
}
.footer-social-link:hover{
  background:rgba(13,34,45,.88);
  border-color:rgba(120,220,255,.24);
  color:#ffffff;
}
.footer-social-link.is-disabled{
  opacity:.5;
  border-style:dashed;
  cursor:default;
}
.footer-bottom{border-top:1px solid var(--border);padding-top:1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.footer-copy{font-size:12px;color:rgba(122,181,176,.5)}
.footer-reqs{font-size:13px;color:rgba(122,181,176,.4)}

/* MOBILE NAV */
.mobile-menu{position:fixed;inset:0;background:rgba(6,14,13,.97);z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;transform:translateX(100%);transition:.4s ease}
.mobile-menu.open{transform:translateX(0)}
.mobile-menu a{font-family:var(--font-sans);font-size:2rem;font-weight:800;color:var(--white);text-decoration:none;letter-spacing:-.01em;transition:.2s}
.mobile-menu a:hover{color:var(--teal)}
.mobile-close{position:absolute;top:1.5rem;right:5%;font-size:2rem;color:var(--muted);cursor:pointer;background:none;border:none}
.mobile-lang{display:flex;gap:8px;margin-top:1rem}

/* REVEAL */
.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
.problems .prob-seq-item{
  opacity:0;
  will-change:transform,opacity,filter;
}
@keyframes probSeq1{
  0%{opacity:0;transform:translate3d(-92px,-26px,0) scale(.9) rotate(-2deg);filter:blur(11px)}
  62%{opacity:1;transform:translate3d(8px,0,0) scale(1.012) rotate(.18deg);filter:blur(.8px)}
  100%{opacity:1;transform:translate3d(0,0,0) scale(1) rotate(0);filter:blur(0)}
}
@keyframes probSeq2{
  0%{opacity:0;transform:translate3d(-132px,10px,0) scale(.92) rotate(-1.6deg);filter:blur(13px)}
  60%{opacity:1;transform:translate3d(8px,-2px,0) scale(1.016) rotate(.16deg);filter:blur(.9px)}
  100%{opacity:1;transform:translate3d(0,0,0) scale(1) rotate(0);filter:blur(0)}
}
@keyframes probSeq3{
  0%{opacity:0;transform:translate3d(-110px,54px,0) scale(.97);filter:blur(12px)}
  62%{opacity:1;transform:translate3d(6px,-2px,0) scale(1.008);filter:blur(.8px)}
  100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
}
@keyframes probSeq4{
  0%{opacity:0;transform:translate3d(-126px,26px,0) scale(.9) rotate(-2.2deg);filter:blur(12px)}
  58%{opacity:1;transform:translate3d(8px,-1px,0) scale(1.012) rotate(.18deg);filter:blur(.8px)}
  100%{opacity:1;transform:translate3d(0,0,0) scale(1) rotate(0);filter:blur(0)}
}
@keyframes probSeq5{
  0%{opacity:0;transform:translate3d(-88px,82px,0) scale(.91) rotate(-1.4deg);filter:blur(12px)}
  58%{opacity:1;transform:translate3d(7px,-2px,0) scale(1.012) rotate(.14deg);filter:blur(.8px)}
  100%{opacity:1;transform:translate3d(0,0,0) scale(1) rotate(0);filter:blur(0)}
}
@keyframes probSeq6{
  0%{opacity:0;transform:translate3d(-56px,112px,0) scale(.92) rotate(-1deg);filter:blur(12px)}
  58%{opacity:1;transform:translate3d(6px,-2px,0) scale(1.012) rotate(.12deg);filter:blur(.8px)}
  100%{opacity:1;transform:translate3d(0,0,0) scale(1) rotate(0);filter:blur(0)}
}
@keyframes probSeq7{
  0%{opacity:0;transform:translate3d(26px,4px,0) scale(.988);filter:blur(6px)}
  46%{opacity:.8;transform:translate3d(9px,1px,0) scale(.996);filter:blur(2px)}
  80%{opacity:1;transform:translate3d(1px,0,0) scale(1);filter:blur(.28px)}
  100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
}
.problems.seq-run .prob-1{animation:probSeq1 .84s cubic-bezier(.18,.88,.22,1.02) forwards}
.problems.seq-run .prob-2{animation:probSeq2 .98s cubic-bezier(.16,.9,.22,1.02) .18s forwards}
.problems.seq-run .prob-3{animation:probSeq3 .9s cubic-bezier(.18,.88,.22,1.02) .4s forwards}
.problems.seq-run .prob-4{animation:probSeq4 .96s cubic-bezier(.18,.88,.22,1.02) .64s forwards}
.problems.seq-run .prob-5{animation:probSeq5 .96s cubic-bezier(.18,.88,.22,1.02) .9s forwards}
.problems.seq-run .prob-6{animation:probSeq6 .96s cubic-bezier(.18,.88,.22,1.02) 1.16s forwards}
.problems.seq-run .prob-7{animation:probSeq7 1.46s cubic-bezier(.23,.74,.22,1) 1.44s forwards;transform-origin:right center}

@media (hover:hover) and (pointer:fine){
  body{cursor:none}
  .cursor,.cursor-ring{display:block}
}
@media (hover:none), (pointer:coarse){
  body{cursor:auto}
  .cursor,.cursor-ring{display:none}
}
:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
.back-to-top{
  position:fixed;right:12px;bottom:18px;z-index:120;
  width:46px;height:46px;border-radius:15px;border:1px solid rgba(108,196,214,.2);
  background:linear-gradient(180deg,rgba(24,70,84,.84),rgba(8,28,37,.92));color:rgba(234,247,250,.9);display:flex;align-items:center;justify-content:center;
  text-decoration:none;font-size:20px;box-shadow:0 14px 26px -20px rgba(76,205,255,.34),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(10px);
  opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease,visibility .25s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease;
}
.back-to-top:hover{background:linear-gradient(180deg,rgba(34,86,101,.9),rgba(10,34,44,.94));border-color:rgba(146,223,236,.28);color:#f8fdff;box-shadow:0 16px 28px -20px rgba(76,205,255,.42),inset 0 1px 0 rgba(255,255,255,.12)}
.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}
.contact-hub{
  position:fixed;
  right:28px;
  bottom:var(--cortex-floating-hub-bottom,76px);
  z-index:121;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:.7rem;
}
.contact-hub.is-chat-open{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.cortex-crisp-close{
  position:fixed;
  z-index:2147483647;
  width:30px;
  height:30px;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(156,236,248,.32);
  border-radius:999px;
  background:rgba(7,23,31,.86);
  color:#f4fdff;
  font-size:22px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 10px 22px rgba(0,0,0,.26),0 0 18px rgba(76,205,255,.18);
  backdrop-filter:blur(10px);
}
.cortex-crisp-close:hover,
.cortex-crisp-close:focus-visible{
  border-color:rgba(156,236,248,.58);
  background:rgba(12,39,50,.94);
  outline:none;
}
.cortex-crisp-loading{
  position:fixed;
  z-index:2147482999;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:.45rem;
  padding:1rem 1.15rem;
  border:1px solid rgba(104,232,255,.26);
  border-radius:22px;
  background:
    radial-gradient(circle at 20% 0%,rgba(86,213,238,.2),transparent 42%),
    linear-gradient(180deg,rgba(9,31,42,.98),rgba(3,13,19,.99));
  color:var(--white);
  box-shadow:0 28px 72px -42px rgba(104,232,255,.76),inset 0 1px 0 rgba(255,255,255,.08);
  pointer-events:none;
}
.cortex-crisp-loading strong{
  font-size:14px;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.cortex-crisp-loading span{
  color:rgba(222,241,246,.82);
  font-size:13px;
}
.contact-hub-panel{
  width:min(340px,calc(100vw - 24px));
  padding:1rem;
  border-radius:22px;
  border:1px solid rgba(108,212,236,.14);
  background:linear-gradient(180deg,rgba(8,24,33,.96),rgba(5,17,24,.98));
  box-shadow:
    0 24px 50px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.03),
    0 0 28px rgba(76,205,255,.05);
  backdrop-filter:blur(14px);
}
.contact-hub-greeting{
  position:relative;
  width:min(236px,calc(100vw - 112px));
  margin-right:66px;
  margin-bottom:-50px;
  padding:.68rem 2rem .68rem .9rem;
  border:1px solid rgba(124,214,232,.22);
  border-radius:12px;
  background:rgba(7,23,31,.72);
  color:#f6fbfd;
  box-shadow:0 12px 28px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(10px);
  font-family:Arial, Helvetica, sans-serif;
}
.contact-hub-greeting::after{
  content:'';
  position:absolute;
  right:-8px;
  bottom:15px;
  width:14px;
  height:14px;
  transform:rotate(45deg);
  border-top:1px solid rgba(124,214,232,.22);
  border-right:1px solid rgba(124,214,232,.22);
  background:rgba(7,23,31,.72);
  backdrop-filter:blur(10px);
}
.contact-hub.is-open .contact-hub-greeting,
.contact-hub-greeting.is-hidden{
  display:none;
}
.contact-hub-greeting-close{
  position:absolute;
  top:5px;
  right:7px;
  width:18px;
  height:18px;
  border:0;
  background:transparent;
  color:rgba(219,241,247,.72);
  font-size:16px;
  line-height:18px;
  cursor:pointer;
  z-index:1;
}
.contact-hub-greeting-title{
  margin-bottom:.22rem;
  font-size:11px;
  line-height:1.18;
  font-weight:800;
  color:#f8fdff;
}
.contact-hub-greeting-text{
  font-size:10.4px;
  line-height:1.25;
  color:rgba(222,241,246,.86);
}
.contact-hub-kicker{
  font-size:10px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#b9f5ff;
  margin-bottom:.8rem;
}
.contact-hub-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.58rem;
}
.contact-hub-action{
  width:100%;
  display:flex;
  align-items:center;
  gap:.55rem;
  min-height:58px;
  padding:.58rem .62rem;
  border-radius:16px;
  border:1px solid rgba(120,220,255,.12);
  text-decoration:none;
  background:linear-gradient(180deg,rgba(10,30,39,.95),rgba(7,20,27,.98));
  color:var(--white);
  font:inherit;
  text-align:left;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease;
}
.contact-hub-action:hover,
.contact-hub-action:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(146,223,236,.26);
  background:linear-gradient(180deg,rgba(14,38,49,.98),rgba(8,24,32,.99));
  box-shadow:0 14px 26px -22px rgba(76,205,255,.38), inset 0 1px 0 rgba(255,255,255,.05);
  outline:none;
}
.contact-hub-action.is-live{
  border-color:rgba(84,214,235,.2);
  background:linear-gradient(180deg,rgba(19,58,72,.96),rgba(9,29,37,.99));
}
.contact-hub-action.is-opening{
  pointer-events:none;
  border-color:rgba(104,232,255,.38);
  box-shadow:0 0 0 1px rgba(104,232,255,.14),0 18px 28px -24px rgba(104,232,255,.65);
}
.contact-hub-action.is-whatsapp{
  border-color:rgba(88,197,158,.18);
  background:linear-gradient(180deg,rgba(14,45,44,.96),rgba(7,22,24,.99));
}
.contact-hub-action.is-telegram{
  border-color:rgba(86,173,230,.18);
  background:linear-gradient(180deg,rgba(14,39,59,.96),rgba(7,20,30,.99));
}
.contact-hub-action.is-facebook{
  border-color:rgba(99,154,255,.18);
  background:linear-gradient(180deg,rgba(15,39,70,.96),rgba(7,20,36,.99));
}
.contact-hub-action.is-email,
.contact-hub-action.is-call,
.contact-hub-action.is-form{
  min-height:50px;
}
.contact-hub-action.is-form{
  grid-column:1 / -1;
}
.contact-hub-action.is-disabled{
  opacity:.48;
  cursor:not-allowed;
}
.contact-hub-action.is-disabled:hover{
  transform:none;
  border-color:rgba(120,220,255,.12);
}
.contact-hub-action-icon{
  width:34px;
  height:34px;
  flex-shrink:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  border:1px solid rgba(120,220,255,.12);
  background:linear-gradient(180deg,rgba(13,37,48,.94),rgba(7,21,28,.98));
  color:#aef6ff;
}
.contact-hub-action-icon svg{
  width:17px;
  height:17px;
}
.contact-hub-action-title{
  font-size:12.6px;
  font-weight:800;
  line-height:1.2;
  color:var(--white);
  min-width:0;
  overflow-wrap:anywhere;
}
.contact-hub-toggle{
  position:relative;
  width:58px;
  height:58px;
  border:none;
  border-radius:999px;
  border:1px solid rgba(148,229,245,.26);
  background:
    radial-gradient(circle at 68% 26%,rgba(174,246,255,.26),transparent 14px),
    linear-gradient(180deg,rgba(42,111,130,.96),rgba(10,32,42,.99));
  color:#f5fcff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:
    0 18px 30px -20px rgba(76,205,255,.48),
    inset 0 1px 0 rgba(255,255,255,.09),
    0 0 18px rgba(76,205,255,.16);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease;
  animation:contactHubFloat 2.8s ease-in-out infinite;
}
.contact-hub-toggle:hover,
.contact-hub-toggle:focus-visible{
  transform:translateY(-10px);
  border-color:rgba(184,249,255,.42);
  box-shadow:
    0 22px 34px -20px rgba(76,205,255,.56),
    inset 0 1px 0 rgba(255,255,255,.12),
    0 0 22px rgba(76,205,255,.24);
  outline:none;
}
.contact-hub-toggle svg{
  width:27px;
  height:27px;
  position:relative;
  z-index:1;
  filter:drop-shadow(0 0 8px rgba(174,246,255,.22));
}
.contact-hub-pulse{
  position:absolute;
  inset:-14px;
  border-radius:999px;
  border:2px solid rgba(210,229,232,.24);
  box-shadow:0 0 0 1px rgba(120,220,255,.05),0 0 26px rgba(76,205,255,.12);
  opacity:.78;
  animation:contactHubPulse 1.75s ease-in-out infinite;
}
.contact-hub-toggle::after{
  content:'';
  position:absolute;
  top:9px;
  right:10px;
  width:7px;
  height:7px;
  border-radius:999px;
  background:#aef6ff;
  box-shadow:0 0 0 0 rgba(174,246,255,.7);
  animation:contactHubBlink 1.6s ease-in-out infinite;
}
@keyframes contactHubPulse{
  0%,100%{transform:scale(.74);opacity:.3}
  50%{transform:scale(1.28);opacity:.86}
}
@keyframes contactHubBlink{
  0%,100%{opacity:.84;box-shadow:0 0 0 0 rgba(174,246,255,.44)}
  50%{opacity:1;box-shadow:0 0 0 8px rgba(174,246,255,0)}
}
@keyframes contactHubFloat{
  0%,100%{transform:translateY(-6px)}
  50%{transform:translateY(-10px)}
}

#crisp-chatbox [data-testid="chatbox-button-frame"]{
  right:28px !important;
  bottom:var(--cortex-floating-hub-bottom,76px) !important;
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}

@media(max-width:1100px){.packages-grid{grid-template-columns:repeat(2,minmax(280px,360px));justify-content:center}}
@media(max-width:900px){
  #crisp-chatbox [data-testid="chatbox-button-frame"]{
    right:18px !important;
    bottom:var(--cortex-floating-hub-mobile-bottom,74px) !important;
  }
  .hero-content{grid-template-columns:1fr;gap:2.2rem;padding-top:8px}
  .hero-right{display:none}
  .contact-hub{right:24px;bottom:var(--cortex-floating-hub-mobile-bottom,74px)}
  .contact-hub-panel{width:min(340px,calc(100vw - 22px))}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .problems-layout{grid-template-columns:1fr}
  .problems-visual{display:none}
  .services-head{grid-template-columns:1fr}
  .services-grid{grid-template-columns:1fr}
  .how-steps{grid-template-columns:repeat(2,1fr);gap:2rem}
  .how-steps::before,.how-steps::after{display:none}
  .how-step:nth-child(odd)::before{
    content:'';
    position:absolute;
    top:31px;
    left:calc(50% + 36px);
    width:calc(100% - 12px);
    height:1px;
    background:linear-gradient(90deg,rgba(32,118,139,.62),rgba(76,205,255,.18) 30%,rgba(76,205,255,.10) 75%,rgba(26,173,160,.06));
    z-index:0;
    pointer-events:none;
  }
  .how-step:nth-child(1)::after,
  .how-step:nth-child(2)::after,
  .how-step:nth-child(3)::after,
  .how-step:nth-child(4)::after{
    content:'';
    position:absolute;
    z-index:0;
    pointer-events:none;
  }
  .how-step:nth-child(1)::after{
    top:31px;
    left:calc(50% + 36px);
    width:calc(100% - 12px);
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg,rgba(76,205,255,0),rgba(235,253,255,1) 14%,rgba(192,247,255,1) 34%,rgba(138,236,255,1) 50%,rgba(192,247,255,.96) 66%,rgba(76,205,255,0) 86%);
    filter:blur(.34px);
    box-shadow:0 0 14px rgba(166,244,255,.98),0 0 34px rgba(166,244,255,.76),0 0 70px rgba(166,244,255,.48),0 0 128px rgba(166,244,255,.26);
    animation:howSeg12Mobile 4.8s cubic-bezier(.3,.72,.22,1) infinite;
  }
  .how-step:nth-child(2)::after{
    top:35px;
    left:50%;
    width:145%;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg,rgba(76,205,255,0),rgba(235,253,255,1) 14%,rgba(192,247,255,1) 34%,rgba(138,236,255,1) 50%,rgba(192,247,255,.96) 66%,rgba(76,205,255,0) 86%);
    filter:blur(.34px);
    box-shadow:0 0 14px rgba(166,244,255,.98),0 0 34px rgba(166,244,255,.76),0 0 70px rgba(166,244,255,.48),0 0 128px rgba(166,244,255,.26);
    transform-origin:left center;
    animation:howSeg23Mobile 4.8s cubic-bezier(.3,.72,.22,1) infinite;
  }
  .how-step:nth-child(3)::after{
    top:31px;
    left:calc(50% + 36px);
    width:calc(100% - 12px);
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg,rgba(76,205,255,0),rgba(235,253,255,1) 14%,rgba(192,247,255,1) 34%,rgba(138,236,255,1) 50%,rgba(192,247,255,.96) 66%,rgba(76,205,255,0) 86%);
    filter:blur(.34px);
    box-shadow:0 0 14px rgba(166,244,255,.98),0 0 34px rgba(166,244,255,.76),0 0 70px rgba(166,244,255,.48),0 0 128px rgba(166,244,255,.26);
    animation:howSeg34Mobile 4.8s cubic-bezier(.3,.72,.22,1) infinite;
  }
  .how-step:nth-child(4)::after{
    top:31px;
    left:calc(50% + 36px);
    width:44%;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg,rgba(76,205,255,0),rgba(235,253,255,1) 14%,rgba(192,247,255,1) 34%,rgba(138,236,255,1) 50%,rgba(192,247,255,.96) 66%,rgba(76,205,255,0) 86%);
    filter:blur(.34px);
    box-shadow:0 0 14px rgba(166,244,255,.98),0 0 34px rgba(166,244,255,.76),0 0 70px rgba(166,244,255,.48),0 0 128px rgba(166,244,255,.26);
    animation:howSegExitMobile 4.8s cubic-bezier(.3,.72,.22,1) infinite;
  }
  .packages-grid{grid-template-columns:1fr}
  .why-grid{grid-template-columns:1fr}
  .why-visual{display:none}
  .footer-top{grid-template-columns:1fr 1fr}
  .nav-links{display:none}
  .nav-mobile-btn{display:flex}
  body{cursor:auto}
  .cursor,.cursor-ring{display:none}
  .contact-form-inner{grid-template-columns:1fr;gap:2.5rem}
  .form-row{grid-template-columns:1fr}
.nav-brand-hybrid{min-width:auto;width:auto;flex:0 1 auto;font-size:1.25rem}
  .nav-brand-hybrid .brand-hy-text,.nav-brand-hybrid .brand-en-text,.nav-brand-hybrid .brand-ru-text{font-size:1.25rem}
  .nav-logo-icon{height:56px}
}
@media(max-width:700px){
  .options-head{flex-direction:column;align-items:flex-start}
  .options-grid{grid-template-columns:1fr}
  .calc-bd{grid-template-columns:1fr}
  .calc-left{grid-template-columns:1fr}
  .calc-field.wide{grid-column:auto}
  .pill-group{grid-template-columns:repeat(2,minmax(0,1fr))}
  .calc-checks{grid-template-columns:1fr}
  .calc-right{padding:1.1rem}
}

/* === TICKER SIZE +33% === */
.ticker{padding:0.75rem 0 !important;}
.ticker-item{font-size:15px !important;}


/* === DASHBOARD SIZE RESTORE === */
.hero-content{max-width:1460px!important;gap:4.8rem!important;align-items:center!important}
.hero-right{display:flex!important;justify-content:flex-end!important}
.hero-monitor{
  width:min(100%,620px)!important;
  padding:1.55rem!important;
  border-radius:22px!important;
}
.cam-grid{gap:0!important}
.cam-feed{min-height:156px!important}
.monitor-alerts{gap:8px!important}
.alert-item{padding:8px 12px!important}
@media(max-width:900px){
  .hero-right{display:none!important}
  .hero-monitor{width:100%!important}
  .cam-feed{min-height:auto!important}
}


/* === MERGED CONTACT SECTION === */
.contact-unified-section{
  position:relative;
  overflow:hidden;
  padding:5.9rem 5%;
  border-top:1px solid var(--teal-dark);
  border-bottom:1px solid var(--teal-dark);
  background:linear-gradient(90deg,#14394a 0%, #0b2d3c 22%, #071a25 50%, #061521 74%, #04111a 100%);
}
.contact-unified-bg{
  position:absolute;inset:0;
  background:radial-gradient(circle at 18% 32%, rgba(100,180,210,.10), transparent 32%),
             radial-gradient(circle at 50% 55%, rgba(44,140,163,.08), transparent 28%);
  pointer-events:none;
}
.contact-unified-grid{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(44,140,163,.10) 1px, transparent 1px),
    linear-gradient(90deg, rgba(44,140,163,.10) 1px, transparent 1px);
  background-size:60px 60px;
  opacity:.45;
  pointer-events:none;
}
.contact-unified-glow{
  position:absolute;left:50%;top:40%;
  width:780px;height:780px;transform:translate(-50%,-50%);
  background:radial-gradient(circle, rgba(44,140,163,.10), transparent 62%);
  pointer-events:none;
}
.contact-unified-inner{
  position:relative;z-index:1;
  max-width:1180px;margin:0 auto;
  display:flex;flex-direction:column;align-items:center;text-align:center;
}
.contact-unified-head{max-width:860px}
.contact-unified-head .eyebrow{margin-bottom:1rem}
.contact-unified-head h2{
  font-size: clamp(2rem,3.2vw,3rem)!important;
  font-size:clamp(2.8rem,5.6vw,5.4rem)!important;
  line-height:.96!important;
  max-width:820px;
  margin:0 auto 1.4rem;
}
.contact-unified-desc{
  max-width:620px!important;
  margin:0 auto 2.6rem!important;
  font-size:1.08rem!important;
}
.contact-unified-actions{
  display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;
  margin-bottom:1.8rem;
}
.contact-quick{
  min-width:208px;
  display:inline-flex;align-items:center;justify-content:center;gap:.7rem;
  padding:1rem 1.28rem;border-radius:12px;text-decoration:none;
  font-family:var(--font-sans);font-size:1rem;font-weight:800;
  letter-spacing:.06em;text-transform:none;
  transition:transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.contact-quick:hover{transform:translateY(-2px)}
.contact-quick-primary{
  background:var(--teal);color:var(--dark);
  box-shadow:0 12px 28px rgba(44,140,163,.18);
}
.contact-quick-primary:hover{background:#4fb2ca}
.contact-quick-secondary{
  background:rgba(255,255,255,.02);
  color:var(--white);
  border:1px solid rgba(255,255,255,.18);
}
.contact-quick-secondary:hover{
  border-color:var(--teal);
  box-shadow:0 0 0 1px rgba(44,140,163,.25), 0 12px 28px rgba(0,0,0,.18);
}
.contact-quick-icon{font-size:1rem;line-height:1}
.contact-unified-address{
  color:var(--muted);
  font-size:1rem;
  line-height:1.7;
  margin-bottom:2.4rem;
}
.contact-unified-panel{
  width:100%;
  max-width:720px;
  background:rgba(3,16,24,.82);
  border:1px solid rgba(44,140,163,.18);
  border-radius:22px;
  padding:2rem;
  text-align:left;
  box-shadow:0 30px 70px rgba(0,0,0,.24);
  backdrop-filter:blur(8px);
}
.contact-unified-panel-head{margin-bottom:1.4rem}
.contact-unified-panel .form-title{font-size:1.3rem!important;margin-bottom:.35rem}
.contact-unified-panel .form-sub{margin-bottom:0!important}
.contact-unified-form .form-row{margin-bottom:1rem}
.contact-unified-form .form-submit{margin-top:.7rem}
@media(max-width:900px){
  .contact-unified-section{padding:6.5rem 5%}
  .contact-unified-head h2{
  font-size: clamp(2rem,3.2vw,3rem)!important;font-size:clamp(2.3rem,9vw,3.6rem)!important}
  .contact-quick{min-width:100%}
  .contact-unified-panel{padding:1.35rem;border-radius:18px}
}


/* === CONTACT LAYOUT FIX === */
.contact-unified-inner{
  display:grid!important;
  grid-template-columns:1fr 1fr;
  gap:4rem;
  align-items:center;
  text-align:left;
}

.contact-unified-head{
  order:2;
  max-width:100%!important;
}

.contact-unified-actions{
  justify-content:flex-start!important;
}

.contact-unified-address{
  text-align:left!important;
}

.contact-unified-panel{
  order:1;
  margin:0!important;
}

@media(max-width:900px){
  .contact-unified-inner{
    grid-template-columns:1fr!important;
    text-align:center!important;
  }
  .contact-unified-head{order:1}
  .contact-unified-panel{order:2}
  .contact-unified-actions{justify-content:center!important}
  .contact-unified-address{text-align:center!important}
}


/* === CONTACT SECTION FINAL LAYOUT === */
.contact-unified-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,465px)!important;
  gap:3.1rem!important;
  align-items:start!important;
  text-align:left!important;
}
.contact-unified-head{
  order:1!important;
  max-width:100%!important;
}
.contact-unified-panel{
  order:2!important;
  margin:0!important;
  max-width:465px!important;
  width:100%!important;
  justify-self:end!important;
  padding:1.55rem!important;
}
.contact-unified-head .eyebrow{
  margin-bottom:.9rem!important;
}
.contact-unified-head h2{
  font-size: clamp(2rem,3.2vw,3rem)!important;
  font-size:clamp(2.15rem,4vw,3.7rem)!important;
  line-height:1.02!important;
  margin:0 0 .95rem 0!important;
  max-width:640px!important;
}
.contact-unified-desc{
  max-width:610px!important;
  margin:0 0 1.02rem 0!important;
  font-size:.95rem!important;
  line-height:1.72!important;
}
.contact-unified-actions{
  justify-content:flex-start!important;
  margin:.1rem 0 .82rem 0!important;
}
.contact-unified-address{
  text-align:left!important;
  margin-bottom:0!important;
  font-size:.92rem!important;
  line-height:1.58!important;
}
.contact-quick{
  min-width:192px!important;
  font-size:.81rem!important;
  padding:.76rem 1.08rem!important;
  min-height:43px!important;
  gap:.54rem!important;
}
.contact-unified-panel-head{text-align:center}
.contact-unified-panel .form-title{
  font-size:1.18rem!important;
  text-align:center!important;
}
.contact-unified-panel .form-sub{
  font-size:.92rem!important;
  text-align:center!important;
}
@media(max-width:1100px){
  .contact-unified-inner{
    grid-template-columns:1fr minmax(0,465px)!important;
    gap:2.45rem!important;
  }
  .contact-unified-head h2{
  font-size: clamp(2rem,3.2vw,3rem)!important;
    font-size:clamp(2.1rem,4vw,3.5rem)!important;
  }
}
@media(max-width:900px){
  .contact-unified-inner{
    grid-template-columns:1fr!important;
    text-align:center!important;
    gap:2.2rem!important;
  }
  .contact-unified-head{order:1!important}
  .contact-unified-panel{
    order:2!important;
    justify-self:center!important;
    max-width:100%!important;
  }
  .contact-unified-head h2{
  font-size: clamp(2rem,3.2vw,3rem)!important;
    margin:0 auto 1rem!important;
    max-width:700px!important;
    font-size:clamp(2.2rem,9vw,3.4rem)!important;
  }
  .contact-unified-desc{
    margin:0 auto 1.2rem auto!important;
    max-width:650px!important;
  }
  .contact-unified-actions{
    justify-content:center!important;
  }
  .contact-unified-address{
    text-align:center!important;
  }
}


/* FIXED CONTACT INLINE */
.contact-inline-info{
  margin-top:1rem;
  display:flex;
  flex-direction:column;
  gap:.4rem;
  font-size:.95rem;
  color:var(--muted);
}


/* CONTACT BUTTONS RESTORED */
.contact-inline-info{
  margin-top:1rem;
  display:flex;
  flex-direction:column;
  gap:.9rem;
}
.contact-inline-actions{
  display:flex;
  gap:1rem;
  flex-wrap:wrap;
  align-items:center;
}
.contact-inline-address{
  font-size:.95rem;
  color:var(--muted);
  line-height:1.7;
}
@media(max-width:900px){
  .contact-inline-actions{
    justify-content:center;
  }
}


/* === CLEAN CONTACT SECTION OVERRIDE === */
.contact-unified-section{
  position:relative;
  overflow:hidden;
  padding:7rem 5%;
  border-top:1px solid var(--teal-dark);
  border-bottom:1px solid var(--teal-dark);
  background:linear-gradient(90deg,#14394a 0%, #0b2d3c 24%, #071a25 52%, #061521 76%, #04111a 100%);
}
.contact-unified-bg{
  position:absolute;inset:0;
  background:radial-gradient(circle at 18% 35%, rgba(100,180,210,.10), transparent 34%),
             radial-gradient(circle at 50% 55%, rgba(44,140,163,.08), transparent 30%);
  pointer-events:none;
}
.contact-unified-grid{
  position:absolute;inset:0;
  background-image:linear-gradient(rgba(44,140,163,.10) 1px, transparent 1px),linear-gradient(90deg, rgba(44,140,163,.10) 1px, transparent 1px);
  background-size:60px 60px;
  opacity:.45;
  pointer-events:none;
}
.contact-unified-glow{
  position:absolute;left:48%;top:48%;
  width:760px;height:760px;transform:translate(-50%,-50%);
  background:radial-gradient(circle, rgba(44,140,163,.10), transparent 62%);
  pointer-events:none;
}
.contact-unified-inner{
  position:relative;z-index:1;max-width:1220px;margin:0 auto;
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(420px,560px)!important;
  gap:4rem!important;align-items:center!important;text-align:left!important;
}
.contact-unified-copy{
  max-width:640px;
}
.contact-title{
  font-family:var(--font-sans)!important;
  font-size:clamp(2.2rem,3.6vw,3.6rem)!important;
  line-height:1.18!important;
  margin:0 0 1rem 0!important;
  max-width:620px;
}
.contact-lead{
  max-width:620px!important;
  margin:0 0 1.15rem 0!important;
  font-size:1.02rem!important;
  line-height:1.8!important;
  color:var(--muted)!important;
}
.contact-inline-info{
  margin-top:1.1rem!important;
  display:flex!important;
  flex-direction:column!important;
  gap:.9rem!important;
}
.contact-inline-actions{
  display:flex!important;
  gap:1rem!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
.contact-quick{
  min-width:200px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.7rem!important;
  padding:.95rem 1.08rem!important;
  border-radius:12px!important;
  text-decoration:none!important;
  font-family:var(--font-sans)!important;
  font-size:.95rem!important;
  font-weight:800!important;
  letter-spacing:.06em!important;
  text-transform:none!important;
  transition:transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease!important;
}
.contact-quick:hover{transform:translateY(-2px)!important}
.contact-quick-primary{
  background:var(--teal)!important;color:var(--dark)!important;
  box-shadow:0 12px 28px rgba(44,140,163,.18)!important;
}
.contact-quick-secondary{
  background:rgba(255,255,255,.02)!important;
  color:var(--white)!important;
  border:1px solid rgba(255,255,255,.18)!important;
}
.contact-inline-address{
  font-size:.96rem!important;
  color:var(--muted)!important;
  line-height:1.7!important;
  max-width:620px;
}
.contact-unified-panel{
  width:100%!important;
  max-width:536px!important;
  justify-self:end!important;
  background:rgba(3,16,24,.82)!important;
  border:1px solid rgba(44,140,163,.18)!important;
  border-radius:20px!important;
  padding:1.72rem!important;
  text-align:left!important;
  box-shadow:0 30px 70px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(8px)!important;
}
.contact-unified-panel .form-title{font-size:1.08rem!important;margin-bottom:.28rem!important}
.contact-unified-panel .form-sub{font-size:.86rem!important;margin-bottom:0!important}
.contact-unified-panel .form-row{gap:.88rem!important;margin-bottom:.88rem!important}
.contact-unified-panel .form-field{gap:.38rem!important}
.contact-unified-panel .form-label{font-size:9px!important;letter-spacing:.13em!important}
.contact-unified-panel .form-input,
.contact-unified-panel .form-select,
.contact-unified-panel .form-textarea{
  font-size:13px!important;
  padding:.68rem .92rem!important;
  border-radius:12px!important;
}
.contact-unified-panel .form-select{
  padding-right:2.2rem!important;
  background-size:15px!important;
  background-position:right .72rem center!important;
}
.contact-unified-panel .form-textarea{min-height:92px!important}
.contact-unified-panel .form-status{
  margin-top:.85rem!important;
  padding:.88rem .92rem!important;
  border-radius:14px!important;
}
.contact-unified-panel .form-status-title{font-size:13px!important;margin-bottom:.24rem!important}
.contact-unified-panel .form-status-text{font-size:11.5px!important;line-height:1.62!important}
.contact-unified-panel .form-status-actions{gap:.6rem!important;margin-top:.78rem!important}
.contact-unified-panel .form-status-btn{
  min-height:35px!important;
  padding:.54rem .72rem!important;
  border-radius:10px!important;
  font-size:.74rem!important;
  line-height:1.18!important;
  letter-spacing:.02em!important;
}
@media(max-width:900px){
  .contact-unified-inner{
    grid-template-columns:1fr!important;
    gap:2.2rem!important;
    text-align:center!important;
  }
  .contact-unified-copy{max-width:100%;margin:0 auto}
  .contact-title{
    margin:0 auto 1rem auto!important;
    font-size:clamp(2rem,8.5vw,3rem)!important;
    max-width:680px;
  }
  .contact-lead{margin:0 auto 1.15rem auto!important}
  .contact-inline-actions{justify-content:center!important}
  .contact-inline-address{text-align:center!important;margin:0 auto!important}
  .contact-unified-panel{
    max-width:100%!important;
    justify-self:center!important;
  }
}



/* === SITE PREMIUM POLISH === */
:root{
  --page-top-glow:rgba(100,205,240,.12);
  --panel-bg:linear-gradient(180deg,rgba(10,24,31,.94),rgba(6,17,23,.98));
  --panel-border:rgba(120,220,255,.12);
  --panel-shadow:0 24px 54px rgba(0,0,0,.22);
}
body{
  background:
    radial-gradient(circle at 14% 8%,var(--page-top-glow),transparent 24%),
    radial-gradient(circle at 84% 12%,rgba(44,140,163,.12),transparent 28%),
    linear-gradient(180deg,#061118 0%,#07151d 28%,#081821 52%,#07141b 100%);
}
body::before{
  content:'';
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background-image:
    linear-gradient(rgba(90,170,195,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(90,170,195,.03) 1px, transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(circle at center,black 32%,transparent 88%);
}
section{
  padding:4.25rem 5%;
  position:relative;
}
.section-inner{
  max-width:1220px;
}
.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:.7rem;
  font-size:12px;
  letter-spacing:.18em;
  color:#7bd7ea;
}
.eyebrow::before{
  content:'';
  width:34px;
  height:1px;
  background:linear-gradient(90deg,rgba(123,215,234,.9),transparent);
}
h2{
  background:linear-gradient(180deg,#ffffff 0%,#f6fcfd 24%,#e8f7fb 58%,#cfe8ef 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:none;
  filter:drop-shadow(0 0 6px rgba(255,255,255,.08));
}
.section-desc{
  color:rgba(212,234,239,.78);
}
nav{
  padding:0 4.5%;
  background:rgba(8,21,28,.95);
  backdrop-filter:blur(18px);
  border-bottom-color:rgba(120,220,255,.08);
  box-shadow:0 12px 34px rgba(0,0,0,.12);
}
nav.scrolled{
  background:rgba(8,21,28,.95);
  border-bottom-color:rgba(120,220,255,.12);
  box-shadow:0 18px 42px rgba(0,0,0,.18);
}
.nav-links a{
  color:rgba(216,238,243,.78);
}
.nav-links a:hover{
  color:#f4fbfc;
  text-shadow:0 0 12px rgba(76,205,255,.16);
}
.hero{
  background:
    linear-gradient(110deg,#051118 0%,#081a22 40%,#0b212a 100%);
}
.ticker{
  position:relative;
  padding:1rem 0 .42rem !important;
  background:linear-gradient(180deg,rgba(8,21,28,.95),rgba(10,24,31,.98)) !important;
  border-top:0;
  border-bottom:0;
  box-shadow:none;
  display:flex;
  justify-content:center;
  overflow:visible;
}
.ticker-inner{
  max-width:min(1120px,92vw);
  min-height:18px;
  margin:0 auto;
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:2rem;
  animation:ticker 150s linear infinite !important;
  white-space:nowrap;
  width:max-content;
  min-width:max-content;
  justify-content:flex-start;
  overflow:visible;
  padding:.64rem 1.42rem;
  border-radius:999px;
  background:none;
  border:0;
  box-shadow:none;
  position:relative;
}
.ticker-track{
  width:min(1720px, calc(100vw - 72px));
  max-width:calc(100vw - 72px);
  margin-top:.34rem;
  padding:0 .92rem;
  box-sizing:border-box;
  overflow:hidden;
  border-radius:999px;
  position:relative;
  background:
    linear-gradient(180deg,rgba(21,61,77,.94),rgba(9,31,42,.88)),
    radial-gradient(circle at 18% 50%,rgba(97,230,255,.12),transparent 24%),
    radial-gradient(circle at 50% 48%,rgba(198,248,255,.16),transparent 34%),
    radial-gradient(circle at 82% 50%,rgba(97,230,255,.1),transparent 24%),
    linear-gradient(90deg,rgba(255,255,255,.06),transparent 16%,transparent 84%,rgba(255,255,255,.05));
  border:1px solid rgba(197,247,255,.22);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 0 0 1px rgba(201,248,255,.06),
    inset 0 0 42px rgba(123,227,245,.14),
    inset 0 -12px 18px rgba(3,16,23,.18),
    0 16px 34px rgba(0,0,0,.12),
    0 0 28px rgba(125,228,245,.1);
}
.ticker-inner::before{
  content:'';
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent),
    linear-gradient(112deg,transparent 0%,transparent 26%,rgba(180,245,255,.34) 50%,transparent 74%,transparent 100%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 140px);
  transform:translateX(-140%);
  animation:heroShineRun 7s ease-in-out infinite;
  pointer-events:none;
  mix-blend-mode:screen;
}
.ticker-track::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 0%,rgba(180,240,248,.08),transparent 42%),
    linear-gradient(180deg,rgba(255,255,255,.05),transparent 32%),
    linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent),
    repeating-linear-gradient(90deg,rgba(146,236,252,.012) 0 1px,transparent 1px 128px);
  mix-blend-mode:screen;
}
.ticker-item{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:.7rem;
  font-size:12px !important;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:#fbfeff;
  flex-shrink:0;
  line-height:1;
  text-shadow:
    0 1px 0 rgba(0,0,0,.22),
    0 0 14px rgba(255,255,255,.14),
    0 0 30px rgba(130,227,248,.18);
  min-width:max-content;
  padding:.22rem 0;
  opacity:1;
  animation:none !important;
  transform:none !important;
}
.ticker-sep{
  color:#e3fcff;
  font-size:9px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:16px;
  height:16px;
  line-height:1;
  border-radius:999px;
  background:
    radial-gradient(circle at 30% 30%,rgba(255,255,255,.34),rgba(255,255,255,.12)),
    linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0));
  border:1px solid rgba(255,255,255,.26);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 6px 14px rgba(0,0,0,.12),
    0 0 20px rgba(185,245,255,.24);
  transform:translateY(-.5px);
}
@media (max-width:1100px){
  .ticker-inner{
    gap:1.25rem;
    padding:.52rem .88rem;
    animation-duration:120s !important;
  }
  .ticker-item{font-size:10px !important}
}
@media (max-width:720px){
  .ticker{
    padding:.8rem 4% 1rem !important;
  }
  .ticker-track{
    width:min(100%,92vw);
    max-width:92vw;
    padding:0 .58rem;
    border-radius:18px;
  }
  .ticker-inner{
    gap:.9rem;
    padding:.48rem .74rem;
    animation-duration:96s !important;
  }
  .ticker-item{
    font-size:8px !important;
    letter-spacing:.02em;
  }
  .ticker-sep{
    width:13px;
    height:13px;
    font-size:7px;
  }
  .stats{
    margin-top:10px;
    padding:2rem 4% 2.15rem;
  }
  .stats-grid{
    max-width:100%;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .stat-box{
    padding:1rem .8rem .92rem;
    border-radius:16px;
  }
  .stat-num{
    font-size:2.1rem;
  }
  .stat-label{
    font-size:10px;
    letter-spacing:.05em;
  }
  .stat-box:last-child{
    grid-column:1 / -1;
  }
}
@media (max-width:640px){
  nav{padding:0 4%}
  .nav-logo-icon{height:46px !important}
  .hero-content{
    gap:1.4rem !important;
    padding-top:0 !important;
  }
  .hero-tag{
    margin-bottom:1.1rem;
    padding:.48rem .9rem;
    font-size:11px;
    letter-spacing:.08em;
  }
  .hero-desc{
    font-size:1rem;
    line-height:1.7;
    margin-bottom:1.2rem;
  }
  .hero-btns{
    width:100%;
    gap:.8rem;
  }
  .hero-btns .btn-main,
  .hero-btns .btn-ghost,
  .hero .btn-main,
  .hero .btn-ghost{
    width:100% !important;
    min-width:0 !important;
    height:44px !important;
    padding:0 16px !important;
    font-size:12px !important;
  }
  .hero .btn-main > *,
  .hero .btn-ghost > *{
    font-size:12px !important;
  }
}
.stats{
  margin-top:12px;
  padding:2.65rem 5%;
  background:
    linear-gradient(180deg,rgba(7,20,27,.98),rgba(10,24,31,.995)),
    radial-gradient(circle at 50% 0%,rgba(82,214,236,.06),transparent 42%);
  border-top:0;
  border-bottom:1px solid rgba(120,220,255,.10);
}
.stats-grid{
  max-width:1320px;
  grid-template-columns:repeat(5,1fr);
  gap:14px;
  background:transparent;
}
.stat-box{
  background:
    linear-gradient(180deg,rgba(10,28,36,.94),rgba(6,18,24,.98)),
    radial-gradient(circle at 50% 0%,rgba(73,222,255,.08),transparent 42%);
  padding:1.28rem .95rem 1.12rem;
  border:1px solid rgba(120,220,255,.08);
  border-radius:18px;
  overflow:hidden;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    inset 0 0 0 1px rgba(168,241,255,.02),
    0 16px 30px rgba(0,0,0,.16),
    0 0 24px rgba(73,222,255,.04);
}
.stat-box::before{
  content:'';
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(255,255,255,.04),transparent 32%),
    linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);
  pointer-events:none;
}
.stat-box::after{
  content:'';
  position:absolute;
  left:18px;
  right:18px;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(170,244,255,.36),transparent);
  pointer-events:none;
}
.stat-num{
  font-size:2.58rem;
  letter-spacing:-.04em;
  margin-bottom:.55rem;
  text-shadow:0 0 18px rgba(44,196,255,.12);
}
.stat-label{
  font-size:11px;
  letter-spacing:.08em;
  line-height:1.35;
  color:#d8edf2;
  text-shadow:0 1px 0 rgba(0,0,0,.16);
}
.problem-item,
.service-card,
.opt-card,
.contact-card,
.calc-wrap,
.compare-panel,
.contact-unified-panel,
footer{
  box-shadow:var(--panel-shadow);
}
.problem-item{
  border:1px solid rgba(120,220,255,.10);
  border-radius:18px;
  background:var(--panel-bg);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025), var(--panel-shadow);
}
.problem-item:hover{
  border-color:rgba(120,220,255,.22);
  background:linear-gradient(180deg,rgba(12,28,35,.96),rgba(8,20,27,.98));
  transform:translateY(-3px);
}
.problem-num{
  color:rgba(123,215,234,.18);
}
.service-card{
  border:1px solid rgba(120,220,255,.09);
  border-radius:22px;
  background:var(--panel-bg);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025), var(--panel-shadow);
}
.service-card::before{
  height:3px;
  background:linear-gradient(90deg,#75d9ee,transparent 70%);
}
.service-card:hover{
  border-color:rgba(120,220,255,.18);
  background:linear-gradient(180deg,rgba(12,28,36,.97),rgba(8,20,27,.99));
  transform:translateY(-4px);
}
.service-icon{
  width:54px;
  height:54px;
  border-radius:16px;
  padding:12px;
  background:linear-gradient(180deg,rgba(44,140,163,.15),rgba(44,140,163,.06));
  border:1px solid rgba(120,220,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.step-circle{
  border-color:rgba(120,220,255,.16);
  background:linear-gradient(180deg,rgba(10,24,31,.95),rgba(7,18,24,.98));
  box-shadow:0 18px 30px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.03);
}
.compare-panel,
.calc-wrap{
  border-color:rgba(120,220,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02),0 26px 60px rgba(0,0,0,.22);
}
.calc-right{
  border-color:rgba(120,220,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 18px 42px rgba(0,0,0,.18);
}
.opt-card{
  border-color:rgba(120,220,255,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 20px 42px rgba(0,0,0,.18);
}
.opt-card:hover{
  border-color:rgba(120,220,255,.22);
  box-shadow:0 24px 46px rgba(0,0,0,.22),0 0 0 1px rgba(120,220,255,.05);
}
.contact-card{
  border:1px solid rgba(120,220,255,.10);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(10,23,29,.88),rgba(7,18,24,.95));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 18px 34px rgba(0,0,0,.14);
}
.contact-card:hover{
  border-color:rgba(120,220,255,.22);
  background:linear-gradient(180deg,rgba(13,29,36,.94),rgba(8,21,27,.98));
}
.contact-card-icon{
  border-radius:14px;
  background:linear-gradient(180deg,rgba(44,140,163,.15),rgba(44,140,163,.06));
  border:1px solid rgba(120,220,255,.12);
}
.form-wrap,
.contact-unified-panel{
  background:linear-gradient(180deg,rgba(10,24,31,.9),rgba(6,17,23,.98))!important;
  border:1px solid rgba(120,220,255,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 28px 58px rgba(0,0,0,.22)!important;
}
.form-wrap::before{
  height:2px;
  background:linear-gradient(90deg,#75d9ee,rgba(44,140,163,.55),transparent)!important;
}
.form-input,.form-select,.form-textarea{
  border-radius:14px;
  border-color:rgba(120,220,255,.11);
  background:linear-gradient(180deg,rgba(7,18,24,.92),rgba(5,14,19,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.form-input:focus,.form-select:focus,.form-textarea:focus{
  border-color:rgba(120,220,255,.45);
  box-shadow:0 0 0 4px rgba(76,205,255,.08), inset 0 1px 0 rgba(255,255,255,.025);
}
.form-submit,
.contact-quick-primary{
  border:1px solid rgba(122,232,255,.34)!important;
  color:#f6feff!important;
  background:linear-gradient(135deg,#66deef 0%,#2C8CA3 52%,#184f5f 100%)!important;
  box-shadow:0 16px 32px -18px rgba(76,205,255,.9), inset 0 1px 0 rgba(255,255,255,.12)!important;
  border-radius:16px!important;
  min-height:43px!important;
}
.form-submit:hover,
.contact-quick-primary:hover{
  border-color:rgba(186,244,255,.48)!important;
  color:#071218!important;
  background:linear-gradient(135deg,#7fe8f5 0%,#3299b2 52%,#1b5c6d 100%)!important;
  transform:translateY(-2px);
  box-shadow:0 22px 40px -18px rgba(76,205,255,1), inset 0 1px 0 rgba(255,255,255,.16)!important;
}
.contact-quick-secondary{
  border:1px solid rgba(44,140,163,.28)!important;
  color:var(--white)!important;
  background:linear-gradient(180deg,rgba(44,140,163,.11),rgba(44,140,163,.06))!important;
  border-radius:16px!important;
  min-height:43px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 12px 24px -18px rgba(76,205,255,.78)!important;
}
.contact-quick-secondary:hover{
  border-color:rgba(76,205,255,.9)!important;
  background:linear-gradient(180deg,rgba(44,140,163,.18),rgba(44,140,163,.1))!important;
  color:var(--white)!important;
  transform:translateY(-1px)!important;
  box-shadow:0 14px 24px rgba(0,0,0,.18),0 18px 32px -14px rgba(76,205,255,1)!important;
}
.contact-quick-primary:hover,
.contact-quick-primary:hover span{
  color:#071218!important;
}
.contact-quick-secondary:hover,
.contact-quick-secondary:hover span{
  color:var(--white)!important;
}
.contact-quick-primary span:last-child,
.contact-quick-secondary span:last-child{
  font-size:.85em!important;
}
.form-submit{
  min-height:43px!important;
  padding:.76rem 1.08rem!important;
  font-size:13px!important;
  width:66.666%!important;
  margin:.7rem auto 0!important;
  display:flex!important;
  justify-content:center!important;
}
footer{
  position:relative;
  background:linear-gradient(180deg,rgba(7,17,23,.98),rgba(4,12,17,1));
  border-top:1px solid rgba(120,220,255,.12);
  overflow:hidden;
}
footer::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 0%,rgba(100,205,240,.10),transparent 30%),
    linear-gradient(180deg,rgba(255,255,255,.025),transparent 14%);
}
.footer-inner{
  position:relative;
  z-index:1;
}
.footer-col-title{
  color:#eef9fa;
}
.footer-links a{
  color:rgba(212,234,239,.72);
}
.footer-links a:hover{
  color:#ffffff;
  text-shadow:0 0 12px rgba(76,205,255,.12);
}
.footer-bottom{
  border-top-color:rgba(120,220,255,.10);
}
.mobile-menu{
  background:linear-gradient(180deg,rgba(6,16,22,.98),rgba(4,12,17,.995));
  backdrop-filter:blur(18px);
}

/* === RESPONSIVE HERO + NAV FIXES === */
nav{
  gap:clamp(1rem,2vw,2rem);
  height:auto;
  min-height:72px;
}
.nav-logo{min-width:0;flex:0 1 auto}
.nav-logo-icon{height:clamp(52px,4.4vw,70px)}
.nav-brand-hybrid{
  min-width:0;
  max-width:100%;
}
.nav-brand-hybrid .brand-hy-text,
.nav-brand-hybrid .brand-en-text,
.nav-brand-hybrid .brand-ru-text{
  font-size:clamp(1.2rem,2vw,1.8rem);
}
.nav-links{
  gap:clamp(.7rem,1.4vw,1.55rem);
  flex-wrap:nowrap;
  min-width:0;
  transform:translateX(20px);
}
.nav-links li{list-style:none;flex:0 0 auto}
.nav-links a{font-size:clamp(11px,.82vw,13px)}
.nav-cta{padding:.54rem 1.02rem!important;border-radius:16px!important}

.hero-content{
  max-width:1440px !important;
  grid-template-columns:minmax(0,1.05fr) minmax(500px,.95fr) !important;
  gap:clamp(2rem,4vw,4.2rem) !important;
  align-items:center !important;
}
.hero-left,.hero-right,.hero-monitor,.cam-grid,.cam-wrap{min-width:0}
.hero-left{transform:translateY(-38px)}
.hero-right{display:flex !important;justify-content:flex-end !important;overflow:visible !important}
.hero-title{
  font-size:clamp(2.45rem,3vw,3rem) !important;
  line-height:1.2;
  letter-spacing:-.035em;
  margin-bottom:1.5rem;
}
.hero-title-line{
  display:block;
  white-space:nowrap;
}
.hero-title em{
  display:block;
  white-space:nowrap;
}
.hero-desc{max-width:620px}
html[lang="ru"] .hero .hero-title{
  font-size:clamp(2.18rem,2.7vw,2.7rem) !important;
}
html[lang="ru"] .pkg-name{
  font-size:clamp(1.14rem,1.42vw,1.38rem);
}
html[lang="ru"] .pill{
  font-size:10px;
  padding:.68rem .34rem;
}
html[lang="en"] .pill{
  font-size:10px;
  padding:.68rem .34rem;
}
html[lang="ru"] .step-desc{
  max-width:20ch;
}
html[lang="en"] .step-desc{
  max-width:20ch;
}
html[lang="hy"] .service-text,
html[lang="ru"] .service-text,
html[lang="en"] .service-text{
  max-width:35ch;
}
html[lang="ru"] .pkg-featured-wrap .pkg-badge{
  font-size:9.2px;
  padding:.42rem .8rem;
}
.hero-monitor{
  width:100% !important;
  max-width:560px !important;
  min-width:0;
  overflow:hidden;
  transform:translateY(2%) !important;
}
.cam-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px;
}
.cam-wrap{width:100%}
.cam-feed{width:100%;max-width:100%}
.cam-ctrl{width:auto;max-width:none}
.cam-feed{min-height:0 !important}
.cam-ctrl{flex-wrap:nowrap}

@media (max-width:1270px){
  .nav-links{display:none}
  .nav-mobile-btn{display:flex}
}

@media (max-width:1180px){
  .hero-content{
    grid-template-columns:minmax(0,1fr) minmax(460px,.94fr) !important;
    gap:2rem !important;
  }
  .hero-title{font-size:clamp(2.2rem,2.7vw,2.75rem) !important}
}

@media (max-width:900px){
  .hero-content{grid-template-columns:1fr !important;gap:2.2rem !important;padding-top:8px}
  .hero-left{transform:none}
  .hero-right{display:none !important}
  .hero-title{font-size:clamp(2.2rem,8vw,3rem) !important}
  h2{font-size:clamp(2.2rem,8vw,3rem) !important}
  .hero-title-line,.hero-title em{white-space:normal}
  html[lang="ru"] .hero-title{font-size:clamp(2rem,7.2vw,2.55rem) !important}
}

@media (max-width:640px){
  nav{padding:0 4%}
  .hero-title{font-size:clamp(2rem,9vw,2.6rem) !important}
  h2{font-size:clamp(2rem,9vw,2.6rem) !important}
}


/* === CAMERA GRID INTERACTION === */
.cam-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px;
  margin-bottom:1rem;
  position:relative;
}
.cam-wrap{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  gap:0;
  transition:transform .18s ease, opacity .18s ease, filter .18s ease;
  transform-origin:center;
}
.cam-feed,
.cam-ctrl{
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.cam-wrap:not(.is-expanded):hover{
  z-index:1;
}
.cam-wrap:not(.is-expanded):hover .cam-feed,
.cam-wrap:not(.is-expanded):hover .cam-ctrl{
  transform:none;
  box-shadow:none;
}
.cam-wrap:not(.is-expanded):hover .cam-feed{
  border-color:rgba(120,240,255,.02);
}
.cam-wrap:not(.is-expanded):hover .cam-ctrl{
  border-color:transparent;
}
.cam-feed,
.cam-ctrl{
  transition:border-color .18s ease, box-shadow .18s ease, filter .18s ease !important;
}
.cam-ctrl-btn{
  transition:none !important;
}
.cam-wrap:hover .cam-feed{
  border-color:rgba(120,240,255,.03) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015), 0 0 14px rgba(63,211,255,.04), inset 0 -20px 34px rgba(10,40,56,.12) !important;
  filter:brightness(1.03);
}
.cam-wrap:hover .cam-feed::before{
  border-color:rgba(255,92,92,.5) !important;
  box-shadow:inset 0 0 0 1px rgba(255,92,92,.22),0 0 10px rgba(255,92,92,.06) !important;
}
.cam-ctrl{
  transform:translateX(-50%) !important;
}
.cam-ctrl-btn,
.cam-ctrl-btn:hover,
.cam-ctrl-btn:active,
.cam-ctrl-btn:focus{
  transform:none !important;
}
.cam-grid.has-expanded .cam-wrap:not(.is-expanded){
  opacity:0;
  pointer-events:none;
  transform:scale(.96);
  filter:blur(2px);
}
.cam-grid.has-expanded .cam-wrap.is-expanded{
  position:absolute;
  top:34%;
  left:50%;
  width:50%;
  transform:translate(-50%,-50%) scale(1.5);
  z-index:30;
}
.cam-grid.has-expanded .cam-wrap.is-expanded .cam-feed{
  transform:none;
  aspect-ratio:16/9;
  min-height:0;
  border-radius:8px 8px 0 0;
}
.cam-grid.has-expanded .cam-wrap.is-expanded .cam-ctrl{
  transform:none;
  border-radius:0 0 8px 8px;
}

/* HERO BUTTON SIZE MATCH (LEFT = RIGHT) */
.hero .btn-main,
.hero .btn-ghost{
  height:46px !important;
  min-width:248px !important;
  padding:0 24px !important;
  font-size:13px !important;
  font-weight:800;
  letter-spacing:.04em !important;
  border-radius:16px !important;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center !important;
}
@keyframes heroToneRun{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
@keyframes heroShineRun{
  0%{transform:translateX(-145%) skewX(-18deg);opacity:0}
  18%{opacity:0}
  34%{opacity:.32}
  52%{opacity:.1}
  100%{transform:translateX(245%) skewX(-18deg);opacity:0}
}
.hero .hero-title-line{
  background:linear-gradient(115deg,#ffffff 0%,#d7eef3 16%,#ffffff 32%,#b8dbe4 52%,#ffffff 72%,#d7eef3 100%) !important;
  background-size:280% auto !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  animation:heroToneRun 4.4s ease-in-out infinite !important;
}
.hero h1 em{
  background:linear-gradient(180deg,#66d7ea 0%,#41bfd7 22%,#2ea7c7 48%,#1f8eac 74%,#14657f 100%) !important;
  background-size:280% auto !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  animation:heroToneRun 4s ease-in-out infinite !important;
  filter:drop-shadow(0 0 8px rgba(48,170,196,.14)) !important;
}
.hero .btn-main,
.hero .btn-ghost{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  background-size:180% 180% !important;
  animation:heroToneRun 4.8s ease-in-out infinite !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 18px 36px -18px rgba(76,205,255,.88),
    0 0 22px rgba(76,205,255,.18) !important;
}
.hero .btn-main{
  color:#06141b !important;
  border:1px solid rgba(145,239,255,.34) !important;
  border-radius:16px !important;
  background-image:
    linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,0) 38%),
    linear-gradient(135deg,#7fe8ff 0%,#46c9e3 24%,#2faecb 52%,#1a7f9c 76%,#0f5f7b 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.3),
    inset 0 -10px 18px rgba(10,54,72,.18),
    0 18px 36px -18px rgba(76,205,255,.95),
    0 0 26px rgba(76,205,255,.24) !important;
}
.hero .btn-main:hover{
  color:#041218 !important;
  border-color:rgba(180,247,255,.5) !important;
  background-image:
    linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,0) 40%),
    linear-gradient(135deg,#97f0ff 0%,#5cd9ef 24%,#39b9d4 50%,#2088a4 76%,#136881 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 -10px 18px rgba(10,54,72,.16),
    0 22px 40px -18px rgba(76,205,255,1),
    0 0 34px rgba(76,205,255,.3) !important;
}
.hero .btn-main::after{
  content:'' !important;
  position:absolute !important;
  inset:1px !important;
  border-radius:inherit !important;
  background:
    radial-gradient(circle at 50% 0%,rgba(255,255,255,.22),transparent 48%),
    linear-gradient(180deg,rgba(255,255,255,.08),transparent 42%,rgba(5,20,29,.06) 100%) !important;
  pointer-events:none !important;
  mix-blend-mode:screen !important;
}
.hero .btn-ghost{
  border:1px solid rgba(145,239,255,.18) !important;
  border-radius:16px !important;
  background-image:
    linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0) 36%),
    linear-gradient(135deg,rgba(19,66,82,.7) 0%,rgba(16,56,70,.62) 32%,rgba(11,42,55,.78) 60%,rgba(9,36,48,.82) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -10px 18px rgba(4,18,24,.16),
    0 18px 36px -18px rgba(76,205,255,.95),
    0 0 26px rgba(76,205,255,.16) !important;
}
.hero .btn-ghost:hover{
  border-color:rgba(180,247,255,.28) !important;
  background-image:
    linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,0) 38%),
    linear-gradient(135deg,rgba(22,78,96,.78) 0%,rgba(18,66,82,.7) 34%,rgba(13,50,63,.84) 60%,rgba(11,40,52,.88) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.1),
    inset 0 -10px 18px rgba(4,18,24,.14),
    0 22px 40px -18px rgba(76,205,255,1),
    0 0 34px rgba(76,205,255,.2) !important;
}
.hero .btn-main::before,
.hero .btn-ghost::before{
  content:'' !important;
  position:absolute !important;
  top:-34% !important;
  bottom:-34% !important;
  left:-20% !important;
  width:36% !important;
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.3),rgba(255,255,255,0)) !important;
  transform:translateX(-145%) skewX(-18deg) !important;
  pointer-events:none !important;
  mix-blend-mode:screen !important;
  animation:heroShineRun 5.6s ease-in-out infinite !important;
}
.hero .btn-ghost::before{
  background:linear-gradient(90deg,rgba(79,199,223,0),rgba(79,199,223,.28),rgba(79,199,223,0)) !important;
  animation-duration:6.2s !important;
}
.hero .btn-main > *,
.hero .btn-ghost > *{
  position:relative;
  z-index:2;
  font-size:13px !important;
}
@media (max-width:640px){
  nav{
    padding:0 4% !important;
    min-height:64px !important;
  }
  .nav-logo{
    gap:.55rem !important;
    min-width:0 !important;
  }
  .nav-logo-icon{
    height:40px !important;
  }
  .nav-brand-hybrid .brand-hy-text,
  .nav-brand-hybrid .brand-en-text,
  .nav-brand-hybrid .brand-ru-text{
    font-size:clamp(1rem,5vw,1.22rem) !important;
    white-space:nowrap !important;
  }
  .hero{
    min-height:auto !important;
    padding-top:78px !important;
  }
  .hero-content{
    grid-template-columns:1fr !important;
    gap:1.1rem !important;
    padding:0 4% 0.8rem !important;
  }
  .hero-tag{
    margin-bottom:.85rem !important;
    font-size:10px !important;
    padding:.44rem .8rem !important;
  }
  .hero-title{
    font-size:clamp(1.8rem,8.2vw,2.35rem) !important;
    margin-bottom:1rem !important;
  }
  .hero-desc{
    font-size:.95rem !important;
    line-height:1.6 !important;
    margin-bottom:1rem !important;
  }
  .hero-btns{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    gap:.7rem !important;
  }
  .hero-btns .btn-main,
  .hero-btns .btn-ghost,
  .hero .btn-main,
  .hero .btn-ghost{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:42px !important;
    padding:0 14px !important;
    font-size:11px !important;
    border-radius:14px !important;
  }
  .hero .btn-main > *,
  .hero .btn-ghost > *{
    font-size:11px !important;
  }
  .ticker{
    padding:.55rem 4% .75rem !important;
  }
  .ticker-track{
    width:100% !important;
    border-radius:16px !important;
  }
  .ticker-inner{
    padding:.42rem .68rem !important;
    gap:.75rem !important;
    animation-duration:90s !important;
  }
  .ticker-item{
    font-size:7px !important;
    letter-spacing:.01em !important;
  }
  .ticker-sep{
    width:11px !important;
    height:11px !important;
    font-size:6px !important;
  }
  .stats{
    margin-top:8px !important;
    padding:1.45rem 4% 1.8rem !important;
  }
  .stats-grid{
    max-width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
  .stat-box{
    padding:.9rem .72rem .82rem !important;
    border-radius:14px !important;
  }
  .stat-num{
    font-size:1.9rem !important;
    margin-bottom:.35rem !important;
  }
  .stat-label{
    font-size:9px !important;
    line-height:1.25 !important;
    letter-spacing:.04em !important;
  }
  .stats-grid .stat-box:last-child{
    grid-column:1 / -1 !important;
  }
}

/* === FINAL MOBILE LAYOUT SAFETY NET === */
@media (max-width:640px){
  html,body{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }
  body{
    position:relative !important;
  }
  section,
  nav,
  footer,
  .section-inner,
  .footer-inner,
  .hero-content,
  .contact-unified-inner,
  .contact-unified-copy,
  .contact-unified-panel,
  .problems-layout,
  .services-head,
  .services-grid,
  .how-steps,
  .packages-grid,
  .options-grid,
  .calc-bd,
  .calc-left,
  .why-grid,
  .why-summary,
  .soc-flow,
  .footer-top,
  .footer-bottom{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }
  section{
    padding-left:4% !important;
    padding-right:4% !important;
  }
  .section-inner,
  .footer-inner,
  .contact-unified-inner{
    margin-left:auto !important;
    margin-right:auto !important;
  }
  .ticker{
    padding:.45rem 4% .65rem !important;
  }
  .ticker-track{
    width:100% !important;
    max-width:100% !important;
  }
  .ticker-inner{
    min-width:max-content !important;
    max-width:none !important;
    animation-duration:140s !important;
  }
  .problems{
    padding-top:3rem !important;
    padding-bottom:3rem !important;
  }
  .problems-layout,
  .services-head,
  .services-grid,
  .packages-grid,
  .options-grid,
  .calc-bd,
  .calc-left,
  .why-grid,
  .footer-top,
  .contact-form-inner{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:1rem !important;
  }
  .how-steps{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:1rem !important;
    margin-top:2rem !important;
  }
  .how-steps::before,
  .how-steps::after{
    display:none !important;
  }
  .how-step{
    padding:0 .3rem !important;
  }
  .problems-list,
  .why-points{
    margin-top:1.15rem !important;
    gap:.75rem !important;
  }
  .problem-item,
  .service-card,
  .opt-card,
  .why-point,
  .soc-step-card,
  .pkg-card,
  .pkg-featured-wrap,
  .contact-card,
  .contact-unified-panel{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }
  .problem-item,
  .service-card,
  .why-point,
  .soc-step-card{
    padding:1rem !important;
    border-radius:16px !important;
  }
  .service-card{
    min-height:auto !important;
  }
.service-name,
.problem-title,
.step-name,
.why-point-title,
.pkg-name{
  font-size:1.06rem !important;
  line-height:1.3 !important;
}
.service-text,
.problem-text,
.step-desc,
.why-point-text,
.pkg-features li{
  font-size:14px !important;
  line-height:1.6 !important;
}
  .services-head,
  .why-text,
  .problems-text,
  .contact-unified-copy{
    text-align:left !important;
  }
  .services-head .section-desc,
  .why-desc-wrap,
  .contact-lead,
  .contact-inline-address{
    max-width:100% !important;
  }
  .services-grid{
    display:grid !important;
    grid-template-columns:repeat(6,82vw) !important;
    gap:12px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    padding-bottom:10px !important;
    padding-right:4% !important;
    background:transparent !important;
    border:none !important;
  }
  .services-grid .service-card{
    scroll-snap-align:start;
    min-width:82vw !important;
    width:82vw !important;
    max-width:82vw !important;
  }
  .services-grid::-webkit-scrollbar{
    height:6px;
  }
  .services-grid::-webkit-scrollbar-thumb{
    background:rgba(255,255,255,.92);
    border-radius:999px;
  }
  .packages{
    padding-top:3.1rem !important;
    padding-bottom:3rem !important;
  }
  .packages-grid{
    display:grid !important;
    grid-template-columns:repeat(4,84vw) !important;
    justify-content:flex-start !important;
    gap:12px !important;
    overflow-x:auto !important;
    overflow-y:visible !important;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    padding-top:1.2rem !important;
    padding-bottom:10px !important;
    padding-right:4% !important;
  }
  .packages-grid > .pkg-card,
  .packages-grid > .pkg-featured-wrap{
    width:84vw !important;
    min-width:84vw !important;
    max-width:84vw !important;
    scroll-snap-align:start;
    overflow:visible !important;
  }
  .packages-grid .pkg-card{
    width:100% !important;
  }
  #packages .hero-title{
    white-space:normal !important;
    overflow:visible !important;
    text-align:center !important;
  }
  .packages-grid .pkg-btn{
    width:auto !important;
    min-width:0 !important;
    min-height:43px !important;
    padding:.72rem .7rem !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  .packages-grid::-webkit-scrollbar{
    height:6px;
  }
  .packages-grid::-webkit-scrollbar-thumb{
    background:rgba(255,255,255,.92);
    border-radius:999px;
  }
  .packages-note-line{
    white-space:normal !important;
    font-size:.86rem !important;
    line-height:1.55 !important;
  }
  .pkg-card{
    padding:1rem .9rem !important;
    border-radius:18px !important;
  }
  .pkg-price{
    font-size:1.8rem !important;
  }
  .pkg-btn,
  .form-submit,
  .contact-quick,
  .contact-quick-primary,
  .contact-quick-secondary{
    width:100% !important;
    min-width:0 !important;
  }
  .options-grid{
    display:grid !important;
    grid-template-columns:repeat(6,84vw) !important;
    justify-content:flex-start !important;
    gap:12px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    padding-bottom:10px !important;
    padding-right:4% !important;
  }
  .opt-card{
    width:84vw !important;
    min-width:84vw !important;
    max-width:84vw !important;
    min-height:232px !important;
    padding:1rem .9rem !important;
    border-radius:18px !important;
    scroll-snap-align:start;
  }
  .options-grid::-webkit-scrollbar{
    height:6px;
  }
  .options-grid::-webkit-scrollbar-thumb{
    background:rgba(255,255,255,.92);
    border-radius:999px;
  }
  .calc-wrap{
    border-radius:20px !important;
  }
  .calc-bd{
    display:flex !important;
    flex-direction:column !important;
    padding:1rem !important;
  }
  .calc-left{
    display:flex !important;
    flex-direction:column !important;
  }
  .calc-left > .calc-field:nth-child(2){
    order:1 !important;
  }
  .calc-right{
    order:2 !important;
  }
  .calc-left > .calc-field:nth-child(3){
    order:3 !important;
  }
  .calc-left > .calc-field:nth-child(4){
    order:4 !important;
  }
  .calc-left > .calc-field:nth-child(1){
    order:5 !important;
  }
  .pill-group{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .calc-checks{
    grid-template-columns:1fr !important;
  }
  .compare-panel,
  .calc-right{
    width:100% !important;
    max-width:100% !important;
  }
  .why{
    padding-top:3.2rem !important;
    padding-bottom:3.1rem !important;
  }
  .why-summary{
    grid-template-columns:1fr !important;
    gap:.7rem !important;
    max-width:100% !important;
  }
  .why-summary-card,
  .soc-footer{
    padding:.95rem .9rem !important;
    border-radius:16px !important;
  }
  .contact-unified-section{
    padding:3.2rem 4% !important;
  }
  .contact-title{
    font-size:clamp(1.75rem,9vw,2.25rem) !important;
    line-height:1.14 !important;
  }
  .contact-lead{
    font-size:.92rem !important;
    line-height:1.7 !important;
    margin-bottom:1rem !important;
  }
  .contact-inline-actions{
    display:flex !important;
    flex-direction:column !important;
    gap:.7rem !important;
    align-items:stretch !important;
    justify-content:stretch !important;
  }
  .contact-inline-address{
    text-align:left !important;
    font-size:.9rem !important;
  }
  .contact-unified-panel{
    padding:.92rem !important;
    border-radius:16px !important;
  }
  .contact-unified-panel .form-title{
    font-size:.96rem !important;
  }
  .contact-unified-panel .form-sub{
    font-size:.8rem !important;
  }
  .form-row{
    grid-template-columns:1fr !important;
    gap:.68rem !important;
  }
  .form-input,
  .form-select,
  .form-textarea{
    font-size:16px !important;
  }
  footer{
    display:none !important;
  }
}

@media (max-width:420px){
  .how-steps{
    grid-template-columns:1fr 1fr !important;
    gap:1rem .7rem !important;
  }
  .step-circle{
    width:58px !important;
    height:58px !important;
    margin:0 auto 1rem !important;
  }
  .step-name{
    font-size:.88rem !important;
  }
  .step-desc{
    font-size:12px !important;
    line-height:1.5 !important;
    max-width:16ch !important;
  }
  .stats-grid{
    grid-template-columns:1fr 1fr !important;
  }
  .stat-num{
    font-size:1.7rem !important;
  }
  .stat-label{
    font-size:8px !important;
  }
  .nav-brand-hybrid .brand-hy-text,
  .nav-brand-hybrid .brand-en-text,
  .nav-brand-hybrid .brand-ru-text{
    font-size:.92rem !important;
  }
}


body.menu-open{
  overflow:hidden;
}

.cam-feed,
.cam-feed canvas{
  contain:layout paint;
}

section,
.stats,
.ticker,
footer{
  content-visibility:auto;
  contain-intrinsic-size:900px;
}

.hero,
nav,
.mobile-menu{
  content-visibility:visible;
  contain-intrinsic-size:auto;
}

@media (prefers-reduced-motion: reduce){
  html{
    scroll-behavior:auto !important;
  }

  *,*::before,*::after{
    animation-duration:0.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:0.01ms !important;
  }

  .cursor,
  .cursor-ring{
    display:none !important;
  }
}

.lang-dropdown{
  max-width:min(92vw, 260px);
}

.lang-dropdown .lang-btn,
.hero-title,
.hero-title-line,
.hero-title em,
.section-desc,
.packages-note-line,
.service-name,
.service-text,
.step-name,
.step-desc,
.pkg-name,
.pkg-features li,
.pkg-btn,
.pkg-unit,
.opt-tag,
.opt-name,
.opt-desc,
.opt-price,
.calc-check,
.storage-note,
.storage-extra-label,
.res-lbl,
.res-unit,
.br-lbl,
.br-val,
.why-point-title,
.why-point-text,
.why-summary-text,
.soc-step-title,
.soc-step-text,
.soc-step-meta,
.soc-footer-text,
.form-label,
.form-input,
.form-select,
.form-textarea,
.contact-title,
.contact-lead,
.contact-inline-address,
.footer-desc,
.footer-copy,
.footer-links a,
.cam-ctrl-label{
  white-space:normal !important;
  overflow-wrap:anywhere;
  word-break:normal;
}

.calc-check.nowrap,
.packages-note-line,
#how .section-desc,
.hero-title-line,
.hero-title em,
.pkg-price-line,
.opt-price,
.why-point-meta,
.soc-step-meta{
  white-space:normal !important;
}

.pkg-price-line,
.opt-price,
.soc-step-top,
.soc-footer-top,
.why-point-top{
  flex-wrap:wrap;
}

@media (min-width:901px){
  .soc-display .soc-step-top{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:start;
    column-gap:.7rem;
    row-gap:.34rem;
  }

  .soc-display .soc-step-title{
    min-width:0;
  }

  .soc-display .soc-step-meta{
    justify-self:end;
    white-space:nowrap !important;
  }
}

.services-grid > *,
.packages-grid > *,
.options-grid > *,
.why-grid > *,
.calc-bd > *,
.calc-left > *,
.footer-top > *,
.contact-unified-inner > *,
.contact-unified-panel,
.contact-unified-copy,
.monitor-header,
.problems-layout > *,
.vs-row > *,
.why-summary > *{
  min-width:0;
}

.why-summary{
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
}

.pkg-price-line,
.opt-price{
  row-gap:.2rem;
}

.packages-note-line,
#how .section-desc{
  max-width:min(900px,100%) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.problems .prob-2,
#services .hero-title,
#how .hero-title,
#packages .hero-title,
.why-text h2{
  font-size:clamp(2.08rem,2.55vw,2.55rem) !important;
}

.contact-title{
  font-size:clamp(1.76rem,2.88vw,2.88rem) !important;
}

@media (max-width:900px){
  .problems .prob-2,
  #services .hero-title,
  #how .hero-title,
  #packages .hero-title,
  .why-text h2{
    font-size:clamp(1.9rem,6.8vw,2.32rem) !important;
  }

  .contact-title{
    font-size:clamp(1.45rem,7.2vw,1.8rem) !important;
  }
}

/* === MOBILE QA FIXES === */
@media (max-width:900px){
  .mobile-menu{
    justify-content:flex-start !important;
    gap:1.15rem !important;
    padding:calc(env(safe-area-inset-top,0px) + 1.25rem) 8vw calc(env(safe-area-inset-bottom,0px) + 1.6rem) !important;
    overflow-y:auto !important;
  }

  .mobile-menu a{
    width:100%;
    max-width:420px;
    font-size:clamp(1.2rem,6.6vw,1.65rem) !important;
    text-align:center;
    line-height:1.18;
  }

  .mobile-close{
    top:1rem !important;
    right:1rem !important;
  }

  .mobile-lang{
    justify-content:center;
    flex-wrap:wrap;
    margin-top:.25rem;
  }
}

@media (max-width:640px){
  .back-to-top{
    right:10px !important;
    bottom:10px !important;
    width:42px !important;
    height:42px !important;
    border-radius:13px !important;
    font-size:18px !important;
  }
  .contact-hub{
    right:18px;
    bottom:var(--cortex-floating-hub-mobile-bottom,74px);
  }
  .contact-hub-greeting{
    width:min(220px,calc(100vw - 96px));
    margin-right:58px;
    margin-bottom:-46px;
    padding:.62rem 1.8rem .62rem .78rem;
  }
  .contact-hub-greeting-title{font-size:10.5px}
  .contact-hub-greeting-text{font-size:10px}
  .contact-hub-panel{
    width:min(340px,calc(100vw - 20px));
    padding:.92rem;
    border-radius:20px;
  }
  .contact-hub-toggle{
    width:52px;
    height:52px;
    border-radius:999px;
  }
  .contact-hub-action{
    min-height:54px;
    padding:.54rem .58rem;
  }
  .contact-hub-action-icon{
    width:32px;
    height:32px;
  }

  .how-steps{
    grid-template-columns:1fr !important;
    gap:1rem !important;
  }

  .how-step{
    padding:0 !important;
  }

  .how-step::before,
  .how-step::after,
  .how-step:nth-child(odd)::before,
  .how-step:nth-child(1)::after,
  .how-step:nth-child(2)::after,
  .how-step:nth-child(3)::after,
  .how-step:nth-child(4)::after{
    display:none !important;
  }

  .services-grid,
  .packages-grid,
  .options-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:1rem !important;
    overflow:visible !important;
    overflow-x:visible !important;
    scroll-snap-type:none !important;
    padding-right:0 !important;
    padding-bottom:0 !important;
  }

  .services-grid .service-card,
  .packages-grid > .pkg-card,
  .packages-grid > .pkg-featured-wrap,
  .options-grid .opt-card{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    scroll-snap-align:none !important;
  }

  .packages-grid .pkg-card,
  .packages-grid .pkg-featured-wrap{
    margin:0 !important;
  }

  .options-grid .opt-card{
    min-height:auto !important;
  }

  .services-grid::-webkit-scrollbar,
  .packages-grid::-webkit-scrollbar,
  .options-grid::-webkit-scrollbar{
    display:none;
  }

  .calc-wrap{
    overflow:hidden !important;
  }

  .calc-right{
    padding:1rem .95rem !important;
    border-radius:20px !important;
  }

  .calc-check{
    line-height:1.5 !important;
    align-items:flex-start !important;
  }

  .storage-stepper-wrap{
    align-items:stretch !important;
    gap:.7rem !important;
  }

  .soc-header,
  .soc-step-top,
  .soc-footer-top{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:.45rem !important;
  }

  .soc-kicker,
  .soc-time,
  .soc-step-meta,
  .why-point-meta{
    white-space:normal !important;
  }

  .contact-inline-address{
    text-align:center !important;
  }

  footer{
    display:block !important;
    padding:2.4rem 4% calc(2rem + env(safe-area-inset-bottom,0px)) !important;
  }

  .footer-top{
    grid-template-columns:1fr !important;
    gap:1.3rem !important;
    margin-bottom:1.3rem !important;
  }

  .footer-bottom{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:.55rem !important;
  }

  .footer-desc,
  .footer-copy,
  .footer-reqs{
    max-width:100% !important;
  }

  .footer-socials{
    gap:.45rem !important;
  }

  .footer-social-link{
    font-size:11px !important;
    padding:.32rem .58rem !important;
  }
}

@media (max-width:420px){
  .how-steps{
    grid-template-columns:1fr !important;
  }

  .stats-grid{
    grid-template-columns:1fr !important;
  }

  .stat-box:last-child{
    grid-column:auto !important;
  }
}

@media (hover:none), (pointer:coarse){
  .contact-quick:hover,
  .form-status-btn:hover,
  .pkg-btn:hover,
  .btn-main:hover,
  .btn-ghost:hover,
  .service-card:hover,
  .why-point:hover,
  .problem-item:hover,
  .stat-box:hover{
    transform:none !important;
  }
}

/* 1.6.32 mobile finish: compact scroll cards, safer ticker, lighter floating tools. */
@media (max-width:720px){
  html,body{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  .nav{
    min-height:72px !important;
    padding:10px 18px !important;
  }

  .nav-logo img,.nav-logo-icon{
    width:48px !important;
    height:48px !important;
    flex:0 0 48px !important;
  }

  .nav-brand,.brand-split,.nav-brand-hybrid{
    max-width:calc(100vw - 150px) !important;
    font-size:clamp(22px, 6.4vw, 30px) !important;
    line-height:1 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
  }

  .hero{
    min-height:auto !important;
    padding:112px 18px 28px !important;
  }

  .hero-content{
    display:block !important;
    width:min(100%, 680px) !important;
    margin:0 auto !important;
  }

  .hero-left,.hero-right{
    width:100% !important;
    max-width:100% !important;
  }

  .hero-tag{
    width:100% !important;
    max-width:100% !important;
    padding:13px 15px !important;
    font-size:clamp(13px, 3.9vw, 17px) !important;
    line-height:1.35 !important;
    white-space:normal !important;
    text-align:center !important;
  }

  .hero-title{
    max-width:100% !important;
    font-size:clamp(43px, 13.4vw, 64px) !important;
    line-height:1.02 !important;
    letter-spacing:0 !important;
    overflow-wrap:anywhere !important;
  }

  .hero-desc{
    max-width:100% !important;
    font-size:clamp(17px, 4.6vw, 21px) !important;
    line-height:1.72 !important;
  }

  .hero-btns{
    display:flex !important;
    gap:12px !important;
    overflow-x:auto !important;
    scroll-snap-type:x mandatory !important;
    -webkit-overflow-scrolling:touch !important;
    padding-bottom:4px !important;
  }

  .hero-btns > *{
    min-width:min(78vw, 270px) !important;
    flex:0 0 auto !important;
    scroll-snap-align:start !important;
  }

  .hero-monitor{
    margin-top:22px !important;
  }

  .ticker{
    width:100vw !important;
    margin-left:50% !important;
    transform:translateX(-50%) !important;
    height:44px !important;
    min-height:44px !important;
    padding:0 !important;
    overflow:hidden !important;
    border-top:1px solid rgba(105,220,255,.26) !important;
    border-bottom:1px solid rgba(105,220,255,.22) !important;
  }

  .ticker-track{
    width:100vw !important;
    height:44px !important;
    min-height:44px !important;
    border-radius:0 !important;
    border-left:0 !important;
    border-right:0 !important;
    display:flex !important;
    align-items:center !important;
  }

  .ticker-inner{
    gap:26px !important;
    animation-duration:90s !important;
  }

  .ticker-item{
    font-size:clamp(10px, 2.8vw, 12px) !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }

  .stats{
    padding:16px 0 34px !important;
    margin-top:0 !important;
  }

  .stats-grid,
  .services-grid,
  .packages-grid,
  .options-grid,
  .why-summary,
  .why-points,
  .problems-list,
  .how-steps,
  .pricing-grid,
  .features-grid,
  .cards-grid,
  .testimonials-grid,
  .reviews-grid,
  .partners-grid,
  .faq-list,
  .news-grid,
  .media-grid,
  .gallery-grid,
  .cortex-block-items,
  .cortex-extra-items,
  .extra-block-grid,
  .cortex-extra-grid,
  .compare-grid,
  .soc-services-grid,
  .soc-options-grid{
    display:flex !important;
    grid-template-columns:none !important;
    gap:14px !important;
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x mandatory !important;
    -webkit-overflow-scrolling:touch !important;
    padding-left:18px !important;
    padding-right:18px !important;
    scrollbar-width:none !important;
  }

  .stats-grid > *,
  .services-grid > *,
  .packages-grid > *,
  .options-grid > *,
  .why-summary > *,
  .why-points > *,
  .problems-list > *,
  .how-steps > *,
  .pricing-grid > *,
  .features-grid > *,
  .cards-grid > *,
  .testimonials-grid > *,
  .reviews-grid > *,
  .partners-grid > *,
  .faq-list > *,
  .news-grid > *,
  .media-grid > *,
  .gallery-grid > *,
  .cortex-block-items > *,
  .cortex-extra-items > *,
  .extra-block-grid > *,
  .cortex-extra-grid > *,
  .compare-grid > *,
  .soc-services-grid > *,
  .soc-options-grid > *{
    flex:0 0 min(84vw, 390px) !important;
    min-width:min(84vw, 390px) !important;
    max-width:min(84vw, 390px) !important;
    scroll-snap-align:start !important;
  }

  .stats-grid > *{
    flex-basis:min(72vw, 300px) !important;
    min-width:min(72vw, 300px) !important;
    min-height:104px !important;
  }

  .packages-grid > *,
  .services-grid > *,
  .options-grid > *{
    flex-basis:min(88vw, 430px) !important;
    min-width:min(88vw, 430px) !important;
  }

  .contact-hub{
    right:14px !important;
    bottom:calc(env(safe-area-inset-bottom, 0px) + 66px) !important;
    transform:scale(.82) !important;
    transform-origin:bottom right !important;
    z-index:80 !important;
  }

  .back-to-top{
    right:16px !important;
    bottom:calc(env(safe-area-inset-bottom, 0px) + 18px) !important;
    width:48px !important;
    height:48px !important;
    z-index:78 !important;
  }

  .reveal{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }

  .cortex-neural-bg-canvas{
    opacity:.16 !important;
  }
}

/* 1.6.32: public mobile final pass. Strong selectors beat older mobile presets. */
@media (max-width:720px){
  body,
  html{
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  body.cortex-mobile-optimized .hero-content,
  body .hero-content{
    grid-template-columns:1fr !important;
    padding:5.35rem 5vw 1.2rem !important;
    gap:1rem !important;
    min-height:auto !important;
  }

  body.cortex-mobile-optimized .hero-tag,
  body .hero-tag{
    width:100% !important;
    max-width:100% !important;
    font-size:clamp(.64rem,2.85vw,.78rem) !important;
    line-height:1.35 !important;
    white-space:normal !important;
    word-break:normal !important;
  }

  body.cortex-mobile-optimized .hero-title,
  body .hero-title{
    font-size:clamp(2rem,10.2vw,2.9rem) !important;
    line-height:1.04 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }

  body.cortex-mobile-optimized .hero-desc,
  body .hero-desc{
    font-size:clamp(.96rem,3.9vw,1.08rem) !important;
    line-height:1.5 !important;
    max-height:none !important;
    overflow:visible !important;
  }

  body.cortex-mobile-optimized .ticker,
  body .ticker{
    position:relative !important;
    z-index:3 !important;
    min-height:32px !important;
    margin-bottom:.75rem !important;
    padding:.18rem 0 !important;
  }

  body.cortex-mobile-optimized .stats,
  body .stats{
    position:relative !important;
    z-index:1 !important;
    padding-top:.3rem !important;
  }

  body.cortex-mobile-one-column-cards .stats-grid,
  body.cortex-mobile-one-column-cards .services-grid,
  body.cortex-mobile-one-column-cards .packages-grid,
  body.cortex-mobile-one-column-cards .options-grid,
  body.cortex-mobile-one-column-cards .why-summary,
  body.cortex-mobile-optimized .stats-grid,
  body.cortex-mobile-optimized .services-grid,
  body.cortex-mobile-optimized .packages-grid,
  body.cortex-mobile-optimized .options-grid,
  body.cortex-mobile-optimized .why-summary,
  body .stats-grid,
  body .services-grid,
  body .packages-grid,
  body .options-grid,
  body .why-summary,
  body .why-points,
  body .problems-list,
  body .how-steps,
  body .pricing-grid,
  body .features-grid,
  body .cards-grid,
  body .testimonials-grid,
  body .reviews-grid,
  body .partners-grid,
  body .faq-list,
  body .news-grid,
  body .media-grid,
  body .gallery-grid,
  body .cortex-block-items,
  body .cortex-extra-items,
  body .extra-block-grid,
  body .cortex-extra-grid,
  body .compare-grid,
  body .soc-services-grid,
  body .soc-options-grid{
    display:grid !important;
    grid-auto-flow:column !important;
    grid-auto-columns:min(82vw,360px) !important;
    grid-template-columns:none !important;
    width:100vw !important;
    max-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    padding-left:5vw !important;
    padding-right:5vw !important;
    padding-bottom:.85rem !important;
    gap:14px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x mandatory !important;
    -webkit-overflow-scrolling:touch !important;
    background:transparent !important;
    border:0 !important;
  }

  body .stats-grid{
    grid-auto-columns:62vw !important;
  }

  body .stats-grid > *,
  body .services-grid > *,
  body .packages-grid > *,
  body .options-grid > *,
  body .why-summary > *,
  body .why-points > *,
  body .problems-list > *,
  body .how-steps > *,
  body .pricing-grid > *,
  body .features-grid > *,
  body .cards-grid > *,
  body .testimonials-grid > *,
  body .reviews-grid > *,
  body .partners-grid > *,
  body .faq-list > *,
  body .news-grid > *,
  body .media-grid > *,
  body .gallery-grid > *,
  body .cortex-block-items > *,
  body .cortex-extra-items > *,
  body .extra-block-grid > *,
  body .cortex-extra-grid > *,
  body .compare-grid > *,
  body .soc-services-grid > *,
  body .soc-options-grid > *{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    scroll-snap-align:start !important;
  }

  body .stats-grid::-webkit-scrollbar,
  body .services-grid::-webkit-scrollbar,
  body .packages-grid::-webkit-scrollbar,
  body .options-grid::-webkit-scrollbar,
  body .why-summary::-webkit-scrollbar,
  body .why-points::-webkit-scrollbar,
  body .problems-list::-webkit-scrollbar,
  body .how-steps::-webkit-scrollbar,
  body .pricing-grid::-webkit-scrollbar,
  body .features-grid::-webkit-scrollbar,
  body .cards-grid::-webkit-scrollbar,
  body .testimonials-grid::-webkit-scrollbar,
  body .reviews-grid::-webkit-scrollbar,
  body .partners-grid::-webkit-scrollbar,
  body .faq-list::-webkit-scrollbar,
  body .news-grid::-webkit-scrollbar,
  body .media-grid::-webkit-scrollbar,
  body .gallery-grid::-webkit-scrollbar,
  body .cortex-block-items::-webkit-scrollbar,
  body .cortex-extra-items::-webkit-scrollbar,
  body .extra-block-grid::-webkit-scrollbar,
  body .cortex-extra-grid::-webkit-scrollbar,
  body .compare-grid::-webkit-scrollbar,
  body .soc-services-grid::-webkit-scrollbar,
  body .soc-options-grid::-webkit-scrollbar{
    display:none !important;
  }
}

/* Keep the ticker/stat spacing identical for logged-in preview and public visitors. */
.ticker{
  margin-bottom:0 !important;
}

.stats{
  margin-top:0 !important;
  padding:.65rem 5% 1.35rem !important;
}

.stats-grid{
  margin-top:0 !important;
}

@media (max-width:720px){
  .ticker{
    margin-bottom:0 !important;
  }

  .stats{
    padding:.7rem 4% 1rem !important;
  }
}

/* 1.6.31: final mobile layout/performance lock. */
html,
body{
  max-width:100%;
  overflow-x:hidden;
}

.ticker{
  width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  padding:.28rem 0 !important;
  overflow:hidden !important;
}

.ticker-track{
  width:100% !important;
  max-width:100% !important;
  border-left:0 !important;
  border-right:0 !important;
}

@media (max-width:720px){
  .nav,
  nav,
  #navbar{
    min-height:72px !important;
    padding:.55rem 5vw !important;
    gap:.7rem !important;
  }

  .nav-logo,
  .nav-logo a{
    max-width:calc(100vw - 116px) !important;
    min-width:0 !important;
    overflow:hidden !important;
  }

  .nav-logo-icon{
    height:42px !important;
    width:auto !important;
    flex:0 0 auto !important;
  }

  .brand-split,
  .nav-brand,
  .nav-brand-hybrid{
    max-width:calc(100vw - 170px) !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    text-overflow:clip !important;
    font-size:clamp(1rem,5vw,1.22rem) !important;
    line-height:1 !important;
  }

  .nav-links,
  .nav-cta,
  .lang-switcher{
    display:none !important;
  }

  .nav-mobile-btn,
  .mobile-toggle{
    display:flex !important;
  }

  .hero{
    min-height:auto !important;
    overflow:hidden !important;
  }

  .hero-content{
    grid-template-columns:1fr !important;
    padding:5.8rem 5vw 1.45rem !important;
    gap:1.05rem !important;
    min-height:auto !important;
  }

  .hero-left{
    width:100% !important;
    max-width:100% !important;
  }

  .hero-right,
  .hero-monitor{
    display:none !important;
  }

  .hero-tag{
    width:100% !important;
    max-width:100% !important;
    justify-content:center !important;
    text-align:center !important;
    font-size:clamp(.66rem,3vw,.82rem) !important;
    line-height:1.35 !important;
    letter-spacing:.06em !important;
    padding:.55rem .75rem !important;
    margin:0 0 .85rem !important;
  }

  .hero-title{
    max-width:100% !important;
    margin:0 0 .85rem !important;
    font-size:clamp(2.05rem,11.5vw,3.25rem) !important;
    line-height:1.02 !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
  }

  .hero-title-line,
  .hero-title em,
  .hero-title-tail,
  .hero-title-sub{
    font-size:inherit !important;
    line-height:inherit !important;
    white-space:normal !important;
  }

  .hero-desc{
    max-width:100% !important;
    max-height:none !important;
    overflow:visible !important;
    margin:0 0 1rem !important;
    font-size:clamp(.98rem,4.3vw,1.13rem) !important;
    line-height:1.55 !important;
  }

  .hero-btns{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:.72rem !important;
    width:100% !important;
  }

  .btn-main,
  .btn-ghost{
    width:100% !important;
    min-height:46px !important;
    justify-content:center !important;
    text-align:center !important;
    font-size:clamp(.78rem,3.45vw,.94rem) !important;
  }

  .ticker{
    min-height:34px !important;
    padding:.22rem 0 !important;
    margin-bottom:0 !important;
  }

  .ticker-track{
    border-radius:0 !important;
  }

  .ticker-inner{
    padding:.38rem 0 !important;
    gap:1.35rem !important;
    animation-duration:120s !important;
  }

  .ticker-item{
    font-size:clamp(.66rem,3.15vw,.82rem) !important;
    line-height:1 !important;
    letter-spacing:.02em !important;
    white-space:nowrap !important;
  }

  .ticker-sep{
    width:11px !important;
    height:11px !important;
    flex:0 0 auto !important;
    font-size:7px !important;
  }

  .stats{
    padding:.6rem 0 1.05rem !important;
  }

  .stats-grid,
  .services-grid,
  .packages-grid,
  .options-grid,
  .why-summary,
  .why-points,
  .problems-list,
  .how-steps{
    display:grid !important;
    grid-auto-flow:column !important;
    grid-auto-columns:min(82vw,360px) !important;
    grid-template-columns:none !important;
    width:100vw !important;
    max-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    padding-left:5vw !important;
    padding-right:5vw !important;
    padding-bottom:.85rem !important;
    gap:14px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x mandatory !important;
    -webkit-overflow-scrolling:touch !important;
    background:transparent !important;
    border:0 !important;
  }

  .stats-grid{
    grid-auto-columns:62vw !important;
    padding-top:.2rem !important;
  }

  .stats-grid > *,
  .services-grid > *,
  .packages-grid > *,
  .options-grid > *,
  .why-summary > *,
  .why-points > *,
  .problems-list > *,
  .how-steps > *{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    scroll-snap-align:start !important;
  }

  .stats-grid::-webkit-scrollbar,
  .services-grid::-webkit-scrollbar,
  .packages-grid::-webkit-scrollbar,
  .options-grid::-webkit-scrollbar,
  .why-summary::-webkit-scrollbar,
  .why-points::-webkit-scrollbar,
  .problems-list::-webkit-scrollbar,
  .how-steps::-webkit-scrollbar{
    display:none !important;
  }

  .stat-box{
    min-height:92px !important;
    padding:.9rem !important;
    border-radius:16px !important;
  }

  .stat-num,
  .stat-value{
    font-size:clamp(1.75rem,8vw,2.25rem) !important;
    line-height:1 !important;
  }

  .problem-item{
    display:grid !important;
    grid-template-columns:52px 1fr !important;
    gap:.7rem !important;
    min-height:132px !important;
    padding:1rem !important;
    border-radius:18px !important;
  }

  .problem-num{
    font-size:clamp(1.35rem,7vw,1.8rem) !important;
    line-height:1 !important;
  }

  .service-card,
  .opt-card,
  .why-point,
  .pkg-card,
  .soc-step-card,
  .how-step{
    min-height:0 !important;
    padding:1.05rem !important;
    border-radius:18px !important;
  }

  .pkg-head,
  .pkg-body{
    padding:1rem !important;
  }

  .pkg-price-number{
    font-size:clamp(2rem,9vw,2.65rem) !important;
  }

  .problem-title,
  .service-name,
  .step-name,
  .pkg-name,
  .opt-name,
  .reason-title,
  .soc-step-title{
    font-size:clamp(1.04rem,4.9vw,1.26rem) !important;
    line-height:1.28 !important;
  }

  .problem-text,
  .service-text,
  .step-desc,
  .pkg-sub,
  .pkg-features li,
  .opt-desc,
  .reason-text,
  .soc-step-text,
  .section-desc,
  .why-desc{
    font-size:clamp(.94rem,4vw,1.05rem) !important;
    line-height:1.55 !important;
    white-space:normal !important;
  }

  .problems,
  .services,
  .how,
  .packages,
  .why,
  .contact-unified-section{
    padding-top:2.6rem !important;
    padding-bottom:2.6rem !important;
  }

  .section-inner{
    width:100% !important;
    max-width:100% !important;
    padding-left:5vw !important;
    padding-right:5vw !important;
  }

  .section-title,
  .why-title{
    font-size:clamp(2rem,9.5vw,2.9rem) !important;
    line-height:1.08 !important;
    overflow-wrap:anywhere !important;
  }

  .contact-hub{
    right:12px !important;
    bottom:76px !important;
    transform:scale(.78) !important;
    transform-origin:bottom right !important;
    z-index:80 !important;
  }

  body:not(.cortex-visual-editing) .contact-hub-greeting{
    display:none !important;
  }

  .back-to-top{
    right:12px !important;
    bottom:18px !important;
    width:46px !important;
    height:46px !important;
    border-radius:15px !important;
    z-index:79 !important;
  }

  .cursor,
  .cursor-ring,
  .hero-lines,
  .scan-line,
  .noise-layer{
    display:none !important;
  }

  .reveal{
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
    transition:none !important;
  }

  .cortex-neural-bg-canvas{
    opacity:.22 !important;
  }
}

@media (hover:none), (pointer:coarse){
  .contact-quick:hover,
  .form-status-btn:hover,
  .pkg-btn:hover,
  .btn-main:hover,
  .btn-ghost:hover,
  .service-card:hover,
  .why-point:hover,
  .problem-item:hover,
  .stat-box:hover{
    transform:none !important;
  }
}
/* Cortex Sentinel 1.6.38: mobile package cards stay fixed; no tap/hover zoom. */
@media (max-width: 720px), (hover: none), (pointer: coarse) {
  html body .packages-grid .pkg-card,
  html body .packages-grid .pkg-card:hover,
  html body .packages-grid .pkg-card:focus,
  html body .packages-grid .pkg-card:active,
  html body .packages-grid .pkg-card.featured,
  html body .packages-grid .pkg-card.featured:hover,
  html body .packages-grid .pkg-featured-wrap:hover .pkg-card,
  html body .packages-grid:hover > .pkg-card:not(:hover),
  html body .packages-grid:hover > .pkg-featured-wrap:not(:hover) .pkg-card {
    transform: none !important;
    scale: 1 !important;
    filter: none !important;
  }
}

/* Cortex Sentinel 1.6.38: hero buttons must stay side by side on phones. */
@media (max-width: 720px) {
  html body .hero .hero-btns {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    overflow: visible !important;
  }

  html body .hero .hero-btns > *,
  html body .hero .hero-btns .btn-main,
  html body .hero .hero-btns .btn-ghost,
  html body .hero .btn-main,
  html body .hero .btn-ghost {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 54px !important;
    height: auto !important;
    padding: 10px 8px !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    text-align: center !important;
    justify-content: center !important;
    font-size: clamp(10px, 2.9vw, 13px) !important;
    line-height: 1.18 !important;
  }
}

/* Cortex Sentinel 1.6.39 final layer: keep ticker clean after every later mobile rule. */
html body .ticker,
html body .ticker.ticker-full-width {
  position:relative !important;
  z-index:5 !important;
  width:100vw !important;
  max-width:100vw !important;
  height:40px !important;
  min-height:40px !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:rgba(7, 23, 27, .92) !important;
  border-top:1px solid rgba(105, 220, 255, .22) !important;
  border-bottom:1px solid rgba(105, 220, 255, .16) !important;
  box-shadow:none !important;
}
html body .ticker::before,
html body .ticker::after,
html body .ticker-track::before,
html body .ticker-track::after,
html body .ticker-inner::before,
html body .ticker-inner::after,
html body .ticker + .stats::before,
html body .stats::before {
  display:none !important;
  content:none !important;
}
html body .ticker-track {
  width:100vw !important;
  max-width:100vw !important;
  height:40px !important;
  min-height:40px !important;
  display:flex !important;
  align-items:center !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
html body .ticker-inner {
  height:40px !important;
  min-height:40px !important;
  align-items:center !important;
  padding:0 !important;
}
html body .ticker + .stats,
html body .stats {
  margin-top:0 !important;
  padding-top:0 !important;
  border-top:0 !important;
  background:#061012 !important;
  box-shadow:none !important;
}
@media (max-width: 720px) {
  html body .ticker,
  html body .ticker.ticker-full-width,
  html body .ticker-track,
  html body .ticker-inner {
    height:38px !important;
    min-height:38px !important;
  }
  html body .ticker + .stats,
  html body .stats {
    padding-top:0 !important;
  }
}

/* Cortex Sentinel 1.6.40 protected mobile layer: remove ticker gap and keep key blocks compact. */
html body .hero{margin-bottom:0!important}
html body .ticker,
html body .ticker.ticker-full-width{
  position:relative!important;
  inset:auto!important;
  z-index:8!important;
  display:flex!important;
  align-items:center!important;
  width:100vw!important;
  max-width:100vw!important;
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  margin:0!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  padding:0!important;
  overflow:hidden!important;
  transform:none!important;
  background:rgba(7,23,27,.94)!important;
  border-top:1px solid rgba(105,220,255,.22)!important;
  border-bottom:1px solid rgba(105,220,255,.18)!important;
  box-shadow:none!important;
}
html body .ticker-track{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  width:100vw!important;
  max-width:100vw!important;
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  transform:none!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
html body .ticker-inner{
  display:flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:none!important;
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  margin:0!important;
  padding:0!important;
  gap:clamp(1.35rem,4vw,2.75rem)!important;
  white-space:nowrap!important;
}
html body .ticker-item{
  display:inline-flex!important;
  align-items:center!important;
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
  line-height:1!important;
}
html body .ticker::before,
html body .ticker::after,
html body .ticker-track::before,
html body .ticker-track::after,
html body .ticker-inner::before,
html body .ticker-inner::after,
html body .ticker + .stats::before,
html body .stats::before,
html body .stats::after{
  display:none!important;
  content:none!important;
}
html body .ticker + .stats,
html body .stats{
  position:relative!important;
  z-index:7!important;
  margin-top:0!important;
  padding-top:0!important;
  transform:none!important;
  background:#061012!important;
  border-top:0!important;
  box-shadow:none!important;
}
@media (max-width:720px){
  html body .hero{padding-bottom:0!important}
  html body .hero-content{padding-bottom:1.05rem!important}
  html body .ticker,
  html body .ticker.ticker-full-width,
  html body .ticker-track,
  html body .ticker-inner,
  html body .ticker-item{
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
  }
  html body .ticker-item{
    font-size:clamp(10px,2.8vw,12px)!important;
    letter-spacing:.01em!important;
  }
  html body .ticker-sep{
    width:11px!important;
    height:11px!important;
    min-width:11px!important;
    flex:0 0 11px!important;
  }
  html body .ticker + .stats,
  html body .stats{
    margin-top:0!important;
    padding:10px 0 26px!important;
  }
  html body .stats-grid{
    display:flex!important;
    grid-template-columns:none!important;
    grid-auto-flow:initial!important;
    width:100vw!important;
    max-width:100vw!important;
    margin:0!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    padding:8px 18px 0!important;
    gap:12px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    background:#061012!important;
    border:0!important;
    scrollbar-width:none!important;
  }
  html body .stats-grid::-webkit-scrollbar{display:none!important}
  html body .stats-grid > *{
    flex:0 0 min(72vw,300px)!important;
    min-width:min(72vw,300px)!important;
    max-width:min(72vw,300px)!important;
    min-height:96px!important;
    scroll-snap-align:start!important;
  }
  html body .section-inner{width:100%!important;max-width:100%!important;padding-left:18px!important;padding-right:18px!important}
  html body .section-title,
  html body .why-title{
    font-size:clamp(2.05rem,11vw,3.05rem)!important;
    line-height:1.08!important;
    letter-spacing:0!important;
    overflow-wrap:normal!important;
  }
  html body .section-desc,
  html body .why-desc{
    font-size:clamp(1rem,4.2vw,1.12rem)!important;
    line-height:1.62!important;
  }
  html body .problem-item,
  html body .service-card,
  html body .option-card,
  html body .opt-card,
  html body .why-point,
  html body .soc-step-card,
  html body .soc-service-card,
  html body .soc-option-card,
  html body .pkg-card{
    border-radius:18px!important;
    min-height:0!important;
    transform:none!important;
  }
  html body .services-grid,
  html body .options-grid,
  html body .soc-services-grid,
  html body .soc-options-grid,
  html body .packages-grid,
  html body .why-summary,
  html body .why-points,
  html body .pricing-grid,
  html body .features-grid,
  html body .cards-grid,
  html body .testimonials-grid,
  html body .reviews-grid,
  html body .partners-grid,
  html body .faq-list,
  html body .news-grid,
  html body .media-grid,
  html body .gallery-grid,
  html body .photos-grid,
  html body .photo-grid{
    display:flex!important;
    grid-template-columns:none!important;
    grid-auto-flow:initial!important;
    width:100vw!important;
    max-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    padding-left:18px!important;
    padding-right:18px!important;
    gap:14px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }
  html body .services-grid::-webkit-scrollbar,
  html body .options-grid::-webkit-scrollbar,
  html body .soc-services-grid::-webkit-scrollbar,
  html body .soc-options-grid::-webkit-scrollbar,
  html body .packages-grid::-webkit-scrollbar,
  html body .why-summary::-webkit-scrollbar,
  html body .why-points::-webkit-scrollbar,
  html body .photos-grid::-webkit-scrollbar,
  html body .photo-grid::-webkit-scrollbar{display:none!important}
  html body .services-grid > *,
  html body .options-grid > *,
  html body .soc-services-grid > *,
  html body .soc-options-grid > *,
  html body .packages-grid > *,
  html body .why-summary > *,
  html body .why-points > *,
  html body .pricing-grid > *,
  html body .features-grid > *,
  html body .cards-grid > *,
  html body .testimonials-grid > *,
  html body .reviews-grid > *,
  html body .partners-grid > *,
  html body .faq-list > *,
  html body .news-grid > *,
  html body .media-grid > *,
  html body .gallery-grid > *,
  html body .photos-grid > *,
  html body .photo-grid > *{
    flex:0 0 min(86vw,390px)!important;
    min-width:min(86vw,390px)!important;
    max-width:min(86vw,390px)!important;
    scroll-snap-align:start!important;
  }
  html body .problem-item{
    display:grid!important;
    grid-template-columns:54px 1fr!important;
    gap:12px!important;
    padding:18px!important;
  }
  html body .how-steps{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  html body .how-step{
    min-height:0!important;
    padding:18px!important;
    text-align:center!important;
  }
  html body .contact-hub{
    right:10px!important;
    bottom:calc(env(safe-area-inset-bottom,0px) + 78px)!important;
    transform:scale(.74)!important;
    transform-origin:bottom right!important;
    z-index:70!important;
  }
  html body .back-to-top{
    right:14px!important;
    bottom:calc(env(safe-area-inset-bottom,0px) + 18px)!important;
    z-index:69!important;
  }
}

/* Cortex Sentinel 1.6.41 mobile last-pass lock: no blue gap under ticker, compact scrolled cards. */
@media (max-width:720px){
  html body .ticker,
  html body .ticker.ticker-full-width,
  html body .ticker-track,
  html body .ticker-inner,
  html body .ticker-item{
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    margin-top:0!important;
    margin-bottom:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
    transform:none!important;
    overflow:hidden!important;
  }
  html body .ticker + .stats,
  html body .stats{
    position:relative!important;
    inset:auto!important;
    margin-top:0!important;
    padding:0 0 24px!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    transform:none!important;
    background:#061012!important;
    border-top:0!important;
  }
  html body .stats-grid{
    position:relative!important;
    inset:auto!important;
    display:flex!important;
    grid-template-columns:none!important;
    width:100vw!important;
    max-width:100vw!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    padding:8px 18px 0!important;
    gap:12px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    transform:none!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }
  html body .stats-grid::-webkit-scrollbar{display:none!important}
  html body .stats-grid > *{
    position:relative!important;
    inset:auto!important;
    flex:0 0 min(72vw,300px)!important;
    min-width:min(72vw,300px)!important;
    max-width:min(72vw,300px)!important;
    min-height:96px!important;
    transform:none!important;
    scroll-snap-align:start!important;
  }
  html body .photos-grid,
  html body .photo-grid,
  html body .gallery-grid,
  html body .media-grid,
  html body .cortex-photo-grid,
  html body .cortex-gallery-grid,
  html body .cortex-media-grid{
    display:flex!important;
    grid-template-columns:none!important;
    width:100vw!important;
    max-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    padding-left:18px!important;
    padding-right:18px!important;
    gap:14px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }
  html body .photos-grid::-webkit-scrollbar,
  html body .photo-grid::-webkit-scrollbar,
  html body .gallery-grid::-webkit-scrollbar,
  html body .media-grid::-webkit-scrollbar,
  html body .cortex-photo-grid::-webkit-scrollbar,
  html body .cortex-gallery-grid::-webkit-scrollbar,
  html body .cortex-media-grid::-webkit-scrollbar{display:none!important}
  html body .photos-grid > *,
  html body .photo-grid > *,
  html body .gallery-grid > *,
  html body .media-grid > *,
  html body .cortex-photo-grid > *,
  html body .cortex-gallery-grid > *,
  html body .cortex-media-grid > *{
    flex:0 0 min(86vw,390px)!important;
    min-width:min(86vw,390px)!important;
    max-width:min(86vw,390px)!important;
    scroll-snap-align:start!important;
  }
}