/* =========================================================
   PRIME INSIGHT — main stylesheet
   ========================================================= */

:root{
  /* palette */
  --bg:            #050d1b;
  --bg-2:          #071528;
  --panel:         rgba(13, 33, 58, .55);
  --panel-2:       rgba(10, 26, 47, .72);
  --line:          rgba(96, 165, 210, .18);
  --line-strong:   rgba(110, 200, 230, .38);

  --cyan:          #2ee6d6;
  --cyan-2:        #35c8f0;
  --blue:          #1f7ae0;
  --blue-deep:     #0b3f8c;

  --text:          #e8f2fb;
  --text-2:        #a9c1d8;
  --text-3:        #7f9ab4;

  --radius:        18px;
  --radius-lg:     28px;

  --container:     1240px;
  --gutter:        24px;

  --font-head:     'Manrope', 'Segoe UI', system-ui, sans-serif;
  --font-body:     'Inter', 'Segoe UI', system-ui, sans-serif;

  --ease:          cubic-bezier(.22,.72,.28,1);
}

*,*::before,*::after{ box-sizing:border-box; }

html{ scroll-behavior:smooth; scroll-padding-top:96px; }

body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:var(--font-body);
  font-size:17.7px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
h1,h2,h3{ font-family:var(--font-head); margin:0; line-height:1.15; letter-spacing:-.01em; }
p{ margin:0; }
button{ font:inherit; color:inherit; background:none; border:0; cursor:pointer; }

.container{
  width:100%;
  max-width:var(--container);
  margin-inline:auto;
  padding-inline:var(--gutter);
}

