/* Extracted from pages/home.php — v170 */
/* ==========================================================
   HOME 2026 · DANGERS CINEMATIC AUTOPILOT V10 · IOS HARD GATE + STABLE FINAL FRAME
   One user impulse hands control to a short cinematic autopilot:
   the page eases forward, the drone completes its flight and the
   compact preview expands into the full live danger module.
   ========================================================== */
html.ah-danger-autoscroll{scroll-behavior:auto !important;}
/* While the cinematic sequence owns the viewport, native user scrolling is
   disabled. Programmatic window.scrollTo() continues to drive the timeline. */
html.ah-danger-input-locked,
html.ah-danger-input-locked body{overscroll-behavior:none !important;}
html.ah-danger-input-locked body{touch-action:none !important;}
/* Transparent input shield used only while the cinematic owns the viewport.
   On iOS this also catches a second finger/touch while the original gesture
   is being cancelled at the 100px hand-off point. */
.ah-danger-scroll-shield{
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:none;
  background:transparent;
  touch-action:none;
  overscroll-behavior:none;
  -webkit-user-select:none;
  user-select:none;
}
html.ah-danger-input-locked .ah-danger-scroll-shield{display:block;}
body[data-route="/"]{overflow-x:clip;}
body[data-route="/"] .home-premium{overflow:visible !important;}
body[data-route="/"] .ah-hero,
body[data-route="/"] .ah-module:not(.ah-danger),
body[data-route="/"] .ah-services,
body[data-route="/"] .ah-final{overflow:hidden;}

.ah-danger{
  --danger-card-scale:.18;
  --danger-card-opacity:0;
  --danger-card-shift:72px;
  --danger-seed-opacity:0;
  --danger-seed-scale:.82;
  --danger-seed-y:26px;
  --danger-content-opacity:0;
  --danger-content-y:24px;
  --danger-drone-x:0px;
  --danger-drone-y:-110px;
  --danger-drone-scale:.72;
  --danger-drone-rotate:-7deg;
  --danger-drone-opacity:0;
  --danger-impact-opacity:0;
  --danger-impact-scale:.4;
  --danger-axis-opacity:0;
  --danger-glow-opacity:.12;
  position:relative;
  height:185svh;
  min-height:0 !important;
  overflow:visible !important;
  isolation:isolate;
  background:#000 !important;
}
.ah-danger::before,.ah-danger::after{display:none !important;}
.ah-danger.ah-reveal{opacity:1 !important;transform:none !important;}

.ah-danger-sticky{
  position:sticky;
  top:0;
  width:100%;
  height:100svh;
  min-height:620px;
  overflow:hidden;
  color:#f5f5f7;
  isolation:isolate;
  /* V12: the danger artwork belongs to the whole cinematic scene, not the card.
     Multiple dark layers keep it atmospheric and readable on every display. */
  background-color:#010204;
  background-image:
    linear-gradient(180deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.48) 24%,rgba(0,0,0,.58) 64%,rgba(0,0,0,.92) 100%),
    linear-gradient(90deg,rgba(0,0,0,.76) 0%,rgba(0,0,0,.34) 42%,rgba(0,0,0,.43) 72%,rgba(0,0,0,.68) 100%),
    url('/img/main/26/dangers.png');
  background-size:auto,auto,cover;
  background-position:center,center,center;
  background-repeat:no-repeat;
}
.ah-danger-canvas{
  position:relative;
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  overflow:hidden;
}
.ah-danger-canvas::before{
  content:"";
  position:absolute;
  inset:-14%;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse 58% 50% at 50% 53%,rgba(53,94,160,.24),rgba(10,22,42,.08) 45%,rgba(0,0,0,0) 74%),
    radial-gradient(ellipse 38% 28% at 53% 80%,rgba(10,132,255,.15),rgba(0,0,0,0) 72%);
  opacity:var(--danger-glow-opacity);
  filter:blur(5px);
}
.ah-danger-canvas::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,#000 0%,rgba(0,0,0,.50) 12%,rgba(0,0,0,.04) 47%,rgba(0,0,0,.28) 84%,#000 100%),
    radial-gradient(ellipse 82% 64% at 50% 53%,rgba(255,255,255,.025),rgba(0,0,0,0) 65%);
}
.ah-danger-scene-glow{
  position:absolute;
  z-index:2;
  left:50%;top:53%;
  width:min(1080px,88vw);
  aspect-ratio:1.7/1;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(70,119,196,.18),rgba(10,132,255,.055) 42%,rgba(0,0,0,0) 72%);
  filter:blur(52px);
  opacity:calc(var(--danger-glow-opacity) * .9);
  pointer-events:none;
}
.ah-danger-flight-axis{
  position:absolute;
  z-index:10;
  top:-8%;left:50%;
  width:1px;height:66%;
  transform:translateX(-50%);
  background:linear-gradient(180deg,rgba(112,181,255,0),rgba(112,181,255,.08) 34%,rgba(255,255,255,.18) 74%,rgba(255,255,255,0));
  box-shadow:0 0 24px rgba(66,154,255,.10);
  opacity:var(--danger-axis-opacity);
  pointer-events:none;
}
.ah-danger-flight-axis::after{
  content:"";
  position:absolute;left:50%;bottom:0;
  width:100px;height:100px;
  transform:translate(-50%,50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(112,181,255,.12),rgba(112,181,255,0) 66%);
  filter:blur(8px);
}

