:root{
  --void:#08040F;
  --iris:#A855F7; --iris-soft:#C084FC; --rose:#F472B6;
  --pin:#FFB33C; --pin-2:#FF8A3C;
  --ink:#F5F0FF; --ink-2:#B7A7D4; --ink-3:#7A6A97;
  --line:rgba(168,85,247,.16);
  --glass:rgba(255,255,255,.032); --glass-2:rgba(255,255,255,.055);
  --r-lg:24px; --r-md:16px; --r-sm:11px; --maxw:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
/* Yapışkan menü hedef bölümün başlığını örtmesin: bağlantıyla gelen kaydırma
   menü yüksekliği + nefes payı kadar yukarıda durur. */
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{background:var(--void);color:var(--ink);font-family:'Onest',system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
/* height:auto ŞART. Görsellere CLS için width/height özniteliği veriliyor;
   öznitelik sunum ipucu olarak height uygular ve aspect-ratio'yu etkisiz kılar.
   auto olmadan görseller kendi piksel yüksekliğinde kalır ve kutuyu şişirir. */
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button,input,textarea{font-family:inherit;font-size:inherit;color:inherit}
:focus-visible{outline:2px solid var(--pin);outline-offset:3px;border-radius:6px}

.bg-field{position:fixed;inset:0;z-index:0;pointer-events:none}
.orb{position:absolute;border-radius:50%;filter:blur(110px)}
.orb-1{width:640px;height:640px;top:-260px;right:-180px;background:radial-gradient(circle,#7B2FD4 0%,transparent 68%);opacity:.4}
.orb-2{width:720px;height:720px;bottom:-320px;left:-260px;background:radial-gradient(circle,#5B2BA8 0%,transparent 70%);opacity:.28}
.grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.wrap{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;padding:0 24px}

.eyebrow{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--rose);display:flex;align-items:center;gap:10px;margin-bottom:18px}
.eyebrow::before{content:"";width:24px;height:1px;background:linear-gradient(90deg,var(--rose),transparent)}
h1,h2,h3,h4,.btn,.nav-links,.hero-chip .v,.price,.metric b{font-family:'Gabarito',system-ui,sans-serif}
h1,h2,h3{font-weight:500;letter-spacing:-.038em;line-height:1.08}
h1{font-size:clamp(33px,4.7vw,54px)}
h2{font-size:clamp(26px,3.4vw,40px)}
h3{font-size:18px;font-weight:600;letter-spacing:-.025em;line-height:1.3}
em.acc{font-family:'Fraunces',serif;font-style:italic;font-weight:400;background:linear-gradient(100deg,var(--iris-soft),var(--rose));-webkit-background-clip:text;background-clip:text;color:transparent}
p{color:var(--ink-2)}
.lead{font-size:16px;max-width:54ch}
.mono{font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.04em}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 30px;border-radius:100px;border:1px solid transparent;font-size:14.5px;font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:.28s cubic-bezier(.2,.7,.3,1);white-space:nowrap}
.btn-pin{background:linear-gradient(100deg,var(--pin),var(--pin-2));color:#2A1400;box-shadow:0 10px 34px rgba(255,160,60,.3)}
.btn-pin:hover{transform:translateY(-2px);box-shadow:0 16px 46px rgba(255,160,60,.46)}
/* Basılı durum — dokunmatikte tek geri bildirim budur (hover yok). */
.btn:active{transform:translateY(1px)}
.btn-pin:active{box-shadow:0 6px 18px rgba(255,160,60,.34)}
.btn-wa:active{box-shadow:0 6px 18px rgba(37,211,102,.34)}
.btn-ghost:active{background:rgba(255,255,255,.09)}
.btn:disabled,.btn[aria-disabled="true"]{opacity:.5;pointer-events:none}
.btn-ghost{background:var(--glass);border-color:var(--line);color:var(--ink)}
.btn-ghost:hover{background:var(--glass-2);border-color:rgba(168,85,247,.42)}
.btn-lg{padding:19px 40px;font-size:16px}
.btn-wa{background:linear-gradient(100deg,#25D366,#12B76A);border-color:transparent;color:#062415;box-shadow:0 10px 34px rgba(37,211,102,.32)}
.btn-wa:hover{box-shadow:0 16px 46px rgba(37,211,102,.5);transform:translateY(-2px)}
/* ---- AKSİYON TEKRARININ ÖNLENMESİ ----
   Kural: her kaydırma noktasında ekranda EN FAZLA bir turuncu ve bir yeşil
   aksiyon bulunur. İki renk AYRI izlenir: ekranda turuncu bir aksiyon varsa
   yapışkan menü CTA'sı, yeşil bir aksiyon varsa WhatsApp baloncuğu gizlenir.
   Mobilde hero'daki yeşil buton `display:none` olduğu için sayılmaz; baloncuk
   orada sürekli görünür kalır — WhatsApp'ın mobildeki tek adresi odur.
   Sınıflar JS ile <html>'e eklenir; JS çalışmazsa ikisi de görünür kalır. */
.nav-right .btn,.wa-fab{transition:opacity .32s cubic-bezier(.2,.7,.3,1),transform .32s cubic-bezier(.2,.7,.3,1),visibility .32s}
.aksiyon-turuncu .nav-right .btn{opacity:0;transform:translateY(-6px) scale(.96);visibility:hidden;pointer-events:none}
.aksiyon-yesil .wa-fab{opacity:0;transform:translateY(10px) scale(.9);visibility:hidden;pointer-events:none}

.wa-fab{position:fixed;right:22px;bottom:22px;z-index:60;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(140deg,#25D366,#10B981);color:#06301B;box-shadow:0 10px 34px rgba(37,211,102,.45)}
.wa-fab::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(37,211,102,.55);animation:wapulse 2.6s ease-out infinite}
.wa-fab:hover{transform:scale(1.06);box-shadow:0 14px 44px rgba(37,211,102,.62)}
@keyframes wapulse{0%{transform:scale(.9);opacity:.9}70%{transform:scale(1.28);opacity:0}100%{opacity:0}}
.btn-block{width:100%}
.btn-sm{padding:12px 22px;font-size:13.5px}

.nav{position:sticky;top:0;z-index:50;padding:16px 0 6px}
.nav-wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.nav-in{padding:9px 9px 9px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;
  background:linear-gradient(120deg,rgba(40,17,72,.74),rgba(18,8,36,.6));backdrop-filter:blur(20px) saturate(150%);
  border:1px solid rgba(196,132,252,.24);border-radius:100px;
  box-shadow:0 10px 44px rgba(124,58,237,.24),inset 0 1px 0 rgba(255,255,255,.08);position:relative;overflow:hidden}
.nav-in::before{content:"";position:absolute;top:-60%;left:-12%;width:46%;height:220%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.07),transparent);transform:rotate(9deg)}
.brand{display:flex;flex-direction:column;align-items:flex-start;gap:2px;position:relative;z-index:2;padding:2px 0}
.sig{height:30px;width:auto;display:block;opacity:.97;filter:drop-shadow(0 0 16px rgba(196,132,252,.3))}
.brand-sub{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:.24em;color:var(--iris-soft);text-transform:uppercase;opacity:.8;padding-left:3px}
.brand-foot{margin-bottom:16px}
.brand-foot .sig{height:44px}
.brand-foot .brand-sub{font-size:8.5px}
.nav-links{display:flex;gap:26px;font-size:13px;font-weight:500;letter-spacing:.01em;color:var(--ink-2);position:relative;z-index:2}
.nav-links a{transition:.22s}
.nav-links a:hover{color:#fff;text-shadow:0 0 16px rgba(196,132,252,.75)}
.nav-right{display:flex;align-items:center;gap:10px;position:relative;z-index:2}
.nav-tel{display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--ink-2);
  padding:10px 15px;border-radius:100px;border:1px solid rgba(196,132,252,.22);background:rgba(255,255,255,.03);transition:.24s}
.nav-tel:hover{border-color:rgba(37,211,102,.5);color:#fff}
.burger{display:none;background:none;border:0;cursor:pointer;position:relative;z-index:2;
  width:44px;height:44px;place-items:center;border-radius:50%;transition:background .2s}
.burger:hover{background:rgba(255,255,255,.06)}
.burger span{display:block;width:20px;height:1.5px;background:var(--ink);border-radius:2px;
  transition:transform .28s cubic-bezier(.2,.7,.3,1),opacity .2s}
.burger span+span{margin-top:5px}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

/* mobil menü — kapsül menünün altına açılır */
.mobil-menu{display:none;margin-top:10px;padding:10px;border-radius:22px;
  background:linear-gradient(150deg,rgba(40,17,72,.96),rgba(18,8,36,.94));backdrop-filter:blur(20px) saturate(150%);
  border:1px solid rgba(196,132,252,.24);box-shadow:0 20px 54px rgba(0,0,0,.5)}
.mobil-menu[hidden]{display:none}
/* Yalnız doğrudan çocuk bağlantılar — aksi hâlde menü içindeki .btn'lerin
   doküman ölçeği (14.5px/600) ezilir. */
.mobil-menu > a{display:flex;align-items:center;min-height:48px;padding:0 14px;border-radius:12px;
  font-size:15px;font-weight:500;color:var(--ink-2);transition:background .2s,color .2s}
.mobil-menu > a:hover,.mobil-menu > a:focus-visible{background:rgba(255,255,255,.05);color:#fff}
.mobil-menu-alt{display:flex;gap:8px;margin-top:8px;padding-top:10px;border-top:1px solid rgba(168,85,247,.16)}
.mobil-menu-alt .btn{flex:1;min-height:46px;justify-content:center}

.hero{padding:44px 0 40px}
.h1-ust{display:block;font-size:.6em;font-weight:400;line-height:1.2;letter-spacing:-.02em;
  color:var(--ink-2);margin-bottom:12px}
.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:30px;align-items:center}
.hero p.lead{margin:20px 0 30px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.hero-note{margin-top:24px;display:flex;align-items:center;gap:10px;color:var(--ink-3);font-size:12.5px}
/* Buton etiketlerinin kısa sürümü yalnızca mobilde açılır (yan yana düzen) */
.btn-kisa{display:none}
.dot{width:7px;height:7px;border-radius:50%;background:#4ADE80;box-shadow:0 0 0 4px rgba(74,222,128,.14)}

.portrait{position:relative;display:flex;align-items:flex-end;justify-content:center}
.stage{position:relative;width:100%;max-width:540px;aspect-ratio:1/1.14}
.glow-disc{position:absolute;top:1%;left:50%;transform:translateX(-50%);width:82%;aspect-ratio:1/1;border-radius:50%;z-index:0;
  background:radial-gradient(circle at 50% 46%,rgba(214,140,255,.5) 0%,rgba(160,70,230,.34) 34%,rgba(105,40,180,.16) 56%,transparent 74%);
  filter:blur(14px)}
.arc{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.hero-photo{position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:2;height:97%;width:auto;max-width:none;
  filter:drop-shadow(0 26px 54px rgba(0,0,0,.62));
  -webkit-mask-image:linear-gradient(to bottom,#000 86%,rgba(0,0,0,.35) 96%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 86%,rgba(0,0,0,.35) 96%,transparent 100%)}
/* Masaüstünde sarmalayıcı kutu üretmez; kartlar .stage'e göre yüzer.
   Mobilde gerçek kutuya dönüşür (RESPONSIVE bölümüne bak). */
.hero-kartlar{display:contents}

/* ---- hero bilgi kartları (chip) — tek tanım, tekrar yok ---- */
.hero-chip{position:absolute;z-index:3;min-width:auto;padding:13px 16px;border-radius:var(--r-md);
  background:rgba(20,8,38,.82);backdrop-filter:blur(14px);
  border:1px solid var(--line);box-shadow:0 18px 44px rgba(0,0,0,.55);
  animation:float 7s ease-in-out infinite;transition:border-color .3s,box-shadow .3s}
.hero-chip::before{content:"";position:absolute;top:0;left:20px;right:20px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(240,171,252,.85),transparent)}
.hero-chip:hover{border-color:rgba(240,171,252,.6);
  box-shadow:0 22px 60px rgba(0,0,0,.62),0 0 60px rgba(196,132,252,.5),inset 0 1px 0 rgba(255,255,255,.14)}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

.chip-top{top:19%;right:-4%}
.chip-mid{top:38%;left:3%;animation-delay:-2.3s}
.chip-bot{bottom:4%;right:-7%;animation-delay:-4.6s}

.chip-ico{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;margin-bottom:10px;
  background:linear-gradient(140deg,rgba(196,132,252,.35),rgba(244,114,182,.18));border:1px solid rgba(196,132,252,.32)}
.hero-chip .k{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.18em;color:var(--rose);text-transform:uppercase}
.hero-chip .v{font-size:19px;font-weight:600;letter-spacing:-.035em;line-height:1.05;margin-top:5px;
  background:linear-gradient(100deg,#FFFFFF,#EBD7FF 52%,#F0ABFC);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-chip .s{font-size:11px;color:var(--ink-3);line-height:1.4;margin-top:2px}

.chip-stats{display:flex;gap:16px}
.chip-stats div{text-align:left}
.chip-list{list-style:none;display:grid;gap:6px;margin-top:8px}
.chip-list li{font-size:12.5px;font-weight:500;color:var(--ink-2);display:flex;gap:7px;align-items:center;line-height:1.35}
.chip-list li::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--rose);flex:none}

section{position:relative;z-index:2}
.sec{padding:62px 0}
.sec-head{max-width:640px;margin-bottom:30px}
.sec-head p{margin-top:14px}
.head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;max-width:none}
.panel{background:linear-gradient(165deg,rgba(168,85,247,.06),rgba(255,255,255,.01));border:1px solid var(--line);border-radius:30px;padding:40px 40px}
.card{background:var(--glass);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;transition:.3s cubic-bezier(.2,.7,.3,1)}
.card:hover{transform:translateY(-3px);border-color:rgba(168,85,247,.38);background:var(--glass-2)}
.card h3{margin-bottom:9px}
.card p{font-size:14px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}

.metric-card{position:relative}
.mc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.mc-n{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--iris-soft);letter-spacing:.14em}
.mc-pill{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);border:1px solid var(--line);padding:4px 9px;border-radius:100px}
.metric-card h3{margin-bottom:10px}
.analiz-strip{margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
  padding:26px 30px;border-radius:24px;border:1px solid rgba(244,114,182,.28);
  background:linear-gradient(120deg,rgba(168,85,247,.15),rgba(244,114,182,.06));box-shadow:0 0 60px rgba(168,85,247,.13) inset}
.analiz-strip .k{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--rose)}
.analiz-strip .v{font-size:20px;font-weight:300;letter-spacing:-.02em;margin-top:5px}
.strip-btns{display:flex;gap:10px;flex-wrap:wrap}
.form-contact{margin-top:20px;padding-top:18px;border-top:1px dashed rgba(168,85,247,.22)}
.form-contact .k{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3)}
.prob-n{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--ink-3);letter-spacing:.14em;margin-bottom:16px}
.prob-line{width:32px;height:1px;background:linear-gradient(90deg,var(--iris),transparent);margin:15px 0}

.shot{position:relative;width:100%;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line);background:linear-gradient(150deg,rgba(168,85,247,.13),rgba(18,7,38,.9));display:grid;place-items:center;text-align:center}
.shot .mono{color:var(--ink-3);line-height:1.9;padding:0 16px}
.shot-916{aspect-ratio:9/16}
.shot-169{aspect-ratio:16/9}

.rep{padding:0;overflow:hidden;display:flex;flex-direction:column;cursor:zoom-in}
.rep .pic{position:relative;border-bottom:1px solid var(--line);overflow:hidden;background:#0D0620}
.rep .pic img{width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.3,1)}
.rep:hover .pic img{transform:scale(1.035)}
.rep .stamp{position:absolute;top:12px;left:12px;font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;background:rgba(10,5,20,.8);backdrop-filter:blur(8px);border:1px solid var(--line);color:var(--ink-2);padding:5px 10px;border-radius:100px}
.rep-body{padding:20px 22px 22px}
.rep-tag{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.rep-tag b{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--iris-soft);font-weight:500}
.rep-tag span{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--ink-3)}
.metric{display:flex;align-items:baseline;gap:8px}
.metric b{font-size:34px;font-weight:500;letter-spacing:-.03em;color:var(--ink)}
.metric span{font-size:12.5px;color:var(--ink-3)}
.bar{height:5px;border-radius:100px;background:rgba(168,85,247,.14);overflow:hidden;margin-top:16px}
/* Dolum clip-path ile açılır; `width` animasyonu düzen hesabı tetikler ve
   her karede yeniden yerleşim yaptırır (motion kuralı: transform/opacity/clip-path). */
.bar i{display:block;height:100%;width:100%;border-radius:100px;background:linear-gradient(90deg,var(--iris),var(--rose));box-shadow:0 0 14px rgba(244,114,182,.6);
  clip-path:inset(0 100% 0 0 round 100px);transition:clip-path 1.2s cubic-bezier(.3,.8,.3,1)}
.bar-l{display:flex;justify-content:space-between;font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--ink-3);margin-top:9px}
.disclaimer{margin-top:18px;font-size:12.5px;color:var(--ink-3);max-width:82ch}

.flow{display:grid;grid-template-columns:repeat(6,1fr);position:relative;margin-top:12px}
.flow::before{content:"";position:absolute;top:22px;left:6%;right:6%;height:1px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.4),rgba(244,114,182,.4),transparent)}
.step{position:relative;padding:0 12px}
.step-dot{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#140828;border:1px solid var(--line);position:relative;z-index:2;margin-bottom:15px;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--iris-soft);box-shadow:0 0 0 6px var(--void)}
.step h4{font-size:14px;font-weight:600;margin-bottom:6px}
.step p{font-size:12.6px;line-height:1.5}
.step .when{font-family:'JetBrains Mono',monospace;font-size:9.5px;color:var(--ink-3);letter-spacing:.1em;margin-top:8px;display:block}

.video-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:34px;align-items:center}
.video-slot{cursor:pointer}
.video-slot:hover{border-color:rgba(255,179,60,.45)}
.play{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:rgba(255,179,60,.13);border:1px solid rgba(255,179,60,.5);backdrop-filter:blur(6px)}
.video-list{list-style:none;display:grid;gap:13px;margin-top:22px}
.video-list li{display:flex;gap:12px;font-size:14px;color:var(--ink-2);align-items:flex-start}
.video-list li::before{content:"→";color:var(--rose);font-size:13px}

