@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url('../fonts/manrope-latin-ext-400_800.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url('../fonts/manrope-latin-400_800.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/plexmono-latin-ext-500.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/plexmono-latin-500.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/plexmono-latin-ext-600.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/plexmono-latin-600.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
:root {
  --navy: #1a2332; --navy-2: #243043; --cyan: #00bcd4; --blue: #03a9f4; --blue-d: #0288d1;
  --green: #28c76f; --lime: #7CB342; --paper: #f6f8fa; --white: #ffffff;
  --line: #dde4ea; --mute: #5b6b7c;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: hidden; }
body { margin: 0; overflow-x: hidden; background: var(--paper); color: var(--navy); font-family: 'Manrope', system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: var(--blue-d); text-decoration: none; }
a:hover { color: var(--cyan); }
input, select, textarea, button { font-family: inherit; }
img { max-width: 100%; }
@keyframes pw-up { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: none; } }
@keyframes pw-blink { 0%, 60% { opacity: 1; } 61%, 100% { opacity: 0.25; } }
.pw-up { animation: pw-up 0.7s cubic-bezier(0.2,0.7,0.2,1) both; }
/* scroll-timeline varyanti KALDIRILDI: sayfa sonundaki bolumler animasyon araligini
   tamamlayamayip yarim opaklikta kaliyordu (Teklif bolumu soluk gorunuyordu). */
@media (prefers-reduced-motion: reduce) { .pw-up { animation: none; } }

/* Etkileşim durumları (tasarımdaki style-hover/style-focus karşılıkları) */
.pw-navlink { color: var(--mute); }
.pw-navlink:hover { color: var(--navy); }
.pw-navcta { background: var(--navy); color: var(--white); border-radius: 10px; padding: 11px 18px; font-size: 14.5px; font-weight: 700; white-space: nowrap; margin-left: auto; }
.pw-navcta:hover { background: var(--blue-d); color: var(--white); }
.pw-navlogin { margin-left: auto; background: var(--white); border: 1.5px solid var(--line); color: var(--navy); border-radius: 10px; padding: 9.5px 16px; font-size: 14.5px; font-weight: 700; white-space: nowrap; }
.pw-navlogin:hover { border-color: var(--blue); color: var(--blue-d); }
.pw-navlogin + .pw-navcta { margin-left: 10px; }
.pw-cta1 { background: var(--blue-d); color: var(--white); border-radius: 12px; padding: 15px 26px; font-size: 16px; font-weight: 800; box-shadow: 0 10px 24px rgba(2,136,209,0.28); }
.pw-cta1:hover { background: var(--navy); color: var(--white); }
.pw-cta2 { background: var(--white); border: 1.5px solid var(--line); color: var(--navy); border-radius: 12px; padding: 14px 24px; font-size: 16px; font-weight: 700; }
.pw-cta2:hover { border-color: var(--blue); color: var(--blue-d); }
.pw-gain:hover { border-color: var(--blue); box-shadow: 0 10px 26px rgba(2,136,209,0.09); }
.pw-faqbtn:hover { background: var(--paper); }
.pw-input { width: 100%; min-width: 0; border: 1.5px solid var(--line); border-radius: 10px; padding: 13px 14px; font-size: 15px; color: var(--navy); background: var(--white); }
.pw-input:focus { border-color: var(--blue); outline: none; }
.pw-submit { background: var(--blue-d); color: var(--white); border: 0; border-radius: 12px; padding: 16px; font-size: 16px; font-weight: 800; cursor: pointer; }
.pw-submit:hover { background: var(--navy); }
.pw-flink { color: rgba(255,255,255,0.7); }
.pw-flink:hover { color: var(--white); }
.pw-logo-a:hover { opacity: 0.85; }
[hidden] { display: none !important; }

/* Mobil menü (2026-09-22): 760px altında sayfa içi linkler ve Panel Girişi gizlenir,
   yerine JS'siz <details> açılır menü gelir. Önceden linkler dar ekranda satırlara
   bölünüp Panel Girişi düğmesinin arkasına kayıyordu. */
.pw-mnav { display: none; position: relative; flex: 0 0 auto; }
.pw-mnav > summary { list-style: none; cursor: pointer; width: 44px; height: 44px; border: 1.5px solid var(--line); border-radius: 10px; background: var(--white); color: var(--navy); font-size: 20px; line-height: 1; display: flex; align-items: center; justify-content: center; user-select: none; }
.pw-mnav > summary::-webkit-details-marker { display: none; }
.pw-mnav > summary:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
.pw-mnav[open] > summary { border-color: var(--blue); color: var(--blue-d); }
.pw-mnav-panel { position: absolute; right: 0; top: calc(100% + 10px); z-index: 70; min-width: 220px; background: var(--white); border: 1px solid var(--line); border-radius: 14px; box-shadow: 0 16px 40px rgba(26,35,50,0.16); padding: 8px; display: flex; flex-direction: column; }
.pw-mnav-panel a { color: var(--navy); font-weight: 700; font-size: 15.5px; padding: 12px 14px; border-radius: 9px; }
.pw-mnav-panel a:hover, .pw-mnav-panel a:focus-visible { background: var(--paper); color: var(--blue-d); }
@media (max-width: 760px) {
  .pw-navlinks, .pw-navlogin { display: none !important; }
  .pw-navcta { margin-left: auto !important; padding: 11px 16px; }
  .pw-mnav { display: block; }
}