/* ==========================================================================
   SNATEK site styles - part 2: About (monitored footage, timeline, dials)
   ========================================================================== */
.e-con.sn-about__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
@media(max-width:980px){.e-con.sn-about__grid{grid-template-columns:1fr}}
.e-con.sn-about__copy{display:block}

.sn-about__media{position:relative;padding-bottom:3.5rem;padding-right:3rem;--tiltX:0deg;--tiltY:0deg;--hot:0;perspective:900px}
.sn-about__glow{position:absolute;inset:-8% -6% 6% -10%;z-index:0;border-radius:50%;
  background:radial-gradient(circle,rgba(24,175,230,.34),rgba(24,175,230,0) 66%);filter:blur(38px);opacity:0;transform:scale(.85);
  transition:opacity 1.1s var(--sn-ease),transform 1.1s var(--sn-ease)}
.sn-about__media.is-in .sn-about__glow{opacity:1;transform:scale(1)}
.sn-about__shot{position:relative;z-index:1;border-radius:var(--sn-r);overflow:hidden;aspect-ratio:4/3.35;
  background:var(--sn-panel);box-shadow:var(--sn-shadow-lg);
  transform:rotateX(var(--tiltX)) rotateY(var(--tiltY));transform-style:preserve-3d;will-change:transform;
  transition:transform .35s var(--sn-ease),box-shadow .35s var(--sn-ease)}
.sn-about__media:hover .sn-about__shot{box-shadow:0 34px 74px rgba(14,42,56,.24)}
.sn-about__shot video,.sn-about__shot img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;opacity:.85}
.sn-about__shot::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(160deg,rgba(22,126,172,.34),rgba(14,42,56,.72))}

.sn-shot__fx{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.sn-shot__grid{position:absolute;inset:-20% -20%;
  background-image:linear-gradient(rgba(24,175,230,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(24,175,230,.14) 1px,transparent 1px);
  background-size:46px 46px;opacity:calc(.32 + var(--hot) * .3);transform:translate3d(0,0,0);
  animation:sn-gridDrift 26s linear infinite;transition:opacity .4s var(--sn-ease)}
@keyframes sn-gridDrift{to{transform:translate3d(46px,46px,0)}}
.sn-shot__scan{position:absolute;left:0;right:0;top:0;height:32%;
  background:linear-gradient(180deg,rgba(24,175,230,0) 0%,rgba(24,175,230,.13) 45%,rgba(120,220,255,.28) 50%,rgba(24,175,230,.13) 55%,rgba(24,175,230,0) 100%);
  opacity:calc(.55 + var(--hot) * .45);animation:sn-scanSweep 7.5s var(--sn-ease) infinite;transition:opacity .4s var(--sn-ease)}
@keyframes sn-scanSweep{0%{transform:translate3d(0,-120%,0)}60%,100%{transform:translate3d(0,360%,0)}}
.sn-shot__bloom{position:absolute;width:46%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle,rgba(24,175,230,.4),rgba(24,175,230,0) 68%);filter:blur(26px);mix-blend-mode:screen;
  animation:sn-bloomPulse 6.5s var(--sn-ease) infinite}
.sn-shot__bloom--a{right:2%;top:8%}
.sn-shot__bloom--b{right:22%;bottom:6%;width:34%;animation-delay:2.6s}
@keyframes sn-bloomPulse{0%,100%{opacity:.28;transform:scale(.94)}50%{opacity:.62;transform:scale(1.06)}}
.sn-shot__nodes{position:absolute;inset:0}
.sn-shot__node{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--sn-electric);box-shadow:0 0 0 0 rgba(24,175,230,.55);animation:sn-nodePing 3.6s var(--sn-ease) infinite}
.sn-shot__node::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:1px solid rgba(24,175,230,.6);opacity:.7}
.sn-shot__node--warn{background:var(--sn-red);box-shadow:0 0 0 0 rgba(197,32,51,.5)}
.sn-shot__node--warn::after{border-color:rgba(197,32,51,.6)}
@keyframes sn-nodePing{0%{box-shadow:0 0 0 0 rgba(24,175,230,.5);opacity:.95}70%{box-shadow:0 0 0 12px rgba(24,175,230,0);opacity:.55}100%{box-shadow:0 0 0 0 rgba(24,175,230,0);opacity:.95}}
.sn-shot__reticle{position:absolute;inset:10px;pointer-events:none}
.sn-shot__reticle span{position:absolute;width:26px;height:26px;border:2px solid rgba(24,175,230,.85);
  filter:drop-shadow(0 0 5px rgba(24,175,230,.55));animation:sn-reticle 3.4s var(--sn-ease) infinite}