.cta-band{border-radius:28px;padding:34px 38px;display:grid;grid-template-columns:auto 1fr auto;gap:32px;align-items:center;
  background:linear-gradient(120deg,rgba(168,85,247,.16),rgba(244,114,182,.07));border:1px solid rgba(244,114,182,.28);
  box-shadow:0 0 70px rgba(168,85,247,.14) inset}
.cta-face{width:92px;height:92px;border-radius:50%;overflow:hidden;border:1px solid rgba(244,114,182,.45);box-shadow:0 0 28px rgba(168,85,247,.35);flex:none}
.cta-face img{width:100%;height:100%;object-fit:cover}
.cta-band h3{font-size:22px;font-weight:300;letter-spacing:-.02em;margin-bottom:8px}
.cta-band p{font-size:14px;max-width:62ch}

.pack-wrap{position:relative;border-radius:26px;padding:1.5px;background:linear-gradient(160deg,rgba(168,85,247,.5),rgba(244,114,182,.18) 45%,rgba(168,85,247,.08));transition:.32s}
.pack-wrap::after{content:"";position:absolute;inset:-2px;border-radius:28px;background:linear-gradient(160deg,var(--iris),var(--rose));filter:blur(22px);opacity:.16;z-index:-1;transition:opacity .32s}
.pack-wrap:hover{transform:translateY(-4px)}
.pack-wrap:hover::after{opacity:.45}
.pack-wrap.pop{background:linear-gradient(160deg,var(--rose),rgba(168,85,247,.7) 55%,rgba(255,179,60,.5))}
.pack-wrap.pop::after{background:linear-gradient(160deg,var(--rose),var(--pin));opacity:.38}
.pack-wrap.pop:hover::after{opacity:.68}
.pack{background:#0D0620;border-radius:25px;padding:30px 26px;display:flex;flex-direction:column;height:100%;position:relative}
.pack-name{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--iris-soft);text-transform:uppercase}
.pack-baslik{font-family:'Gabarito',sans-serif;font-size:24px;font-weight:600;letter-spacing:-.025em;margin-top:7px}
.price{font-size:40px;font-weight:500;letter-spacing:-.03em;margin:6px 0 0}
.price span{font-size:15px;color:var(--ink-3);margin-left:4px}
/* teslim süresi rozeti — turuncu DEĞİL; turuncu yalnız tıklanacak butonlarda */
.pack-teslim{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;margin-top:11px;
  padding:5px 11px;border-radius:100px;border:1px solid rgba(196,132,252,.26);background:rgba(168,85,247,.09);
  font-family:'Onest',sans-serif;font-size:11.5px;color:var(--ink-2)}
.pack-teslim::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--iris-soft);flex:none}
.pack-for{margin-top:17px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pack-for .k{display:block;font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--iris-soft);margin-bottom:9px}
.pack-for p{font-size:12.8px;line-height:1.5;color:var(--ink-2)}
.pack-for p+p{margin-top:7px}
.pack ul{list-style:none;display:grid;gap:10px;margin:18px 0 24px}
/* Madde işareti akış dışında konumlanır. Flex kullanılırsa <b>10 Adet</b> ile
   ardındaki metin iki ayrı flex öğesi olur ve aralarına gap girer. */
.pack li{position:relative;padding-left:15px;font-size:13.3px;line-height:1.45;color:var(--ink-2)}
.pack li b{color:var(--ink);font-weight:600}
.pack li::before{content:"";position:absolute;left:0;top:.52em;width:5px;height:5px;border-radius:50%;
  background:var(--iris);box-shadow:0 0 8px rgba(168,85,247,.8)}
.pack .btn{margin-top:auto}

.ref-note{display:flex;align-items:center;gap:9px;font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--ink-3);margin-top:10px;letter-spacing:.06em}
.badge-play{position:absolute;bottom:12px;left:12px;width:34px;height:34px;border-radius:50%;background:rgba(255,179,60,.16);border:1px solid rgba(255,179,60,.5);display:grid;place-items:center}

.form-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:start}
.form-facts{list-style:none;display:grid;gap:12px;margin-top:22px}
.form-facts li{font-size:13.5px;color:var(--ink-2);display:flex;gap:11px;align-items:flex-start}
.form-facts li::before{content:"✓";color:var(--rose);font-size:12px;margin-top:2px}
.field{margin-bottom:14px}
.field label{display:block;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);margin-bottom:8px;line-height:1.4}
.field input,.field textarea{width:100%;padding:14px 15px;border-radius:var(--r-sm);background:rgba(255,255,255,.035);border:1px solid var(--line);font-size:16px;transition:.24s}
.field input::placeholder,.field textarea::placeholder{color:#5A4E7C}
.field input:focus,.field textarea:focus{outline:none;border-color:rgba(244,114,182,.5);background:rgba(255,255,255,.06)}
.form-foot{font-size:12px;color:var(--ink-3);margin-top:13px;text-align:center}

.foot{border-top:1px solid rgba(168,85,247,.1);padding:42px 0 28px;position:relative;z-index:2}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:32px}
.foot h5{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.2em;color:var(--ink-3);text-transform:uppercase;margin-bottom:16px}
.foot a{display:block;font-size:13.5px;color:var(--ink-2);padding:9px 0;transition:color .2s}
.foot a:hover,.foot a:focus-visible{color:var(--rose)}
.foot h5+a{padding-top:0}
.foot-bar{margin-top:38px;padding-top:22px;border-top:1px solid rgba(168,85,247,.09);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:11.5px;color:var(--ink-3)}

/* Beliren bloklar. DİKKAT: gizleme yalnızca .js sınıfı varken uygulanır —
   bu sınıfı <head> içindeki tek satırlık script ekler. JavaScript çalışmazsa
   (hata, engelleyici, eski tarayıcı) içerik gizlenmez, sayfa boş kalmaz. */
.js .rv{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.3,1)}
.js .rv.in{opacity:1;transform:none}

/* lightbox */
.lb{position:fixed;inset:0;z-index:100;background:rgba(4,2,10,.92);backdrop-filter:blur(10px);display:none;place-items:center;padding:24px;cursor:zoom-out}
.lb.on{display:grid}
.lb img{max-width:min(92vw,860px);max-height:86vh;border-radius:18px;border:1px solid var(--line)}
.lb-cap{position:absolute;bottom:28px;left:0;right:0;text-align:center;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--ink-3);letter-spacing:.1em}

/* ---- iniş sayfası ekleri ---- */
.flow-4{grid-template-columns:repeat(4,1fr)}
.olcum-label{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--iris-soft);margin-bottom:16px;display:flex;align-items:center;gap:12px}
.olcum-label::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(168,85,247,.4),transparent)}
.video-panel{background:linear-gradient(150deg,rgba(168,85,247,.09),rgba(255,255,255,.012));
  border:1px solid var(--line);border-radius:30px;padding:30px}
.video-panel .video-grid{gap:30px;align-items:center}
.video-panel.reverse .video-grid{grid-template-columns:.88fr 1.12fr}
.vid-badge{position:absolute;top:14px;right:14px;font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:.12em;color:var(--ink-2);background:rgba(10,5,20,.72);backdrop-filter:blur(8px);
  border:1px solid var(--line);padding:5px 10px;border-radius:100px}
.vid-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.vid-tags span{font-size:12px;color:var(--ink-2);padding:7px 13px;border-radius:100px;
  border:1px solid rgba(196,132,252,.24);background:rgba(255,255,255,.03)}
.out-card{margin-top:24px;padding:18px 20px;border-radius:18px;border:1px solid rgba(196,132,252,.24);
  background:linear-gradient(150deg,rgba(168,85,247,.1),rgba(255,255,255,.015))}
