/* ============================================================
   WEGA BT — TASARIM SİSTEMİ 2027  (Ferah Teal + Sıcak Kum + Marka Laciverti)
   11 Haz 2026 — anasayfa yenileme. Homepage bileşenleri .wega27 altında scoped
   (diğer sayfalara sızmaz). Tokenlar + font global. Çatı (header/footer) navy/teal.
   Kalıcı talimat: AI-SEO + GEO + arama SEO + Google Ads kriterleri gözetildi.
   ============================================================ */

/* Tokenlar .wega27 köküne hapsedildi (global :root değil) — çakışma yok.
   Çatı/header-footer stilleri header.php'nin kendi inline <style>'ındadır. */
.wega27{
  /* Sıcak nötr taban */
  --w-sand-50:#FBFAF7; --w-sand-100:#F4F1EA; --w-sand-200:#E9E4D8; --w-sand-300:#DBD4C4;
  /* Mürekkep / metin */
  --w-ink:#1C1E1B; --w-ink-2:#3D423B; --w-ink-3:#6B7065; --w-ink-muted:#8C9085;
  /* Ana renk: Emerald/Teal */
  --w-teal:#0E7C66; --w-teal-600:#0B6857; --w-teal-700:#0A5345; --w-teal-100:#D8EFE8; --w-teal-50:#EBF7F3;
  /* Aksan: Amber/Kil */
  --w-amber:#E8A23D; --w-amber-600:#D58B22; --w-amber-100:#FBEBD2;
  /* Marka laciverti (logo + mevcut çatı #1e3c72 ile uyumlu) */
  --w-navy:#16243B; --w-navy-2:#1E3C72; --w-navy-100:#E7ECF3;
  /* Yüzey */
  --w-surface:#FFFFFF; --w-surface-2:var(--w-sand-50); --w-border:#E7E2D6; --w-border-2:#D9D3C5;

  /* Tipografi */
  --w-font-display:'Sora',system-ui,-apple-system,sans-serif;
  --w-font-sans:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;

  /* Boşluk (8px) */
  --w-sp-2:.5rem; --w-sp-3:.75rem; --w-sp-4:1rem; --w-sp-6:1.5rem; --w-sp-8:2rem;
  --w-sp-12:3rem; --w-sp-16:4rem; --w-section-y:clamp(3.5rem,2rem + 7vw,7rem);

  /* Köşe / gölge / easing */
  --w-r-sm:10px; --w-r-md:16px; --w-r-lg:22px; --w-r-xl:30px; --w-r-full:9999px;
  --w-shadow-sm:0 1px 2px rgb(28 30 27/.05), 0 2px 6px rgb(28 30 27/.04);
  --w-shadow-md:0 6px 16px rgb(28 30 27/.07), 0 2px 6px rgb(28 30 27/.05);
  --w-shadow-lg:0 18px 40px rgb(28 30 27/.10), 0 6px 14px rgb(28 30 27/.06);
  --w-shadow-teal:0 16px 36px rgb(14 124 102/.22);
  --w-ease:cubic-bezier(.4,0,.2,1); --w-ease-spring:cubic-bezier(.34,1.4,.5,1);
}

/* ===== HOMEPAGE KÖKÜ (scoped) ===== */
.wega27{
  font-family:var(--w-font-sans);
  color:var(--w-ink-2);
  background:var(--w-sand-50);
  font-size:clamp(1rem,.97rem + .18vw,1.075rem);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;
}
.wega27 h1,.wega27 h2,.wega27 h3,.wega27 h4{
  font-family:var(--w-font-display);color:var(--w-ink);line-height:1.12;letter-spacing:-.02em;font-weight:700;margin:0}
.wega27 p{margin:0}
.wega27 a{color:inherit;text-decoration:none}
.wega27 img,.wega27 svg{display:block;max-width:100%}
.wega27 .w-container{width:100%;max-width:1240px;margin-inline:auto;padding-inline:clamp(1.1rem,4vw,2rem)}
.wega27 .w-eyebrow{display:inline-flex;align-items:center;gap:.5em;font-family:var(--w-font-sans);font-weight:600;
  font-size:clamp(.72rem,.7rem + .2vw,.82rem);letter-spacing:.08em;text-transform:uppercase;color:var(--w-teal-600)}