.accent{
  background:linear-gradient(100deg,var(--cyan) 0%,var(--cyan-2) 55%,#63b8ff 100%);
  -webkit-background-clip:text; background-clip:text;
  color:transparent;
}

/* ---------- ambient background ---------- */
.bg-layer{ position:fixed; inset:0; z-index:-1; overflow:hidden; pointer-events:none; }
.bg-layer::before{
  content:''; position:absolute; inset:0;
  background:
    radial-gradient(120% 80% at 50% -10%, rgba(16,52,96,.55) 0%, transparent 60%),
    linear-gradient(180deg,#061225 0%, #04101f 45%, #050f1e 100%);
}
.bg-glow{ position:absolute; border-radius:50%; filter:blur(90px); opacity:.5; }
.bg-glow--1{ width:720px; height:720px; top:-260px; right:-180px;
  background:radial-gradient(circle,rgba(24,110,205,.42) 0%,transparent 70%); }
.bg-glow--2{ width:640px; height:640px; top:46%; left:-260px;
  background:radial-gradient(circle,rgba(20,190,190,.20) 0%,transparent 70%); }
.bg-glow--3{ width:820px; height:620px; bottom:-220px; right:-120px;
  background:radial-gradient(circle,rgba(18,90,180,.30) 0%,transparent 70%); }
.bg-grid{
  position:absolute; inset:0; opacity:.35;
  background-image:
    linear-gradient(rgba(90,160,220,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(90,160,220,.055) 1px, transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(120% 90% at 50% 20%, #000 0%, transparent 75%);
  -webkit-mask-image:radial-gradient(120% 90% at 50% 20%, #000 0%, transparent 75%);
}

/* =========================================================
   HEADER
   ========================================================= */
.header{
  position:sticky; top:0; z-index:60;
  padding:18px 0;
  transition:background .35s var(--ease), padding .35s var(--ease), box-shadow .35s var(--ease), backdrop-filter .35s;
}
.header.is-stuck{
  padding:11px 0;
  background:rgba(5,14,28,.82);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:0 1px 0 rgba(120,190,230,.12), 0 18px 40px -28px rgba(0,0,0,.9);
}
.header__inner{ position:relative; z-index:60; display:flex; align-items:center; justify-content:space-between; gap:24px; }

.logo{ display:inline-flex; align-items:center; gap:10px; }
.logo__text{
  font-family:var(--font-head); font-weight:800; font-size:21.9px;
  letter-spacing:.12em; color:#fff; white-space:nowrap;
}
.logo--footer .logo__text{ font-size:23px; }
.logo__text span{ color:var(--cyan); }

.nav{ display:flex; align-items:center; gap:32px; margin-left:auto; }
.nav__link{
  position:relative; font-size:16.7px; font-weight:500; color:var(--text-2);
  padding:6px 0; transition:color .25s var(--ease);
}
.nav__link::after{
  content:''; position:absolute; left:0; bottom:0; width:0; height:2px; border-radius:2px;
  background:linear-gradient(90deg,var(--cyan),var(--cyan-2));
  transition:width .3s var(--ease);
}
.nav__link:hover, .nav__link.is-active{ color:#fff; }
.nav__link:hover::after, .nav__link.is-active::after{ width:100%; }

.header__right{ display:flex; align-items:center; gap:16px; }
.lang{
  display:inline-flex; align-items:center; gap:2px;
  padding:5px 6px; border:1px solid var(--line); border-radius:999px;
  background:rgba(12,30,54,.5);
}
.lang__btn{
  font-family:var(--font-head); font-size:14.1px; font-weight:700; letter-spacing:.06em;
  color:var(--text-3); padding:4px 11px; border-radius:999px;
  transition:color .25s var(--ease), background .25s var(--ease);
}
.lang__btn:hover{ color:var(--text); }
.lang__btn.is-active{
  color:#04121f;
  background:linear-gradient(120deg,var(--cyan),var(--cyan-2));
  box-shadow:0 0 16px rgba(46,230,214,.4);
}
.lang__sep{ width:1px; height:14px; background:var(--line); }

.burger{ display:none; width:26px; height:20px; position:relative; }
.burger span{
  position:absolute; left:0; width:100%; height:2px; border-radius:2px; background:var(--text);
  transition:transform .3s var(--ease), opacity .2s var(--ease);
}
.burger span:nth-child(1){ top:0; }
.burger span:nth-child(2){ top:9px; }
.burger span:nth-child(3){ top:18px; }
.burger.is-open span:nth-child(1){ transform:translateY(9px) rotate(45deg); }
.burger.is-open span:nth-child(2){ opacity:0; }
.burger.is-open span:nth-child(3){ transform:translateY(-9px) rotate(-45deg); }

/* =========================================================
   SHARED
   ========================================================= */
.section{ position:relative; padding:96px 0; }
.section__head{ text-align:center; margin-bottom:52px; }
.section__title{
  font-size:clamp(30.2px,3.8vw,47.9px); font-weight:800; letter-spacing:.02em; color:#fff;
}
.section__title--left{ text-align:left; font-size:clamp(31.3px,4vw,50px); letter-spacing:.04em; margin:6px 0 20px; }

.eyebrow{
  display:inline-block;
  font-family:var(--font-head); font-size:17.2px; font-weight:600;
  letter-spacing:.01em; color:var(--text-2);
  margin-bottom:6px;
}
.eyebrow--block{ display:block; text-align:center; margin-bottom:22px; }

.panel{
  position:relative; overflow:hidden;
  border:1px solid var(--line); border-radius:var(--radius-lg);
  background:
    linear-gradient(160deg, rgba(18,44,76,.72) 0%, rgba(8,22,42,.66) 55%, rgba(9,24,45,.72) 100%);
  box-shadow:0 40px 90px -50px rgba(0,0,0,.95), inset 0 1px 0 rgba(150,215,255,.09);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}

.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  font-family:var(--font-head); font-size:17.2px; font-weight:700; letter-spacing:.01em;
  padding:15px 32px; border-radius:999px;
  transition:transform .25s var(--ease), box-shadow .3s var(--ease), filter .25s var(--ease);
}
.btn--primary{
  color:#04121f;
  background:linear-gradient(115deg,var(--cyan) 0%, var(--cyan-2) 100%);
  box-shadow:0 12px 34px -14px rgba(46,230,214,.85), inset 0 1px 0 rgba(255,255,255,.35);
}
.btn--primary:hover{ transform:translateY(-2px); filter:brightness(1.06);
  box-shadow:0 18px 42px -14px rgba(46,230,214,.95), inset 0 1px 0 rgba(255,255,255,.4); }
.btn--primary:active{ transform:translateY(0); }

/* icon rendered from a mask so it always matches the palette */
.icon-mask{
  -webkit-mask-image:var(--icon); mask-image:var(--icon);
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  -webkit-mask-position:center; mask-position:center;
  -webkit-mask-size:contain; mask-size:contain;
  background:linear-gradient(150deg,var(--cyan) 0%, var(--cyan-2) 55%, #5fb2ff 100%);
}

/* reveal on scroll */
.reveal{ opacity:0; transform:translateY(26px); }
.reveal.is-in{ opacity:1; transform:none; transition:opacity .8s var(--ease), transform .8s var(--ease); }
.reveal--d2.is-in{ transition-delay:.12s; }
@media (prefers-reduced-motion:reduce){
  .reveal{ opacity:1; transform:none; }
  html{ scroll-behavior:auto; }
}

/* =========================================================
   HERO
   ========================================================= */
.hero{ position:relative; padding:40px 0 84px; overflow:hidden; }
.hero__particles{
  position:absolute; top:34%; left:58%; width:min(1250px,115vw); transform:translate(-50%,-40%);
  opacity:.4; mix-blend-mode:screen; pointer-events:none; z-index:0;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 26%,#000 55%,#000 82%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 26%,#000 55%,#000 82%,transparent 100%);
}
.hero__inner{
  position:relative; z-index:1;
  display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  align-items:center; gap:40px;
  min-height:calc(100vh - 300px);
}
.hero__title{
  font-size:clamp(41.7px,5.4vw,77.2px); font-weight:800; letter-spacing:.012em; color:#fff;
  white-space:nowrap;
  text-shadow:0 0 60px rgba(40,140,220,.35);
  margin-bottom:14px;
}
.hero__tagline{
  font-family:var(--font-head); font-weight:700;
  font-size:clamp(21.9px,2.4vw,32.3px); color:var(--cyan); margin-bottom:22px;
}
.hero__lead{
  font-family:var(--font-head); font-weight:600;
  font-size:clamp(18.3px,1.7vw,21.9px); color:var(--text); max-width:30ch; margin-bottom:16px;
}
.hero__text{ font-size:17.7px; color:var(--text-2); max-width:52ch; margin-bottom:34px; }

.hero__visual{ position:relative; display:flex; justify-content:center; }
.hero__visual img{
  width:100%; max-width:560px; height:auto;
  filter:saturate(1.06) contrast(1.02);
  animation:float 7s ease-in-out infinite;
}
.hero__visual-glow{
  position:absolute; inset:8% 12%; border-radius:50%;
  background:radial-gradient(circle,rgba(30,140,230,.30) 0%,transparent 68%);
  filter:blur(52px);
}
@keyframes float{ 0%,100%{ transform:translateY(0) } 50%{ transform:translateY(-14px) } }
@media (prefers-reduced-motion:reduce){ .hero__visual img{ animation:none } }

/* =========================================================
   ABOUT
   ========================================================= */
.section--about{ padding-top:20px; }
.about{ padding:56px 52px; }
.about__deco{
  position:absolute; opacity:.5; pointer-events:none; z-index:0;
}
.about__deco--left{ left:-104px; bottom:-64px; width:290px; opacity:.22; }
.about__deco--right{ right:-70px; top:-70px; width:300px; opacity:.42; }

.about__grid{
  position:relative; z-index:1;
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.92fr); gap:52px; align-items:center;
}
.about__text p{ color:var(--text-2); font-size:17.7px; margin-bottom:17px; max-width:60ch; }
.about__text p:last-child{ margin-bottom:0; }

.stats__label{
  display:block; font-family:var(--font-head); font-size:13.6px; font-weight:700;
  letter-spacing:.2em; text-transform:uppercase; color:var(--text-3); margin-bottom:18px;
}
.stats{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.stat{
  position:relative; text-align:center; padding:26px 14px 22px;
  border:1px solid var(--line); border-radius:var(--radius);
  background:linear-gradient(165deg, rgba(22,54,92,.66), rgba(9,24,45,.6));
  box-shadow:inset 0 1px 0 rgba(150,215,255,.1);
  transition:transform .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease);
}
.stat:hover{
  transform:translateY(-4px); border-color:var(--line-strong);
  box-shadow:0 22px 44px -30px rgba(0,0,0,.95), inset 0 1px 0 rgba(150,215,255,.16), 0 0 32px -14px rgba(46,230,214,.5);
}
.stat__icon{
  display:block; width:38px; height:38px; margin:0 auto 12px;
  -webkit-mask-image:var(--icon); mask-image:var(--icon);
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  -webkit-mask-position:center; mask-position:center;
  -webkit-mask-size:contain; mask-size:contain;
  background:linear-gradient(150deg,var(--cyan) 0%, var(--cyan-2) 55%, #5fb2ff 100%);
  filter:drop-shadow(0 0 10px rgba(46,230,214,.45));
}
.stat__value{
  display:block; font-family:var(--font-head); font-weight:800;
  font-size:35.5px; line-height:1.1; color:#fff; margin-bottom:8px;
}
.stat__value--sm{ font-size:25.1px; color:var(--cyan); }
.stat__caption{ display:block; font-size:14.6px; line-height:1.45; color:var(--text-3); }

/* =========================================================
   SERVICES
   ========================================================= */
.section--services{ overflow:hidden; }
.services__wave{
  position:absolute; left:50%; top:0; width:min(1600px,150vw); transform:translateX(-50%);
  opacity:.32; mix-blend-mode:screen; pointer-events:none; z-index:0;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 26%,#000 62%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0%,#000 26%,#000 62%,transparent 100%);
}
.cards{
  position:relative; z-index:2;
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px;
}
.card{
  position:relative; overflow:hidden;
  padding:30px 28px 32px;
  border:1px solid var(--line); border-radius:var(--radius);
  background:linear-gradient(165deg, rgba(19,47,82,.62) 0%, rgba(8,22,42,.7) 100%);
  box-shadow:0 30px 60px -46px rgba(0,0,0,.95), inset 0 1px 0 rgba(150,215,255,.08);
  transition:transform .35s var(--ease), border-color .35s var(--ease), box-shadow .35s var(--ease);
}
.card::before{
  content:''; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  background:radial-gradient(120% 90% at 0% 0%, rgba(46,230,214,.14) 0%, transparent 55%);
  opacity:0; transition:opacity .35s var(--ease);
}
.card:hover{
  transform:translateY(-6px); border-color:var(--line-strong);
  box-shadow:0 40px 70px -44px rgba(0,0,0,.95), inset 0 1px 0 rgba(150,215,255,.16), 0 0 46px -20px rgba(46,230,214,.55);
}
.card:hover::before{ opacity:1; }

.card__num{
  position:absolute; top:24px; right:26px;
  font-family:var(--font-head); font-size:30.2px; font-weight:800; letter-spacing:.02em;
  color:var(--cyan);
  text-shadow:0 0 18px rgba(46,230,214,.5);
  transition:opacity .35s var(--ease);
  opacity:.9;
}
.card:hover .card__num{ opacity:1; }

.card__icon{
  display:block; width:54px; height:54px; margin-bottom:20px;
  -webkit-mask-image:var(--icon); mask-image:var(--icon);
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  -webkit-mask-position:left center; mask-position:left center;
  -webkit-mask-size:contain; mask-size:contain;
  background:linear-gradient(150deg,var(--cyan) 0%, var(--cyan-2) 55%, #5fb2ff 100%);
  filter:drop-shadow(0 0 12px rgba(46,230,214,.45));
  transition:transform .35s var(--ease);
}
.card:hover .card__icon{ transform:translateY(-2px) scale(1.04); }

.card__title{
  font-size:19.8px; font-weight:700; color:#fff; margin-bottom:12px; padding-right:46px;
}
.card__text{ font-size:16.7px; line-height:1.65; color:var(--text-2); }

/* =========================================================
   PRINCIPLES
   ========================================================= */
.section--principles{ overflow:hidden; }
.principles{
  position:relative; z-index:1;
  display:grid; grid-template-columns:repeat(5,minmax(0,1fr));
}
.principle{
  position:relative; display:flex; flex-direction:column; text-align:center; padding:8px 18px;
  transition:transform .3s var(--ease);
}
.principle + .principle::before{
  content:''; position:absolute; left:0; top:14%; width:1px; height:72%;
  background:linear-gradient(180deg,transparent,var(--line),transparent);
}
.principle:hover{ transform:translateY(-5px); }
.principle__icon{
  display:block; width:54px; height:54px; margin:0 auto 20px;
  -webkit-mask-image:var(--icon); mask-image:var(--icon);
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  -webkit-mask-position:center; mask-position:center;
  -webkit-mask-size:contain; mask-size:contain;
  background:linear-gradient(150deg,var(--cyan) 0%, var(--cyan-2) 55%, #5fb2ff 100%);
  filter:drop-shadow(0 0 12px rgba(46,230,214,.4));
  transition:transform .35s var(--ease), filter .35s var(--ease);
}
.principle:hover .principle__icon{
  transform:scale(1.07); filter:drop-shadow(0 0 18px rgba(46,230,214,.7));
}
.principle__title{
  font-size:18.3px; font-weight:700; line-height:1.3; color:#fff; margin-bottom:12px;
  min-height:2.6em;
}
.principle__text{ font-size:15.7px; line-height:1.62; color:var(--text-3); }

/* =========================================================
   FINAL
   ========================================================= */
.section--final{ padding-bottom:88px; }
.final{ display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); align-items:stretch; }
.final__content{ padding:56px 52px; align-self:center; }
.final__title{
  font-size:clamp(25.1px,2.7vw,35.5px); font-weight:700; line-height:1.32; color:#fff;
  max-width:22ch; margin-bottom:20px;
}
.final__text{ font-size:17.7px; color:var(--text-2); max-width:52ch; margin-bottom:32px; }
.final__visual{ position:relative; min-height:290px; overflow:hidden; }
.final__visual img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:60% center;
}
.final__visual::after{
  content:''; position:absolute; inset:0;
  background:linear-gradient(90deg, rgba(8,22,42,1) 0%, rgba(8,22,42,.55) 34%, rgba(8,22,42,.08) 100%);
}

/* =========================================================
   FOOTER
   ========================================================= */
.footer{
  position:relative; overflow:hidden;
  padding:56px 0 28px;
  border-top:1px solid var(--line);
  background:linear-gradient(180deg, rgba(6,17,33,.4) 0%, rgba(4,12,24,.9) 100%);
}
.footer__deco{
  position:absolute; left:-7%; bottom:-46%; width:min(360px,30vw);
  opacity:.16; mix-blend-mode:screen; pointer-events:none;
}
.footer__inner{
  position:relative; z-index:1;
  display:flex; align-items:center; justify-content:space-between; gap:32px; flex-wrap:wrap;
  padding-bottom:26px; border-bottom:1px solid var(--line);
}
.footer__nav{ display:flex; gap:28px; flex-wrap:wrap; }
.footer__nav a{ font-size:16.7px; color:var(--text-2); transition:color .25s var(--ease); }
.footer__nav a:hover{ color:var(--cyan); }
.footer__contact{ display:flex; flex-direction:column; gap:2px; }
.footer__label{
  font-family:var(--font-head); font-size:12.5px; font-weight:700;
  letter-spacing:.2em; text-transform:uppercase; color:var(--text-3);
}
.footer__contact a{ font-size:17.2px; color:var(--cyan); transition:filter .25s var(--ease); }
.footer__contact a:hover{ filter:brightness(1.2); }
.footer__bottom{
  position:relative; z-index:1;
  display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap;
  padding-top:20px; font-size:14.6px; color:var(--text-3);
}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width:1080px){
  .about__deco--left{ display:none; }
  .stat__value--sm{ font-size:21.9px; }
  .stat__caption{ font-size:13.6px; }
  .principles{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:38px 0; }
  .principle:nth-child(4)::before{ display:none; }
  .cards{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .about{ padding:48px 38px; }
  .about__grid{ gap:38px; }
}

@media (max-width:900px){
  .section{ padding:80px 0; }
  .hero__inner{ grid-template-columns:1fr; min-height:0; gap:34px; text-align:left; }
  .hero__visual{ order:-1; }
  .hero__visual img{ max-width:430px; }
  .about__grid{ grid-template-columns:1fr; }
  .final{ grid-template-columns:1fr; }
  .final__visual{ min-height:220px; order:-1; }
  .final__visual::after{
    background:linear-gradient(180deg, rgba(8,22,42,.1) 0%, rgba(8,22,42,.65) 60%, rgba(8,22,42,1) 100%);
  }
  .final__content{ padding:40px 34px 48px; }

  /* mobile nav */
  .about__deco{ display:none; }
  .burger{ display:block; }
  .nav{
    position:fixed; inset:0 0 auto; top:0; margin:0;
    flex-direction:column; align-items:flex-start; gap:6px;
    padding:100px 32px 40px;
    background:rgba(5,14,28,.97);
    backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
    transform:translateY(-100%); transition:transform .4s var(--ease);
    height:100dvh; z-index:50;
  }
  .nav.is-open{ transform:none; }
  .nav__link{ font-size:25.1px; font-family:var(--font-head); font-weight:700; padding:12px 0; }
}

@media (max-width:640px){
  :root{ --gutter:18px; --radius-lg:22px; }
  .logo__text{ font-size:17.7px; letter-spacing:.1em; }
  .logo--footer .logo__text{ font-size:19.8px; }
  .section{ padding:64px 0; }
  .hero{ padding:36px 0 64px; }
  .about{ padding:34px 22px; }
  .stats{ grid-template-columns:1fr; }
  .stat{ display:grid; grid-template-columns:44px 1fr; grid-template-areas:'icon value' 'icon caption';
         text-align:left; column-gap:16px; padding:18px 20px; align-items:center; }
  .stat__icon{ grid-area:icon; margin:0; width:36px; height:36px; }
  .stat__value{ grid-area:value; margin-bottom:2px; font-size:30.2px; }
  .stat__caption{ grid-area:caption; }
  .cards{ grid-template-columns:1fr; gap:16px; }
  .card{ padding:26px 22px 28px; }
  .principles{ grid-template-columns:1fr; gap:34px; }
  .principle + .principle::before{ display:none; }
  .principle{ padding:0; }
  .final__content{ padding:32px 22px 40px; }
  .footer__inner{ flex-direction:column; align-items:flex-start; gap:22px; }
  .footer__contacts{ flex-direction:column; gap:16px; }
  .final__actions{ flex-direction:column; align-items:stretch; }
      .final__actions .btn{ width:100%; }
  .footer__bottom{ flex-direction:column; gap:6px; }
}

/* =========================================================
   ICON SOURCES  (paths are resolved against this stylesheet)
   ========================================================= */
[data-icon="svc1"]{  --icon:url(../icons/svc1.webp); }
[data-icon="svc2"]{  --icon:url(../icons/svc2.webp); }
[data-icon="svc3"]{  --icon:url(../icons/svc3.webp); }
[data-icon="svc4"]{  --icon:url(../icons/svc4.webp); }
[data-icon="svc5"]{  --icon:url(../icons/svc5.webp); }
[data-icon="svc6"]{  --icon:url(../icons/svc6.webp); }
[data-icon="stat1"]{ --icon:url(../icons/stat1.webp); }
[data-icon="stat2"]{ --icon:url(../icons/stat2.webp); }
[data-icon="stat3"]{ --icon:url(../icons/stat3.webp); }
[data-icon="pr1"]{   --icon:url(../icons/pr1.webp); }
[data-icon="pr2"]{   --icon:url(../icons/pr2.webp); }
[data-icon="pr3"]{   --icon:url(../icons/pr3.webp); }
[data-icon="pr4"]{   --icon:url(../icons/pr4.webp); }
[data-icon="pr5"]{   --icon:url(../icons/pr5.webp); }

/* =========================================================
   CONTACT ACTIONS
   ========================================================= */
.final__actions{ display:flex; flex-wrap:wrap; gap:14px; }
.btn__ico{ width:17px; height:17px; fill:currentColor; flex:none; }

.btn--ghost{
  color:var(--text);
  border:1px solid var(--line-strong);
  background:rgba(14,34,60,.55);
  box-shadow:inset 0 1px 0 rgba(150,215,255,.1);
}
.btn--ghost:hover{
  transform:translateY(-2px);
  color:#fff; border-color:var(--cyan);
  box-shadow:0 14px 34px -18px rgba(46,230,214,.7), inset 0 1px 0 rgba(150,215,255,.18);
}
.btn--ghost:active{ transform:translateY(0); }

.footer__contacts{ display:flex; gap:44px; flex-wrap:wrap; }