/* eraybalat.com alt sayfaları, ana sayfayla aynı görünüm (24 Eyl 2026).
   Instrument Sans başlık, Inter gövde, IBM Plex Mono etiket; çelik mavi-gri zemin, tek vurgu gök mavisi.
   Her sayfanın kendi <style> bloğundan SONRA yüklenir, o yüzden eşit seçicilerde kazanır. */
/* Metric-matched local fallbacks: while Inter / Instrument Sans are still downloading, text is set in
   Arial scaled to the same width, so lines do not re-wrap when the real font swaps in (hire hero shifted
   33px = CLS 0.20 before). Ratios measured in Chrome on the hire/TR/DE copy, 24 Sep 2026.
   unicode-range = the latin + latin-ext subsets /fonts/ serves, so glyphs the site fonts lack (→ ←) keep
   coming from the system font, exactly as on the homepage. */
@font-face{font-family:'Inter Fallback';src:local('Arial'),local('ArialMT'),local('Helvetica Neue'),local('Helvetica');font-weight:300 500;size-adjust:106.7%;ascent-override:90.8%;descent-override:22.6%;line-gap-override:0%;unicode-range:U+0000-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1EFF,U+2000-206F,U+20A0-20C0,U+2113,U+2122,U+2191,U+2193,U+2212,U+2215,U+2C60-2C7F,U+A720-A7FF,U+FEFF,U+FFFD}
@font-face{font-family:'Inter Fallback';src:local('Arial Bold'),local('Arial-BoldMT'),local('Helvetica Neue Bold'),local('Helvetica Bold');font-weight:600 800;size-adjust:101%;ascent-override:95.9%;descent-override:23.9%;line-gap-override:0%;unicode-range:U+0000-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1EFF,U+2000-206F,U+20A0-20C0,U+2113,U+2122,U+2191,U+2193,U+2212,U+2215,U+2C60-2C7F,U+A720-A7FF,U+FEFF,U+FFFD}
@font-face{font-family:'Instrument Sans Fallback';src:local('Arial'),local('ArialMT'),local('Helvetica Neue'),local('Helvetica');font-weight:300 500;size-adjust:102.8%;ascent-override:94.4%;descent-override:24.3%;line-gap-override:0%;unicode-range:U+0000-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1EFF,U+2000-206F,U+20A0-20C0,U+2113,U+2122,U+2191,U+2193,U+2212,U+2215,U+2C60-2C7F,U+A720-A7FF,U+FEFF,U+FFFD}
@font-face{font-family:'Instrument Sans Fallback';src:local('Arial Bold'),local('Arial-BoldMT'),local('Helvetica Neue Bold'),local('Helvetica Bold');font-weight:600 800;size-adjust:96.8%;ascent-override:100.2%;descent-override:25.8%;line-gap-override:0%;unicode-range:U+0000-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1EFF,U+2000-206F,U+20A0-20C0,U+2113,U+2122,U+2191,U+2193,U+2212,U+2215,U+2C60-2C7F,U+A720-A7FF,U+FEFF,U+FFFD}

:root{
  --bg:#355474; --bg-soft:#2d4968; --card:#3d5e80; --card-brd:rgba(236,242,248,.14);
  --text:#f6f8fa; --muted:#d3dde7; --c1:#9ad1ff; --c2:#9ad1ff; --c3:#b4dbff; --c5:#28425d; --radius:14px;
  --display:'Instrument Sans','Instrument Sans Fallback','Inter','Inter Fallback',system-ui,-apple-system,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}