.wega27 .w-eyebrow::before{content:"";width:26px;height:2px;border-radius:2px;background:var(--w-amber)}
.wega27 .w-lead{font-size:clamp(1.1rem,1.02rem + .5vw,1.3rem);color:var(--w-ink-3);line-height:1.6}

/* Butonlar */
.wega27 .w-btn{display:inline-flex;align-items:center;gap:.55em;font-family:var(--w-font-sans);font-weight:600;
  font-size:1rem;padding:.95em 1.7em;border-radius:var(--w-r-full);border:1px solid transparent;cursor:pointer;
  transition:transform .18s var(--w-ease),box-shadow .25s var(--w-ease),background .2s;text-align:center}
.wega27 .w-btn svg{width:18px;height:18px;flex:none}
/* Skip-to-content (a11y WCAG 2.4.1) — odakta görünür */
.skip-link{position:absolute;left:-9999px;top:0;z-index:10000;background:#0E7C66;color:#fff;padding:.7rem 1.2rem;border-radius:0 0 12px 0;font-weight:700;text-decoration:none}
.skip-link:focus{left:0;outline:3px solid #16243B;outline-offset:2px}
.wega27 .w-btn-primary{background:var(--w-teal);color:#fff;box-shadow:var(--w-shadow-teal)}
.wega27 .w-btn-primary:hover{background:var(--w-teal-600);transform:translateY(-2px);box-shadow:0 22px 44px rgb(14 124 102/.32)}
.wega27 .w-btn-ghost{background:#fff;color:var(--w-ink);border-color:var(--w-border-2);box-shadow:var(--w-shadow-sm)}
.wega27 .w-btn-ghost:hover{transform:translateY(-2px);box-shadow:var(--w-shadow-md);border-color:var(--w-teal)}

/* Section base */
.wega27 .w-block{padding-block:var(--w-section-y)}
.wega27 .w-sec-head{max-width:660px;margin-bottom:var(--w-sp-12)}
.wega27 .w-sec-head.center{margin-inline:auto;text-align:center}
.wega27 .w-sec-head h2{font-size:clamp(1.7rem,1.3rem + 1.9vw,2.75rem);margin-block:.6rem .7rem}
.wega27 .w-sec-head p{font-size:clamp(1.1rem,1.02rem + .5vw,1.3rem);color:var(--w-ink-3)}

/* ===== HERO ===== */
.wega27 .w-hero{position:relative;padding-block:clamp(2.5rem,2rem + 5vw,5rem) var(--w-section-y);overflow:hidden}
.wega27 .w-hero-mesh{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(48% 46% at 82% 12%,var(--w-teal-100) 0%,transparent 60%),
    radial-gradient(40% 40% at 12% 78%,var(--w-amber-100) 0%,transparent 58%),
    radial-gradient(60% 50% at 50% 0%,var(--w-sand-100) 0%,transparent 70%);
  animation:wMesh 18s var(--w-ease) infinite alternate}
@keyframes wMesh{to{transform:translate3d(0,-14px,0) scale(1.04)}}
.wega27 .w-hero .w-container{position:relative;z-index:1}
.wega27 .w-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.wega27 .w-hero h1{font-size:clamp(2.2rem,1.5rem + 3.2vw,3.9rem);font-weight:800;margin-block:.5rem .9rem}
.wega27 .w-hero h1 .hl{color:var(--w-teal);position:relative;white-space:nowrap}
.wega27 .w-hero h1 .hl::after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.28em;background:var(--w-amber-100);z-index:-1;border-radius:4px}
.wega27 .w-hero .w-lead{max-width:40ch;margin-bottom:var(--w-sp-8)}
.wega27 .w-hero-actions{display:flex;flex-wrap:wrap;gap:var(--w-sp-4);margin-bottom:.9rem}
/* Risk ters çevirme microcopy (ilk ekran — Google Ads + güven) */
.wega27 .w-hero-assure{display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;margin-bottom:var(--w-sp-8)}
.wega27 .w-hero-assure span{display:inline-flex;align-items:center;gap:.35rem;font-size:.86rem;font-weight:600;color:var(--w-ink-2)}
.wega27 .w-hero-assure svg{width:15px;height:15px;color:var(--w-teal);flex:none}
.wega27 .w-hero-proof{display:flex;gap:var(--w-sp-8);flex-wrap:wrap}
.wega27 .w-proof .n{font-family:var(--w-font-display);font-weight:800;font-size:1.7rem;color:var(--w-ink);line-height:1}
.wega27 .w-proof .n .star{color:var(--w-amber)}
.wega27 .w-proof .l{font-size:.84rem;color:var(--w-ink-3);margin-top:.25rem}

/* Hero görsel — katmanlı cam "3D" */
.wega27 .w-hero-visual{position:relative;height:clamp(330px,38vw,460px);perspective:1400px}
.wega27 .w-hv{position:absolute;border-radius:var(--w-r-lg);background:rgb(255 255 255/.74);backdrop-filter:blur(8px);
  border:1px solid #fff;box-shadow:var(--w-shadow-lg);transform-style:preserve-3d;transition:transform .4s var(--w-ease)}
.wega27 .w-hv-main{inset:8% 6% 12% 10%;padding:1.4rem;transform:rotateY(-13deg) rotateX(6deg)}
.wega27 .w-hv-bar{height:9px;border-radius:5px;background:var(--w-sand-200);margin-bottom:.7rem}
.wega27 .w-hv-bar.w1{width:55%;background:var(--w-teal)}.wega27 .w-hv-bar.w2{width:80%}.wega27 .w-hv-bar.w3{width:40%}
.wega27 .w-hv-chart{display:flex;align-items:flex-end;gap:.5rem;height:96px;margin-top:1rem}
.wega27 .w-hv-chart i{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(var(--w-teal-100),var(--w-teal));animation:wGrow 1.1s var(--w-ease-spring) both}
.wega27 .w-hv-chart i:nth-child(1){height:42%;animation-delay:.1s}.wega27 .w-hv-chart i:nth-child(2){height:66%;animation-delay:.2s}
.wega27 .w-hv-chart i:nth-child(3){height:50%;animation-delay:.3s}.wega27 .w-hv-chart i:nth-child(4){height:86%;background:linear-gradient(var(--w-amber-100),var(--w-amber));animation-delay:.4s}
.wega27 .w-hv-chart i:nth-child(5){height:72%;animation-delay:.5s}
@keyframes wGrow{from{height:0;opacity:.3}}
.wega27 .w-hv-badge{inset:auto -2% 4% auto;width:210px;padding:.9rem 1.05rem;transform:rotateY(-13deg) translateZ(60px);display:flex;align-items:center;gap:.7rem}
.wega27 .w-hv-badge .ic{width:40px;height:40px;border-radius:11px;background:var(--w-teal-50);display:grid;place-items:center;color:var(--w-teal);flex:none}
.wega27 .w-hv-badge .ic svg{width:21px;height:21px}
.wega27 .w-hv-badge .t{font-family:var(--w-font-display);font-weight:700;color:var(--w-ink);font-size:.95rem;line-height:1.2}
.wega27 .w-hv-badge .s{font-size:.78rem;color:var(--w-ink-3)}
.wega27 .w-hv-pill{inset:2% auto auto -3%;padding:.6rem 1rem;transform:rotateY(-13deg) translateZ(40px);display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.85rem;color:var(--w-ink)}
.wega27 .w-hv-pill .dot{width:9px;height:9px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 4px rgb(34 197 94/.18)}
@media(hover:hover){.wega27 .w-hero-visual:hover .w-hv-main{transform:rotateY(-8deg) rotateX(3deg)}}

/* ===== SCROLL CUE (aşağı kaydır göstergesi — keşfe teşvik) ===== */
.wega27 .w-scroll-cue{display:flex;flex-direction:column;align-items:center;gap:6px;width:fit-content;
  margin:clamp(1.4rem,3.5vw,2.4rem) auto 0;color:var(--w-teal-600);font-size:.7rem;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:color .2s}
.wega27 .w-scroll-cue:hover{color:var(--w-teal)}
.wega27 .w-scroll-cue .chev{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;
  border:1px solid var(--w-border);background:var(--w-surface);box-shadow:var(--w-shadow-sm);
  animation:wBounce 1.8s ease-in-out infinite}
.wega27 .w-scroll-cue:hover .chev{border-color:var(--w-teal-100)}
.wega27 .w-scroll-cue svg{width:18px;height:18px}
@keyframes wBounce{0%,55%,100%{transform:translateY(0)}30%{transform:translateY(7px)}}

/* ===== TRUST STRIP ===== */
.wega27 .w-trust{padding-block:var(--w-sp-8);border-block:1px solid var(--w-border);background:var(--w-surface);overflow:hidden}
.wega27 .w-trust .w-container{text-align:center;margin-bottom:var(--w-sp-6)}
.wega27 .w-trust .lbl{font-size:.82rem;color:var(--w-ink-muted);font-weight:600;letter-spacing:.06em;text-transform:uppercase}
/* Kayan logo şeridi — kenarlarda silinerek kaybolma (mask) efekti */
/* 2 özdeş track yan yana; her biri min-width:100% → translateX(-100%) ile KUSURSUZ
   sonsuz döngü (logo sayısı/ekran ne olursa olsun boşluk veya zıplama OLMAZ). */
.wega27 .w-marquee{position:relative;display:flex;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%)}
.wega27 .w-marquee-track{flex:none;min-width:100%;display:flex;align-items:center;justify-content:space-around;
  gap:clamp(.7rem,1.8vw,1.3rem);padding-inline:clamp(.35rem,.9vw,.65rem);animation:wMarquee 38s linear infinite}
.wega27 .w-marquee:hover .w-marquee-track{animation-play-state:paused}
.wega27 .w-marquee-item{flex:none;display:inline-flex;align-items:center;justify-content:center;
  background:var(--w-surface);border:1px solid var(--w-border);border-radius:16px;
  padding:.9rem 1.6rem;min-width:150px;min-height:80px;box-shadow:var(--w-shadow-sm);transition:border-color .25s,box-shadow .25s}
.wega27 .w-marquee-item:hover{border-color:var(--w-teal-100);box-shadow:var(--w-shadow-md)}
.wega27 .w-marquee-item img{height:46px;width:auto;max-width:175px;object-fit:contain;filter:grayscale(.12);opacity:.95;transition:filter .3s,opacity .3s}
.wega27 .w-marquee-item:hover img{filter:none;opacity:1}
@keyframes wMarquee{from{transform:translateX(0)}to{transform:translateX(-100%)}}

/* ===== BENTO SERVICES ===== */
.wega27 .w-bento{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--w-sp-4)}
.wega27 .w-svc{position:relative;background:var(--w-surface);border:1px solid var(--w-border);border-radius:var(--w-r-lg);
  padding:var(--w-sp-6);transition:transform .3s var(--w-ease),box-shadow .3s var(--w-ease),border-color .3s;
  transform-style:preserve-3d;will-change:transform;overflow:hidden;display:flex;flex-direction:column}
.wega27 .w-svc::after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity .3s;background:radial-gradient(120% 80% at 100% 0,var(--w-teal-50),transparent 60%);pointer-events:none}
.wega27 .w-svc:hover{box-shadow:var(--w-shadow-lg);border-color:var(--w-teal-100)}
.wega27 .w-svc:hover::after{opacity:1}
.wega27 .w-svc.feature{grid-column:span 2;background:linear-gradient(140deg,var(--w-teal-700),var(--w-teal));color:#fff;border:0}
.wega27 .w-svc .ic{width:52px;height:52px;border-radius:14px;background:var(--w-teal-50);color:var(--w-teal);display:grid;place-items:center;margin-bottom:var(--w-sp-4);transition:transform .3s var(--w-ease-spring)}
.wega27 .w-svc.feature .ic{background:rgb(255 255 255/.15);color:#fff}
.wega27 .w-svc:hover .ic{transform:translateZ(30px) scale(1.06)}
.wega27 .w-svc .ic svg{width:26px;height:26px}
.wega27 .w-svc h3{font-size:clamp(1.2rem,1.05rem + .7vw,1.5rem);margin-bottom:.5rem}
.wega27 .w-svc.feature h3{color:#fff}
.wega27 .w-svc p{font-size:.96rem;color:var(--w-ink-3)}
.wega27 .w-svc.feature p{color:rgb(255 255 255/.85)}
.wega27 .w-svc .more{display:inline-flex;align-items:center;gap:.4rem;margin-top:auto;padding-top:var(--w-sp-4);font-weight:600;color:var(--w-teal);font-size:.92rem}
.wega27 .w-svc.feature .more{color:#fff}
.wega27 .w-svc .more svg{width:16px;height:16px;transition:transform .25s}
.wega27 .w-svc:hover .more svg{transform:translateX(4px)}

/* ===== ABOUT ===== */
.wega27 .w-about{background:var(--w-surface-2)}
.wega27 .w-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.wega27 .w-about-copy p{margin-bottom:var(--w-sp-4);color:var(--w-ink-2)}
.wega27 .w-about-figure{position:relative;border-radius:var(--w-r-xl);overflow:hidden;box-shadow:var(--w-shadow-lg);aspect-ratio:4/3}
.wega27 .w-about-figure img{width:100%;height:100%;object-fit:cover}
.wega27 .w-about-figure .tag{position:absolute;left:1.2rem;bottom:1.2rem;background:rgb(255 255 255/.92);backdrop-filter:blur(6px);border-radius:var(--w-r-md);padding:.8rem 1.1rem;box-shadow:var(--w-shadow-md)}
.wega27 .w-about-figure .tag b{font-family:var(--w-font-display);color:var(--w-teal);font-size:1.3rem;display:block;line-height:1}
.wega27 .w-about-figure .tag span{font-size:.8rem;color:var(--w-ink-3)}

/* ===== VALUES — premium/VIP "sihirli dokunuş" ===== */
.wega27 .w-values{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--w-sp-6)}
.wega27 .w-value{position:relative;background:var(--w-surface);border:1px solid var(--w-border);border-radius:20px;
  padding:1.6rem 1.4rem;overflow:hidden;transition:transform .35s var(--w-ease),box-shadow .35s var(--w-ease),border-color .35s}
/* üst gradient aksan çizgisi */
.wega27 .w-value::before{content:"";position:absolute;top:0;left:1.3rem;right:1.3rem;height:3px;border-radius:0 0 4px 4px;
  background:linear-gradient(90deg,var(--w-teal),var(--w-amber));opacity:.9}
/* magical sheen — ışık süpürmesi (reveal'da + hover'da) */
.wega27 .w-value::after{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;pointer-events:none;opacity:0;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-18deg)}
.wega27 .w-value:hover{transform:translateY(-7px);box-shadow:var(--w-shadow-lg);border-color:var(--w-teal-100)}
.wega27 .w-value:hover::after,.wega27 .w-value[data-reveal].in::after{animation:wSheen 1.15s var(--w-ease) .25s 1}
@keyframes wSheen{0%{left:-60%;opacity:0}22%{opacity:1}100%{left:135%;opacity:0}}
/* gradient ikon karosu + glow halka */
.wega27 .w-value .ic{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,var(--w-teal),var(--w-teal-700));
  color:#fff;display:grid;place-items:center;margin-bottom:1rem;box-shadow:0 14px 30px rgba(14,124,102,.34);
  position:relative;transition:transform .4s var(--w-ease-spring)}
.wega27 .w-value .ic::before{content:"";position:absolute;inset:-4px;border-radius:22px;z-index:-1;
  background:conic-gradient(from 0deg,var(--w-teal),var(--w-amber),var(--w-teal));filter:blur(8px);opacity:0;transition:opacity .4s}
.wega27 .w-value:hover .ic{transform:translateY(-2px) scale(1.08) rotate(-4deg)}
.wega27 .w-value:hover .ic::before{opacity:.6;animation:wSpin 4s linear infinite}
@keyframes wSpin{to{transform:rotate(360deg)}}
.wega27 .w-value .ic svg{width:27px;height:27px}
.wega27 .w-value h3{font-size:1.18rem;margin-bottom:.45rem}
.wega27 .w-value p{font-size:.94rem;color:var(--w-ink-3)}

/* ===== STATS BAND ===== */
.wega27 .w-stats{background:linear-gradient(140deg,var(--w-navy),var(--w-navy-2));border-radius:var(--w-r-xl);
  padding:clamp(2.2rem,4vw,3.5rem);color:#fff;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--w-sp-8);
  box-shadow:var(--w-shadow-lg);position:relative;overflow:hidden}
.wega27 .w-stats::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 80% at 90% 10%,rgb(14 124 102/.30),transparent 60%)}
.wega27 .w-stat{position:relative}
.wega27 .w-stat .n{font-family:var(--w-font-display);font-weight:800;font-size:clamp(2rem,1.4rem + 2.6vw,3.2rem);line-height:1}
.wega27 .w-stat .n .u{color:var(--w-amber)}
.wega27 .w-stat .l{margin-top:.4rem;color:rgb(255 255 255/.82);font-size:.95rem}

