/* P360 Growth sayfası (4 Kas 2026) — Çözümler/Growth/genel görünüm.png.
   Ölçüler 1672 px tasarım pikseli (--u); tasarım 873 px çizildi, ölçü × 1,915. */
.g-sprite{position:absolute;width:0;height:0;overflow:hidden}
.g-hero h1 em{display:block}

/* Ortak: başlık solda, açıklama sağda */
.g-mecralar,.g-icerik,.g-paketler{padding:52px 0 48px;background:#fff}
.g-mecralar h2,.g-sonuclar h2,.g-icerik h2,.g-adimlar h2,.g-paketler h2{color:var(--a-lacivert);font-weight:800;letter-spacing:-.05em;line-height:1.08;margin:0;font-size:clamp(30px,7.5vw,40px)}
.g-paketler h2 em{display:block;font-style:normal;color:var(--a-turuncu)}
.g-ust>p{font-size:17px;line-height:1.6;color:var(--a-gri);margin:18px 0 0}

/* Mecralar */
.g-kanallar{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;list-style:none;padding:0;margin:28px 0 0}
.g-kanallar li{background:#fff;border:1px solid #eef1f6;border-radius:14px;box-shadow:0 14px 34px #1423441a;padding:20px 10px;text-align:center}
.g-logo{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 12px;border-radius:50%;background:#fff;box-shadow:0 6px 18px #14234414}
.g-logo svg{width:60%;height:60%}
.g-ai{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:linear-gradient(160deg,#3b8cf0,#1f5fd6);color:#fff;font:800 22px/1 Manrope,sans-serif;letter-spacing:-.02em}
.g-kanallar b{display:block;font:700 16px/1.25 'DM Sans',sans-serif;color:var(--a-lacivert)}
.g-kanallar small{display:block;font-size:13px;line-height:1.35;color:var(--a-gri);margin-top:6px}

/* Somut sonuçlar: telefon + rakam kartları */
.g-sonuclar{position:relative;overflow:hidden;background:#f5f8fd;padding:48px 0}
.g-sahne{position:relative;max-width:420px;margin:0 auto}
.g-telefon{display:block;width:70%;height:auto;margin:0 auto;-webkit-mask-image:linear-gradient(0deg,transparent 0,#000 18%),linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(0deg,transparent 0,#000 18%),linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%);mask-composite:intersect}
.g-rakamlar{display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none;padding:0;margin:16px 0 0}
.g-rakamlar li{background:#fff;border-radius:16px;box-shadow:0 14px 34px #1423441a;padding:18px 10px;text-align:center}
.g-rakamlar .a-daire{width:56px;height:56px;margin-bottom:10px}
.g-rakamlar .a-daire svg{width:26px;height:26px}
.pembe{--r:#e8487a;--z:#fdeaf1}
.g-rakamlar b{display:block;font:800 24px/1 Manrope,sans-serif;letter-spacing:-.02em;color:var(--a-lacivert)}
.g-rakamlar small{display:block;font-size:13px;line-height:1.3;color:var(--a-gri);margin-top:6px}
.g-sonuc-metin{position:relative;z-index:1;margin-top:36px}
.g-liste{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:18px}
.g-liste li{display:flex;align-items:center;gap:16px;font-size:16px;color:var(--a-lacivert)}
.g-liste svg{width:26px;height:26px;color:var(--a-mavi);stroke-width:1.8}

/* İçerik kartları */
.g-icerik{background:#fbfcfe}
.g-bag{display:inline-flex;align-items:center;gap:10px;margin-top:24px;font-weight:700;color:var(--a-turuncu)}
.g-bag svg{width:18px;height:18px;stroke-width:2.2}
.g-bag:hover{color:var(--a-turuncu2)}
.g-kartlar{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px;list-style:none;padding:0;margin:30px 0 0}
.g-kartlar img{display:block;width:100%;height:auto;aspect-ratio:203/234;object-fit:cover;border-radius:12px;box-shadow:0 12px 28px #14234414}
.g-kartlar b{display:block;font:700 15px/1.3 'DM Sans',sans-serif;color:var(--a-lacivert);margin-top:12px}
.g-kartlar small{display:block;font-size:13px;color:var(--a-gri);margin-top:3px}

/* Nasıl çalışırız (koyu) */
.g-adimlar{background:linear-gradient(100deg,#1b4d80 0,#153b69 30%,#0a2350 70%,#03173c 100%);color:#fff;padding:52px 0}
.g-adimlar h2{color:#fff}
.g-adimlar .a-kicker{color:#fff}
.g-adimlar .a-kicker:before{background:#fff}
.g-adimlar ol{list-style:none;padding:0;margin:32px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:28px 20px}
.g-adimlar li{position:relative}
.g-adimlar li>span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#fff;color:var(--a-lacivert);font:700 16px/1 Manrope,sans-serif;box-shadow:0 0 0 6px #ffffff1f}
.g-adimlar b{display:block;font:700 18px/1.2 'DM Sans',sans-serif;margin:16px 0 6px}
.g-adimlar p{font-size:14.5px;line-height:1.45;color:#d5ddeb;margin:0}

/* Paketler */
.g-paketler{background:#fbfcfe}
.g-paket-kartlar{display:grid;grid-template-columns:1fr;gap:18px;margin-top:32px}
.g-paket-kartlar article{background:#fff;border:1.5px solid #eef1f6;border-radius:18px;box-shadow:0 16px 40px #1423441a;padding:28px 26px}
.g-paket-kartlar article.secili{border-color:#f7a388;box-shadow:0 18px 44px #f4582a1f}
.g-paket-ad{display:flex;justify-content:space-between;align-items:center}
.g-paket-ad h3{margin:0;font:800 14px/1 Manrope,sans-serif;letter-spacing:.16em;color:var(--a-mavi)}
.g-paket-ad .a-daire{width:56px;height:56px}
.g-paket-kartlar .g-fiyat{margin:10px 0 12px;font:800 40px/1 Manrope,sans-serif;letter-spacing:-.04em;color:var(--a-lacivert)!important;white-space:nowrap}
.g-fiyat small{font:500 16px/1 'DM Sans',sans-serif;letter-spacing:0;color:var(--a-gri)}
.g-paket-kartlar p{color:var(--a-lacivert);font-size:16px;line-height:1.45;margin:0}
.g-paket-kartlar a{display:inline-flex;align-items:center;gap:10px;margin-top:22px;font-weight:700;color:var(--a-turuncu)}
.g-paket-kartlar a svg{width:18px;height:18px;stroke-width:2.2}

@media (min-width:576px){
  .g-kanallar{grid-template-columns:repeat(3,1fr)}
  .g-kartlar{grid-template-columns:repeat(4,1fr)}
}

@media (min-width:992px){
  /* Görseli tasarımdaki ölçü ve konumuyla yerleştir */
  .s-bant.s-yer{min-height:calc(var(--h) * var(--u))}
  .s-bant.s-yer>.s-gorsel{position:absolute;left:calc(var(--gx,0) * var(--u));top:calc(var(--gy,0) * var(--u));width:calc(var(--gw) * var(--u));height:auto;min-height:0;max-width:none}

  .g-mecralar h2,.g-sonuclar h2,.g-icerik h2,.g-adimlar h2{font-size:calc(58 * var(--u));line-height:1.06}
  .g-ust{display:grid;grid-template-columns:calc(812 * var(--u)) 1fr;align-items:start}
  .g-ust>p{font-size:max(14px,calc(22 * var(--u)));line-height:1.72;margin:calc(28 * var(--u)) 0 0;max-width:calc(660 * var(--u))}

  .g-mecralar{padding:calc(52 * var(--u)) 0 calc(46 * var(--u))}
  .g-kanallar{grid-template-columns:1fr 1fr 1fr 1fr 1.17fr 1.1fr;gap:calc(42 * var(--u));margin-top:calc(42 * var(--u))}
  .g-kanallar li{border-radius:calc(18 * var(--u));padding:calc(30 * var(--u)) calc(8 * var(--u)) calc(34 * var(--u));min-height:calc(203 * var(--u))}
  .g-logo{width:calc(84 * var(--u));height:calc(84 * var(--u));margin-bottom:calc(16 * var(--u))}
  .g-logo svg{width:70%;height:70%}
  .g-ai{width:84%;height:84%}
  .g-ai{font-size:calc(30 * var(--u))}
  .g-kanallar b{font-size:max(13px,calc(22 * var(--u)))}
  .g-kanallar small{font-size:max(11px,calc(15.5 * var(--u)));margin-top:calc(8 * var(--u))}

  .g-sonuclar{padding:0;height:calc(699 * var(--u))}
  .g-sahne{position:absolute;inset:0;max-width:none;margin:0}
  .g-telefon{position:absolute;left:calc(180 * var(--u));top:calc(-8 * var(--u));width:calc(620 * var(--u));margin:0;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%)}
  .g-rakamlar{margin:0;display:block}
  .g-rakamlar li{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:calc(20 * var(--u));padding:calc(16 * var(--u)) calc(8 * var(--u))}
  .g-r1{left:calc(59 * var(--u));top:calc(124 * var(--u));width:calc(155 * var(--u));height:calc(190 * var(--u))}
  .g-r2{left:calc(77 * var(--u));top:calc(389 * var(--u));width:calc(144 * var(--u));height:calc(195 * var(--u))}
  .g-r3{left:calc(760 * var(--u));top:calc(115 * var(--u));width:calc(182 * var(--u));height:calc(191 * var(--u))}
  .g-r4{left:calc(760 * var(--u));top:calc(379 * var(--u));width:calc(151 * var(--u));height:calc(191 * var(--u))}
  .g-rakamlar .a-daire{width:calc(66 * var(--u));height:calc(66 * var(--u));margin-bottom:calc(14 * var(--u))}
  .g-rakamlar .a-daire svg{width:calc(32 * var(--u));height:calc(32 * var(--u))}
  .g-rakamlar b{font-size:calc(31 * var(--u))}
  .g-rakamlar small{font-size:max(11px,calc(16.5 * var(--u)));margin-top:calc(8 * var(--u))}
  .g-sonuc-metin{margin:0;padding-top:calc(77 * var(--u));padding-left:calc(1038 * var(--u))}
  .g-sonuc-metin .s-lead{max-width:calc(600 * var(--u));margin-top:calc(22 * var(--u));font-size:max(14px,calc(20.5 * var(--u)))}
  .g-liste{gap:calc(44 * var(--u));margin-top:calc(46 * var(--u));padding-left:calc(30 * var(--u))}
  .g-liste li{gap:calc(28 * var(--u));font-size:max(13px,calc(20.5 * var(--u)))}
  .g-liste svg{width:calc(30 * var(--u));height:calc(30 * var(--u))}

  .g-icerik{padding:calc(50 * var(--u)) 0 calc(56 * var(--u))}
  .g-icerik-ic{display:grid;grid-template-columns:calc(560 * var(--u)) 1fr;gap:calc(43 * var(--u));align-items:start}
  .g-icerik-metin{padding-top:calc(28 * var(--u))}
  .g-icerik .s-lead{margin-top:calc(22 * var(--u));line-height:1.6}
  .g-bag{margin-top:calc(42 * var(--u));gap:calc(16 * var(--u));font-size:max(13px,calc(19 * var(--u)))}
  .g-bag svg{width:calc(20 * var(--u));height:calc(20 * var(--u))}
  .g-kartlar{grid-template-columns:repeat(4,calc(203 * var(--u)));gap:calc(29 * var(--u));margin:0}
  .g-kartlar img{border-radius:calc(14 * var(--u))}
  .g-kartlar b{font-size:max(12px,calc(19.5 * var(--u)));margin-top:calc(22 * var(--u))}
  .g-kartlar small{font-size:max(11px,calc(17 * var(--u)));margin-top:calc(6 * var(--u))}

  .g-adimlar{padding:calc(67 * var(--u)) 0 calc(52 * var(--u))}
  .g-adimlar h2{font-size:calc(50 * var(--u))}
  .g-adim-ic{display:grid;grid-template-columns:calc(509 * var(--u)) 1fr;align-items:start}
  .g-adimlar ol{grid-template-columns:repeat(4,1fr);gap:0;margin:calc(-13 * var(--u)) 0 0}
  .g-adimlar li{padding-right:calc(18 * var(--u))}
  .g-adimlar li:not(:last-child):after{content:"";position:absolute;top:calc(28 * var(--u));left:calc(70 * var(--u));right:calc(14 * var(--u));border-top:1.5px dashed #ffffff73}
  .g-adimlar li>span{width:calc(57 * var(--u));height:calc(57 * var(--u));font-size:calc(17 * var(--u));box-shadow:0 0 0 calc(5 * var(--u)) #ffffff1a}
  .g-adimlar b{font-size:max(13px,calc(21 * var(--u)));margin:calc(24 * var(--u)) 0 calc(8 * var(--u))}
  .g-adimlar p{font-size:max(12px,calc(17 * var(--u)));line-height:1.65;max-width:calc(240 * var(--u))}

  .g-paketler{padding:calc(65 * var(--u)) 0 calc(65 * var(--u))}
  .g-paketler h2{font-size:calc(64 * var(--u));line-height:1.07}
  .g-paketler .g-ust{grid-template-columns:calc(846 * var(--u)) 1fr}
  .g-paketler .g-ust>p{font-size:max(14px,calc(23 * var(--u)));line-height:1.78;max-width:calc(640 * var(--u))}
  .g-hero .s-lead{font-size:max(15px,calc(24.5 * var(--u)))}
  .g-paket-kartlar{grid-template-columns:repeat(3,1fr);gap:calc(27 * var(--u));margin-top:calc(60 * var(--u))}
  .g-paket-kartlar article{border-radius:calc(20 * var(--u));padding:calc(44 * var(--u)) calc(40 * var(--u)) calc(40 * var(--u));min-height:calc(324 * var(--u))}
  .g-paket-ad h3{font-size:calc(16.5 * var(--u))}
  .g-paket-ad .a-daire{width:calc(62 * var(--u));height:calc(62 * var(--u));margin:calc(-16 * var(--u)) calc(-4 * var(--u)) 0 0}
  .g-paket-ad .a-daire svg{width:calc(30 * var(--u));height:calc(30 * var(--u))}
  .g-paket-kartlar .g-fiyat{font-size:calc(52 * var(--u));margin:calc(18 * var(--u)) 0 calc(22 * var(--u))}
  .g-fiyat small{font-size:max(12px,calc(19 * var(--u)))}
  .g-paket-kartlar p{font-size:max(13px,calc(19.5 * var(--u)))}
  .g-paket-kartlar a{margin-top:calc(34 * var(--u));gap:calc(14 * var(--u));font-size:max(13px,calc(19.5 * var(--u)))}
  .g-paket-kartlar a svg{width:calc(20 * var(--u));height:calc(20 * var(--u))}
}