html,body{background:#355474}
body{font-family:'Inter','Inter Fallback',system-ui,-apple-system,sans-serif;color:#f6f8fa}
body::before{background:none!important}
#bg{background:#355474!important}
::selection{background:#cfe3f8;color:#10233a}

/* type */
h1{font-family:var(--display);font-weight:600;letter-spacing:-.022em;background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:#f6f8fa!important;color:#f6f8fa!important;filter:none!important}
h2,h3,summary,.mail,.price .amt{font-family:var(--display)}
h2{font-weight:600;letter-spacing:-.015em}
.eyebrow{font-family:var(--mono);font-size:.72rem;font-weight:500;letter-spacing:.08em;color:#9ad1ff}
.eyebrow::before{width:6px!important;height:6px!important;margin-right:10px;vertical-align:.14em;border-radius:50%;background:#9ad1ff!important;box-shadow:none!important;flex:0 0 auto}
.meta,.card .tag,.wmore .tag,.tb-langs a{font-family:var(--mono)}
.meta{color:#c9d6e2}
.lead b,.proof b{color:#b4dbff}

/* bars */
.top,.topbar{background:rgba(50,70,94,.97)!important;border-bottom:1px solid rgba(236,242,248,.1)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.back,.topbar a{font-family:'Inter','Inter Fallback',sans-serif}
.langsw{border-color:rgba(236,242,248,.3);color:#f6f8fa;font-family:'Inter','Inter Fallback',sans-serif}
.langsw:hover{background:rgba(236,242,248,.08)}
.tb-langs a.on{background:#f6f8fa;color:#1c2632;border-color:#f6f8fa}
.skip-link{background:#9ad1ff;color:#10233a}

/* buttons */
.btn,.cta a{border-radius:999px;font-family:'Inter','Inter Fallback',sans-serif;font-weight:600;box-shadow:none!important}
.btn-p,.cta a{background:#9ad1ff!important;color:#10233a!important;border-color:transparent!important}
.btn-p:hover,.cta a:hover{background:#b3ddff!important}
.btn-s{border-color:rgba(236,242,248,.32);color:#f6f8fa}
.btn-s:hover{background:rgba(236,242,248,.08)}

/* surfaces */
.card,.price,.steps li,.wcard,.wmore,.rev,.pcard,.callout{background:#3d5e80;border-color:rgba(236,242,248,.14);box-shadow:none}
.price.feat,.wcard:hover,.wmore:hover,.pcard:hover{border-color:rgba(154,209,255,.55)}
.steps li::before{background:#9ad1ff!important;color:#10233a!important;box-shadow:none!important}
.stars{color:#b4dbff}
/* sky #9ad1ff is 3.7:1 on a card; blue text sitting on cards uses the lighter #b4dbff (4.6:1), grey meta #d3dde7 */
.card .tag,.steps .when,.card a,.price a,.rev a{color:#b4dbff}
.pcard .meta,.card .meta{color:#d3dde7}
.rev q{color:#e3eaf1}
.final,.cta{background:#2d4968!important;border-color:rgba(236,242,248,.14)!important}
.mail{color:#b4dbff;border-bottom-color:rgba(180,219,255,.45)}
.callout{border-left-color:#9ad1ff}
hr,.proof,footer{border-color:rgba(236,242,248,.12)!important}
footer a{color:#b4dbff}
code{background:rgba(255,255,255,.06);border-color:rgba(236,242,248,.14)}
figure img{border-color:rgba(236,242,248,.14)}

/* brand star (the woven Karatay star, same as the homepage) */
.mk,.star{color:#9ad1ff}

/* 404 */
.star{animation:none!important;filter:none!important}
.sub{color:#c9d6e2}

/* calm: nothing blurs or glows */
*{text-shadow:none}

/* 26 Eyl: display serif for big headings (same as the homepage) */
h1,h2,.price .amt{font-family:'Instrument Serif',Georgia,'Times New Roman',serif!important;font-weight:400!important;font-synthesis:none;letter-spacing:-.01em!important}
h1{font-size:clamp(2.6rem,6vw,4.6rem)!important;line-height:1.02!important}
h2{font-size:clamp(1.9rem,3.6vw,2.8rem)!important;line-height:1.08!important}
h1 em,h2 em{font-style:italic;color:#cfe8ff}