/* ===== PROCESS (bağlantılı zaman çizelgesi) ===== */
.wega27 .w-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--w-sp-6);position:relative}
/* arkadaki bağlantı çizgisi (masaüstü) */
.wega27 .w-steps::before{content:"";position:absolute;top:45px;left:13%;right:13%;height:3px;border-radius:3px;
  background:linear-gradient(90deg,var(--w-teal-100),var(--w-amber-100));z-index:0}
.wega27 .w-step{position:relative;z-index:1;background:var(--w-surface);border:1px solid var(--w-border);
  border-radius:var(--w-r-lg);padding:var(--w-sp-6) var(--w-sp-4);text-align:center;
  transition:transform .35s var(--w-ease),box-shadow .35s var(--w-ease),border-color .35s}
.wega27 .w-step:hover{transform:translateY(-6px);box-shadow:var(--w-shadow-lg);border-color:var(--w-teal-100)}
.wega27 .w-step .ic{width:62px;height:62px;margin:0 auto var(--w-sp-4);border-radius:20px;
  background:linear-gradient(135deg,var(--w-teal),var(--w-teal-700));color:#fff;display:grid;place-items:center;
  box-shadow:var(--w-shadow-teal);position:relative;transition:transform .35s var(--w-ease-spring)}
.wega27 .w-step:hover .ic{transform:translateY(-3px) rotate(-4deg) scale(1.06)}
.wega27 .w-step .ic svg{width:28px;height:28px}
.wega27 .w-step .ic .no{position:absolute;top:-9px;right:-9px;width:26px;height:26px;border-radius:50%;
  background:var(--w-amber);color:#fff;font-family:var(--w-font-display);font-weight:800;font-size:.8rem;
  display:grid;place-items:center;border:3px solid var(--w-surface);box-shadow:0 2px 6px rgb(232 162 61/.4)}
