/* Chart Radars · site. Görsel dil radaranalitik.com / harmonikradar.com "Gündüz" yönünün devamı (kağıt, mürekkep,
   turuncu "şimdi" noktası). Vurgu rengi Chart Radars grafiklerinden: yeşil #2E8B57 / #4CAF50, kırmızı #D64545,
   grafik zemini #DCD9CE. Değerler kopyalandı; diğer radarların koduna bağlantı yok. */
:root{
  --kagit:#F3F0E9; --kagit-2:#EAE5DA; --grafik:#DCD9CE; --beyaz:#FFFFFF;
  --murekkep:#0C1622; --soluk:#5E6B74; --cizgi:rgba(12,22,34,.12);
  --yesil:#2E8B57; --yesil-parlak:#4CAF50; --yesil-yazi:#2E6B47;
  --d:#F5A00B; --kirmizi:#D64545; --mavi:#2F6FE4;
  --tg-zemin:#0F1A24; --tg-bar:#1C242F; --tg-gelen:#222E3A; --tg-giden:#2B5278; --tg-link:#6AB2F2; --tg-soluk:#7F91A4;
  --ios:-apple-system,"SF Pro Text","Instrument Sans",system-ui,sans-serif;
  --baslik:"Bricolage Grotesque",system-ui,sans-serif;
  --govde:"Instrument Sans",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,monospace;
  --yumusak:cubic-bezier(.22,1,.36,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:84px}
[hidden]{display:none!important}
body{background:var(--kagit);color:var(--murekkep);font-family:var(--govde);-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.5}
a{color:inherit}
img{max-width:100%;height:auto}
code{font-family:var(--mono)}
.svg-tanim{position:absolute}
.kap{max-width:1200px;margin:0 auto;padding:0 40px}
.gizli-bag{position:absolute;left:-9999px;top:0;background:var(--murekkep);color:#fff;padding:10px 14px;border-radius:8px;z-index:100}
.gizli-bag:focus{left:16px;top:16px}
:focus-visible{outline:2px solid var(--d);outline-offset:3px;border-radius:6px}

.js .gorun{opacity:0;transform:translateY(28px);transition:opacity .9s var(--yumusak),transform .9s var(--yumusak)}
.js .gorun.gorundu{opacity:1;transform:none}
@keyframes don{to{transform:rotate(360deg)}}
@keyframes nabiz{0%{box-shadow:0 0 0 0 rgba(245,160,11,.5)}70%,100%{box-shadow:0 0 0 9px rgba(245,160,11,0)}}

/* ---------- üst ---------- */
.ust{position:sticky;top:0;z-index:30;background:rgba(243,240,233,.82);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid transparent;transition:border-color .2s}
.ust.golge{border-bottom-color:var(--cizgi)}
.ust nav{display:flex;align-items:center;justify-content:space-between;height:78px;gap:20px}
.marka{display:flex;align-items:center;gap:12px;font-family:var(--baslik);font-weight:700;font-size:20px;letter-spacing:-.015em;text-decoration:none;white-space:nowrap}
.isaret{flex:none;border-radius:50%}
.isaret-koni{transform-origin:32px 32px;animation:don 6s linear infinite}
.nav-linkler{display:flex;gap:30px;font-size:15px;color:var(--soluk)}
.nav-linkler a{text-decoration:none}
.nav-linkler a:hover{color:var(--murekkep)}
.nav-sag{display:flex;align-items:center;gap:14px}
.diller{display:flex;gap:2px;padding:3px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--cizgi);font:500 12.5px var(--mono)}
.diller a{text-decoration:none;color:var(--soluk);padding:5px 9px;border-radius:999px;transition:background .2s,color .2s}
.diller a:hover{color:var(--murekkep)}
.diller a[aria-current]{background:var(--murekkep);color:#fff}

.dugme{display:inline-flex;align-items:center;gap:10px;font:600 15px var(--govde);padding:13px 22px;border-radius:999px;text-decoration:none;border:0;cursor:pointer;transition:transform .15s,background .15s;white-space:nowrap}
.dugme:hover{transform:translateY(-1px)}
.dugme.ana{background:var(--murekkep);color:#fff}
.dugme.ana .nokta{width:8px;height:8px;border-radius:50%;background:var(--d);box-shadow:0 0 0 4px rgba(245,160,11,.25)}
.dugme.kucuk{padding:10px 18px;font-size:14px;gap:8px}
.dugme.ikinci{background:transparent;color:var(--murekkep);box-shadow:inset 0 0 0 1px rgba(12,22,34,.25)}
.dugme.ikinci:hover{background:rgba(12,22,34,.04)}
.dugme.acik{background:var(--kagit);color:var(--murekkep);font-size:16px;padding:15px 26px}
.dugme.acik:hover{background:#fff}

/* ---------- ilk ekran ---------- */
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,600px);align-items:center;gap:clamp(24px,4vw,64px);min-height:calc(100vh - 78px);padding:24px 0 64px}
.rozet{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:500;margin-bottom:28px;padding:7px 14px 7px 10px;border-radius:999px;background:var(--beyaz);box-shadow:0 1px 0 var(--cizgi)}
.rozet i{width:9px;height:9px;border-radius:50%;background:var(--d);animation:nabiz 2.4s ease-out infinite}
h1{font-family:var(--baslik);font-weight:800;font-size:clamp(46px,6.2vw,92px);line-height:.95;letter-spacing:-.04em}
.t{color:var(--yesil)}
.hero .alt{margin-top:28px;font-size:clamp(17px,1.4vw,19px);color:var(--soluk);max-width:540px}
.hero .alt b{color:var(--murekkep);font-weight:600}
.cta{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap}
.olcu{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px}
.olcu span{font:500 13px var(--mono);color:var(--soluk);background:var(--kagit-2);border-radius:999px;padding:6px 12px}

.hero-sahne{position:relative;height:660px}
.radar{position:absolute;left:-10px;top:40px;width:540px;aspect-ratio:1;border-radius:50%}
.radar::before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.75),rgba(255,255,255,.2) 70%,transparent)}
.radar-cizim{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.halkalar circle{fill:none;stroke:var(--murekkep);stroke-opacity:.13;stroke-width:1}
.radar-cizim .halkalar circle:last-child{stroke-opacity:.22}
.radar-cizim .eksen path{stroke:var(--murekkep);stroke-opacity:.08;stroke-dasharray:2 5}
.radar-cizim .cetvel line{stroke:var(--murekkep);stroke-opacity:.22}
.radar-cizim .cetvel line.uzun{stroke-opacity:.4}
.radar-cizim .cetvel text{font:500 10px var(--mono);fill:var(--soluk);text-anchor:middle;dominant-baseline:middle}
.supurme{position:absolute;inset:0;border-radius:50%;overflow:hidden;will-change:transform;animation:don 6s linear infinite}
.supurme::before{content:"";position:absolute;inset:0;background:conic-gradient(from 0deg,transparent 0deg 285deg,rgba(46,139,87,0) 285deg,rgba(46,139,87,.2) 358deg,rgba(46,139,87,.3) 360deg)}
.supurme i{position:absolute;left:50%;top:0;width:2px;height:50%;margin-left:-1px;background:linear-gradient(to top,rgba(46,139,87,.9),rgba(46,139,87,.15))}
.iz{position:absolute;width:0;height:0}
.iz i{position:absolute;left:-6px;top:-6px;width:12px;height:12px;border-radius:50%;background:var(--yesil);opacity:.35;transition:opacity 2.6s ease-out,background 2.6s}
.iz.sessiz i{width:7px;height:7px;left:-3.5px;top:-3.5px;background:var(--murekkep);opacity:.18}
.iz i::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:1.5px solid var(--d);opacity:0}
.iz span{position:absolute;right:14px;top:-16px;display:flex;align-items:center;gap:7px;white-space:nowrap;font:500 13px var(--govde);color:var(--soluk);background:#fff;padding:5px 11px;border-radius:999px;box-shadow:0 1px 0 var(--cizgi),0 8px 20px -10px rgba(12,22,34,.35);opacity:.55;transform:scale(.94);transform-origin:right center;transition:opacity 2.6s ease-out,transform 1s var(--yumusak)}
.iz span b{font:600 13px var(--mono);color:var(--murekkep)}
.iz.ping i{background:var(--d);opacity:1;transition:none}
.iz.ping i::after{animation:halka 1.6s ease-out}
.iz.ping span{opacity:1;transform:scale(1);transition:opacity .2s,transform .5s var(--yumusak)}
@keyframes halka{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(5)}}

