/* ============================= REFERENCES PAGE — trust/stat-wall hero ============================= */
.rhero{ position:relative; background-color:var(--deep); background-image:radial-gradient(ellipse 820px 620px at 86% -8%, rgba(31,157,217,0.20), transparent 60%), radial-gradient(ellipse 560px 560px at -8% 108%, rgba(106,198,183,0.12), transparent 60%); color:#EAF3F8; padding:clamp(7.5rem,13vw,9.5rem) 0 clamp(4rem,8vw,6rem); overflow:hidden; }
.rhero::before{ content:""; position:absolute; inset:0; z-index:0; background-image:
    linear-gradient(rgba(255,255,255,0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.045) 1px, transparent 1px);
  background-size:40px 40px, 40px 40px; border-bottom:1px solid rgba(255,255,255,0.08); }
.rhero::after{ content:""; position:absolute; right:0; top:0; bottom:0; width:1px; z-index:0; background:linear-gradient(rgba(255,255,255,0), #6AC6B7, rgba(255,255,255,0)); opacity:0.4; }
.rhero .wrap{ position:relative; z-index:1; }
.rhero h1{ color:#fff; font-family:var(--font-hero); font-weight:700; font-size:clamp(2.4rem,4.8vw,3.9rem); line-height:0.98; letter-spacing:0.002em; max-width:22ch; }
.rhero .sub{ color:#9FBACB; font-size:1.08rem; line-height:1.65; max-width:60ch; margin-top:1.2rem; }
.stat-wall{ display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.1); border-radius:var(--radius-m); overflow:hidden; margin-top:3rem; }
@media (max-width:820px){ .stat-wall{ grid-template-columns:1fr 1fr; } }
@media (max-width:520px){ .stat-wall{ grid-template-columns:1fr; } }
.stat-wall div{ background:var(--deep-2); padding:1.5rem 1.4rem; }
.stat-wall .v{ font-family:var(--font-mono); font-weight:600; font-size:1.7rem; color:var(--signal); }
.stat-wall .l{ font-size:0.8rem; color:#9FBACB; margin-top:0.4rem; line-height:1.4; }

/* ============================= CLIENT GRID ============================= */
.client-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:1.3rem; margin-top:2.6rem; }
@media (max-width:760px){ .client-grid{ grid-template-columns:1fr; } }
.client-card{ background:var(--surface); border:1px solid var(--border-strong); border-radius:var(--radius-l); padding:1.7rem 1.8rem; box-shadow:var(--shadow-1); position:relative; }
.client-card .sector{ font-family:var(--font-mono); font-size:0.68rem; letter-spacing:0.08em; text-transform:uppercase; color:var(--blue-strong); }
.client-card h3{ font-size:1.35rem; margin:0.55rem 0 0.55rem; color:var(--ink); }
.client-card p{ font-size:0.92rem; color:var(--ink-soft); line-height:1.55; }
.client-card.wide{ grid-column:1 / -1; background:linear-gradient(135deg,var(--surface),#EAF2F6); }

/* ============================= TOPLU YAPI / SİTE WALL ============================= */
.site-wall{ display:flex; flex-wrap:wrap; gap:0.55rem; margin-top:2.4rem; }
.site-chip{ display:inline-block; font-size:0.84rem; padding:0.5rem 1rem; border-radius:99px; border:1px solid var(--border-strong); background:var(--surface); color:var(--ink-soft); line-height:1.3; }

/* ============================= MAP PROOF ============================= */
.map-block{ display:grid; grid-template-columns:1.15fr 0.85fr; gap:clamp(2rem,5vw,3.5rem); align-items:center; margin-top:1rem; }
@media (max-width:900px){ .map-block{ grid-template-columns:1fr; } }
.map-block .shot-card img{ display:block; width:100%; }
.map-txt .pin-stat{ display:flex; gap:1.6rem; margin-top:1.6rem; flex-wrap:wrap; }
.map-txt .pin-stat div{ background:var(--deep-3); border:1px solid rgba(255,255,255,0.1); border-radius:var(--radius-m); padding:1rem 1.3rem; }
.map-txt .pin-stat .v{ font-family:var(--font-mono); font-weight:600; font-size:1.4rem; color:var(--signal); }
.map-txt .pin-stat .l{ font-size:0.76rem; color:#9FBACB; margin-top:0.25rem; }

/* ============================= PROOF GALLERY ============================= */
.proof-gallery{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; margin-top:2.6rem; }
@media (max-width:820px){ .proof-gallery{ grid-template-columns:1fr; } }
.proof-gallery figure{ margin:0; border-radius:var(--radius-l); overflow:hidden; border:1px solid var(--border); box-shadow:var(--shadow-1); background:var(--surface); }
.proof-gallery img{ width:100%; aspect-ratio:4/3; object-fit:cover; display:block; }
.proof-gallery figcaption{ padding:0.9rem 1.1rem 1.1rem; font-size:0.82rem; color:var(--muted); line-height:1.5; }
.proof-gallery figcaption b{ display:block; color:var(--ink); font-size:0.88rem; margin-bottom:0.2rem; }


/* ============================= HERO GLOW — enerjik ağ/sinyal dekorasyonu ============================= */
.hero-glow{ position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none; }
.hero-glow svg{ width:100%; height:100%; display:block; }
.hg-nodes circle{ transform-box:fill-box; transform-origin:center; filter:drop-shadow(0 0 4px currentColor) drop-shadow(0 0 11px currentColor); animation:hgNodePulse 2.2s ease-in-out infinite; }
@keyframes hgPulse{ 0%,100%{ opacity:.4; } 50%{ opacity:1; } }
@keyframes hgNodePulse{ 0%,100%{ opacity:.5; transform:scale(1); } 50%{ opacity:1; transform:scale(1.55); } }
.hg-lines path{ stroke-dasharray:10 6; stroke-linecap:round; animation:hgFlow 6.5s linear infinite; }
@keyframes hgFlow{ to{ stroke-dashoffset:-560; } }
.hg-lines[stroke="#1F9DD9"]{ color:#1F9DD9; }
.hg-lines[stroke="#6AC6B7"]{ color:#6AC6B7; }
.hg-lines[stroke-opacity="0.16"]{ stroke-opacity:0.24; }
.hg-lines[stroke-opacity="0.35"]{ stroke-opacity:0.42; }
.hg-lines path{ stroke-width:1.5px; filter:drop-shadow(0 0 1.2px currentColor); }
.hg-photons circle{ filter:drop-shadow(0 0 1.6px currentColor) drop-shadow(0 0 5px currentColor); animation-name:hgPhotonFade; animation-timing-function:linear; animation-iteration-count:infinite; }
@keyframes hgPhotonFade{ 0%,100%{ opacity:0; } 12%,55%{ opacity:1; } 90%{ opacity:0; } }

/* diyagram düğümlerine / sinyal halkalarına ince neon parıltısı */
.big-diagram svg circle[fill="none"], .lorawan-diagram svg circle[fill="none"]{ animation:hgPulse 2.8s ease-in-out infinite; }
.big-diagram svg rect[fill="none"], .lorawan-diagram svg rect[fill="none"]{ filter:drop-shadow(0 0 5px rgba(106,198,183,0.28)); }

.hero-glow.light .hg-nodes circle{ filter:none; animation:hgNodePulseLight 2.5s ease-in-out infinite; }
@keyframes hgNodePulseLight{ 0%,100%{ opacity:.42; transform:scale(1); } 50%{ opacity:1; transform:scale(1.45); } }

.section{ overflow:hidden; }
.section > .wrap{ position:relative; z-index:1; }