.wega27 .w-step h3{font-size:1.12rem;margin-bottom:.35rem}
.wega27 .w-step p{font-size:.92rem;color:var(--w-ink-3)}

/* ===== TESTIMONIALS ===== */
.wega27 .w-testi{background:var(--w-surface-2)}
.wega27 .w-quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--w-sp-6)}
.wega27 .w-quote{background:var(--w-surface);border:1px solid var(--w-border);border-radius:var(--w-r-lg);padding:var(--w-sp-6);box-shadow:var(--w-shadow-sm);display:flex;flex-direction:column}
.wega27 .w-quote .stars{color:var(--w-amber);margin-bottom:var(--w-sp-3);letter-spacing:2px;font-size:1.05rem}
.wega27 .w-quote p{font-size:1rem;color:var(--w-ink-2);margin-bottom:var(--w-sp-4);flex:1}
.wega27 .w-quote .who{display:flex;align-items:center;gap:.7rem}
.wega27 .w-quote .av{width:46px;height:46px;border-radius:14px;background:var(--w-teal-50);border:1px solid var(--w-teal-100);
  display:grid;place-items:center;color:var(--w-teal-700);font-family:var(--w-font-display);font-weight:700;font-size:1.02rem;flex:none}
.wega27 .w-quote .who b{display:block;color:var(--w-ink);font-size:.95rem}
.wega27 .w-quote .who span{font-size:.82rem;color:var(--w-ink-muted)}