.sn-shot__reticle span:nth-child(1){top:0;left:0;border-right:0;border-bottom:0}
.sn-shot__reticle span:nth-child(2){top:0;right:0;border-left:0;border-bottom:0;animation-delay:.25s}
.sn-shot__reticle span:nth-child(3){bottom:0;right:0;border-left:0;border-top:0;animation-delay:.5s}
.sn-shot__reticle span:nth-child(4){bottom:0;left:0;border-right:0;border-top:0;animation-delay:.75s}
@keyframes sn-reticle{0%,100%{opacity:.5}50%{opacity:1}}

.sn-about__timeline{position:absolute;z-index:2;pointer-events:none;left:38px;top:38px;right:calc(26% - 8px);bottom:34px}
.sn-about__timeline svg{width:100%;height:100%;overflow:visible}
.sn-about__timeline .tl-path{fill:none;stroke:var(--sn-electric);stroke-width:2;stroke-linecap:round;
  stroke-dasharray:var(--len,600);stroke-dashoffset:var(--len,600);filter:drop-shadow(0 0 4px rgba(24,175,230,.5));
  transition:stroke-dashoffset 1.9s var(--sn-ease)}
.sn-about__media.is-in .sn-about__timeline .tl-path{stroke-dashoffset:0 !important}
.sn-about__timeline .tl-end{fill:var(--sn-electric);opacity:0;filter:drop-shadow(0 0 5px rgba(24,175,230,.8));transition:opacity .4s var(--sn-ease) 1.7s}
.sn-about__media.is-in .sn-about__timeline .tl-end{opacity:1}
.sn-about__timeline .tl-dot{fill:#fff;stroke:var(--sn-electric);stroke-width:2;opacity:0;filter:drop-shadow(0 0 5px rgba(24,175,230,.9))}
.sn-about__media.is-in .sn-about__timeline .tl-dot{opacity:1;animation:sn-tlTravel 4.2s linear 1.9s infinite}
@keyframes sn-tlTravel{0%{offset-distance:0%}100%{offset-distance:100%}}

.sn-about__inset{position:absolute;right:0;bottom:0;z-index:3;width:52%;max-width:250px;border-radius:var(--sn-r-sm);overflow:hidden;border:7px solid #fff;box-shadow:var(--sn-shadow-lg)}
.sn-about__inset-body{position:relative;overflow:hidden;aspect-ratio:4/3;display:grid;place-items:center;align-content:center;padding:1rem;text-align:center;
  background:linear-gradient(125deg,var(--sn-deep) 0%,var(--sn-electric) 42%,#0F86B8 68%,var(--sn-deep) 100%);background-size:260% 260%;
  animation:sn-insetShift 11s var(--sn-ease) infinite;color:#06212E}
@keyframes sn-insetShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.sn-about__inset-body::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.16) 50%,transparent 60%);
  transform:translateX(-120%);animation:sn-insetSheen 6.5s var(--sn-ease) infinite}
@keyframes sn-insetSheen{0%,72%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.sn-about__inset-body b{position:relative;z-index:1;display:block;font:800 2rem/1 var(--sn-ff-display);color:var(--sn-panel)}
.sn-about__inset-body b .sn-count-suffix{color:var(--sn-panel)}
.sn-about__inset-body > span{position:relative;z-index:1;display:block;font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-top:.4rem;color:var(--sn-panel)}
.sn-about__badge{position:absolute;left:-14px;top:-14px;z-index:4;width:104px;height:104px;display:grid;place-items:center;border-radius:var(--sn-r-sm);
  background:#fff;box-shadow:var(--sn-shadow);color:var(--sn-link);text-align:center;font:700 12.5px/1.25 var(--sn-ff-display);border:1px solid var(--sn-line);overflow:hidden}
.sn-about__badge::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--sn-electric),transparent);transform:translateX(-100%);animation:sn-badgeScan 5s var(--sn-ease) infinite}
@keyframes sn-badgeScan{0%,60%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.sn-about__badge i{display:block;font-style:normal;font-size:1.6rem;font-weight:800;color:var(--sn-ink)}
@media(max-width:520px){
  .sn-about__media{padding-right:1.5rem;padding-bottom:2.5rem}
  .sn-about__badge{width:82px;height:82px;font-size:11px;left:-8px;top:-8px}
  .sn-about__badge i{font-size:1.25rem}
  .sn-about__timeline{left:30px;top:60px;right:74px;bottom:60px}
  .sn-shot__reticle span{width:18px;height:18px}
}

/* dials */
.e-con.sn-dials{display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;margin-block:2rem}
.e-con.sn-dial{display:flex;flex-direction:row;align-items:center;gap:1.15rem;width:auto}
.sn-dial__ring{position:relative;width:92px;height:92px;flex:none}
.sn-dial__ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.sn-dial__ring circle{fill:none;stroke-width:7;stroke-linecap:butt}
.sn-dial__ring .trail{stroke:var(--sn-line-soft)}
.sn-dial__ring .path{stroke:var(--sn-electric);stroke-dasharray:264;stroke-dashoffset:264;transition:stroke-dashoffset 1.6s var(--sn-ease)}
.sn-dial:nth-child(2) .sn-dial__ring .path{stroke:var(--sn-deep)}
.sn-dial__val{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:700 18px/1 var(--sn-ff-display);color:var(--sn-ink);letter-spacing:-.01em}
.sn-dial__val .sn-count-suffix{font-size:.72em;color:var(--sn-muted);margin-left:1px}
.sn-dial__label,.elementor .sn-dial__label .elementor-heading-title{font:700 15px/1.35 var(--sn-ff-display);color:var(--sn-ink)}

/* checklist: notched brand chevron */
.elementor .sn-checklist .elementor-icon-list-items,.sn-checklist ul{display:grid;gap:.95rem;margin:0;padding:0;list-style:none}
.sn-checklist{margin-block:1.75rem !important}
.elementor .sn-checklist .elementor-icon-list-item,.sn-checklist li{position:relative;display:flex;gap:.9rem;align-items:flex-start;color:var(--sn-ink);font-size:15.5px;line-height:1.55;padding:0;margin:0}
.elementor .sn-checklist .elementor-icon-list-item::after{display:none}
.elementor .sn-checklist .elementor-icon-list-icon,.sn-checklist .tick{
  width:26px;height:26px;flex:none;margin-top:.02rem;display:grid;place-items:center;position:relative;padding:0;
  background:linear-gradient(140deg,rgba(24,175,230,.16),rgba(22,126,172,.12));
  clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);
  color:var(--sn-link);fill:var(--sn-link);transition:background .3s var(--sn-ease),color .3s var(--sn-ease),fill .3s var(--sn-ease);
}
.elementor .sn-checklist .elementor-icon-list-icon svg,.sn-checklist .tick svg{width:12px;height:12px;fill:currentColor}
.elementor .sn-checklist .elementor-icon-list-item:hover .elementor-icon-list-icon{background:var(--sn-deep);color:#fff;fill:#fff}
.elementor .sn-checklist .elementor-icon-list-text{padding:0;color:var(--sn-ink)}
.e-con.sn-about__sign{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:1.5rem 2rem;margin-top:2rem}
.sn-signby{display:flex;align-items:center;gap:.9rem}
.sn-signby .avatar{width:52px;height:52px;border-radius:var(--sn-r-xs);flex:none;display:grid;place-items:center;background:#fff;border:1px solid var(--sn-line);box-shadow:var(--sn-shadow-sm)}
.sn-signby .avatar img{width:34px;height:34px}
.sn-signby b{display:block;font:700 15px/1.3 var(--sn-ff-display);color:var(--sn-ink)}
.sn-signby .role{display:block;font-size:13.5px;color:var(--sn-muted)}