.ah-danger-transition-drone{
  position:absolute;
  z-index:30;
  left:50%;top:0;
  width:clamp(82px,8vw,136px);
  aspect-ratio:1;
  opacity:var(--danger-drone-opacity);
  transform:translate3d(calc(-50% + var(--danger-drone-x)),var(--danger-drone-y),0) rotate(var(--danger-drone-rotate)) scale(var(--danger-drone-scale));
  transform-origin:center;
  will-change:transform,opacity;
  pointer-events:none;
  filter:drop-shadow(0 18px 30px rgba(0,0,0,.65)) drop-shadow(0 0 12px rgba(90,164,255,.12));
}
.ah-danger-transition-drone::before{
  content:"";
  position:absolute;left:50%;top:-94px;
  width:16px;height:112px;
  transform:translateX(-50%);
  border-radius:50%;
  background:linear-gradient(180deg,rgba(67,148,255,0),rgba(67,148,255,.08) 50%,rgba(255,255,255,.20));
  filter:blur(8px);opacity:.72;
}
.ah-danger-transition-drone::after{
  content:"";
  position:absolute;left:50%;top:54%;
  width:82px;height:34px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(93,170,255,.18),rgba(93,170,255,0) 72%);
  filter:blur(8px);
}
.ah-danger-transition-drone img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;user-select:none;}

.ah-danger-impact{
  position:absolute;
  z-index:24;
  left:50%;top:50%;
  width:176px;height:176px;
  transform:translate(-50%,-50%) scale(var(--danger-impact-scale));
  opacity:var(--danger-impact-opacity);
  pointer-events:none;
  will-change:transform,opacity;
}
.ah-danger-impact::before,.ah-danger-impact::after,.ah-danger-impact i,.ah-danger-impact b{content:"";position:absolute;inset:0;border-radius:50%;}
.ah-danger-impact::before{border:1px solid rgba(146,203,255,.42);box-shadow:0 0 42px rgba(68,151,255,.20),inset 0 0 30px rgba(68,151,255,.08);}
.ah-danger-impact::after{inset:28%;background:radial-gradient(circle,rgba(255,255,255,.28),rgba(85,163,255,.11) 36%,rgba(85,163,255,0) 72%);filter:blur(4px);}
.ah-danger-impact i{inset:18%;border:1px solid rgba(112,181,255,.18);}
.ah-danger-impact b{inset:-34%;border:1px solid rgba(112,181,255,.10);}

/* Small preview is independent from the growing card, so it can never
   be distorted by card scaling. */
