/* Kadin Girisimci Destegi - standalone referanstan portlandi.
   Jenerik sinif adlari (.wrap, .btn, .sec, .hero, .slot) site geneliyle
   carpismasin diye tamami .kg-page altina kapsandi. public/ altinda
   oldugu icin Vite grafigine girmez. */
.kg-page *, .kg-page *::before, .kg-page *::after{box-sizing:border-box}
.kg-page{--bg:#F6F4EF;--bg-2:#EFECE5;--paper:#FFFFFF;--ink:#16140F;--ink-2:#3D3830;--mute:#78716A;--faint:#A8A199;
--line:rgba(22,20,15,.09);--line-2:rgba(22,20,15,.16);
--acc:#D24E24;--acc-deep:#B23F1A;--acc-soft:rgba(210,78,36,.08);--acc-lite:#FF8A5B;
--sans:"Geist",ui-sans-serif,system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;
--ease:var(--ease);--r:18px;}
.kg-page{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11"}
.kg-page a{color:inherit;text-decoration:none}
.kg-page a:hover{color:var(--acc)}
.kg-page button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.kg-page h1, .kg-page h2, .kg-page h3, .kg-page h4{margin:0;font-weight:500;letter-spacing:-.03em;line-height:1.05}
.kg-page p{margin:0}
.kg-page em{font-style:normal;color:var(--acc)}
.kg-page .wrap{max-width: var(--wrap-wide);margin:0 auto;padding:0 clamp(20px,4vw,48px)}
.kg-page .lede{font-size:clamp(16px,1.3vw,18px);color:var(--ink-2);line-height:1.65;max-width:58ch}
.kg-page .sec{padding:clamp(52px,6.4vw,96px) 0}
.kg-page .sec.alt{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.kg-page .rv{opacity:0;transform:translateY(20px);transition:opacity 750ms var(--ease),transform 750ms var(--ease)}
.kg-page .rv.shown{opacity:1;transform:none}
.kg-page .slot{position:relative;background:var(--bg-2);border:1px dashed var(--line-2);border-radius: var(--r-md);display:grid;place-items:center;overflow:hidden}
.kg-page .slot::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:26px 26px;mask-image:radial-gradient(70% 70% at 50% 50%,#000,transparent 86%);opacity:.7}
.kg-page .slot>span{position:relative;font-family:var(--f-mono);font-size: 11px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);text-align:center;padding:8px;line-height:1.7}
.kg-page .slot .cap{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;font-family:var(--f-mono);font-size: 11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);border-top:1px dashed var(--line-2);background:var(--bg)}
.kg-page .slot .cap b{color:var(--acc);font-weight:400}
/* hero */
.kg-page .hero{padding:clamp(40px,5vw,70px) 0 clamp(24px,3vw,36px);position:relative;overflow:hidden}
.kg-page .hero::before{content:"";position:absolute;inset:0;background:radial-gradient(52% 46% at 88% 6%,rgba(210,78,36,.14),transparent 70%);pointer-events:none}
.kg-page .hero-in{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(26px,4.6vw,64px);align-items:center}
@media(max-width:980px){
  .kg-page .hero-in{grid-template-columns:1fr;gap:26px}
}
.kg-page .pill{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(210,78,36,.3);background:var(--acc-soft);border-radius: var(--r-pill);padding:7px 14px;font-family:var(--f-mono);font-size: 11px;letter-spacing:.18em;text-transform:uppercase;color:var(--acc);margin-bottom:20px}
.kg-page .pill i{width:6px;height:6px;border-radius: var(--r-pill);background:var(--acc);font-style:normal}
.kg-page .hero h1{font-size: var(--h1-size);letter-spacing: var(--h1-ls);line-height:.98;max-width:15ch;text-wrap:balance}
.kg-page .hero .lede{margin:20px 0 26px;max-width:54ch}
.kg-page .hcta{display:flex;gap:10px;flex-wrap:wrap}
/* teklif paneli */
.kg-page .offer{position:relative;background:linear-gradient(160deg,#1C1A15,#0F0E0B 66%);border:1px solid rgba(255,255,255,.1);border-radius:calc(var(--r) + 6px);padding:24px 26px 20px;overflow:hidden;box-shadow:0 60px 100px -64px rgba(22,20,15,.7),inset 0 1px 0 rgba(255,255,255,.06)}
.kg-page .offer::before{content:"";position:absolute;inset:auto -24% -62% auto;width:72%;aspect-ratio:1;background:radial-gradient(circle,rgba(226,90,43,.3),transparent 64%);pointer-events:none}
.kg-page .offer .ft{position:relative;font-family:var(--f-mono);font-size: 11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.48)}
.kg-page .offer h2{position:relative;margin-top:12px;font-size: var(--h2-size);letter-spacing: var(--h2-ls);color:#fff;line-height:1.25;max-width:24ch}
.kg-page .orows{position:relative;margin-top:20px;display:grid;gap:10px}
.kg-page .orow{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;padding:14px 16px;border-radius: var(--r-lg);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);opacity:0;transform:translateY(8px);transition:opacity 560ms var(--ease),transform 560ms var(--ease),background 300ms,border-color 300ms}
.kg-page .offer.go .orow{opacity:1;transform:none}
.kg-page .orow:hover{background:linear-gradient(120deg,rgba(226,90,43,.2),rgba(226,90,43,.06));border-color:rgba(226,90,43,.55)}
.kg-page .orow .pct{font-size:clamp(30px,3vw,40px);letter-spacing:-.05em;line-height:1;color:var(--acc-lite);font-weight:500;font-variant-numeric:tabular-nums;transition:color 260ms}
.kg-page .orow:hover .pct{color:#fff}
.kg-page .orow .when{font-family:var(--f-mono);font-size: 11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.kg-page .orow .what{font-size:14px;color:rgba(255,255,255,.82);line-height:1.5;margin-top:6px}
.kg-page .orow .bar{grid-column:1/-1;height:4px;border-radius: var(--r-pill);background:rgba(255,255,255,.12);overflow:hidden;margin-top:4px}
.kg-page .orow .bar i{display:block;height:100%;border-radius: var(--r-pill);background:var(--acc-lite);width:0;transition:width 950ms var(--ease),background 260ms}
.kg-page .offer.go .orow .bar i{width:var(--w)}
.kg-page .orow:hover .bar i{background:#fff}
.kg-page .offer .fn{position:relative;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:space-between;gap:14px;font-family:var(--f-mono);font-size: 11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.kg-page .offer .fn b{color:var(--acc-lite);font-weight:400}
/* intro */
.kg-page .duo{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(26px,4.6vw,72px);align-items:start}
@media(max-width:900px){
  .kg-page .duo{grid-template-columns:1fr;gap:22px}
}
.kg-page .duo h2{font-size: var(--h2-size);letter-spacing: var(--h2-ls);max-width:17ch;text-wrap:balance}
.kg-page .prose p{font-size: 17px;line-height:1.78;color:var(--ink-2);margin-bottom:16px;max-width:64ch}
.kg-page .prose p:last-child{margin-bottom:0}
/* program başlığı */
.kg-page .phd{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.72fr);gap:clamp(20px,3.4vw,48px);align-items:end;margin-bottom:clamp(24px,3vw,38px)}
@media(max-width:860px){
  .kg-page .phd{grid-template-columns:1fr;gap:14px}
}
.kg-page .phd h2{font-size: var(--h2-size);letter-spacing: var(--h2-ls);max-width:20ch;text-wrap:balance}
.kg-page .phd .note{font-family:var(--f-mono);font-size: 11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);line-height:1.8;text-align:right}
@media(max-width:860px){
  .kg-page .phd .note{text-align:left}
}
/* numaralı satır listesi */
.kg-page .rows{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(30px,4.4vw,70px)}
@media(max-width:860px){
  .kg-page .rows{grid-template-columns:1fr}
}
.kg-page .rw{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;align-items:baseline;padding:20px 4px;border-top:1px solid var(--line);transition:padding 280ms var(--ease)}
.kg-page .rw:hover{padding-left:10px}
.kg-page .rw .no{font-family:var(--f-mono);font-size:11px;color:var(--faint);transition:color 260ms;white-space:nowrap}
.kg-page .rw:hover .no{color:var(--acc)}
.kg-page .rw h3{font-size:18px;letter-spacing:-.025em;line-height:1.25;transition:color 260ms}
.kg-page .rw:hover h3{color:var(--acc)}
.kg-page .rw p{font-size: 15px;line-height:1.65;color:var(--ink-2);margin-top:8px;max-width:54ch}
/* görsel + metin */
.kg-page .imgw{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(26px,4.6vw,64px);align-items:center}
@media(max-width:900px){
  .kg-page .imgw{grid-template-columns:1fr;gap:24px}
}
.kg-page .imgw .slot{aspect-ratio:4/5;border-radius:var(--r)}
.kg-page .imgw h2{font-size: var(--h2-size);letter-spacing: var(--h2-ls);max-width:18ch;text-wrap:balance}
.kg-page .imgw p{margin-top:18px;font-size: 17px;line-height:1.75;color:var(--ink-2);max-width:52ch}
.kg-page .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-top:clamp(24px,3vw,36px)}
@media(max-width:620px){
  .kg-page .stats{grid-template-columns:1fr}
}
.kg-page .stats>div{background:var(--bg);padding:20px 22px;transition:background 260ms var(--ease)}
.kg-page .sec.alt .stats>div{background:var(--bg-2)}
.kg-page .stats>div:hover{background:var(--paper)}
.kg-page .stats .v{font-size:clamp(26px,2.6vw,34px);letter-spacing:-.04em;line-height:1;font-weight:500}
.kg-page .stats .v em{font-size:.72em}
.kg-page .stats .l{font-family:var(--f-mono);font-size: 11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-top:9px;line-height:1.5}
/* büyüme bölümü */
.kg-page .grow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(26px,4.6vw,64px);align-items:start}
@media(max-width:960px){
  .kg-page .grow{grid-template-columns:1fr;gap:26px}
}
.kg-page .grow h2{font-size: var(--h2-size);letter-spacing: var(--h2-ls);max-width:14ch;text-wrap:balance}
.kg-page .grow .slot{aspect-ratio:16/10;border-radius:var(--r);margin-top:clamp(20px,2.4vw,28px)}
.kg-page .terms{list-style:none;margin:clamp(20px,2.4vw,28px) 0 0;padding:0;border-top:1px solid var(--line)}
.kg-page .terms li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:12px;align-items:baseline;padding:15px 2px;border-bottom:1px solid var(--line);font-size: 15px;line-height:1.6;color:var(--ink-2);transition:padding 260ms var(--ease)}
.kg-page .terms li:hover{padding-left:10px}
.kg-page .terms li i{width:7px;height:7px;border-radius: var(--r-pill);background:var(--acc);font-style:normal;margin-top:7px}
.kg-page .terms li b{color:var(--ink);font-weight:500}
.kg-page .growcta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:clamp(20px,2.4vw,26px)}
.kg-page .growcta .meta{font-family:var(--f-mono);font-size: 11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);line-height:1.7}
.kg-page .growcta .meta a:hover{color:var(--acc)}
/* onboarding çizelgesi */
.kg-page .sched{background:var(--paper);border:1px solid var(--line);border-radius:calc(var(--r) + 4px);padding:clamp(20px,2.4vw,28px)}
.kg-page .sched .hd{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.kg-page .sched .hd h3{font-size:19px;letter-spacing:-.028em}
.kg-page .sched .hd span{font-family:var(--f-mono);font-size: 11px;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);white-space:nowrap}
.kg-page .stp{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:14px;align-items:baseline;padding:16px 2px;border-bottom:1px solid var(--line)}
.kg-page .stp:last-child{border-bottom:0;padding-bottom:2px}