/* ---------- iPhone + Telegram ---------- */
.iphone{position:relative;width:318px;height:658px;border-radius:58px;padding:3px;background:linear-gradient(135deg,#e4e6e9 0%,#9ca1a8 22%,#f1f2f4 45%,#8a9098 70%,#d3d6da 100%);
  box-shadow:0 1px 0 1px rgba(0,0,0,.18),0 50px 80px -30px rgba(12,22,34,.55),0 18px 30px -14px rgba(12,22,34,.35)}
.iphone::before,.iphone::after{content:"";position:absolute;width:3px;border-radius:2px;background:#9ca1a8}
.iphone::before{left:-3px;top:132px;height:62px;box-shadow:0 -50px 0 0 #9ca1a8,0 76px 0 0 #9ca1a8}
.iphone::after{right:-3px;top:176px;height:92px}
.bezel{height:100%;border-radius:55px;padding:10px;background:#07080a}
.ekran{position:relative;height:100%;border-radius:45px;overflow:hidden;background:var(--tg-zemin);color:#fff;font-family:var(--ios);display:flex;flex-direction:column}
.ada{position:absolute;top:11px;left:50%;transform:translateX(-50%);width:100px;height:29px;border-radius:20px;background:#000;z-index:3}
.durum{height:50px;flex:none;display:flex;align-items:flex-end;justify-content:space-between;padding:0 26px 6px 34px;font-size:14.5px;font-weight:600;letter-spacing:-.01em}
.durum .ikon{display:flex;gap:5px;align-items:center}
.tg-ust{flex:none;display:flex;align-items:center;gap:8px;padding:6px 12px 9px;background:var(--tg-bar);border-bottom:.5px solid rgba(255,255,255,.06)}
.tg-ust .geri{color:var(--tg-link);font-size:26px;line-height:1;width:24px}
.tg-ust .baslik{flex:1;text-align:center;line-height:1.2}
.tg-ust .baslik b{font-size:15px;display:block}
.tg-ust .baslik small{font-size:12px;color:var(--tg-soluk)}
.tg-ust img{width:34px;height:34px;border-radius:50%}
.sohbet{flex:1;padding:10px 9px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;overflow:hidden;background:radial-gradient(120% 80% at 80% 0%,#15283a 0%,transparent 60%),var(--tg-zemin)}
.tarih{align-self:center;font-size:11.5px;font-weight:600;background:rgba(0,0,0,.28);padding:3px 10px;border-radius:10px;margin:2px 0 4px}
.giris{flex:none;display:flex;align-items:center;gap:8px;padding:8px 11px 26px;background:var(--tg-bar)}
.giris .alan{flex:1;height:32px;border-radius:16px;background:#0f1720;border:.5px solid rgba(255,255,255,.08);font-size:13px;color:var(--tg-soluk);display:flex;align-items:center;padding:0 12px}
.ev-cubugu{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:112px;height:4px;border-radius:3px;background:rgba(255,255,255,.85)}
.balon{background:var(--tg-gelen);color:#fff;border-radius:17px 17px 17px 5px;overflow:hidden;font-family:var(--ios);font-size:13px;line-height:1.45;max-width:96%;flex:none}
.balon.giden{align-self:flex-end;background:var(--tg-giden);border-radius:17px 17px 5px 17px}
.balon img{display:block;width:100%;background:var(--grafik)}
.balon .ic{padding:8px 11px 6px}
.balon .kesik{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;padding-bottom:8px}
.saat{float:right;font-size:10.5px;color:var(--tg-soluk);margin:5px 0 0 8px}
.giden .saat{color:#a9c4de}
.tg-dugmeler{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;max-width:96%;flex:none}
.tg-dugmeler span{background:rgba(34,46,58,.92);border-radius:9px;text-align:center;font:500 12px var(--ios);padding:7px 4px}
.tg-dugmeler .genis{grid-column:1/-1}
.hero-tel{position:absolute;right:0;top:0;zoom:.92}
.js .hero .sirali{opacity:0;transform:translateY(16px) scale(.98);transform-origin:left bottom}
.js .hero .giden.sirali{transform-origin:right bottom}
.js .hero.oynat .sirali{animation:dus .6s var(--yumusak) forwards}
.js .hero.oynat .sirali:nth-of-type(2){animation-delay:.3s}
.js .hero.oynat .sirali:nth-of-type(3){animation-delay:1.3s}
.js .hero.oynat .sirali:nth-of-type(4){animation-delay:1.7s}
.js .hero.oynat .sirali:nth-of-type(5){animation-delay:2.3s}
@keyframes dus{to{opacity:1;transform:none}}

/* ---------- kayan şerit ---------- */
.serit{border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi);padding:26px 0;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.serit-iz{display:flex;width:max-content;animation:kay 52s linear infinite}
.serit:hover .serit-iz{animation-play-state:paused}
.serit-ic{display:flex;align-items:center;gap:28px;padding-right:28px;font-family:var(--baslik);font-weight:600;font-size:clamp(22px,2.4vw,32px);letter-spacing:-.02em;white-space:nowrap}
.serit-ic span:nth-child(4n+3){color:var(--soluk)}
.serit-ic i{width:8px;height:8px;border-radius:50%;background:var(--d);flex:none}
@keyframes kay{to{transform:translateX(-50%)}}

/* ---------- bölümler ---------- */
.bolum{padding:130px 0 0}
.bolum-bas{max-width:720px;margin-bottom:56px}
.ust-etiket{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--soluk);margin-bottom:18px}
.ust-etiket::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--d)}
h2{font-family:var(--baslik);font-weight:800;font-size:clamp(34px,4.4vw,60px);line-height:1;letter-spacing:-.035em}
.bolum-bas p{margin-top:20px;font-size:18px;color:var(--soluk);max-width:620px}

/* adımlar */
.adimlar{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.adim-kart{background:var(--beyaz);border-radius:28px;padding:18px 18px 30px;box-shadow:0 1px 0 var(--cizgi)}
.adim-kart:nth-child(2){transition-delay:.1s}.adim-kart:nth-child(3){transition-delay:.2s}
.adim-gorsel{height:190px;border-radius:20px;background:var(--grafik);display:grid;place-items:center;overflow:hidden;margin-bottom:24px}
.adim-gorsel svg{height:140px;width:auto;overflow:visible}
.mumlar .taban path{stroke:var(--murekkep);stroke-opacity:.18}
.mumlar .m path{stroke-width:2;stroke:#2A2E39}
.mumlar .m.y rect{fill:var(--yesil-parlak)}
.mumlar .m.a rect{fill:#131722}
.mumlar .m.acik path{stroke:var(--soluk);stroke-dasharray:3 3}
.mumlar .m.acik rect{fill:none;stroke:var(--soluk);stroke-dasharray:3 3;stroke-width:1.5}
.mumlar .m{opacity:0}
.adim-kart.gorundu .mumlar .m{animation:belir .5s forwards}
.adim-kart.gorundu .mumlar .m:nth-child(3){animation-delay:.15s}.adim-kart.gorundu .mumlar .m:nth-child(4){animation-delay:.3s}
.adim-kart.gorundu .mumlar .m:nth-child(5){animation-delay:.45s}.adim-kart.gorundu .mumlar .m:nth-child(6){animation-delay:.6s}
.adim-kart.gorundu .mumlar .m:nth-child(7){animation-delay:.75s;animation-name:belir-yari}
@keyframes belir{to{opacity:1}}
@keyframes belir-yari{to{opacity:.6}}
.kucuk-koni{animation:don 5s linear infinite;transform-origin:0 0}
.kucuk-koni path{fill:rgba(46,139,87,.16)}
.kucuk-koni .kenar{fill:none;stroke:var(--yesil);stroke-width:1.6}
.kucuk-radar .nok{fill:var(--d)}
.kucuk-radar .nok2{fill:var(--murekkep);opacity:.25}
.karar{font-family:var(--baslik);font-weight:800;font-size:64px;letter-spacing:-.035em;line-height:1;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}
.karar span{display:block;color:var(--soluk);font-weight:600;font-size:30px;letter-spacing:-.01em;margin-bottom:4px}
.karar b{position:relative;color:var(--yesil)}
.karar b::after{content:"";position:absolute;right:-16px;top:2px;width:10px;height:10px;border-radius:50%;background:var(--d);animation:nabiz 2.4s ease-out infinite}
.adim-no{font:500 13px var(--mono);color:var(--soluk);padding:0 8px}
.adim-kart h3{font-family:var(--baslik);font-weight:700;font-size:26px;letter-spacing:-.02em;margin:8px}
.adim-kart p{color:var(--soluk);font-size:15.5px;padding:0 8px}

/* örnek okuma */
.grafik{background:var(--grafik);border-radius:28px;padding:10px;box-shadow:0 1px 0 var(--cizgi),0 40px 70px -40px rgba(12,22,34,.45)}
.grafik img{display:block;width:100%;border-radius:20px}
.grafik figcaption{font:500 13px var(--mono);color:var(--soluk);padding:12px 12px 4px}
.okuma-duzen{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px;margin-top:20px;align-items:start}
.okuma{background:var(--beyaz);border-radius:28px;padding:32px 34px;box-shadow:0 1px 0 var(--cizgi)}
.okuma-bas{display:flex;align-items:center;gap:14px;margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid var(--cizgi)}
.okuma-bas img{border-radius:50%;flex:none}
.okuma-bas b{display:block;font-family:var(--baslik);font-weight:700;font-size:20px;letter-spacing:-.015em}
.okuma-bas small{font:500 13px var(--mono);color:var(--soluk)}
.okuma p{font-size:16px;line-height:1.65;color:#25313d}
.okuma p+p{margin-top:14px}
.okuma p:last-child{font:500 13px var(--mono);color:var(--soluk)}
.sozluk{background:var(--kagit-2);border-radius:28px;padding:30px 30px 26px;position:sticky;top:100px}
.sozluk h3{font-family:var(--baslik);font-weight:700;font-size:22px;letter-spacing:-.02em;margin-bottom:12px}
.sozluk dl>div{padding:12px 0;border-top:1px solid var(--cizgi)}
.sozluk dt{font:600 13.5px var(--mono);color:var(--murekkep)}
.sozluk dd{font-size:14.5px;color:var(--soluk);margin-top:3px}

/* radar */
.radar-kart{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px;align-items:center;background:var(--beyaz);border-radius:36px;padding:64px;box-shadow:0 1px 0 var(--cizgi);position:relative;overflow:hidden}
.radar-kart::before{content:"";position:absolute;right:-220px;top:50%;width:760px;aspect-ratio:1;transform:translateY(-50%);border-radius:50%;
  background:repeating-radial-gradient(circle,transparent 0 79px,rgba(12,22,34,.06) 79px 80px);pointer-events:none}
.radar-metin,.akis{position:relative}
.radar-soz{margin-top:22px;font-size:17.5px;color:var(--soluk);max-width:520px}
.ozellik{list-style:none;margin-top:30px;display:grid;gap:16px;max-width:520px}
.ozellik li{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:15.5px;color:var(--soluk)}
.ozellik li::before{content:"";width:10px;height:10px;border-radius:50%;margin-top:7px;background:var(--yesil-parlak)}
.ozellik li:nth-child(2)::before{background:var(--d)}
.ozellik li:nth-child(3)::before{background:var(--mavi)}
.ozellik li:nth-child(4)::before{background:var(--murekkep)}
.ozellik b{display:block;color:var(--murekkep);font-weight:600}
.akis{list-style:none;display:grid;gap:12px;counter-reset:a}
.akis li{display:flex;align-items:center;gap:16px;background:var(--kagit);border-radius:18px;padding:16px 20px;font-family:var(--baslik);font-weight:600;font-size:19px;letter-spacing:-.01em;position:relative}
.akis li em{font:500 12px var(--mono);font-style:normal;color:var(--soluk);background:var(--beyaz);border-radius:999px;padding:4px 8px}
.akis li:not(:last-child)::after{content:"";position:absolute;left:38px;bottom:-12px;width:2px;height:12px;background:var(--yesil);opacity:.5}
.akis li:nth-child(3){background:var(--murekkep);color:#fff}
.akis li:nth-child(3) em{background:var(--d);color:var(--murekkep)}

/* ilke */
.ilke{margin-top:130px;background:var(--kagit-2);border-radius:36px;overflow:hidden;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:40px;padding:72px}
.ilke ul{list-style:none;margin-top:36px;display:grid;gap:20px;max-width:560px}
.ilke li{display:grid;grid-template-columns:22px 1fr;gap:12px;font-size:17px;color:var(--soluk)}
.ilke li b{color:var(--murekkep);font-weight:600;display:block;margin-bottom:2px}
.ilke li::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--d);margin-top:9px}
.ilke code{background:var(--beyaz);padding:1px 7px;border-radius:6px;font-size:14px;color:var(--murekkep)}
.ilke-disk{justify-self:center;width:100%;max-width:340px;aspect-ratio:1}
.ilke-disk .buyuk{width:100%;height:100%;box-shadow:0 0 0 12px #fff,0 0 0 13px var(--cizgi),0 50px 80px -40px rgba(12,22,34,.5)}

/* sss */
.sss{display:grid;grid-template-columns:1fr 1.6fr;gap:60px;align-items:start}
.sss .bolum-bas{position:sticky;top:120px;margin:0}
.sorular details{border-top:1px solid var(--cizgi)}
.sorular details:last-child{border-bottom:1px solid var(--cizgi)}
.sorular summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-family:var(--baslik);font-weight:600;font-size:20px;letter-spacing:-.01em}
.sorular summary::-webkit-details-marker{display:none}
.sorular summary::after{content:"";flex:none;width:12px;height:12px;border-right:2px solid var(--murekkep);border-bottom:2px solid var(--murekkep);transform:rotate(45deg) translate(-3px,-3px);transition:transform .2s}
.sorular details[open] summary::after{transform:rotate(-135deg) translate(-3px,-3px)}
.sorular details p{padding:0 40px 24px 0;color:var(--soluk);font-size:16.5px;max-width:640px}
.sorular code{background:var(--beyaz);padding:1px 7px;border-radius:6px;font-size:14px;color:var(--murekkep)}

/* son çağrı */
.son{margin-top:130px;position:relative;overflow:hidden;background:var(--murekkep);color:#fff;border-radius:36px;padding:88px 40px;text-align:center;display:flex;flex-direction:column;align-items:center}
.son-halkalar{position:absolute;left:50%;top:50%;width:1000px;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
  background:repeating-radial-gradient(circle,transparent 0 89px,rgba(76,175,80,.14) 89px 90px);-webkit-mask-image:radial-gradient(closest-side,#000 40%,transparent);mask-image:radial-gradient(closest-side,#000 40%,transparent);pointer-events:none}
.son>*:not(.son-halkalar){position:relative}
.son .isaret{box-shadow:0 0 0 1px rgba(76,175,80,.35)}
.son h2{margin-top:26px}
.son p{margin-top:16px;font-size:18px;color:#b9c4cc;max-width:520px}
.son .dugme{margin-top:32px}

/* alt bilgi */
.alt-bilgi{margin-top:110px;border-top:1px solid var(--cizgi);padding-top:40px;padding-bottom:48px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end}
.alt-bilgi .uyari{font-family:var(--baslik);font-weight:600;font-size:18px;letter-spacing:-.01em;margin-top:14px}
.alt-bilgi .not{margin-top:6px;font-size:14px;color:var(--soluk);max-width:520px}
.alt-bilgi .linkler{display:flex;gap:22px;align-items:center;font-size:14px;color:var(--soluk);flex-wrap:wrap}
.alt-bilgi .linkler>a{text-decoration:none}
.alt-bilgi .linkler>a:hover{color:var(--murekkep)}

/* ---------- duyarlı ---------- */
@media (max-width:1180px){
  .hero{grid-template-columns:minmax(0,1fr) minmax(0,500px)}
  .hero-sahne{height:600px}
  .radar{width:470px;left:-20px}
  .hero-tel{zoom:.82}
  .nav-linkler{gap:22px}
}
@media (max-width:1020px){
  .hero{grid-template-columns:1fr;min-height:auto;padding-top:20px}
  .hero-sahne{height:640px;max-width:620px;width:100%;justify-self:center}
  .radar{width:540px;left:0}
  .adimlar{grid-template-columns:1fr;max-width:560px}
  .okuma-duzen{grid-template-columns:1fr}
  .sozluk{position:static}
  .radar-kart{grid-template-columns:1fr;padding:48px 40px}
  .ilke{grid-template-columns:1fr;padding:56px 44px}
  .ilke-disk{max-width:260px}
  .sss{grid-template-columns:1fr}
  .sss .bolum-bas{position:static;margin-bottom:24px}
}
@media (max-width:900px){.nav-linkler{display:none}}
@media (max-width:720px){
  .kap{padding:0 16px}
  .ust nav{height:66px;gap:10px}
  .marka{font-size:17px;gap:9px}
  .marka .isaret{width:30px;height:30px}
  .nav-sag{gap:8px}
  .ust .dugme span{display:none}
  .ust .dugme.kucuk{padding:9px 11px}
  .diller a{padding:5px 7px}
  h1{font-size:clamp(42px,12vw,60px)}
  .hero-sahne{height:540px}
  .radar{width:min(420px,100%);left:50%;top:0;transform:translateX(-50%)}
  .iz span{display:none}
  .hero-tel{zoom:.7;right:50%;top:auto;bottom:0;transform:translateX(50%)}
  .bolum{padding-top:96px}
  .grafik{border-radius:20px;padding:6px}
  .grafik img{border-radius:15px}
  .okuma{padding:24px 20px;border-radius:22px}
  .okuma p{font-size:15.5px}
  .sozluk{padding:24px 20px;border-radius:22px}
  .radar-kart{padding:36px 22px;border-radius:28px;gap:36px}
  .akis li{font-size:17px;padding:14px 16px}
  .ilke{border-radius:28px;margin-top:96px;padding:40px 22px}
  .ilke-disk{max-width:200px}
  .sorular summary{font-size:18px}
  .sorular details p{padding-right:8px}
  .son{margin-top:96px;padding:64px 22px;border-radius:28px}
  .alt-bilgi{grid-template-columns:1fr;margin-top:80px}
}
@media (max-width:360px){.marka span{display:none}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .js .gorun,.js .hero .sirali,.mumlar .m{opacity:1;transform:none}
}

/* ---------- 404 / yönlendirme sayfası ---------- */
.tek{min-height:100vh;display:grid;place-items:center;text-align:center;padding:40px 16px}
.tek h1{font-size:clamp(40px,8vw,72px);margin-top:24px}
.tek p{margin-top:14px;color:var(--soluk);font-size:17px}
.tek .diller{display:inline-flex;margin-top:28px;font-size:15px}
.tek .diller a{padding:8px 16px}