.ah-danger-seed{
  position:absolute;
  z-index:26;
  left:50%;top:50%;
  width:min(330px,78vw);
  min-height:132px;
  box-sizing:border-box;
  padding:22px 24px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
  border:1px solid rgba(255,255,255,.15);
  border-radius:30px;
  background:linear-gradient(145deg,rgba(31,36,47,.86),rgba(7,9,14,.92));
  box-shadow:0 26px 70px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.08);
  opacity:var(--danger-seed-opacity);
  transform:translate3d(-50%,calc(-50% + var(--danger-seed-y)),0) scale(var(--danger-seed-scale));
  transform-origin:center;
  will-change:transform,opacity;
  pointer-events:none;
}
.ah-danger-seed span{display:block;color:#ff756d;font-size:12px;line-height:1.2;font-weight:760;letter-spacing:-.01em;}
.ah-danger-seed strong{display:block;margin-top:7px;font-size:32px;line-height:.94;letter-spacing:-.055em;font-weight:800;white-space:nowrap;}
.ah-danger-seed small{display:block;margin-top:10px;color:rgba(255,255,255,.50);font-size:10px;line-height:1.2;font-weight:650;letter-spacing:.025em;}

.ah-danger-card{
  position:absolute;
  z-index:14;
  left:50%;top:50%;
  width:min(1400px,calc(100% - 64px));
  height:min(820px,86svh);
  box-sizing:border-box;
  opacity:var(--danger-card-opacity);
  transform:translate3d(-50%,calc(-50% + var(--danger-card-shift)),0) scale(var(--danger-card-scale));
  transform-origin:center;
  border:1px solid rgba(255,255,255,.16);
  border-radius:38px;
  overflow:hidden;
  /* V13 Liquid Glass: keep the dark glass look, but add a controlled live blur so the background scene softly diffuses through the card. */
  background:
    linear-gradient(108deg,rgba(10,14,21,.78) 0%,rgba(7,11,18,.68) 36%,rgba(7,12,20,.53) 66%,rgba(5,9,15,.61) 100%),
    radial-gradient(ellipse 72% 105% at 77% 46%,rgba(59,92,145,.15),rgba(0,0,0,0) 68%),
    radial-gradient(ellipse 58% 18% at 48% 0%,rgba(255,255,255,.07),rgba(255,255,255,0) 76%);
  -webkit-backdrop-filter:blur(6px) saturate(118%);
  backdrop-filter:blur(6px) saturate(118%);
  box-shadow:
    0 48px 150px rgba(0,0,0,.54),
    0 0 0 1px rgba(255,255,255,.025) inset,
    0 1px 0 rgba(255,255,255,.13) inset,
    0 -1px 0 rgba(255,255,255,.025) inset;
  will-change:transform,opacity;
}
.ah-danger-card::before{
  content:"";position:absolute;z-index:30;inset:0;border-radius:inherit;pointer-events:none;
  background:
    linear-gradient(132deg,rgba(255,255,255,.13) 0%,rgba(255,255,255,.035) 14%,rgba(255,255,255,0) 31%),
    linear-gradient(312deg,rgba(124,180,255,.045),rgba(124,180,255,0) 36%),
    radial-gradient(ellipse 58% 14% at 50% 0%,rgba(255,255,255,.10),rgba(255,255,255,0) 80%);
  mix-blend-mode:screen;opacity:.88;
}
.ah-danger-card::after{
  content:"";position:absolute;z-index:31;inset:0;border-radius:inherit;pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),inset 0 18px 50px rgba(255,255,255,.012);
}

.ah-danger .ah-danger-shell{
  position:relative;
  z-index:5;
  width:100% !important;
  height:100%;
  min-height:0 !important;
  margin:0 !important;
  box-sizing:border-box;
  display:grid;
  grid-template-columns:minmax(330px,.78fr) minmax(0,1.42fr);
  align-items:center;
  gap:clamp(8px,2vw,42px);
  padding:clamp(30px,4vw,58px);
  opacity:var(--danger-content-opacity);
  transform:translate3d(0,var(--danger-content-y),0);
  transition:none !important;
  will-change:opacity,transform;
}
.ah-danger .ah-danger-copy{max-width:520px;margin:0;padding:0;opacity:1 !important;transform:none !important;transition:none !important;}
.ah-danger .ah-danger-visual{width:100%;height:100%;min-height:0;opacity:1 !important;transform:none !important;transition:none !important;}
.ah-danger .ah-danger-map{top:50%;}
.ah-danger .ah-danger-live{bottom:6.5%;right:2%;}
.ah-danger .ah-danger-edgefade{border-radius:0;}

/* V12: on phones keep the outside artwork visible, but darker so the glass card
   and its typography remain clean in bright ambient light. */
@media(max-width:767px){
  .ah-danger-sticky{
    background-image:
      linear-gradient(180deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.57) 24%,rgba(0,0,0,.66) 67%,rgba(0,0,0,.94) 100%),
      linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.42) 50%,rgba(0,0,0,.63) 100%),
      url('/img/main/26/dangers.png');
    background-position:center,center,57% center;
  }
  .ah-danger-card{
    border-color:rgba(255,255,255,.15);
    background:
      linear-gradient(180deg,rgba(10,14,21,.76) 0%,rgba(5,9,15,.69) 100%),
      radial-gradient(ellipse 105% 64% at 60% 48%,rgba(53,84,135,.12),rgba(0,0,0,0) 70%);
    box-shadow:0 34px 90px rgba(0,0,0,.55),0 1px 0 rgba(255,255,255,.11) inset,0 0 0 1px rgba(255,255,255,.025) inset;
  }
}

/* V9: the map must read as part of one continuous glass surface.
   The old edge fade exposed the rectangular bounds of the visual column.
   We also keep the transparent PNG on a flat compositor plane so Chromium/
   Yandex cannot expose a dark backing rectangle around it. */
.ah-danger .ah-danger-edgefade{display:none !important;}
.ah-danger .ah-danger-visual{
  background:transparent !important;
  perspective:none !important;
  isolation:isolate;
}
.ah-danger .ah-danger-map-wrap{
  transform-style:flat !important;
  transform:translate3d(0,calc(var(--map-y) + var(--scene-float)),0) scale(var(--map-scale)) !important;
  backface-visibility:hidden;
}
.ah-danger .ah-danger-map{
  filter:none !important;
  backface-visibility:hidden;
}