/* ===== SEO CONTENT ===== */
.wega27 .w-seo{background:var(--w-surface)}
.wega27 .w-seo .w-container{max-width:880px}
.wega27 .w-seo h2{font-size:clamp(1.6rem,1.3rem + 1.5vw,2.3rem);margin-bottom:var(--w-sp-6);text-align:center}
.wega27 .w-seo p{margin-bottom:var(--w-sp-4);color:var(--w-ink-2);line-height:1.75}
/* Yalnız PARAGRAF içi metin linkleri (butonlar HARİÇ — yoksa beyaz buton yazısı teal olup kayboluyor) */
.wega27 .w-seo p a{color:var(--w-teal-600);font-weight:600;text-decoration:underline;text-decoration-color:var(--w-teal-100);text-underline-offset:3px}
.wega27 .w-seo p a:hover{text-decoration-color:var(--w-teal)}

/* ===== BLOG (kaydırmalı minimal slider) ===== */
.wega27 .w-blog-wrap{position:relative}
.wega27 .w-blog-slider{display:flex;gap:var(--w-sp-6);overflow-x:auto;scroll-snap-type:x mandatory;
  padding:4px 4px var(--w-sp-4);scrollbar-width:thin;scrollbar-color:var(--w-teal-100) transparent;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 2.5%,#000 97.5%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 2.5%,#000 97.5%,transparent 100%)}
.wega27 .w-blog-slider::-webkit-scrollbar{height:6px}
.wega27 .w-blog-slider::-webkit-scrollbar-track{background:transparent}
.wega27 .w-blog-slider::-webkit-scrollbar-thumb{background:var(--w-teal-100);border-radius:3px}
.wega27 .w-bcard{flex:0 0 clamp(270px,80vw,330px);scroll-snap-align:start;background:var(--w-surface);
  border:1px solid var(--w-border);border-radius:var(--w-r-lg);overflow:hidden;box-shadow:var(--w-shadow-sm);
  transition:transform .3s var(--w-ease),box-shadow .3s var(--w-ease),border-color .3s;display:flex;flex-direction:column}
.wega27 .w-bcard:hover{transform:translateY(-5px);box-shadow:var(--w-shadow-lg);border-color:var(--w-teal-100)}
.wega27 .w-bcard .img{position:relative;aspect-ratio:16/9;overflow:hidden}
.wega27 .w-bcard .img img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--w-ease)}
.wega27 .w-bcard:hover .img img{transform:scale(1.05)}
.wega27 .w-bcard .date{position:absolute;top:12px;right:12px;background:rgb(22 36 59/.82);color:#fff;padding:4px 11px;border-radius:var(--w-r-full);font-size:.76rem;font-weight:600}
.wega27 .w-bcard .body{padding:var(--w-sp-6);display:flex;flex-direction:column;flex:1}
.wega27 .w-bcard h3{font-size:1.05rem;line-height:1.35;margin-bottom:.5rem}
.wega27 .w-bcard h3 a:hover{color:var(--w-teal)}
.wega27 .w-bcard p{font-size:.9rem;color:var(--w-ink-3);flex:1}
.wega27 .w-bcard .tag{margin-top:var(--w-sp-4);font-size:.78rem;color:var(--w-teal-600);font-weight:600;text-transform:uppercase;letter-spacing:.03em}
/* slider ok butonları */
.wega27 .w-slide-btn{position:absolute;top:34%;width:46px;height:46px;border-radius:50%;border:1px solid var(--w-border);
  background:var(--w-surface);color:var(--w-ink);display:grid;place-items:center;cursor:pointer;box-shadow:var(--w-shadow-md);
  z-index:2;transition:transform .2s var(--w-ease),background .2s,color .2s,border-color .2s}
.wega27 .w-slide-btn:hover{background:var(--w-teal);color:#fff;border-color:var(--w-teal);transform:scale(1.08)}
.wega27 .w-slide-btn svg{width:20px;height:20px}
.wega27 .w-slide-btn.prev{left:-8px}
.wega27 .w-slide-btn.next{right:-8px}
@media(max-width:600px){.wega27 .w-slide-btn{display:none}}

/* ===== CTA ===== */
.wega27 .w-cta-wrap{background:var(--w-sand-100);border:1px solid var(--w-border);border-radius:var(--w-r-xl);padding:clamp(2.2rem,4vw,4rem);text-align:center;position:relative;overflow:hidden}
.wega27 .w-cta-wrap::before{content:"";position:absolute;inset:0;background:radial-gradient(40% 60% at 15% 20%,var(--w-teal-50),transparent 60%),radial-gradient(40% 60% at 85% 90%,var(--w-amber-100),transparent 60%)}
.wega27 .w-cta-wrap>*{position:relative}
.wega27 .w-cta-wrap h2{font-size:clamp(1.7rem,1.3rem + 1.9vw,2.6rem);margin-bottom:.7rem}
.wega27 .w-cta-wrap p{font-size:clamp(1.1rem,1.02rem + .5vw,1.3rem);color:var(--w-ink-3);max-width:50ch;margin:0 auto var(--w-sp-8)}
.wega27 .w-cta-actions{display:flex;gap:var(--w-sp-4);justify-content:center;flex-wrap:wrap}

/* ===== SCROLL REVEAL ===== */
.wega27 [data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .7s var(--w-ease),transform .7s var(--w-ease)}
.wega27 [data-reveal].in{opacity:1;transform:none}
.wega27 [data-reveal][data-d="1"]{transition-delay:.08s}.wega27 [data-reveal][data-d="2"]{transition-delay:.16s}
.wega27 [data-reveal][data-d="3"]{transition-delay:.24s}.wega27 [data-reveal][data-d="4"]{transition-delay:.32s}

/* ===== RESPONSIVE ===== */
@media(max-width:900px){
  .wega27 .w-hero-grid,.wega27 .w-about-grid{grid-template-columns:1fr;gap:2.5rem}
  .wega27 .w-hero-visual{order:-1}
}
@media(max-width:860px){
  .wega27 .w-bento{grid-template-columns:repeat(2,1fr)}
  .wega27 .w-values{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
  .wega27 .w-steps{grid-template-columns:repeat(2,1fr)}
  .wega27 .w-steps::before{display:none}
  .wega27 .w-quotes{grid-template-columns:1fr}
  .wega27 .w-stats{grid-template-columns:repeat(2,1fr);gap:var(--w-sp-6)}
}
@media(max-width:560px){
  .wega27 .w-bento,.wega27 .w-values{grid-template-columns:1fr}
  .wega27 .w-svc.feature{grid-column:span 1}
  /* Mobil polish — ilk ekran NET: H1/görsel kompakt, butonlar fold içinde */
  .wega27 .w-hero{padding-top:.9rem;padding-bottom:2.25rem}
  .wega27 .w-hero-grid{gap:1.5rem}
  .wega27 .w-hero-visual{height:200px}
  .wega27 .w-hero h1{font-size:1.92rem;margin-block:.35rem .65rem}
  .wega27 .w-hero .w-lead{font-size:1rem;line-height:1.55;margin-bottom:1.3rem}
  .wega27 .w-hero-proof{gap:1.1rem}
  .wega27 .w-proof .n{font-size:1.45rem}
  .wega27 .w-proof .l{font-size:.78rem}
  .wega27 .w-hero-actions{gap:.7rem}
  .wega27 .w-hero-actions .w-btn{flex:1;justify-content:center;padding-inline:1rem}
  .wega27 .w-stats{padding:1.9rem 1.4rem}
  .wega27 .w-stat .n{font-size:2rem}
  .wega27 .w-sec-head{margin-bottom:2rem}
  .wega27 .w-sec-head h2 br{display:none}
  .wega27 .w-marquee-item{min-width:128px;min-height:68px;padding:.7rem 1.05rem}
  .wega27 .w-marquee-item img{height:38px}
  .wega27 .w-svc,.wega27 .w-cta-wrap{padding:1.4rem}
  .wega27 .w-about-figure{aspect-ratio:16/10}
  /* Neden Biz — mobilde VIP: büyük ikon + hafif kalıcı glow */
  .wega27 .w-value{padding:1.7rem 1.5rem}
  .wega27 .w-value .ic{width:62px;height:62px}
  .wega27 .w-value .ic::before{opacity:.32}
  .wega27 .w-value h3{font-size:1.22rem}
}

@media(prefers-reduced-motion:reduce){
  .wega27 *,.wega27 *::before,.wega27 *::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
  .wega27 [data-reveal]{opacity:1;transform:none}
  .wega27 .w-hero-mesh{animation:none}
  .wega27 .w-marquee-track{animation:none;flex-wrap:wrap;justify-content:center;width:auto}
  .wega27 .w-scroll-cue .chev{animation:none}
  .wega27 .w-value::after{animation:none;opacity:0}
  .wega27 .w-value .ic::before{animation:none}
}

/* Çatı (header/top-bar/nav/footer) ve CTA buton stilleri BİLEREK burada DEĞİL.
   "Oluşturulan dosya diğerleriyle çakışmasın" kuralı gereği bu dosya yalnızca
   .wega27 (anasayfa gövdesi) kapsamındadır. Çatı stilleri header.php inline <style>. */