/* ==========================================================================
   Smart Municipality — ეროვნული 3D რუკა
   მთელი გვერდი ერთი სცენაა: ზემოთ დროშა, ქვემოთ მარცხნივ გერბი, შუაში რუკა.
   ========================================================================== */

:root{
  /* ღამის ფონი — რუკა მასზე „ცურავს" */
  --void:#060B12;  --void2:#0A1420;  --void3:#102232;

  /* ხმელეთის ზედა პირი */
  --land:#EEF3F6;  --land-lo:#CFDDE6;  --land-hi:#FFFFFF;
  --edge:#6E8B9C;  --edge-soft:#9DB4C2;

  /* ამონაკვეთის გვერდითი კედელი — სისქის შეგრძნება */
  --wall-a:#173142; --wall-b:#0A1822;

  /* აქცენტი */
  --aqua:#15B9CE;  --aqua-lo:#0A7386;  --aqua-hi:#5FE3F0;
  --gold:#C9A44C;  --gold-hi:#EBCE86;

  --ink:#07131C;   --paper:#FFFFFF;
  --sh-soft:0 18px 44px -26px rgba(0,0,0,.75);
  --sh-hard:0 40px 90px -40px rgba(0,0,0,.9);
  --ff:'Noto Sans Georgian',system-ui,'Segoe UI',sans-serif;
  --secpad:clamp(20px,4vw,56px);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{overflow-x:hidden}
body.locked{overflow:hidden}
body{
  font-family:var(--ff);
  background:var(--void);
  color:var(--land);
  -webkit-font-smoothing:antialiased;
}
button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}
a{color:inherit;text-decoration:none}
*:focus-visible{outline:2px solid var(--aqua);outline-offset:3px;border-radius:4px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- ფონი: ღრმა ცა + ნისლი ---------- */
.sky{position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(120% 80% at 50% -10%, #16324A 0%, #0B1826 42%, #060B12 78%),
    radial-gradient(60% 40% at 12% 88%, rgba(21,185,206,.10), transparent 70%),
    radial-gradient(50% 38% at 88% 82%, rgba(201,164,76,.07), transparent 72%)}
.sky:after{content:"";position:absolute;inset:0;
  background-image:radial-gradient(rgba(255,255,255,.055) 1px, transparent 1px);
  background-size:44px 44px;
  mask-image:radial-gradient(80% 70% at 50% 40%,#000 5%,transparent 78%);
  -webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000 5%,transparent 78%)}

/* ---------- ზედა ზოლი: დროშა ---------- */
.top{position:fixed;top:0;left:0;right:0;z-index:30;height:98px;
  display:flex;align-items:center;gap:clamp(14px,2vw,30px);
  padding:0 clamp(18px,3vw,44px);
  background:linear-gradient(180deg,rgba(6,11,18,.97) 40%,rgba(6,11,18,.86) 74%,rgba(6,11,18,.55));
  border-bottom:1px solid rgba(255,255,255,.07);
  pointer-events:none}
.top > *{pointer-events:auto}

.mark{display:flex;align-items:center;gap:12px}
.mark svg{width:34px;height:34px;flex-shrink:0}
.mark b{display:block;font-size:13px;font-weight:800;letter-spacing:.19em;color:#EAF3F7;line-height:1.1}
.mark span{display:block;font-size:9px;letter-spacing:.13em;color:rgba(234,243,247,.42);margin-top:4px}

/* ---------- ზედა მარჯვენა კუთხე: ენები ---------- */
.top-right{display:flex;align-items:center;gap:18px;margin-left:auto}

.langs{display:flex;gap:2px;background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:3px;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.langs a{padding:6px 11px;border-radius:7px;font-size:11px;font-weight:700;
  letter-spacing:.06em;color:rgba(234,243,247,.5);transition:.2s}
.langs a:hover{color:#fff;background:rgba(255,255,255,.07)}
.langs a.on{background:var(--aqua);color:#04222A;box-shadow:0 4px 14px -6px var(--aqua)}

/* ---------- სახელმწიფო გერბი — ქვემოთ მარცხნივ ---------- */
.crest{position:absolute;left:clamp(16px,2.4vw,38px);bottom:clamp(16px,2.4vw,34px);z-index:25;
  width:clamp(84px,8.5vw,132px);pointer-events:none;
  filter:drop-shadow(0 18px 26px rgba(0,0,0,.75))}
.crest img{width:100%;height:auto;display:block;opacity:.95}

/* ---------- სცენა ---------- */
.scene{position:relative;height:100vh;min-height:620px;z-index:10;overflow:hidden}

/* 3D ფილა — რუკა ოდნავ დახრილია, თითქოს მაგიდაზე დევს */
.tilt{position:absolute;left:0;right:0;top:var(--top,108px);bottom:var(--strip,120px);
  perspective:2100px;perspective-origin:50% 38%}
.plate{position:absolute;inset:0;
  transform:rotateX(22deg) scale(1) translateY(-1%);
  transform-origin:50% 52%;
  transform-style:preserve-3d;
  transition:transform .9s cubic-bezier(.22,.75,.24,1)}
/* რეგიონში შესვლისას დახრა კლებულობს და მასშტაბი იზრდება — კუთხე უფრო დიდად ჩანს */
.scene.region .plate{transform:rotateX(16deg) scale(1.12) translateY(-1%)}

#map{position:absolute;inset:0;width:100%;height:100%;display:block}

/* ხმელეთი */
.reg{fill:url(#landGrad);stroke:var(--edge);stroke-width:.9;
  vector-effect:non-scaling-stroke;cursor:pointer;
  transition:fill .3s,stroke .3s,filter .3s}
.reg.hot{fill:url(#munHover);stroke:var(--aqua-hi);stroke-width:1.6}
.reg.act{fill:url(#actGrad);stroke:var(--emerald-lo);stroke-width:1.3}
.reg.sel{fill:url(#actGrad);stroke:var(--emerald-lo);stroke-width:1.4}
.reg.mute{fill:#1A2C3A;stroke:#22394A;pointer-events:none;opacity:.5}

.mun{fill:url(#landGrad);stroke:#5D7F92;stroke-width:.8;
  vector-effect:non-scaling-stroke;cursor:pointer;
  transition:fill .3s,stroke .3s}
.mun.act{stroke:#0F8DA1;stroke-width:1.2}
/* საკუთარი სმარტ-საიტი უკვე აქვს — რუკაზე ცალკე ფერით გამოიყოფა */
.mun.live{fill:url(#actGrad);stroke:#075039;stroke-width:1.5}
.medal.live .medal-ring{stroke:var(--emerald);stroke-width:2.2}
.medal.live .medal-plate{fill:#F6FFFB}
.mun.sel{stroke:var(--aqua-hi);stroke-width:1.8}

/* ერთი მუნიციპალიტეტი = ერთი ბლოკი. ჰოვერზე ის ამოიწევს, დიდდება და ფერს იცვლის */
.munit{transform-box:view-box;
  transition:transform .34s cubic-bezier(.2,.9,.28,1),filter .34s}
.munit.up{transform:translate(0,calc(var(--lift,0) * -1px)) scale(1.11);
  filter:drop-shadow(0 10px 14px rgba(0,0,0,.6))}
.munit.up .mun{fill:url(#munHover);stroke:var(--aqua-hi);stroke-width:1.7}

/* გერბი — პატარა მრგვალი მედალიონი ტერიტორიის ცენტრში, ჰოვერზე დიდდება */
.medal{pointer-events:none;transform-box:fill-box;transform-origin:center;
  transition:transform .3s cubic-bezier(.2,.9,.3,1);
  filter:drop-shadow(0 3px 5px rgba(0,0,0,.55))}
.medal.up{transform:scale(1.85)}
.medal-plate{fill:#FFFFFF}
.medal-ring{fill:none;stroke:#93AEBE;stroke-width:1.1;vector-effect:non-scaling-stroke}
.medal.on .medal-ring{stroke:var(--aqua);stroke-width:1.6}

/* კედელი — ამონაკვეთის სისქე */
.wall{stroke:none;pointer-events:none}

/* ---------- HTML-პინები: ყოველთვის სწორად დგანან ---------- */
.pins{position:absolute;inset:0;z-index:14;pointer-events:none}
.pin{position:absolute;transform:translate(-50%,-100%);
  display:flex;flex-direction:column;align-items:center;
  /* ⚠️ პინის ყუთი უხილავადაც იჭერდა კურსორს და მეზობელ რეგიონს ნიშნავდა —
     კურსორზე მხოლოდ წერტილი და უკვე გამოჩენილი სახელი რეაგირებს */
  pointer-events:none;cursor:pointer;
  animation:pinIn .5s cubic-bezier(.2,.9,.25,1) backwards}
@keyframes pinIn{from{opacity:0;transform:translate(-50%,-72%)}to{opacity:1;transform:translate(-50%,-100%)}}

/* სახელი ჩუმად ზის და მხოლოდ ჰოვერზე ამოდის — კონტრასტულ ოქროსფერში */
.pin-name{white-space:nowrap;pointer-events:none;font-size:13px;font-weight:750;letter-spacing:.01em;
  color:#2A1F06;background:linear-gradient(180deg,#FCF1D2,#E2C173);
  padding:7px 15px;border-radius:9px;
  box-shadow:0 12px 26px -12px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.45) inset,
             0 0 26px -6px rgba(201,164,76,.6);
  opacity:0;transform:translateY(7px) scale(.94);
  transition:opacity .18s,transform .26s cubic-bezier(.2,.9,.3,1)}
.pin.show .pin-name{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
/* ზემოთ ადგილი აღარაა — ბარათი წერტილის ქვემოთ გადადის */
.pin.below{transform:translate(-50%,-7px);flex-direction:column-reverse}
.pin.below .pin-shadow{display:none}
.pin.below .pin-name{transform:translateY(-7px) scale(.94)}
.pin.below.show .pin-name{transform:translateY(0) scale(1)}
.pin-name em{font-style:normal;color:#7A5B12;font-weight:800;margin-left:7px;font-size:11px}
.pin.big .pin-name{font-size:14.5px;font-weight:800;padding:8px 18px;letter-spacing:-.01em}
.pin.nodot .pin-dot,.pin.nodot .pin-shadow{display:none}
.pin.big .pin-dot{width:11px;height:11px}

.pin-stem{width:1.5px;height:var(--stem,32px);opacity:0;transition:opacity .2s;
  background:linear-gradient(180deg,rgba(235,206,134,.95),rgba(201,164,76,.12));
  box-shadow:0 0 8px rgba(201,164,76,.5)}
.pin.show .pin-stem{opacity:1}

.pin-dot{width:9px;height:9px;border-radius:50%;margin-top:-1px;
  opacity:0;pointer-events:none;
  background:radial-gradient(circle at 34% 30%,#fff,#B9CEDA 55%,#6A8496);
  box-shadow:0 0 0 3px rgba(255,255,255,.16),0 4px 10px rgba(0,0,0,.7)}
.pin.live .pin-dot{background:radial-gradient(circle at 34% 30%,#D7FBFF,var(--aqua) 55%,#07596A);
  box-shadow:0 0 0 3px rgba(21,185,206,.24),0 0 16px rgba(21,185,206,.8)}
.pin.show .pin-dot{opacity:1;pointer-events:auto;
  background:radial-gradient(circle at 34% 30%,#FFF6DD,var(--gold-hi) 50%,#8A6C1E);
  box-shadow:0 0 0 4px rgba(201,164,76,.28),0 0 18px rgba(235,206,134,.85);transform:scale(1.15)}
.pin-dot{transition:.22s}
.pin-shadow{width:22px;height:6px;border-radius:50%;margin-top:2px;opacity:0;transition:opacity .2s;
  background:radial-gradient(50% 50% at 50% 50%,rgba(0,0,0,.55),transparent 72%)}
.pin.show .pin-shadow{opacity:1}

/* ---------- ინტერფეისი ---------- */
.hud{position:absolute;z-index:28;pointer-events:none}
.hud > *{pointer-events:auto}

.crumbnav{display:flex;align-items:center;gap:9px;min-width:0}
.back{display:none;align-items:center;gap:7px;font-size:12.5px;font-weight:700;
  padding:9px 15px;border-radius:10px;color:#EAF4F8;white-space:nowrap;
  background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);transition:.2s}
.back:hover{background:rgba(255,255,255,.18);color:#fff}
.back.show{display:flex}
.crumbs{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;
  color:#C6D9E2;background:rgba(12,26,38,.9);border:1px solid rgba(255,255,255,.14);
  border-radius:10px;padding:9px 15px;min-width:0;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crumbs button{color:var(--aqua-hi);font-weight:700}
.crumbs button:hover{text-decoration:underline}
.crumbs i{font-style:normal;color:rgba(198,217,226,.45)}

.title{left:50%;bottom:46px;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:11px;text-align:center;
  max-width:min(92vw,720px)}
.title h1{font-size:clamp(19px,2.3vw,30px);font-weight:800;letter-spacing:-.02em;
  color:#F0F7FA;text-shadow:0 4px 24px rgba(0,0,0,.8)}
.chips{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}
.chip{font-size:10.5px;font-weight:650;padding:5px 12px;border-radius:20px;
  color:rgba(224,238,244,.72);background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.11);white-space:nowrap;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.chip.live{color:var(--emerald-hi);border-color:rgba(47,185,132,.45);background:rgba(47,185,132,.14)}
.chip.gold{color:var(--gold-hi);border-color:rgba(201,164,76,.34);background:rgba(201,164,76,.11)}

.hint{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:rgba(224,238,244,.45);white-space:nowrap;transition:opacity .35s}

.legend{right:clamp(18px,3vw,44px);bottom:clamp(18px,2.6vw,34px);
  display:flex;flex-direction:column;gap:8px;font-size:10.5px;color:rgba(224,238,244,.6);
  padding:12px 15px;border-radius:12px;background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.legend div{display:flex;align-items:center;gap:10px}
.sw{width:16px;height:10px;border-radius:3px;flex-shrink:0}
.sw.a{background:linear-gradient(180deg,#7BEDC0,#0A6647)}
.sw.b{background:linear-gradient(180deg,#EEF3F6,#CFDDE6)}

/* გადახვევის მინიშნება — რუკის ქვედა კიდეზე */
.scrollcue{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);z-index:29;
  display:flex;flex-direction:column;align-items:center;gap:2px;
  font-size:8.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;
  color:rgba(224,238,244,.38);transition:color .2s;animation:cue 2.6s ease-in-out infinite}
.scrollcue:hover{color:#EAF3F7}
@keyframes cue{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,6px)}}

#tip{position:fixed;z-index:60;pointer-events:none;opacity:0;transition:opacity .14s;
  background:rgba(10,22,32,.94);border:1px solid rgba(255,255,255,.13);border-radius:11px;
  padding:10px 14px;font-size:12px;box-shadow:var(--sh-hard);white-space:nowrap;color:#E8F2F6;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
#tip b{display:block;font-weight:750;font-size:13px;color:#fff}
#tip span{display:block;color:rgba(232,242,246,.55);font-size:10.5px;margin-top:4px}
#tip em{display:block;font-style:normal;color:var(--aqua-hi);font-size:10.5px;font-weight:650;margin-top:5px}

/* ---------- ორგანიზაციების ხედი ---------- */
/* ორგანიზაციების რგოლი ზედა ზოლსა და ქვედა ზოლს შორის ჯდება,
   რომ ტაბებს, სათაურსა და chip-ებს არ დაედოს */
.const{position:fixed;left:0;right:0;top:var(--top,108px);
  bottom:calc(var(--strip,120px) + 62px);z-index:20;
  display:none;opacity:0;transition:opacity .45s}
.const:before{content:"";position:fixed;inset:0;z-index:-1;
  background:radial-gradient(70% 60% at 50% 45%,rgba(6,11,18,.74),rgba(6,11,18,.96))}
.const.show{display:block;opacity:1}
.scene.cmode .plate{opacity:.18;filter:saturate(.4) blur(1px)}
.scene.cmode .pins{opacity:0;pointer-events:none}
#cnet{position:absolute;inset:0;width:100%;height:100%}
@keyframes dash{to{stroke-dashoffset:-24}}

.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;
  text-align:center;pointer-events:none}
.core-d{width:clamp(104px,12vw,142px);height:clamp(104px,12vw,142px);border-radius:50%;
  background:radial-gradient(circle at 40% 34%,#fff,#DCE8EE);display:grid;place-items:center;margin:0 auto;
  box-shadow:0 0 0 8px rgba(21,185,206,.14),0 24px 50px -16px rgba(0,0,0,.9)}
.core-d img{width:74%;height:74%;object-fit:contain}
.core-d b{font-size:30px;color:var(--ink)}
.core-n{margin-top:14px;font-size:clamp(16px,1.9vw,21px);font-weight:800;color:#F0F7FA}
.core-s{font-size:11px;color:var(--aqua-hi);font-weight:650;letter-spacing:.13em;margin-top:5px}

.node{position:absolute;z-index:2;transform:translate(-50%,-50%);width:max-content;max-width:190px;
  display:flex;flex-direction:column;align-items:center;gap:8px;animation:fadeUp .5s backwards}
@keyframes fadeUp{from{opacity:0;transform:translate(-50%,-42%)}to{opacity:1;transform:translate(-50%,-50%)}}
.node-d{width:46px;height:46px;border-radius:50%;background:#fff;display:grid;place-items:center;
  box-shadow:0 0 0 4px rgba(21,185,206,.16),0 8px 20px -8px rgba(0,0,0,.9);transition:.22s}
.node-d img{width:80%;height:80%;object-fit:contain;border-radius:50%}
.node-d b{color:var(--ink);font-size:17px}
.node:hover .node-d{transform:scale(1.1);box-shadow:0 0 0 5px rgba(21,185,206,.3),0 12px 26px -8px rgba(0,0,0,.95)}
.node-l{font-size:10.5px;line-height:1.45;text-align:center;padding:6px 11px;border-radius:9px;
  background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.5);color:var(--ink);
  box-shadow:0 8px 20px -12px rgba(0,0,0,.9)}
.node-l em{display:block;font-style:normal;font-size:9px;margin-top:3px;color:var(--aqua-lo);font-weight:800}
.node.soon .node-d{opacity:.8}

.ctabs{position:fixed;left:50%;bottom:calc(var(--strip,120px) + 12px);transform:translateX(-50%);z-index:29;
  display:flex;gap:3px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);
  border-radius:11px;padding:4px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.ctabs button{padding:9px 20px;border-radius:8px;font-size:12.5px;font-weight:700;
  color:rgba(224,238,244,.6);transition:.2s}
.ctabs button.on{background:var(--aqua);color:#04222A}

/* ---------- ადაპტაცია ---------- */
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms!important;transition-duration:.01ms!important}
}
@media (max-width:900px){
  :root{--strip:96px;--top:80px}
  .top{height:74px}
  .top-right{margin-right:0}
  .mark b{font-size:11px;letter-spacing:.14em}
  .mark span{display:none}
  .crest{width:70px}
  .nav{top:82px}.hint{display:none}
  .plate{transform:rotateX(20deg) scale(1.02)}
  .pin-name{font-size:10.5px;padding:4px 9px;border-radius:7px}
  .pin.big .pin-name{font-size:11.5px;padding:5px 11px}
  .pin-stem{--stem:24px}
  /* შეხებაზე ჰოვერი არ არსებობს — წერტილი უფრო თვალსაჩინო უნდა იყოს */
  .pin-dot{width:11px;height:11px;box-shadow:0 0 0 4px rgba(21,185,206,.2),0 0 14px rgba(21,185,206,.5)}
  .pin.big .pin-dot{width:13px;height:13px}
  .legend{padding:9px 11px;font-size:9.5px}
  .title h1{font-size:19px}
}
@media (max-width:560px){
  :root{--strip:84px;--top:64px}
  .top{height:60px;padding:0 12px}
  .top-right{gap:10px;margin-right:0}
  .mark svg{width:26px;height:26px}
  .plate{transform:rotateX(13deg) scale(1) translateY(-6%)}
  .pin-name{font-size:9.5px;padding:3px 8px}
  .pin.big .pin-name{font-size:10.5px;padding:4px 9px}
  .legend{display:none}
  .nav{top:72px;left:14px}
  .crumbs{font-size:10px;padding:7px 11px}
  .title{bottom:12px;gap:7px}
  .title h1{font-size:16px}
  .chips{gap:5px}
  .chip{font-size:9px;padding:4px 9px}
  .crest{width:50px;left:12px;bottom:12px;opacity:.8}
  .demo{display:none}
}

/* ==========================================================================
   რუკის ქვემოთ გადაშლილი სექციები — იმავე ღამის პალიტრაში
   ========================================================================== */
.sec{position:relative;z-index:12;max-width:1320px;margin:0 auto;
  padding:clamp(50px,6vw,98px) var(--secpad) 0}
.sec-k{font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;
  color:var(--aqua-hi);font-weight:750;text-align:center}
.sec-t{font-size:clamp(26px,3.4vw,44px);font-weight:800;text-align:center;margin-top:12px;
  letter-spacing:-.025em;line-height:1.2;color:#F2F8FB;text-wrap:balance}
.sec-s{text-align:center;color:rgba(224,238,244,.58);font-size:14.5px;line-height:1.8;
  max-width:660px;margin:16px auto 0}

/* ---------- აქტიური გარემოები ---------- */
.env-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}
.env{display:flex;align-items:center;gap:16px;width:100%;text-align:left;font:inherit;
  color:inherit;cursor:pointer;border-radius:18px;padding:20px 22px;transition:.24s;
  background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.env:hover{background:rgba(255,255,255,.08);border-color:rgba(47,185,132,.45);
  transform:translateY(-3px);box-shadow:0 22px 46px -30px rgba(0,0,0,.9)}
.env img{width:46px;height:46px;object-fit:contain;flex-shrink:0}
.env-t{min-width:0}
.env-t b{display:block;font-size:14px;font-weight:750;color:#EAF3F7;line-height:1.35}
.env-t span{display:block;font-size:11px;color:rgba(224,238,244,.5);margin-top:5px}
.env-s{margin-left:auto;font-size:10.5px;font-weight:700;padding:6px 12px;
  border-radius:20px;white-space:nowrap}
.env-s.on{background:rgba(47,185,132,.16);color:var(--emerald-hi);
  border:1px solid rgba(47,185,132,.42)}
.env-s.soon{background:rgba(255,255,255,.05);color:rgba(224,238,244,.55);
  border:1px solid rgba(255,255,255,.13)}
.env.ghost{border-style:dashed;background:transparent}
.env.ghost:hover{border-color:rgba(21,185,206,.45)}
.env-ic{width:46px;height:46px;border-radius:14px;border:1px dashed rgba(255,255,255,.2);
  display:grid;place-items:center;color:rgba(224,238,244,.5);font-size:22px;flex-shrink:0}

/* ---------- ქვეყანა ციფრებში ---------- */
.fgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;margin-top:38px;
  background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.10);
  border-radius:18px;overflow:hidden}
.fcell{background:#0A1622;padding:20px}
.fcell dt{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--aqua-hi);font-weight:750;margin-bottom:9px}
.fcell dd{font-size:14.5px;font-weight:750;line-height:1.45;color:#EAF3F7;
  font-variant-numeric:tabular-nums}
.fcell dd small{display:block;font-size:10.5px;font-weight:400;
  color:rgba(224,238,244,.45);margin-top:7px;line-height:1.6}

/* ---------- შესაძლებლობები ---------- */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.card{border-radius:18px;padding:28px 26px;transition:.24s;
  background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10)}
.card:hover{background:rgba(255,255,255,.075);border-color:rgba(21,185,206,.42);
  transform:translateY(-3px);box-shadow:0 22px 46px -30px rgba(0,0,0,.9)}
.card-i{display:block;width:40px;height:40px;margin-bottom:16px;padding:9px;
  border-radius:12px;background:rgba(21,185,206,.14);color:var(--aqua-hi)}
.card b{display:block;font-size:16px;font-weight:750;margin-bottom:10px;color:#EAF3F7}
.card p{font-size:13.5px;color:rgba(224,238,244,.58);line-height:1.8}

/* ---------- ფუტერი ---------- */
.foot{position:relative;z-index:12;margin-top:clamp(56px,7vw,110px);
  border-top:1px solid rgba(255,255,255,.08);background:rgba(4,8,14,.7)}
.foot-in{max-width:1320px;margin:0 auto;padding:30px var(--secpad);
  display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap}
.foot-brand b{display:block;font-size:12px;font-weight:800;letter-spacing:.18em;color:#DCE9EF}
.foot-brand span{display:block;font-size:10px;color:rgba(224,238,244,.38);margin-top:5px}
.foot-mid{display:flex;flex-direction:column;gap:5px;text-align:center;font-size:12.5px}
.foot-by{color:rgba(224,238,244,.66);font-weight:650}
.foot-mid a{color:var(--aqua-hi);font-weight:650}
.foot-mid a:hover{text-decoration:underline}
.foot-end{display:flex;flex-direction:column;align-items:flex-end;gap:7px}
.foot-motto{display:flex;align-items:center;gap:8px;color:var(--gold);
  font-size:11px;letter-spacing:.1em;font-weight:650}
.foot-demo{font-size:8.5px;letter-spacing:.16em;text-transform:uppercase;
  color:rgba(224,238,244,.25)}

@media (max-width:1000px){
  .env-row{grid-template-columns:1fr}
  .cards{grid-template-columns:repeat(2,1fr)}
  .fgrid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:640px){
  .cards{grid-template-columns:1fr}
  .fgrid{grid-template-columns:repeat(2,1fr)}
  .foot-in{flex-direction:column;text-align:center}
  .foot-end{align-items:center}
}