@media(max-width:900px){
  .ah-danger-card{width:calc(100% - 34px);height:min(790px,88svh);}
  .ah-danger .ah-danger-shell{grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);padding:30px 26px;gap:4px;}
  .ah-danger .ah-danger-map{width:166%;left:-52%;}
}

@media(max-width:767px){
  .ah-danger{
    --danger-card-scale:.30;
    height:180svh;
  }
  .ah-danger-sticky{min-height:540px;}
  .ah-danger-card{
    width:calc(100% - 22px);
    height:min(735px,91svh);
    border-radius:30px;
    background-image:
      linear-gradient(180deg,rgba(3,5,9,.90) 0%,rgba(3,5,9,.82) 42%,rgba(2,4,8,.78) 100%),
      linear-gradient(90deg,rgba(3,5,9,.84),rgba(3,5,9,.70)),
      radial-gradient(ellipse 84% 70% at 58% 58%,rgba(55,83,128,.14),rgba(0,0,0,0) 68%),
      url('/img/main/26/dangers.png');
    background-size:auto,auto,auto,cover;
    background-position:center,center,center,center;
    background-repeat:no-repeat;
    -webkit-backdrop-filter:blur(4px) saturate(114%);
    backdrop-filter:blur(4px) saturate(114%);
  }
  .ah-danger-transition-drone{width:clamp(74px,22vw,104px);}
  .ah-danger-transition-drone::before{top:-78px;height:94px;width:14px;}
  .ah-danger-impact{width:146px;height:146px;}
  .ah-danger-seed{width:min(300px,82vw);min-height:120px;padding:19px 20px;border-radius:26px;}
  .ah-danger-seed span{font-size:11px;}
  .ah-danger-seed strong{font-size:28px;}
  .ah-danger-seed small{font-size:9px;}

  .ah-danger .ah-danger-shell{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:26px 20px 16px;}
  .ah-danger .ah-danger-copy{width:100%;max-width:none;margin:0;text-align:left;flex:0 0 auto;}
  .ah-danger .ah-eyebrow{justify-content:flex-start;font-size:11.5px;}
  .ah-danger h2{max-width:none;margin-top:9px;font-size:clamp(44px,12.6vw,58px);line-height:.91;}
  .ah-danger p{max-width:350px;margin:13px 0 0;font-size:14.5px;line-height:1.40;}
  .ah-danger-meta{justify-content:flex-start;margin-top:12px;font-size:10px;gap:6px 9px;}
  .ah-danger .ah-actions{justify-content:flex-start;margin-top:16px;gap:12px;}
  .ah-danger-primary{min-height:42px;padding:0 17px;font-size:12.5px;}
  .ah-danger .ah-link{font-size:12.5px;}
  .ah-danger .ah-danger-visual{position:relative;flex:1 1 auto;width:calc(100% + 40px);min-height:230px;height:auto;margin:8px -20px -16px;overflow:hidden;}
  .ah-danger .ah-danger-map{width:174%;left:-52%;top:49%;}
  .ah-danger .ah-danger-aura{left:60%;top:49%;width:112%;}
  .ah-danger .ah-danger-live{right:12px;bottom:13px;}
}

@media(max-width:390px){
  .ah-danger-card{width:calc(100% - 16px);height:min(700px,93svh);border-radius:28px;}
  .ah-danger-card{
    -webkit-backdrop-filter:blur(3px) saturate(112%);
    backdrop-filter:blur(3px) saturate(112%);
  }
  .ah-danger .ah-danger-shell{padding:22px 17px 14px;}
  .ah-danger h2{font-size:43px;}
  .ah-danger p{font-size:13.8px;}
  .ah-danger .ah-danger-visual{width:calc(100% + 34px);margin-left:-17px;margin-right:-17px;margin-bottom:-14px;}
}

@media(max-height:700px) and (max-width:767px){
  .ah-danger-card{height:94svh;}
  .ah-danger .ah-danger-shell{padding-top:18px;}
  .ah-danger h2{font-size:40px;}
  .ah-danger p{margin-top:10px;font-size:13px;}
  .ah-danger-meta{margin-top:9px;}
  .ah-danger .ah-actions{margin-top:12px;}
  .ah-danger .ah-danger-visual{min-height:190px;margin-top:4px;}
}

@media(prefers-reduced-motion:reduce){
  .ah-danger{height:auto !important;min-height:760px !important;}
  .ah-danger-sticky{position:relative;height:auto;min-height:760px;overflow:hidden;}
  .ah-danger-card{position:relative;left:auto;top:auto;width:min(1400px,calc(100% - 40px));height:min(820px,90svh);margin:40px auto;opacity:1;transform:none;border-radius:36px;}
  .ah-danger .ah-danger-shell{opacity:1;transform:none;}
  .ah-danger-transition-drone,.ah-danger-impact,.ah-danger-flight-axis,.ah-danger-seed{display:none !important;}
}