.kg-page .stp .dot{width:11px;height:11px;border-radius: var(--r-pill);border:2px solid var(--line-2);margin-top:6px;transition:all 260ms var(--ease)}
.kg-page .stp:hover .dot{border-color:var(--acc);background:var(--acc-soft)}
.kg-page .stp .day{font-family:var(--f-mono);font-size: 11px;letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}
.kg-page .stp h4{font-size: 17px;letter-spacing:-.025em;line-height:1.3;margin-top:7px;transition:color 260ms}
.kg-page .stp:hover h4{color:var(--acc)}
.kg-page .stp p{font-size: 14px;line-height:1.6;color:var(--mute);margin-top:6px}
.kg-page .stp .tg{font-family:var(--f-mono);font-size: 11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);border:1px solid var(--line);border-radius: var(--r-pill);padding:5px 10px;white-space:nowrap;transition:all 240ms}
.kg-page .stp:hover .tg{border-color:var(--acc);color:var(--acc);background:var(--acc-soft)}
/* cta */
.kg-page .cta{border-top:1px solid var(--line);padding:clamp(72px,9vw,128px) 0 clamp(64px,8vw,104px);display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(40px,6vw,96px);align-items:start;position:relative;overflow:hidden}
@media(max-width:900px){
  .kg-page .cta{grid-template-columns:1fr}
}
.kg-page .cta::before{content:"";position:absolute;inset:auto -10% -60% auto;width:55%;aspect-ratio:1;background:radial-gradient(circle,rgba(210,78,36,.12),transparent 62%);pointer-events:none}
.kg-page .cta h2{font-size: var(--h2-size);letter-spacing: var(--h2-ls);line-height:.98;max-width:12ch;text-wrap:balance}
.kg-page .cta .r{display:flex;flex-direction:column;padding-top:clamp(0px,2vw,26px)}
.kg-page .cta .r p{font-size:17px;color:var(--ink-2);line-height:1.6;margin-bottom:28px;max-width:44ch}
.kg-page .act{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:22px 0;border-top:1px solid var(--line);transition:padding 300ms var(--ease)}
.kg-page .act:last-of-type{border-bottom:1px solid var(--line)}
.kg-page .act:hover{padding-left:10px}
.kg-page .act .t{font-size:clamp(20px,1.8vw,24px);font-weight:500;letter-spacing:-.025em;line-height:1.2;transition:color 240ms}
.kg-page .act .t small{display:block;font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin-top:7px;font-weight:400}
.kg-page .act.pri .t{color:var(--acc)}
.kg-page .act .ar{width:52px;height:52px;border-radius: var(--r-pill);display:grid;place-items:center;border:1px solid var(--line-2);color:var(--ink);transition:all 300ms var(--ease)}
.kg-page .act.pri .ar{background:var(--acc);border-color:var(--acc);color:#fff}
.kg-page .act .ar svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.9}
.kg-page .act:hover .t{color:var(--acc)}
@media (hover: hover) {
.kg-page .act:hover .ar{transform:rotate(-45deg);background:var(--ink);border-color:var(--ink);color:#fff} }
.kg-page .act.pri:hover .ar{background:var(--acc-deep);border-color:var(--acc-deep)}
@media(max-width:900px){
  .kg-page .sec{padding:42px 0}
  .kg-page .hero{padding:28px 0 22px}
  .kg-page .hero h1{font-size: var(--h1-size);max-width:none;letter-spacing: var(--h1-ls);line-height:1.03}
  .kg-page .hero .lede{font-size:16px;margin:14px 0 20px}
  .kg-page .hcta .btn{flex:1;justify-content:center;min-height:52px}
  .kg-page .offer{padding:20px 18px 16px}
  .kg-page .orow{padding:13px 14px;gap:12px}
  .kg-page .duo h2, .kg-page .imgw h2, .kg-page .grow h2, .kg-page .phd h2{font-size: var(--h2-size);max-width:none letter-spacing: var(--h2-ls);}
  .kg-page .prose p, .kg-page .imgw p{font-size:16px}
  .kg-page .rw{padding:18px 2px}
  .kg-page .rw:hover{padding-left:2px}
  .kg-page .rw h3{font-size:17px}
  .kg-page .terms li{font-size:15px;padding:14px 2px}
  .kg-page .terms li:hover{padding-left:2px}
  .kg-page .sched{padding:18px 16px}
  .kg-page .stp{padding:14px 2px}
  
  .kg-page .stp h4{font-size:16px}
  .kg-page .cta{padding:52px 0 56px;gap:26px}
  .kg-page .cta h2{font-size: var(--h2-size);max-width:none;letter-spacing: var(--h2-ls)}
  .kg-page .cta .r{padding-top:0}
  .kg-page .cta .r p{font-size:16px;margin-bottom:18px}
  .kg-page .act{padding:18px 0;gap:14px}
  .kg-page .act:hover{padding-left:0}
  .kg-page .act .t{font-size:18px}
  .kg-page .act .ar{width:46px;height:46px;flex:none}
}
@media(hover:none){
  .kg-page .rw:hover, .kg-page .terms li:hover, 
  .kg-page .act:hover .t{color:inherit}
  .kg-page .act.pri:hover .t{color:var(--acc)}
  @media (hover: hover) {
  .kg-page .act:hover .ar{transform:none} }
}
/* Koyu tema: token adlari meta-ads.css ve yazar-profili.css ile ayni. */
:is(html.dark, html[data-theme="dark"]) .kg-page {
  --bg:#0F0E0B; --bg-2:#15130F; --paper:#1C1A15;
  --ink:#F7F5F0; --ink-2:#CFC9C0; --mute:#9E978E; --faint:#7A736B;
  --line:rgba(255,255,255,.09); --line-2:rgba(255,255,255,.16);
  --acc-soft:rgba(226,90,43,.12);
}
@media (prefers-color-scheme: dark) {
  html:not(.dark):not([data-theme="light"]) .kg-page {
    --bg:#0F0E0B; --bg-2:#15130F; --paper:#1C1A15;
    --ink:#F7F5F0; --ink-2:#CFC9C0; --mute:#9E978E; --faint:#7A736B;
    --line:rgba(255,255,255,.09); --line-2:rgba(255,255,255,.16);
    --acc-soft:rgba(226,90,43,.12);
  }
}
/* Referansta gorsel alanlari yer tutucuydu; sayfada gercek iki gorsel
   var ve korunuyor. Kutular <img> tasiyacak sekilde uyarlandi. */
.kg-page .slot{display:block;padding:0;border-style:solid}
.kg-page .slot::before{content:none}
.kg-page .slot img{width:100%;height:100%;object-fit:cover;display:block}
.kg-page .slot .cap{z-index:2}
@media (prefers-reduced-motion: reduce) {
  .kg-page .rv { opacity: 1; transform: none; transition: none; }
  .kg-page * { transition-duration: 1ms !important; }
}

/* Cizelge maddelerinde hover kaymasi kaldirildi. Referansta hoverda
   padding-left 8px'e cikiyordu; imlec maddeler arasinda gezerken
   onceki madde geri kayarken yenisi ileri kaydigi icin birden fazla
   satir ayni anda hareket ediyormus gibi gorunuyordu. Renk ve kenarlik
   geri bildirimi duruyor, yalnizca konum sabit. */
.kg-page .stp,
.kg-page .stp:hover { padding-left: 2px; }