.out-card .k{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--rose)}
.out-card ul{list-style:none;display:grid;gap:9px;margin-top:13px}
.out-card li{font-size:13.2px;color:var(--ink-2);display:flex;gap:10px;align-items:flex-start;line-height:1.4}
.out-card li::before{content:"";width:5px;height:5px;border-radius:50%;background:linear-gradient(140deg,#F472B6,#C084FC);
  flex:none;margin-top:7px;box-shadow:0 0 8px rgba(244,114,182,.8)}
.budget-note{margin:16px 0 14px;padding:16px 18px;border-radius:16px;
  border:1px solid rgba(255,179,60,.34);background:linear-gradient(120deg,rgba(255,179,60,.1),rgba(255,138,60,.04))}
.budget-note .bn-k{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--pin)}
.budget-note p{font-size:12.8px;line-height:1.55;color:var(--ink-2);margin-top:7px}
.budget-note b{color:#FFD79B}
.site-form-message{padding:16px;margin-bottom:20px;border:1px solid #ad7b95;border-radius:10px;background:#271821;color:#f4d9e6;font-size:14px;line-height:1.65}
.site-form-message[hidden]{display:none!important}
.site-footer-links{display:flex;flex-wrap:wrap;gap:8px 28px;padding-bottom:20px;font-size:13px}
.site-footer-links a{display:inline-flex;align-items:center;min-height:44px}
.site-skip{position:fixed;top:12px;left:20px;z-index:120;padding:12px 20px;border-radius:10px;background:#f2f2f2;color:#08080c;transform:translateY(-160%)}
.site-skip:focus{transform:none}
/* ---- teşekkür sayfası ---- */
.ty-wrap{min-height:calc(100vh - 120px);display:grid;place-items:center;padding:36px 0 60px}
.ty-card{width:100%;max-width:620px;text-align:center;
  background:linear-gradient(160deg,rgba(168,85,247,.13),rgba(255,255,255,.015));
  border:1px solid rgba(196,132,252,.28);border-radius:30px;padding:44px 38px 38px;
  box-shadow:0 0 80px rgba(168,85,247,.16) inset,0 30px 70px rgba(0,0,0,.5)}
.ty-ico{width:72px;height:72px;border-radius:50%;margin:0 auto 20px;display:grid;place-items:center;
  background:linear-gradient(140deg,rgba(37,211,102,.22),rgba(16,185,129,.08));border:1px solid rgba(37,211,102,.5);
  box-shadow:0 0 34px rgba(37,211,102,.25)}
.ty-card h1{font-size:clamp(28px,4.4vw,40px);line-height:1.08;margin-bottom:12px}
.ty-card > p{font-size:15px;line-height:1.6;color:var(--ink-2);max-width:46ch;margin:0 auto}
.ty-sum{margin:26px 0 24px;padding:6px 20px;border-radius:18px;border:1px solid var(--line);
  background:rgba(255,255,255,.03);text-align:left}
.ty-row{display:grid;grid-template-columns:112px 1fr;gap:14px;align-items:start;
  padding:13px 0;border-bottom:1px solid rgba(168,85,247,.1)}
.ty-row:last-child{border-bottom:0}
.ty-row b{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink-3);font-weight:400;padding-top:3px}
.ty-row span{font-size:13.5px;color:var(--ink-2);line-height:1.45;word-break:break-word}
.ty-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.ty-note{font-size:12.5px;color:var(--ink-3);margin-top:20px;line-height:1.55}
.btn-pulse{position:relative;animation:btnGlow 2.2s ease-in-out infinite}
@keyframes btnGlow{
  0%,100%{box-shadow:0 10px 34px rgba(37,211,102,.3)}
  50%{box-shadow:0 12px 44px rgba(37,211,102,.75),0 0 0 6px rgba(37,211,102,.12)}
}




/* ================= VAKA SAYFASI v4 ================= */
.ref-top{padding:26px 0 6px;max-width:680px}
.ref-top h1{font-size:clamp(28px,4.2vw,44px);margin-bottom:12px}
.ref-top p{font-size:15.5px;color:var(--ink-2);max-width:56ch}

/* neon çerçeveli vaka paneli */
.vaka-wrap{position:relative;margin:24px 0;border-radius:28px;padding:1.5px;transition:.34s;
  background:linear-gradient(160deg,rgba(196,132,252,.55),rgba(244,114,182,.2) 46%,rgba(168,85,247,.1))}
.vaka-wrap::after{content:"";position:absolute;inset:-3px;border-radius:31px;z-index:-1;
  background:linear-gradient(160deg,var(--iris),var(--rose));filter:blur(26px);opacity:.2;transition:opacity .34s}
.vaka-wrap:hover::after{opacity:.5}
.vaka{border-radius:27px;padding:24px;background:#0B0518}

.vaka-head{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center;margin-bottom:18px}
.vh-sol{display:flex;align-items:center;gap:14px}
.vh-no{font-family:'Gabarito',sans-serif;font-size:13px;font-weight:600;color:var(--iris-soft);
  border:1px solid rgba(196,132,252,.34);padding:6px 13px;border-radius:100px;flex:none}
.vh-ad{font-family:'Gabarito',sans-serif;font-size:20px;font-weight:600;letter-spacing:-.03em;line-height:1.2}
.vh-ad span{display:block;font-family:'Onest',sans-serif;font-size:12.5px;color:var(--ink-3);
  font-weight:400;margin-top:4px;letter-spacing:0}
.vh-arama{font-family:'Onest',sans-serif;font-size:13.5px;color:var(--ink-2);
  padding:10px 16px;border-radius:100px;border:1px solid var(--line);background:rgba(255,255,255,.03)}
.vh-arama b{color:var(--ink-3);font-weight:400;margin-right:9px;font-size:12.5px}

.harita3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.h3{border-radius:18px;overflow:hidden;border:1px solid rgba(196,132,252,.24);background:#0E0620;
  box-shadow:0 0 26px rgba(168,85,247,.14);transition:.32s}
.h3:hover{border-color:rgba(240,171,252,.55);box-shadow:0 0 46px rgba(168,85,247,.34);transform:translateY(-3px)}
.h3 img{width:100%;aspect-ratio:1/1;object-fit:contain;display:block;background:#0E0620;cursor:zoom-in}
.h3-alt{padding:13px 16px 15px;border-top:1px solid rgba(196,132,252,.16)}
.h3-ust{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}
.h3-ust b{font-family:'Gabarito',sans-serif;font-size:13.5px;font-weight:600;color:var(--iris-soft)}
.h3-ust span{display:inline-flex;align-items:baseline;gap:6px}
.h3-ust .e{font-style:normal;font-family:'Onest',sans-serif;font-size:10.5px;color:var(--ink-3)}
.h3-ust strong{font-family:'Gabarito',sans-serif;font-size:22px;font-weight:500;letter-spacing:-.03em;
  color:var(--ink);font-variant-numeric:tabular-nums}
.h3-bar{height:4px;border-radius:100px;background:rgba(168,85,247,.14);overflow:hidden}
.h3-bar i{display:block;height:100%;width:100%;border-radius:100px;
  background:linear-gradient(90deg,var(--iris),var(--rose));box-shadow:0 0 12px rgba(244,114,182,.7);
  clip-path:inset(0 100% 0 0 round 100px);transition:clip-path 1.1s cubic-bezier(.3,.8,.3,1)}
.h3-oran{display:flex;justify-content:space-between;font-family:'Onest',sans-serif;font-size:12px;
  color:var(--ink-3);margin-top:9px}

.vaka-durum{font-size:14px;line-height:1.6;color:var(--ink-2);margin-top:20px;padding-top:18px;
  border-top:1px solid rgba(168,85,247,.14);max-width:82ch}
.sonuc-serit{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.ss{padding:15px 18px;border-radius:16px;border:1px solid rgba(123,232,168,.26);background:rgba(123,232,168,.05)}
.ss .k{font-family:'Onest',sans-serif;font-size:12px;color:var(--ink-3);display:block;margin-bottom:7px}
.ss .d{font-family:'Gabarito',sans-serif;font-size:24px;font-weight:500;letter-spacing:-.03em;
  display:flex;align-items:center;gap:12px}
.ss .d em{font-style:normal;color:var(--ink-3);font-size:19px}
.ss .d .son{color:#7BE8A8}
/* ana metrik değil, yardımcı not — ortalama sıra gibi ikincil bilgiler */
.vaka-not{margin-top:12px;font-size:12.2px;line-height:1.55;color:var(--ink-3)}

.ara-cta{margin:30px 0;padding:30px 32px;border-radius:26px;display:flex;align-items:center;
  justify-content:space-between;gap:24px;flex-wrap:wrap;
  background:linear-gradient(120deg,rgba(168,85,247,.17),rgba(244,114,182,.06));
  border:1px solid rgba(244,114,182,.28);box-shadow:0 0 60px rgba(168,85,247,.14) inset}
.ara-cta h3{font-family:'Gabarito',sans-serif;font-size:23px;font-weight:500;letter-spacing:-.03em;line-height:1.2}
.ara-cta p{font-size:14px;margin-top:9px;max-width:56ch;line-height:1.6}
.ref-dip{font-size:12px;color:var(--ink-3);line-height:1.6;margin:26px 0 8px;max-width:96ch}

/* ölçüm altı referans bağlantısı */
.ref-link{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;
  padding:20px 24px;border-radius:20px;border:1px dashed rgba(196,132,252,.3);background:rgba(255,255,255,.02)}
.ref-link .k{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--rose);display:block;margin-bottom:6px}
.ref-link p{font-size:13.5px;color:var(--ink-2);max-width:56ch}


/* ================= VİDEO KUTUSU (afiş + oynat) =================
   Video dosyası tıklanana kadar YÜKLENMEZ. Afiş görseli duruyor, tıklamada
   <video> yerleştirilip oynatılıyor. Böylece 2,6 MB'lık dosya ilk açılışta
   indirilmiyor; sayfa hızı reklam maliyetini doğrudan etkiler. */
.video-kutu{position:relative;width:100%;border-radius:var(--r-md);overflow:hidden;
  border:1px solid var(--line);background:#0D0620;cursor:pointer;display:block;padding:0}
.video-kutu img{width:100%;height:100%;object-fit:cover;display:block}
/* Tıklamada yerleştirilen oynatıcı afişin ÜZERİNE biner.
   Akışta bırakılırsa afişin altına düşüyor ve `overflow:hidden` onu kırpıyor;
   ziyaretçi tıklıyor, hiçbir şey olmuyor sanıyor. (2026-08 hatası.) */
.video-kutu video,.video-kutu iframe{position:absolute;inset:0;z-index:2;
  width:100%;height:100%;border:0;object-fit:cover;display:block;background:#000}
.video-kutu.shot-169{aspect-ratio:16/9}
.video-kutu.shot-916{aspect-ratio:9/16}
.video-kutu::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(8,4,15,0) 45%,rgba(8,4,15,.55) 100%);transition:opacity .3s}
.video-kutu.oynuyor{cursor:default}
.video-kutu.oynuyor::after,.video-kutu.oynuyor .play,.video-kutu.oynuyor .vid-badge,
.video-kutu.oynuyor .ref-etiket{opacity:0;pointer-events:none}
.video-kutu .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  border:1px solid rgba(255,179,60,.5);background:rgba(255,179,60,.16);backdrop-filter:blur(6px);
  transition:transform .28s cubic-bezier(.2,.7,.3,1),background .28s,opacity .3s;cursor:pointer}
.video-kutu:hover .play{transform:translate(-50%,-50%) scale(1.08);background:rgba(255,179,60,.28)}
.video-kutu:active .play{transform:translate(-50%,-50%) scale(.97)}
.video-kutu:focus-visible{outline:2px solid var(--pin);outline-offset:3px}

/* referans (müşteri) kartı
   9:16 kart, 367px'lik bir sütunda 652px yüksekliğe çıkıyor ve üç tanesi
   yan yana duvar gibi duruyordu. Kart genişliği sınırlanır, sütun içinde
   ortalanır: şerit "üç video" gibi okunur, "üç afiş" gibi değil. */
.ref-kart .video-kutu{max-width:286px;margin-left:auto;margin-right:auto}
.ref-kart{display:flex;flex-direction:column;gap:10px}
.ref-etiket{position:absolute;left:14px;right:14px;bottom:14px;z-index:2;transition:opacity .3s}
.ref-etiket .k{display:block;font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--rose);margin-bottom:5px}
.ref-etiket .s{font-family:'Gabarito',sans-serif;font-size:14.5px;font-weight:600;letter-spacing:-.02em;
  line-height:1.25;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.6)}

/* öncesi–sonrası harita çifti */
.oncesi-sonrasi{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.oncesi-sonrasi figure{margin:0;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line);
  background:#0E0620;transition:.32s cubic-bezier(.2,.7,.3,1)}
.oncesi-sonrasi figure:hover{border-color:rgba(240,171,252,.45);transform:translateY(-3px)}
.oncesi-sonrasi img{width:100%;aspect-ratio:1/1;object-fit:contain;display:block;background:#0E0620}
.oncesi-sonrasi figcaption{padding:11px 13px 13px;border-top:1px solid rgba(196,132,252,.16)}
.oncesi-sonrasi .k{display:block;font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--iris-soft);margin-bottom:5px}
.oncesi-sonrasi .d{font-family:'Gabarito',sans-serif;font-size:16px;font-weight:600;letter-spacing:-.02em}
.oncesi-sonrasi .son .d{color:#7BE8A8}

/* Full landing page: content components are scoped; shared pages retain their original rules. */
html[data-sayfa="harita-analizi"] .home-content{position:relative;z-index:2;--pin:#F2F2F2;--pin-2:#E3DDE8;--iris:#B49AC7;--rose:#CAB9D3}
html[data-sayfa="harita-analizi"] .home-content *,html[data-sayfa="harita-analizi"] .foot *{min-width:0}
html[data-sayfa="harita-analizi"] .home-section{padding:42px 0}
html[data-sayfa="harita-analizi"] .home-heading{max-width:760px;margin-bottom:28px}
html[data-sayfa="harita-analizi"] .home-heading h2,html[data-sayfa="harita-analizi"] .finale-copy h2{font-size:clamp(30px,3.1vw,44px);font-weight:600;line-height:1.15;letter-spacing:-.035em;margin:0 0 16px}
html[data-sayfa="harita-analizi"] .home-heading h2,html[data-sayfa="harita-analizi"] .finale-copy h2,html[data-sayfa="harita-analizi"] .video-summary h3{text-wrap:balance}
html[data-sayfa="harita-analizi"] :is(.home-heading p,.video-summary p,.measure-info>p,.finale-intro,.finale-budget){text-wrap:pretty}
html[data-sayfa="harita-analizi"] .home-heading h2 em,html[data-sayfa="harita-analizi"] .finale-copy h2 em{font:inherit;color:#ACA0B4}
html[data-sayfa="harita-analizi"] .home-heading p{font-size:15px;line-height:1.8;max-width:61ch}
html[data-sayfa="harita-analizi"] .home-content .btn{font-family:'Inter',sans-serif;min-height:46px;font-size:13px;padding:13px 22px;white-space:normal;text-align:center;border-radius:100px}
html[data-sayfa="harita-analizi"] .home-content .btn-pin{background:#F2F2F2;color:#08080C;box-shadow:none}
html[data-sayfa="harita-analizi"] .home-content :is(.btn-ghost,.btn-wa){background:rgba(255,255,255,.025);border-color:var(--home-border-strong);box-shadow:none;color:#F2F2F2}
html[data-sayfa="harita-analizi"] .home-content .btn:hover{transform:translateY(-2px);box-shadow:0 0 24px rgba(183,145,211,.12)}
html[data-sayfa="harita-analizi"] .home-link{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;font:500 13px/1.5 'Inter',sans-serif;color:#E5DCEB;border-bottom:1px solid rgba(255,255,255,.14);padding:7px 0;transition:color .4s,border-color .4s}
html[data-sayfa="harita-analizi"] .home-link:hover{color:white;border-color:#BCA0CF}
html[data-sayfa="harita-analizi"] .section-bottom{display:flex;align-items:center;justify-content:flex-end;gap:20px;margin-top:14px}
html[data-sayfa="harita-analizi"] .home-notice{padding:16px 20px;border:1px solid var(--home-border);border-radius:14px;font-size:12px;line-height:1.8;color:#B1ABB6;background:rgba(255,255,255,.02);margin-top:20px}
html[data-sayfa="harita-analizi"] .trust-strip{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--home-border);padding:23px 0;margin-bottom:8px}
html[data-sayfa="harita-analizi"] .trust-strip>div{display:flex;gap:14px;align-items:center;justify-content:center;border-right:1px solid var(--home-border);padding-inline:12px}
html[data-sayfa="harita-analizi"] .trust-strip>div:last-child{border:0}
html[data-sayfa="harita-analizi"] .trust-strip strong{display:inline-flex;align-items:baseline;gap:5px;white-space:nowrap;font:500 24px/1.2 'JetBrains Mono',monospace;letter-spacing:-.06em}
html[data-sayfa="harita-analizi"] .trust-strip span{font-size:11px;color:var(--home-muted)}
html[data-sayfa="harita-analizi"] .home-tabs{display:flex;gap:8px;padding:7px;background:#0B0A0E;border:1px solid var(--home-border);border-radius:16px}
html[data-sayfa="harita-analizi"] .home-tabs[hidden]{display:none}
html[data-sayfa="harita-analizi"] .home-tabs button{flex:1;border:1px solid transparent;border-radius:11px;background:transparent;color:#ABA5B1;padding:13px 18px;min-height:46px;font:500 13px/1.5 'Inter',sans-serif;cursor:pointer;transition:background .4s,color .4s}
html[data-sayfa="harita-analizi"] .home-tabs button[aria-selected="true"]{background:#24202A;border-color:rgba(220,195,239,.19);color:#F2F2F2;box-shadow:0 3px 15px rgba(0,0,0,.18)}
html[data-sayfa="harita-analizi"] :is(.measure-stage,.video-suite)>.home-tabs{gap:0;padding:0;background:transparent;border:0;border-bottom:1px solid var(--home-border);border-radius:0}
html[data-sayfa="harita-analizi"] :is(.measure-stage,.video-suite)>.home-tabs button{position:relative;border:0;border-radius:0;background:transparent;padding:17px 18px;color:#8F8795}
html[data-sayfa="harita-analizi"] :is(.measure-stage,.video-suite)>.home-tabs button[aria-selected="true"]{background:transparent;border:0;color:#F2F2F2;box-shadow:none}
html[data-sayfa="harita-analizi"] :is(.measure-stage,.video-suite)>.home-tabs button[aria-selected="true"]::after{content:"";position:absolute;left:18px;right:18px;bottom:-1px;height:2px;background:linear-gradient(90deg,#EBDCF3,#8E4BAD);box-shadow:0 0 18px rgba(160,83,192,.6)}
html[data-sayfa="harita-analizi"] [data-tabpanel][hidden]{display:none!important}
html[data-sayfa="harita-analizi"] .measure-stage{position:relative;isolation:isolate;background:transparent;border:0;border-block:1px solid var(--home-border);border-radius:0;padding:10px 0 26px}
html[data-sayfa="harita-analizi"] .measure-stage::before{content:"";position:absolute;z-index:-1;inset:-100px 0;background:radial-gradient(500px circle at var(--glow-x,28%) var(--glow-y,52%),rgba(131,48,175,.22),transparent 68%);opacity:.45;transition:opacity .65s;pointer-events:none}
html[data-sayfa="harita-analizi"] .measure-panel{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:72px;align-items:center;padding:38px 0 10px}
html[data-sayfa="harita-analizi"] .measure-panel+.measure-panel{border-top:1px solid var(--home-border);margin-top:20px}
html[data-sayfa="harita-analizi"] .tabs-ready .measure-panel{border:0;margin-top:0}
html[data-sayfa="harita-analizi"] .measure-image.rep{position:relative;display:block;padding:0;border:0;border-radius:32px;overflow:hidden;cursor:zoom-in;background:#08080C;width:100%;max-width:520px;margin:0;box-shadow:0 34px 90px rgba(0,0,0,.44),0 0 70px rgba(107,42,140,.10)}
html[data-sayfa="harita-analizi"] .measure-image img{width:100%;height:auto;aspect-ratio:1}
html[data-sayfa="harita-analizi"] .zoom-label{position:absolute;bottom:12px;left:12px;right:12px;padding:10px 14px;background:rgba(8,8,12,.88);border:1px solid rgba(255,255,255,.16);border-radius:10px;font-size:11px;display:flex;justify-content:space-between;color:#F2F2F2}
html[data-sayfa="harita-analizi"] .measure-info h3{font-size:28px;font-weight:600;margin:12px 0 24px}
html[data-sayfa="harita-analizi"] .measure-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 24px}
html[data-sayfa="harita-analizi"] .measure-stats>div{background:transparent;padding:20px 0;border:0;border-top:1px solid var(--home-border-strong);border-radius:0}
html[data-sayfa="harita-analizi"] .measure-stats strong{font:500 clamp(24px,3vw,38px)/1.1 'JetBrains Mono',monospace;letter-spacing:-.06em;display:block}
html[data-sayfa="harita-analizi"] .measure-stats span{font-size:11px;color:#B5ACBC;display:block;margin-top:12px}
html[data-sayfa="harita-analizi"] .measure-info>p{font-size:13px;line-height:1.8;margin-bottom:16px}
html[data-sayfa="harita-analizi"] .home-details{border-top:1px solid var(--home-border)}
html[data-sayfa="harita-analizi"] .home-details summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;min-height:44px;padding:12px 0;font:500 12px/1.5 'Inter',sans-serif;color:#DDD5E3}
html[data-sayfa="harita-analizi"] .home-details summary::-webkit-details-marker{display:none}
html[data-sayfa="harita-analizi"] .home-details summary::after{content:"+";font:18px 'Inter',sans-serif;color:#A68BB9;flex:none}
html[data-sayfa="harita-analizi"] .home-details[open]>summary::after{content:"−"}
html[data-sayfa="harita-analizi"] .home-details>p{padding-bottom:15px;color:#AAA2B1}
html[data-sayfa="harita-analizi"] .home-content .video-kutu{border-radius:32px;border:0;background:#08080C;box-shadow:0 32px 80px rgba(0,0,0,.42);overflow:hidden}
html[data-sayfa="harita-analizi"] .home-content .video-kutu::after{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(440px circle at 50% 65%,rgba(133,48,175,.30),transparent 68%);opacity:0;transition:opacity .7s;pointer-events:none}
html[data-sayfa="harita-analizi"] .home-content .video-kutu:hover::after{opacity:1}
html[data-sayfa="harita-analizi"] .home-content .video-kutu :is(.play,.vid-badge,.proof-caption){z-index:3}
html[data-sayfa="harita-analizi"] .home-content .video-kutu .play{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:rgba(10,10,14,.72);border-color:rgba(255,255,255,.45);color:#F2F2F2}
html[data-sayfa="harita-analizi"] .home-content .video-kutu:hover .play{background:rgba(100,63,119,.65)}
html[data-sayfa="harita-analizi"] .home-content .vid-badge{color:#F2F2F2;border-color:var(--home-border-strong);background:rgba(8,8,12,.72)}
html[data-sayfa="harita-analizi"] .video-suite{position:relative;isolation:isolate;background:transparent;border:0;border-radius:0;padding:0}
html[data-sayfa="harita-analizi"] .video-suite::before{content:"";position:absolute;inset:-80px 0;z-index:-1;background:radial-gradient(520px circle at var(--glow-x,45%) var(--glow-y,45%),rgba(129,41,171,.24),transparent 70%);opacity:.38;transition:opacity .65s;pointer-events:none}
html[data-sayfa="harita-analizi"] .explain-panel{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr);gap:58px;align-items:center;padding-top:36px}
html[data-sayfa="harita-analizi"] .explain-panel+.explain-panel{margin-top:20px;border-top:1px solid var(--home-border)}
html[data-sayfa="harita-analizi"] .tabs-ready .explain-panel{margin-top:0;border:0}
html[data-sayfa="harita-analizi"] .video-summary h3{font-size:clamp(27px,2.5vw,38px);font-weight:600;line-height:1.12;letter-spacing:-.035em;margin:0 0 18px}
html[data-sayfa="harita-analizi"] .video-summary p{font-size:13px;line-height:1.8}
html[data-sayfa="harita-analizi"] .video-summary .home-link{margin-top:14px}
html[data-sayfa="harita-analizi"] .video-summary .home-details{margin-top:12px}
html[data-sayfa="harita-analizi"] .proof-carousel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:22px;max-width:1040px;margin:auto}
html[data-sayfa="harita-analizi"] .proof-carousel{overscroll-behavior-inline:contain}
html[data-sayfa="harita-analizi"] .proof-carousel .ref-kart:first-child{padding-bottom:0}
html[data-sayfa="harita-analizi"] .proof-carousel .video-kutu{max-width:none;aspect-ratio:4/5;border-radius:30px;box-shadow:0 26px 70px rgba(0,0,0,.4)}
html[data-sayfa="harita-analizi"] .proof-carousel .video-kutu img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .8s}
html[data-sayfa="harita-analizi"] .proof-carousel .video-kutu:hover img{transform:scale(1.035);filter:saturate(.86)}
html[data-sayfa="harita-analizi"] .proof-carousel .ref-kart{position:relative}
html[data-sayfa="harita-analizi"] .proof-caption{position:absolute;left:0;right:0;bottom:0;padding:76px 24px 23px;display:flex;flex-direction:column;gap:7px;background:linear-gradient(transparent,rgba(5,5,7,.94));pointer-events:none}
html[data-sayfa="harita-analizi"] .proof-caption small{font:11px/1.4 'JetBrains Mono',monospace;letter-spacing:.08em;color:#D2BCE0}
html[data-sayfa="harita-analizi"] .proof-caption strong{font:600 19px/1.2 'Inter',sans-serif;letter-spacing:-.03em;color:#F4F1F5}
html[data-sayfa="harita-analizi"] .swipe-hint{display:none;font:11px 'JetBrains Mono',monospace;color:var(--home-muted)}
html[data-sayfa="harita-analizi"] .package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;align-items:stretch;border-block:1px solid var(--home-border-strong)}
html[data-sayfa="harita-analizi"] .package-grid .pack-wrap{padding:0;background:transparent;border:0;border-right:1px solid var(--home-border);border-radius:0;box-shadow:none;transform:none;overflow:visible}
html[data-sayfa="harita-analizi"] .package-grid .pack-wrap:last-child{border-right:0}
html[data-sayfa="harita-analizi"] .package-grid .pack-wrap::after{display:none}
html[data-sayfa="harita-analizi"] .package-grid .pack-wrap.pop{background:radial-gradient(ellipse at 50% 5%,rgba(142,62,176,.22),transparent 58%);border-color:var(--home-border)}
html[data-sayfa="harita-analizi"] .package-grid .pack{background:none;padding:42px 30px 34px;border-radius:0}
html[data-sayfa="harita-analizi"] .package-grid .pack-name{font-size:11px;color:#D0C5D6}
html[data-sayfa="harita-analizi"] .package-grid .pack-baslik{font-family:'Inter',sans-serif;font-size:21px;font-weight:600;min-height:28px}
html[data-sayfa="harita-analizi"] .package-grid .price{font-family:'Inter',sans-serif;font-size:48px;letter-spacing:-.04em;font-weight:600;margin-top:18px}
html[data-sayfa="harita-analizi"] .package-grid .pack-teslim{font:11px 'Inter',sans-serif;border-color:var(--home-border);background:none;padding:0;border:0;gap:7px;color:#CEC4D2}
html[data-sayfa="harita-analizi"] .package-grid .pack-teslim::before{background:#AB94BA}
html[data-sayfa="harita-analizi"] .package-grid .pack-for{padding:16px 0;margin-top:20px;min-height:146px}
html[data-sayfa="harita-analizi"] .package-grid .pack-for .k{font-size:11px;letter-spacing:.04em;color:#CBB9D5}
html[data-sayfa="harita-analizi"] .package-grid .pack-for p{font:12px/1.65 'Inter',sans-serif}
html[data-sayfa="harita-analizi"] .package-grid .pack-details{border-top:0;margin-bottom:18px}
html[data-sayfa="harita-analizi"] .package-grid .pack-details ul{margin:4px 0 12px;gap:0}
html[data-sayfa="harita-analizi"] .package-grid .pack li{padding:9px 0 9px 14px;font-size:12px;border-bottom:1px solid rgba(255,255,255,.045)}
html[data-sayfa="harita-analizi"] .package-grid .pack li::before{background:#AA8CBA;box-shadow:none;top:16px;width:4px;height:4px}
html[data-sayfa="harita-analizi"] .package-grid .btn{font-size:12px;padding:13px 14px}
html[data-sayfa="harita-analizi"] .finale-grid{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);gap:72px;padding:64px;background:radial-gradient(ellipse at 15% 20%,rgba(128,42,169,.22),transparent 52%),linear-gradient(135deg,#121016,#08080B 72%);border:1px solid var(--home-border-strong);border-radius:42px}
html[data-sayfa="harita-analizi"] .finale-grid::before{content:"";position:absolute;z-index:-1;inset:-120px;background:radial-gradient(500px circle at var(--glow-x,75%) var(--glow-y,45%),rgba(151,60,185,.22),transparent 70%);opacity:.45;transition:opacity .7s;pointer-events:none}
html[data-sayfa="harita-analizi"] .finale-copy h2{font-size:38px}
html[data-sayfa="harita-analizi"] .finale-intro{font-size:14px;line-height:1.8;margin:22px 0}
html[data-sayfa="harita-analizi"] .finale-intro strong{color:#F2F2F2;font-weight:500}
html[data-sayfa="harita-analizi"] .finale-budget{border-left:1px solid #9B79AD;padding:4px 0 4px 16px;margin:22px 0;font-size:13px;line-height:1.75}
html[data-sayfa="harita-analizi"] .finale-budget strong{color:#F2F2F2;font-weight:600}
html[data-sayfa="harita-analizi"] .finale-details .out-card{border:0;background:none;padding:0;margin:0}
html[data-sayfa="harita-analizi"] .finale-details .out-card .k{display:none}
html[data-sayfa="harita-analizi"] .finale-details .out-card ul{padding-left:16px;margin:8px 0 16px}
html[data-sayfa="harita-analizi"] .finale-details :is(li,p){font-size:12px;line-height:1.8}
html[data-sayfa="harita-analizi"] .finale-details .form-facts{margin:10px 0 16px;gap:7px}
html[data-sayfa="harita-analizi"] .finale-contact .strip-btns{padding-bottom:16px}
html[data-sayfa="harita-analizi"] .finale-form{align-self:start;padding:40px;background:radial-gradient(circle at 90% 0,rgba(125,48,151,.18),transparent 34%),linear-gradient(145deg,rgba(24,19,29,.96),rgba(10,9,13,.98));color:var(--home-text);border:1px solid rgba(222,197,235,.14);border-radius:30px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
html[data-sayfa="harita-analizi"] .finale-form form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 24px}
html[data-sayfa="harita-analizi"] .finale-form .form-intro{grid-column:1/-1;padding-bottom:23px;margin-bottom:2px;border-bottom:1px solid rgba(255,255,255,.1)}
html[data-sayfa="harita-analizi"] .finale-form .form-intro strong{display:block;font:600 clamp(23px,2.1vw,30px)/1.15 'Inter',sans-serif;letter-spacing:-.035em;color:#F3EFF5}
html[data-sayfa="harita-analizi"] .finale-form .field{margin:0}
html[data-sayfa="harita-analizi"] .finale-form form>.field:nth-child(2),html[data-sayfa="harita-analizi"] .finale-form form>.field:nth-child(5){grid-column:1/-1}
html[data-sayfa="harita-analizi"] .finale-form .field label{font:600 11px/1.55 'Inter',sans-serif;text-transform:none;letter-spacing:0;color:#C8BECF}
html[data-sayfa="harita-analizi"] .finale-form .field input{background:rgba(255,255,255,.045);color:#F2EEF4;border:1px solid rgba(255,255,255,.12);border-radius:12px;min-height:54px;font:500 15px/1.5 'Inter',sans-serif;padding:13px 15px;margin-top:8px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:border-color .25s,box-shadow .25s,background .25s}
html[data-sayfa="harita-analizi"] .finale-form .field input::placeholder{color:#79717F}
html[data-sayfa="harita-analizi"] .finale-form .field input:focus-visible{outline:0;border-color:#B083C5;background:rgba(255,255,255,.075);box-shadow:0 0 0 3px rgba(164,94,194,.14),0 0 28px rgba(126,52,153,.12)}
html[data-sayfa="harita-analizi"] .finale-form .budget-note{grid-column:1/-1;background:rgba(142,77,163,.07);border:1px solid rgba(205,164,220,.12);padding:15px 16px;border-radius:13px;margin:2px 0 0}
html[data-sayfa="harita-analizi"] .finale-form .budget-note .bn-k{color:#D3B8DF;font-size:11px}
html[data-sayfa="harita-analizi"] .finale-form .budget-note p{font-size:12px;line-height:1.7;color:#C2B9C7}
html[data-sayfa="harita-analizi"] .finale-form .budget-note b{color:#F0EAF3}
html[data-sayfa="harita-analizi"] .finale-form .btn{grid-column:1/-1;background:#F1EDF3;color:#100D12;border-color:#F1EDF3;box-shadow:0 12px 30px rgba(0,0,0,.28)}
html[data-sayfa="harita-analizi"] .finale-form .btn:hover{background:#FFF;color:#0A080C;box-shadow:0 14px 34px rgba(126,65,151,.25),0 0 24px rgba(191,139,214,.12)}
html[data-sayfa="harita-analizi"] .finale-form .form-foot{grid-column:1/-1;font-size:10px;color:#817987;text-align:center;margin:0}
html[data-sayfa="harita-analizi"] .foot{background:#08080C;border-top-color:var(--home-border);padding:36px 0 24px}
html[data-sayfa="harita-analizi"] .foot-grid{grid-template-columns:1.3fr 1fr 1fr 1.1fr;gap:30px}
html[data-sayfa="harita-analizi"] .foot .sig{height:30px;filter:none}
html[data-sayfa="harita-analizi"] .foot .brand-sub{color:#A293AD}
html[data-sayfa="harita-analizi"] .home-footer-group summary{font:500 11px 'Inter',sans-serif;list-style:none;min-height:44px;color:#C7BBCF;cursor:pointer;display:flex;justify-content:space-between;align-items:center}
html[data-sayfa="harita-analizi"] .home-footer-group summary::-webkit-details-marker{display:none}
html[data-sayfa="harita-analizi"] .home-footer-group summary::after{content:"+";color:#A88CBA}
html[data-sayfa="harita-analizi"] .home-footer-group[open] summary::after{content:"−"}
html[data-sayfa="harita-analizi"] .foot a{font:12px/1.5 'Inter',sans-serif;min-height:36px;padding:8px 0}
html[data-sayfa="harita-analizi"] .foot-bar{border-color:var(--home-border);font-size:10px;color:#8B8393;line-height:1.75;margin-top:22px;padding-top:18px}
html[data-sayfa="harita-analizi"] .wa-fab{background:#25D366;color:#062B15;border:0;box-shadow:0 10px 24px rgba(0,0,0,.36)}
html[data-sayfa="harita-analizi"] .wa-fab::after{border-color:rgba(37,211,102,.3)}
html[data-sayfa="harita-analizi"] .home-lb-close{position:absolute;top:18px;right:18px;width:44px;height:44px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:#17121C;color:#F2F2F2;cursor:pointer}
html[data-sayfa="harita-analizi"].aksiyon-turuncu .nav .btn-pin{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px) scale(.96)}
html[data-sayfa="harita-analizi"] .home-content .rv{transition-duration:.8s}
@media(min-width:961px) and (hover:hover) and (pointer:fine){
 html[data-sayfa="harita-analizi"] :is(.measure-stage,.video-suite,.finale-grid)[data-home-glow]:hover{transform:none}
 html[data-sayfa="harita-analizi"] :is(.measure-stage,.video-suite,.finale-grid)[data-home-glow]:hover::before{opacity:.9}
 html[data-sayfa="harita-analizi"] .package-grid .pack-wrap:hover{border-color:var(--home-border);box-shadow:inset 0 0 70px rgba(116,57,140,.09)}
}
@media(max-width:1024px){
 html[data-sayfa="harita-analizi"] .measure-panel{gap:26px}
 html[data-sayfa="harita-analizi"] .finale-grid{gap:32px;padding:36px}
 html[data-sayfa="harita-analizi"] .package-grid{gap:0}
 html[data-sayfa="harita-analizi"] .package-grid .pack{padding:25px 18px}
}
@media(max-width:767px){
 html[data-sayfa="harita-analizi"] .home-section{padding:22px 0}
 html[data-sayfa="harita-analizi"] .home-heading{margin-bottom:14px}
 html[data-sayfa="harita-analizi"] .home-heading h2,html[data-sayfa="harita-analizi"] .finale-copy h2{font-size:29px;line-height:1.17;margin:10px 0 12px}
 html[data-sayfa="harita-analizi"] .home-heading p{font-size:13px;line-height:1.7}
 html[data-sayfa="harita-analizi"] .trust-strip{padding:17px 0;margin-top:4px}
 html[data-sayfa="harita-analizi"] .trust-strip>div{flex-direction:column;gap:5px;padding-inline:6px}
 html[data-sayfa="harita-analizi"] .trust-strip strong{font-size:21px}
 html[data-sayfa="harita-analizi"] .trust-strip span{font-size:11px}
 html[data-sayfa="harita-analizi"] .home-tabs{gap:3px;padding:5px;border-radius:12px}
 html[data-sayfa="harita-analizi"] .home-tabs button{padding:10px 6px;font-size:11px;min-height:44px;border-radius:8px}
 html[data-sayfa="harita-analizi"] .measure-stage{padding:0 0 18px;border-radius:0}
 html[data-sayfa="harita-analizi"] .measure-panel{grid-template-columns:1fr;gap:16px;padding:14px 0 0}
 html[data-sayfa="harita-analizi"] .measure-image.rep{max-width:340px;border-radius:22px;margin:auto}
 html[data-sayfa="harita-analizi"] .measure-info{display:grid;grid-template-columns:1fr;gap:8px 12px}
 html[data-sayfa="harita-analizi"] .measure-info h3{font-size:18px;line-height:1.3;margin:0;grid-column:1/-1;grid-row:auto}
 html[data-sayfa="harita-analizi"] .measure-stats{grid-column:1/-1;gap:8px;margin:0}
 html[data-sayfa="harita-analizi"] .measure-stats>div{padding:14px 0;border-radius:0}
 html[data-sayfa="harita-analizi"] .measure-stats strong{font-size:28px}
 html[data-sayfa="harita-analizi"] .measure-stats span{font-size:11px;margin-top:6px}
 html[data-sayfa="harita-analizi"] .measure-info>p{grid-column:1/-1;font-size:11px;margin:0}
 html[data-sayfa="harita-analizi"] .measure-info>.home-link{grid-column:1/-1;font-size:11px}
 html[data-sayfa="harita-analizi"] .home-notice{padding:12px 14px;font-size:12px;line-height:1.7;margin-top:11px}
 html[data-sayfa="harita-analizi"] .section-bottom{margin-top:8px;justify-content:space-between;flex-wrap:wrap;gap:6px}
 html[data-sayfa="harita-analizi"] .home-link{font-size:12px}
 html[data-sayfa="harita-analizi"] .video-suite{padding:0;border-radius:0}
 html[data-sayfa="harita-analizi"] .explain-panel{grid-template-columns:1fr;gap:15px;padding-top:14px}
 html[data-sayfa="harita-analizi"] .video-summary{padding:0 4px 4px}
 html[data-sayfa="harita-analizi"] .video-summary h3{font-size:19px;margin:8px 0}
 html[data-sayfa="harita-analizi"] .video-summary p{font-size:12px;line-height:1.7}
 html[data-sayfa="harita-analizi"] .video-summary .home-link{margin-top:6px}
 html[data-sayfa="harita-analizi"] .home-content .video-kutu{border-radius:22px}
 html[data-sayfa="harita-analizi"] .proof-carousel{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:1px;scrollbar-width:thin;scrollbar-color:#685173 transparent;padding:2px 0 10px;touch-action:pan-x}
 html[data-sayfa="harita-analizi"] .proof-carousel .ref-kart{flex:0 0 78%;max-width:265px;scroll-snap-align:start}
 html[data-sayfa="harita-analizi"] .proof-carousel .ref-kart:first-child{padding-bottom:0}
 html[data-sayfa="harita-analizi"] .swipe-hint{display:block;font-size:11px}
 html[data-sayfa="harita-analizi"] .package-grid{grid-template-columns:1fr}
 html[data-sayfa="harita-analizi"] .package-suite .home-tabs{margin-bottom:16px}
 html[data-sayfa="harita-analizi"] .package-suite .home-tabs button{font-size:11px;line-height:1.5}
 html[data-sayfa="harita-analizi"] .package-suite .home-tabs small{display:block;font:11px/1.5 'JetBrains Mono',monospace;margin-top:4px;color:#CBBBD5}
 html[data-sayfa="harita-analizi"] .package-grid .pack-wrap{border-right:0}
 html[data-sayfa="harita-analizi"] .package-grid .pack{padding:28px 4px 25px}
 html[data-sayfa="harita-analizi"] .package-grid .pack-baslik{font-size:23px}
 html[data-sayfa="harita-analizi"] .package-grid .price{font-size:40px;margin-top:12px}
 html[data-sayfa="harita-analizi"] .package-grid .pack-for{min-height:0;margin-top:16px;padding:12px 0}
 html[data-sayfa="harita-analizi"] .package-grid .pack-for p{font-size:12px}
 html[data-sayfa="harita-analizi"] .package-grid .pack-details{margin-bottom:15px}
 html[data-sayfa="harita-analizi"] .package-grid .pack-details summary{font-size:12px}
 html[data-sayfa="harita-analizi"] .finale-grid{grid-template-columns:1fr;gap:18px;padding:25px 20px;border-radius:28px}
 html[data-sayfa="harita-analizi"] .finale-form{padding:24px 18px;border-radius:22px}
 html[data-sayfa="harita-analizi"] .finale-form form{grid-template-columns:1fr;gap:17px}
 html[data-sayfa="harita-analizi"] .finale-form form>*{grid-column:1!important}
 html[data-sayfa="harita-analizi"] .finale-form .form-intro{padding-bottom:18px}
 html[data-sayfa="harita-analizi"] .finale-intro{font-size:12px;line-height:1.75;margin:14px 0}
 html[data-sayfa="harita-analizi"] .finale-budget{font-size:12px;margin:14px 0}
 html[data-sayfa="harita-analizi"] .finale-copy .home-details summary{font-size:11px;min-height:44px;padding:10px 0}
 html[data-sayfa="harita-analizi"] .finale-form .field label{font-size:12px}
 html[data-sayfa="harita-analizi"] .finale-form .btn{min-height:52px;font-size:12px}
 html[data-sayfa="harita-analizi"] .finale-form .budget-note{padding:12px}
 html[data-sayfa="harita-analizi"] .finale-form .budget-note p{font-size:12px}
 html[data-sayfa="harita-analizi"] .foot{padding:26px 0 22px}
 html[data-sayfa="harita-analizi"] .foot-grid{grid-template-columns:1fr;gap:0}
 html[data-sayfa="harita-analizi"] .foot-grid>div:first-child{margin-bottom:16px}
 html[data-sayfa="harita-analizi"] .foot .brand-foot{margin-bottom:8px}
 html[data-sayfa="harita-analizi"] .foot .brand-sub{display:none}
 html[data-sayfa="harita-analizi"] .foot-grid>div:first-child>p{font-size:12px!important;max-width:none!important}
 html[data-sayfa="harita-analizi"] .home-footer-group{border-top:1px solid var(--home-border)}
 html[data-sayfa="harita-analizi"] .home-footer-links{display:grid;grid-template-columns:1fr 1fr;gap:0 15px;padding-bottom:12px;overflow-wrap:anywhere}
 html[data-sayfa="harita-analizi"] .foot a{min-height:44px;font-size:11px}
 html[data-sayfa="harita-analizi"] .foot-bar{display:block;font-size:10px;margin-top:16px;padding-top:14px}
 html[data-sayfa="harita-analizi"] .foot-bar span{display:block}
 html[data-sayfa="harita-analizi"] .foot-bar span+span{margin-top:8px}
}
@media(prefers-reduced-motion:reduce){
 html[data-sayfa="harita-analizi"] [data-home-glow]:hover{transform:none}
 html[data-sayfa="harita-analizi"] .home-content .rv{transition:none;opacity:1;transform:none}
}

/* Ana sayfa / ilk ekran. Diğer sayfalarda bu kapsam eşleşmez. */
html[data-sayfa="harita-analizi"]{
  --home-bg:#050505; --home-bg-2:#08080C; --home-card:rgba(18,18,22,.90);
  --home-text:#F2F2F2; --home-muted:rgba(242,242,242,.62); --home-passive:#666666;
  --home-border:rgba(255,255,255,.08); --home-border-strong:rgba(255,255,255,.18);
  --home-purple:rgba(120,40,180,.20); --home-burgundy:rgba(180,30,60,.18);
  --void:var(--home-bg); --ink:var(--home-text); --ink-2:var(--home-muted);
  --ink-3:#969399; --line:var(--home-border);
  scroll-padding-top:90px;
}
html[data-sayfa="harita-analizi"] body{font-family:'Inter',system-ui,sans-serif;overflow-x:visible}
html[data-sayfa="harita-analizi"] :is(h1,h2,h3,h4,.btn,.nav-links,.price,.pack-baslik,.pack-for,.ref-etiket .s,.oncesi-sonrasi .d){font-family:'Inter',system-ui,sans-serif}
html[data-sayfa="harita-analizi"] :is(h1,h2){font-weight:700}
html[data-sayfa="harita-analizi"] :is(h3,h4,.nav-links,.btn){font-weight:600}
html[data-sayfa="harita-analizi"] em.acc{font-family:inherit;font-style:normal;font-weight:inherit}
html[data-sayfa="harita-analizi"] .metric b{font-family:'JetBrains Mono',monospace}
/* Inter's wider button labels must not set the form grid's minimum width. */
html[data-sayfa="harita-analizi"] .form-grid > *{min-width:0}
html[data-sayfa="harita-analizi"] .form-grid .btn{white-space:normal;text-align:center}
html[data-sayfa="harita-analizi"] .bg-field{
  background:radial-gradient(ellipse at 12% 4%,var(--home-purple),transparent 48%),
    radial-gradient(ellipse at 92% 23%,var(--home-burgundy),transparent 46%),var(--home-bg);
}
html[data-sayfa="harita-analizi"] .orb{display:none}
html[data-sayfa="harita-analizi"] :focus-visible{outline:2px solid #D6B3F1;outline-offset:5px}
html[data-sayfa="harita-analizi"] ::selection{background:#714087;color:#FFF}
html[data-sayfa="harita-analizi"]{scrollbar-color:#654C70 #08080C}
html[data-sayfa="harita-analizi"] input{caret-color:#D3A7E5}
html[data-sayfa="harita-analizi"] .nav{padding:14px 0 0}
html[data-sayfa="harita-analizi"] .nav-wrap{max-width:1320px;padding-inline:32px}
html[data-sayfa="harita-analizi"] .nav-in{
  min-height:64px;padding:9px 12px 9px 22px;gap:20px;border-radius:22px;
  background:rgba(8,8,12,.72);border-color:var(--home-border);box-shadow:0 8px 40px rgba(0,0,0,.14);
  backdrop-filter:blur(18px);overflow:visible;
}
html[data-sayfa="harita-analizi"] .nav-in::before{display:none}
html[data-sayfa="harita-analizi"] .nav .sig{height:27px;filter:none}
html[data-sayfa="harita-analizi"] .nav .brand{flex-shrink:0}
html[data-sayfa="harita-analizi"] .nav .brand-sub{font-size:7px;letter-spacing:.13em;color:var(--home-muted)}
html[data-sayfa="harita-analizi"] .nav-links{gap:22px;font-size:12px;letter-spacing:0}
html[data-sayfa="harita-analizi"] .nav-links a{position:relative;padding-block:10px}
html[data-sayfa="harita-analizi"] .nav-links a::after{
  content:"";position:absolute;bottom:2px;left:0;right:0;height:1px;background:#F2F2F2;
  transform:scaleX(0);transform-origin:left;transition:transform .5s ease;box-shadow:0 0 12px rgba(220,185,255,.6);
}
html[data-sayfa="harita-analizi"] .nav-links a:is(:hover,:focus-visible)::after{transform:scaleX(1)}
html[data-sayfa="harita-analizi"] .nav .nav-tel{border:0;background:none;padding:10px 4px;font-size:11px}
html[data-sayfa="harita-analizi"] .nav .btn-pin{
  background:var(--home-text);color:#050505;box-shadow:none;padding:12px 19px;min-height:44px;font-size:12px;
  opacity:1;visibility:visible;pointer-events:auto;transform:none;
}
html[data-sayfa="harita-analizi"] .mobil-menu{background:rgba(8,8,12,.97);border-color:var(--home-border-strong)}
html[data-sayfa="harita-analizi"] .mobil-menu-alt{border-color:var(--home-border)}
html[data-sayfa="harita-analizi"] .hero{
  position:relative;isolation:isolate;padding:64px 0 54px;
}
html[data-sayfa="harita-analizi"] .hero-grid{
  display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);align-items:center;
  gap:44px;max-width:1240px;min-height:570px;padding-inline:32px;
}
html[data-sayfa="harita-analizi"] .hero-copy{position:relative;min-width:0;z-index:3}
html[data-sayfa="harita-analizi"] .hero .eyebrow{
  position:static;white-space:normal;line-height:1.6;letter-spacing:.1em;font-size:11px;
  margin:0 0 26px;color:#C4B0D0;gap:10px;
}
html[data-sayfa="harita-analizi"] .hero .eyebrow::before{width:19px;flex:none;background:#9A73AF}
html[data-sayfa="harita-analizi"] .hero h1{
  font-size:clamp(40px,4.05vw,60px);line-height:1.09;letter-spacing:-.04em;
  max-width:11.5em;text-wrap:balance;overflow-wrap:normal;word-break:normal;
}
html[data-sayfa="harita-analizi"] .hero-title-opening{display:block;color:var(--home-text)}
html[data-sayfa="harita-analizi"] .hero-title-question{display:block;color:#AAA2AE;margin-top:14px}
html[data-sayfa="harita-analizi"] .hero p.lead{font-size:15px;line-height:1.85;max-width:48ch;margin:26px 0 0}
html[data-sayfa="harita-analizi"] .hero-showcase{min-width:0;position:relative;align-self:center}
html[data-sayfa="harita-analizi"] .hero-scene{
  position:relative;width:min(100%,500px);height:auto;aspect-ratio:1;isolation:isolate;margin:auto;
}
html[data-sayfa="harita-analizi"] .hero-scene::before{content:"";position:absolute;inset:-4% -8% -1%;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 53% 46%,rgba(112,40,145,.48) 0,rgba(119,31,85,.18) 38%,rgba(18,8,23,.08) 55%,transparent 72%);filter:blur(20px);opacity:.78}
html[data-sayfa="harita-analizi"] .hero-scene::after{content:"";position:absolute;left:10%;right:10%;bottom:-1%;height:24%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,rgba(124,48,150,.2),transparent 68%);filter:blur(15px)}
html[data-sayfa="harita-analizi"] .hero-portrait{
  position:absolute;left:50%;bottom:-1%;transform:translateX(-50%);height:100%;width:auto;max-width:100%;object-fit:contain;
  clip-path:none;filter:drop-shadow(0 28px 42px rgba(0,0,0,.48));mask-image:linear-gradient(#000 0,#000 84%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0,#000 84%,transparent 100%);
}
@media(min-width:961px) and (hover:hover) and (pointer:fine){
  html[data-sayfa="harita-analizi"] .hero-scene::before{transition:opacity .7s ease,transform .9s cubic-bezier(.2,.7,.2,1),filter .7s ease}
  html[data-sayfa="harita-analizi"] .hero-portrait{transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .7s ease}
  html[data-sayfa="harita-analizi"] .hero-scene:hover::before{opacity:1;transform:scale(1.08);filter:blur(25px) saturate(1.22)}
  html[data-sayfa="harita-analizi"] .hero-scene:hover .hero-portrait{transform:translateX(-50%) translateY(-4px) scale(1.012);filter:drop-shadow(0 32px 52px rgba(80,24,98,.48))}
}

/* ============================================================
   RESPONSIVE — TÜM medya sorguları burada, kırılma noktası sırasıyla.
   Bu bölümün altına yeni kural EKLENMEZ; eklenirse mobil ezilir.
   Bu dosyada daha önce tam olarak bu hata vardı: medya sorguları
   dosyanın ortasındaydı, sonraki bölümler onları sessizce eziyordu.
   ============================================================ */

/* ---------- MASAÜSTÜ ARA GENİŞLİK · 961–1245px ----------
   İki hero CTA'sı yan yana sığmıyor; ragged sarma yerine düzgün istif. */
@media(min-width:961px) and (max-width:1245px){
  html[data-sayfa="harita-analizi"] .nav-wrap{padding-inline:24px}
  html[data-sayfa="harita-analizi"] .nav-in{gap:12px;padding-left:16px}
  html[data-sayfa="harita-analizi"] .nav-links{gap:14px;font-size:11px}
  html[data-sayfa="harita-analizi"] .nav .nav-tel{font-size:10px;padding-inline:0;gap:4px}
  html[data-sayfa="harita-analizi"] .nav .brand-sub{display:none}
  html[data-sayfa="harita-analizi"] .nav .sig{height:23px}
  html[data-sayfa="harita-analizi"] .nav .btn-pin{padding-inline:14px;font-size:11px}
  html[data-sayfa="harita-analizi"] .hero-grid{gap:24px;min-height:530px}
  html[data-sayfa="harita-analizi"] .hero-scene{width:min(100%,450px);height:auto}
  html[data-sayfa="harita-analizi"] .hero-scene::before{inset:-4% 0 -1%}
  .hero-cta .btn{flex:1 1 100%}
  /* Bu aralıkta sayfa kenar boşluğu bitiyor; `right:-7%` ile dışarı taşan alt
     kart ekranı 3-7px yatay kaydırıyordu. Taşma payı sıfırlanır. */
  .chip-bot{right:0}
  .chip-top{right:-1%}
}

/* ---------- TABLET · ≤960px ---------- */
@media(max-width:960px){
  html[data-sayfa="harita-analizi"] .burger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}
  html[data-sayfa="harita-analizi"] .burger span+span{margin-top:0}
  html[data-sayfa="harita-analizi"] .hero{padding:44px 0 36px}
  html[data-sayfa="harita-analizi"] .hero-grid{grid-template-columns:1.1fr .9fr;gap:20px;min-height:500px}
  html[data-sayfa="harita-analizi"] .hero h1{font-size:38px}
  html[data-sayfa="harita-analizi"] .hero .eyebrow{font-size:11px;letter-spacing:.05em;margin-bottom:20px}
  html[data-sayfa="harita-analizi"] .hero p.lead{font-size:14px;line-height:1.75;margin:22px 0}
  html[data-sayfa="harita-analizi"] .hero-scene{width:min(100%,400px);height:auto}
  .nav-links{display:none} .burger{display:grid} .nav-tel{display:none}
  .mobil-menu{display:block}
  .mobil-menu[hidden]{display:none}
  .wa-fab{width:52px;height:52px;right:16px;bottom:16px}
  .analiz-strip{padding:22px}
  .hero-grid,.video-grid,.form-grid{grid-template-columns:1fr}
  .hero{padding:28px 0 36px}
  /* Hero tek kolona düştüğü her yerde sıra: Ali → başlık → metin → aksiyonlar.
     Yüz önce gelir; kandırılmış bir kitleye önce "arkasında bir insan var"
     denir, sonra iddia kurulur.
     DİKKAT: burada `margin:auto` KULLANMAYIN. Grid öğesinde yan auto marjlar
     kutuyu içeriğe göre daraltır; .stage'in tüm çocukları absolute olduğu için
     içerik genişliği 0 çıkar ve portre tamamen kaybolur. */
  .portrait{order:-1;width:min(100%,430px);justify-self:center;margin:0 0 -20px}
  .chip-top{top:15%;right:-1%}
  .chip-mid{top:36%;bottom:auto;left:2%}
  .chip-bot{display:none}
  .grid-3{grid-template-columns:1fr}
  .grid-4{grid-template-columns:1fr 1fr}

  /* Referans videoları mobilde alt alta 600px'lik üç blok olurdu; bunun yerine
     kaydırmalı şerit. Kart genişliği ekrandan dar tutulur ki sağda bir sonraki
     kartın kenarı görünsün — kaydırılabildiği anlaşılsın. */
  .referans-serit{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;padding-bottom:6px;
    margin-inline:-24px;padding-inline:24px;scrollbar-width:none}
  .referans-serit::-webkit-scrollbar{display:none}
  .referans-serit .ref-kart{flex:0 0 74%;max-width:280px;scroll-snap-align:center}
  .flow{grid-template-columns:1fr 1fr;gap:26px 10px}
  .flow::before{display:none}
  .flow-4{grid-template-columns:1fr 1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
  /* Panel köşeleri dokümanda 26–30px aralığında (§3.3); mobilde 26'da kalır. */
  .panel{padding:34px 22px;border-radius:26px}
  .cta-band{grid-template-columns:1fr;text-align:center;justify-items:center;padding:34px 22px;border-radius:26px;gap:20px}
  .video-panel{padding:20px;border-radius:26px}
  .video-panel.reverse .video-grid{grid-template-columns:1fr}
  .sec{padding:48px 0}
  .sec-head{margin-bottom:24px}
}

/* ---------- VAKA SAYFASI · ≤860px ---------- */
@media(max-width:860px){
  .harita3{grid-template-columns:1fr}
  /* Ölçüm görselleri kare (720x720). Kutuyu 4/3 yapmak object-fit:contain ile
     yanlarda boş bant bırakıyordu. Kırpma yasak olduğu için kutu görselin
     oranına eşitlenir — hem kırpma yok hem boş bant yok. */
  .h3 img{aspect-ratio:1/1}
  .sonuc-serit{grid-template-columns:1fr}
  .vaka{padding:20px}
}

/* ---------- ≤640px ---------- */
@media(max-width:640px){
  html[data-sayfa="harita-analizi"] .nav{padding-top:8px}
  html[data-sayfa="harita-analizi"] .nav-wrap{padding-inline:14px}
  html[data-sayfa="harita-analizi"] .nav-in{min-height:54px;padding:5px 7px 5px 14px;border-radius:18px;gap:8px}
  html[data-sayfa="harita-analizi"] .nav .brand-sub{display:none}
  html[data-sayfa="harita-analizi"] .nav .sig{height:23px}
  html[data-sayfa="harita-analizi"] .nav-right{gap:4px}
  html[data-sayfa="harita-analizi"] .nav .btn-pin{font-size:10px;padding:10px 12px;min-height:40px}
  html[data-sayfa="harita-analizi"] .hero{padding:32px 0 24px}
  html[data-sayfa="harita-analizi"] .hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;min-height:0;padding-inline:24px}
  html[data-sayfa="harita-analizi"] .hero .eyebrow{font-size:11px;letter-spacing:.04em;margin-bottom:18px;gap:7px}
  html[data-sayfa="harita-analizi"] .hero .eyebrow::before{width:12px}
  html[data-sayfa="harita-analizi"] .hero h1{font-size:clamp(32px,8.5vw,42px);line-height:1.1;letter-spacing:-.04em;max-width:13em}
  html[data-sayfa="harita-analizi"] .hero-title-question{margin-top:10px}
  html[data-sayfa="harita-analizi"] .hero p.lead{font-size:13px;line-height:1.75;margin:18px 0 0;max-width:48ch}
  html[data-sayfa="harita-analizi"] .hero-showcase{width:100%;max-width:390px;justify-self:center}
  html[data-sayfa="harita-analizi"] .hero-scene{width:min(100%,286px);height:auto}
  html[data-sayfa="harita-analizi"] .hero-portrait{height:100%;bottom:-1%;max-width:100%}
  .ref-link{padding:18px}
  .ref-link .btn{width:100%}
}

/* ---------- MOBİL · ≤560px ---------- */
@media(max-width:560px){
  .flow,.flow-4{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr;gap:26px}
  .grid-4{grid-template-columns:1fr 1fr}

  /* birincil aksiyonlar tam genişlik; eşli küçük butonlar yan yana kalır */
  .btn{width:100%}
  .strip-btns .btn,.mobil-menu-alt .btn,.nav-right .btn{width:auto}
  .strip-btns .btn,.mobil-menu-alt .btn{flex:1}
  .strip-btns{display:flex;gap:8px}

  /* Tipografi ölçeği TASARIM-SISTEMI.md §3.2'den gelir; mobilde ölçek
     değiştirilmez. Yalnız iki bilinçli sapma var, ikisi de dokümanda kayıtlı:
     form etiketi 11px ve form input 16px (iOS odakta yakınlaştırmasın diye).
     Mono mikro etiketler (stamp, bar-l, when, pack-name, k) tasarım dilinin
     parçası — küçüklükleri kasıtlı, büyütülmez. */
  .foot h5{margin-bottom:10px}
  .foot h5+a{padding-top:9px}

  /* nav: imza tek başına markayı taşır, alt başlık sarmasın.
     İmza + CTA + burger 342px'e sığmak zorunda, yoksa üst üste biner. */
  .brand-sub{display:none}
  .nav-in{padding:8px 8px 8px 14px;gap:8px}
  .sig{height:26px}
  .nav-right{gap:6px}

  /* ---- MOBİL HERO KOMPOZİSYONU ----
     Sıra: Ali'nin fotoğrafı → başlık → metin → aksiyonlar.
     Yüz önce gelir: kandırılmış bir kitleye önce "arkasında bir insan var"
     denir, sonra iddia kurulur. Fotoğraf bu yüzden ölçülü tutulur —
     büyürse CTA ekranın çok altına düşer. */
  /* Kart şeridi artık fotoğrafın altındaki bandı dolduruyor; metni yukarı
     çekmek şeridin üstüne biner. Bunun yerine sahne ve kartlar sıkı tutulur ki
     birincil CTA yine katlanın içinde kalsın — sayfanın tek işi o buton. */
  .hero{padding:18px 0 16px}
  .hero-grid{gap:0}

  /* ---- AKSİYONLAR ----
     Mobilde iki buton YAN YANA durur. Alt alta dizildiklerinde ~56px fazladan
     dikey yer yiyorlardı; o yer doğrudan portreye gidiyor (portre `flex:1`).
     Etiketler bu yüzden kısalır — uzun metin yan yana sığmaz.
     Turuncu daha geniş (1.5 : 1): birincil aksiyon büyüklükten okunur. */
  .hero p.lead{margin:10px 0 16px}
  .hero-cta{flex-direction:row;align-items:stretch;flex-wrap:nowrap;gap:8px}
  .btn-uzun{display:none}
  .btn-kisa{display:inline}
  /* .btn{width:100%} temel mobil kuralını iptal eder; genişliği flex payı verir.
     min-width:0 olmadan uzun etiket flex öğesini taşırır. */
  .hero-cta .btn{width:auto;min-width:0}
  .hero-cta .btn-lg{flex:1.5 1 0;padding:14px 10px;font-size:14.5px}
  .hero-cta .btn-wa{flex:1 1 0;padding:14px 10px;font-size:13.5px;gap:7px}
  .hero-cta .btn-wa svg{flex:none}
  .hero-note{margin-top:14px;align-items:flex-start;font-size:12px}
  .hero-note .dot{margin-top:5px;flex:none}

  /* ---- TEK PARÇA STATS BAR ----
     Mobilde üç ayrı kart yerine fotoğrafın altına oturan tek, ince bir şerit.
     Hücreler eşit, yazılar ortalı, aralar saç teli çizgiyle ayrılıyor.
     Fotoğrafın maskesi şeridin üst kenarında biter — görsel şeride erir,
     sert bir kesme çizgisi oluşmaz. */
  /* Sahne mobilde tam genişlik + sabit yükseklik: şerit metin kolonuyla
     hizalanır (aynı sol/sağ kenar), fotoğraf ortada kendi ölçüsünde kalır.
     Oran yerine sabit yükseklik, ilk ekran bütçesini öngörülebilir kılar. */
  /* ---- İLK EKRAN BÜTÇESİ ----
     Hero, ilk ekranı dolduracak yüksekliğe kurulur; başlık/metin/butonlar
     kendi yerlerini alır, fotoğraf artan boşluğu alır.

     ÖNCELİK SIRASI (bu sıra bozulursa hiyerarşi ters döner):
       1. Fotoğraf asla `min-height` tabanının altına inmez. Yüz bu sayfanın
          en güçlü güven sinyali; küçülünce sayfa "buton yığını"na dönüyor.
       2. BİRİNCİL buton ilk ekranda tam görünür.
       3. WhatsApp butonu kenardan görünebilir — tam sığması şart değil.
     Önceden 2. ve 3. madde eşit tutulmuştu; kısa ekranlarda sıkışan hep
     fotoğraf oluyor, 146px genişliğinde bir portre kalıyordu. */
  /* space-between: portre tavanına ulaştıktan sonra ARTAN alan portre ile metin
     bloğu arasına dağılır. Böylece stats bar ve altındaki her şey ilk ekranın
     dibine kadar iner, altta ölü boşluk kalmaz — ama portre de sınırsız
     büyümez. (Tavan kaldırıldığında uzun telefonlarda yüz 205px'e çıkıyordu.) */
  .hero-grid{display:flex;flex-direction:column;justify-content:space-between;
    min-height:calc(100vh - 110px);
    min-height:calc(100svh - 110px)}
  .hero-grid > :not(.portrait){flex:0 0 auto}
  /* .portrait kendisi de flex kabı olur; sahne yüksekliğini flex düzeninden
     alır. `height:100%` işe yaramıyor — yüzde yükseklik, yüksekliği belirsiz
     bir ebeveyne karşı çözülmez ve sahne sıfıra çöker (tüm çocukları absolute). */
  /* Fotoğraf ekranın iki kenarına taşar (tam en), şerit metin kolonuyla
     hizalı kalır. Kazanılan ~48px doğrudan yüzün boyutuna gider. */
  .portrait{width:calc(100% + 48px);margin:0 -24px 20px;
    flex:1 1 auto;min-height:272px;max-height:420px;
    display:flex;flex-direction:column;align-items:stretch}

  .stage{max-width:none;aspect-ratio:auto;flex:1 1 auto;min-height:0;height:auto}

  /* ---- MOBİLDE YAKIN PLAN ----
     ÖNEMLİ: Yüzün büyüklüğünü kutunun YÜKSEKLİĞİ değil GENİŞLİĞİ belirliyordu.
     `object-fit:cover` ile ölçek max(G/990, Y/1200) olur ve bu sayfada hep
     genişlik kazanır; kutu ne kadar uzatılırsa uzatılsın yüz büyümüyor,
     yalnız daha fazla gövde giriyordu. Bu yüzden görüntü kutudan GENİŞ
     çizilir ve yanlar kırpılır: yakın plan portre.

     ---- ŞERİDE GEÇİŞ ----
     Fotoğraf sahnenin dibinde sert bir çizgiyle bitiyordu: şeridin altında
     gövde tak diye kesiliyor, kutu kolaj gibi duruyordu. Maske geri geldi ama
     bu kez ORANLAR GEOMETRİDEN hesaplandı, göz kararı değil:

       görüntü kutusu   = 1,30 × sahne
       üst kayma        = -0,026 × sahne
       sahnenin dibi    = (1 + 0,026) / 1,30 = kutunun %78,9'u   ← sabit!

     Yani sahne yüksekliği ne olursa olsun dip her zaman %69,3'e denk gelir.
     Maske %64'e kadar tam opak (yüz ve omuzlar dokunulmamış), %79'da tamamen
     saydam. Şerit tam bu erime bölgesinde durduğu için gövde şeridin içinde
     kayboluyor — kesme çizgisi diye bir şey kalmıyor.

     ⚠ Daha erken başlatma (%40 gibi): gövde şeridin ÜSTÜNDE bitiyor, geriye
     havada duran bir kafa kalıyor. 2026-08-09'da tam olarak bu hata yapıldı.

     Ölçü GENİŞLİKTEN değil YÜKSEKLİKTEN verilir (`height:130%`, `top:-2.6%`).
     Yüzde değerler sahne yüksekliğine göre çözüldüğü için kadraj her ekranda
     aynı kalır: saç tepesi sahnenin ~%3,6'sında, çene ~%53'ünde — omuzlar da
     görünür, yüz kadrajı doldurmaz. (%168 denendi: yüz büyüdü ama kadraj fazla
     yakın kaldı, gövde tamamen kayboldu.) Genişliğe
     bağlanırsa (denendi, geri alındı) kısa ekranlarda çene buzlu şeridin
     arkasına giriyor ve yüz yine "yarım kesik" görünüyordu.

     min-width KULLANILMAZ: sahneyi zorla doldurmak, geniş ve kısa ekranlarda
     (katlanabilir telefon, küçültülmüş masaüstü penceresi) kadrajı yeniden
     genişliğe bağlar ve aynı hatayı geri getirir. Fotoğrafın iki yanında
     birkaç piksel boşluk kalması, çenenin kesilmesinden iyidir. */
  .stage{overflow:hidden}
  .hero-photo{top:-2.6%;bottom:auto;left:50%;right:auto;transform:translateX(-50%);
    height:130%;width:auto;object-fit:cover;object-position:50% 0;
    -webkit-mask-image:linear-gradient(to bottom,#000 64%,rgba(0,0,0,.55) 72%,transparent 79%);
    mask-image:linear-gradient(to bottom,#000 64%,rgba(0,0,0,.55) 72%,transparent 79%)}
  .glow-disc{top:-3%;width:78%}
  .arc{height:92%}

  /* Izgara kullanılıyor: flex'te hücre dolgusu paylaşımı bozuyor ve üç hücre
     eşit çıkmıyordu (119/110/111). 1fr izgara payları dolgudan etkilenmez. */
  /* Fotoğraf tam ene taştı; şerit metin kolonuyla aynı kenarda kalsın diye
     24px içeride durur ve fotoğrafın üzerinde yüzer. */
  .hero-kartlar{position:absolute;left:24px;right:24px;bottom:0;z-index:3;
    display:grid;grid-template-columns:1fr 2fr;
    border:1px solid rgba(196,132,252,.2);border-radius:15px;overflow:hidden;
    background:linear-gradient(180deg,rgba(40,19,74,.62),rgba(15,7,30,.9));
    backdrop-filter:blur(16px) saturate(140%);
    box-shadow:0 16px 40px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.07)}
  /* şeridin üstünde ince ışık çizgisi — geçişi yumuşatan detay */
  .hero-kartlar::before{content:"";position:absolute;top:0;left:16%;right:16%;height:1px;
    background:linear-gradient(90deg,transparent,rgba(240,171,252,.5),transparent)}

  .hero-chip{position:static;flex:1 1 0;min-width:0;animation:none;text-align:center;
    background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;
    padding:9px 4px;display:flex;flex-direction:column;justify-content:center}
  .hero-chip::before{display:none}
  .chip-top{display:none}
  .chip-mid .chip-ico,.chip-mid .s{display:none}
  /* flex-direction açıkça row: .hero-chip'ten column miras geliyor,
     yoksa iki istatistik alt alta düşüp şerit kalınlaşır. */
  .chip-stats{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0}
  /* Temel katmandaki `.chip-stats div{text-align:left}` yalnız hücreyi değil
     torunları (.k / .v) da yakalıyor. Bu yüzden `> div` yetmez, tüm alt
     düğümler açıkça ortalanır. */
  .chip-stats div{text-align:center}
  .chip-stats > div{min-width:0;padding:9px 4px;
    display:flex;flex-direction:column;justify-content:center;
    border-left:1px solid rgba(196,132,252,.15)}
  /* text-indent harf aralığını telafi eder: letter-spacing son harfin de
     sağına boşluk koyar, ortalanmış yazı bir tık sola kaymış görünür. */
  .hero-chip .k{font-size:8px;letter-spacing:.13em;line-height:1.25;text-indent:.13em}
  .hero-chip .v{font-size:16.5px;margin-top:2px;line-height:1.1}

  /* ---- AÇICI FOTOĞRAFIN ÜZERİNE ----
     Eyebrow akıştan çıkar, görselin üst boşluğuna oturur. Hem dikey yer
     kazandırır hem de başlık bloğu doğrudan stats bar'ın altından başlar. */
  .hero-grid{position:relative}
  /* Açıcı fotoğrafın üzerinde tek satırda kalmalı; iki satıra düşerse saçın
     üstüne biner. Harf aralığı ve çizgi bu yüzden dar ekranda kısalır. */
  /* Negatif `top`: açıcı, hero'nun üst dolgusuna taşar. 2px'te saç tepesine
     değiyordu (saç sahnenin ~14px altında başlıyor). */
  .hero .eyebrow{position:absolute;top:-14px;left:24px;right:24px;z-index:4;margin:0;
    letter-spacing:.16em;gap:8px;white-space:nowrap}
  .hero .eyebrow::before{width:16px}

  /* dikey ritim — bölüm boşluğu dokümandaki mobil değerinde (48px) kalır */
  .cta-band{padding:28px 18px}
  .pack{padding:26px 20px}

  /* teşekkür sayfası */
  .ty-card{padding:32px 20px 28px;border-radius:24px}
  .ty-row{grid-template-columns:1fr;gap:3px}
  .ty-btns .btn{width:100%}
}

/* ---------- KISA EKRAN · ≤560px genişlik + ≤730px yükseklik ----------
   iPhone SE gibi kısa ekranlarda portre + başlık + metin + CTA aynı katlanmaya
   sığmaz. Portre ölçülü küçültülür; yine de tam sığmazsa yapışkan menüdeki
   "Ücretsiz Ön Analiz" butonu her an ekranda durduğu için aksiyon kaybolmaz. */
@media(max-width:560px) and (max-height:730px){
  /* Kısa ekranda boşluklar sıkılır ama fotoğraf tabanı korunur — ekran
     kısaldıkça kırpılacak şey WhatsApp butonudur, portre değil. */
  .portrait{margin-bottom:12px;min-height:262px}
  .hero{padding:8px 0 14px}
  .hero p.lead{margin:8px 0 12px}
  .hero-cta{gap:7px}
  .hero-note{margin-top:10px;font-size:11.5px}
  .hero-chip,.chip-stats > div{padding:7px 4px}
  .hero-chip .v{font-size:15.5px}
}

/* ---------- ÇOK KISA EKRAN · ≤560px genişlik + ≤660px yükseklik ----------
   Eski/küçük telefonlar (360x640 gibi). Burada portre tabanı bilinçli olarak
   düşürülür: 224px'de yüz, eski tasarımdaki oranın (ekran genişliğinin ~%32'si)
   altına inmez, buna karşılık BİRİNCİL buton ilk ekranda kalır. Daha uzun
   ekranlarda bu kural devreye girmez, yüz oradaki tam boyunda kalır. */
@media(max-width:560px) and (max-height:660px){
  .portrait{min-height:224px}
  /* Sahne kısalınca sabit 46px'lik şerit oransal olarak büyüyor ve çeneye
     dayanıyor. Kadraj bir tık geri çekilir; yüz tam görünür kalır. */
  .hero-photo{height:150%;top:-2.8%}
}

/* ---------- ÇOK DAR · ≤380px ----------
   Dokümanda yok; taşma koruması olarak eklendi (TASARIM-SISTEMI.md §3.3'te
   kayıtlı). Ölçek değiştirmez, yalnız uzun CTA etiketlerinin sarmasına izin
   verir ve nav'ın üç öğesini sığdırır. */
@media(max-width:380px){
  .btn{white-space:normal;text-align:center;line-height:1.3}
  .btn-lg{padding:17px 26px}
  .nav-right .btn-sm{padding:11px 13px}
  .sig{height:24px}
  /* açıcı `nowrap`; 320px'de tek satıra sığması için harf aralığı daralır */
  .hero .eyebrow{letter-spacing:.11em}
}

/* Hover enhancement is limited to the first screen and fine pointers. */
@media(min-width:961px) and (hover:hover) and (pointer:fine){
  html[data-sayfa="harita-analizi"] .nav .btn-pin:hover{box-shadow:0 0 24px rgba(235,216,255,.18)}
}
@media(hover:none),(pointer:coarse){
}

/* ---------- HAREKET AZALTMA ---------- */
@media(prefers-reduced-motion:reduce){
  html[data-sayfa="harita-analizi"]{scroll-behavior:auto}
  *{transition-duration:.01ms!important}
  .rv{opacity:1;transform:none}
  .btn-pulse,.hero-chip,.wa-fab::after{animation:none}
}