/* SXB Global — içerik sayfaları (hizmetler, nasil-calisiriz, neden-sxb, bilgi-merkezi)
   Kaynak: sayfa içi <style> bloklarından çıkarıldı.
   TR ve EN siteleri bu dosyayı paylaşır. */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--ink:#0E1D25;--ink-90:rgba(14,29,37,.9);--ink-70:rgba(14,29,37,.7);--ink-50:rgba(14,29,37,.5);--ink-30:rgba(14,29,37,.3);--ink-12:rgba(14,29,37,.12);--ink-06:rgba(14,29,37,.06);--orange:#F08E41;--orange-dk:#C96E20;--orange-lt:#FEF0E3;--ivory:#F6F6F3;--ivory-dk:#EEEEE9;--white:#FFFFFF;--border:#E3E2DD;--border-dk:rgba(255,255,255,.09);--serif:'Libre Baskerville',Georgia,serif;--sans:'Inter',system-ui,sans-serif;--nav-h:72px;--max-w:1240px;--gutter:clamp(1.25rem,5vw,3rem);--radius:2px;--t:.22s ease}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--sans);background:var(--ivory);color:var(--ink);font-size:.9375rem;line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none;padding:0}ul,ol{list-style:none}input,textarea,select{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:var(--radius)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.wrap{max-width:var(--max-w);margin:0 auto;padding:0 var(--gutter)}
.section{padding:5rem 0}.section--white{background:var(--white)}.section--ivory{background:var(--ivory)}.section--warm{background:var(--ivory-dk)}.section--dark{background:var(--ink)}.section--orange{background:var(--orange)}
h1,h2,h3,h4{font-family:var(--serif);font-weight:700;font-style:normal;line-height:1.15;color:var(--ink)}
.h1{font-size:clamp(2.1rem,4.5vw,3.6rem);letter-spacing:-.025em;line-height:1.08}
.h2{font-size:clamp(1.6rem,3vw,2.6rem);letter-spacing:-.02em;line-height:1.15}
.h3{font-size:clamp(1.1rem,1.8vw,1.4rem);letter-spacing:-.01em}
.lead{font-size:1.0625rem;color:var(--ink-70);line-height:1.85;font-weight:300}
.tag{font-size:.6875rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--orange);display:flex;align-items:center;gap:.65rem;margin-bottom:.85rem}
.tag::before{content:'';display:inline-block;width:22px;height:1px;background:currentColor;flex-shrink:0}
.btn{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--sans);font-size:.6875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.875rem 1.625rem;border-radius:var(--radius);border:1px solid transparent;transition:background var(--t),color var(--t),border-color var(--t),transform var(--t);line-height:1;white-space:nowrap;cursor:pointer}
.btn-primary{background:var(--orange);color:var(--ink);border-color:var(--orange)}.btn-primary:hover{background:var(--orange-dk);border-color:var(--orange-dk);transform:translateY(-1px)}
.btn-outline{background:transparent;color:var(--ink);border-color:var(--ink-30)}.btn-outline:hover{border-color:var(--ink)}
.btn-solid-ink{background:var(--ink);color:var(--white);border-color:var(--ink)}.btn-solid-ink:hover{background:rgba(14,29,37,.85)}
.btn-ghost-white{background:transparent;color:var(--white);border-color:rgba(255,255,255,.3)}.btn-ghost-white:hover{border-color:rgba(255,255,255,.7)}
/* NAV */
.site-header{position:fixed;top:0;left:0;right:0;z-index:90;background:rgba(246,246,243,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.nav-wrap{max-width:var(--max-w);margin:0 auto;padding:0 var(--gutter);display:flex;align-items:center;height:var(--nav-h);gap:2rem}
.nav-logo{font-family:var(--serif);font-size:1.3rem;font-weight:700;color:var(--ink);letter-spacing:.02em;white-space:nowrap;flex-shrink:0}
.nav-logo span{color:var(--orange)}
.nav-links{display:flex;align-items:center;gap:1.75rem;flex:0 1 auto;margin-right:auto;flex-wrap:nowrap;min-width:0}
.nav-links a{white-space:nowrap;flex-shrink:0}
.nav-links a{font-size:.6875rem;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-50);transition:color var(--t)}
.nav-links a:hover,.nav-links a.active{color:var(--ink)}
.nav-right{display:flex;align-items:center;gap:1.25rem;margin-left:auto;flex-shrink:0}
.lang-sw{display:flex;align-items:center;gap:.4rem;font-size:1.05rem;font-weight:500;letter-spacing:0;line-height:1}.lang-sw .lang-sep{font-size:.6rem}.lang-sw .cur{opacity:1}.lang-sw a{opacity:.55}.lang-sw a:hover{opacity:1}
.lang-sw a{color:var(--ink-50)}.lang-sw .cur{color:var(--ink);font-weight:600}.lang-sep{color:var(--ink-30);font-size:.6rem}
.nav-cta{font-size:.6rem;padding:.5rem 1rem}
.menu-btn{display:none;width:40px;height:40px;align-items:center;justify-content:center;flex-direction:column;gap:5px;flex-shrink:0}
.menu-btn span{display:block;width:20px;height:1.5px;background:var(--ink);border-radius:1px;transition:transform var(--t),opacity var(--t)}
.menu-btn[aria-expanded=true] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.menu-btn[aria-expanded=true] span:nth-child(2){opacity:0}
.menu-btn[aria-expanded=true] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.mobile-nav{display:none;position:fixed;top:var(--nav-h);left:0;right:0;background:var(--ivory);border-bottom:1px solid var(--border);padding:1.5rem var(--gutter) 2rem;z-index:89;overflow-y:auto;max-height:calc(100vh - var(--nav-h))}
.mobile-nav.open{display:block}
.mobile-nav-links{display:flex;flex-direction:column;margin-bottom:1.5rem}
.mobile-nav-links a{font-size:.9375rem;font-weight:500;color:var(--ink-70);padding:.875rem 0;border-bottom:1px solid var(--border);transition:color var(--t)}
/* PAGE HERO */
.page-hero{background:var(--ink);padding:7rem 0 5rem;padding-top:calc(var(--nav-h) + 4rem)}
.page-hero .wrap{max-width:820px}
.page-hero-tag{font-size:.6875rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--orange);margin-bottom:1rem}
.page-hero-h{font-family:var(--serif);font-size:clamp(2rem,4vw,3.2rem);font-weight:700;color:var(--white);line-height:1.12;margin-bottom:1.25rem}
.page-hero-lead{font-size:1.0625rem;color:rgba(255,255,255,.55);line-height:1.85;max-width:640px}
/* BREADCRUMB */
.breadcrumb{background:var(--white);border-bottom:1px solid var(--border)}
.breadcrumb-inner{max-width:var(--max-w);margin:0 auto;padding:.75rem var(--gutter);display:flex;align-items:center;gap:.5rem;font-size:.6875rem;color:var(--ink-50);flex-wrap:wrap}
.breadcrumb-inner a{color:var(--ink-50);transition:color var(--t)}.breadcrumb-inner a:hover{color:var(--orange)}.bc-sep{color:var(--ink-30);margin:0 .1rem}
/* CARDS */
.card-grid{display:grid;gap:1.5rem}
.card-grid-2{grid-template-columns:repeat(2,1fr)}
.card-grid-3{grid-template-columns:repeat(3,1fr)}
.card{background:var(--white);border:1px solid var(--border);padding:2rem;border-radius:var(--radius);transition:border-color var(--t),transform var(--t)}
.card:hover{border-color:rgba(240,142,65,.35);transform:translateY(-2px)}
.card-num{font-family:var(--serif);font-size:2rem;font-weight:700;color:var(--border);line-height:1;margin-bottom:.875rem}
.card-icon{width:40px;height:40px;background:var(--orange-lt);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--orange);margin-bottom:1rem}
.card-title{font-family:var(--serif);font-size:1.1rem;font-weight:700;color:var(--ink);margin-bottom:.5rem}
.card-body{font-size:.875rem;color:var(--ink-70);line-height:1.8}
.card-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.6875rem;font-weight:600;color:var(--orange);margin-top:1rem;letter-spacing:.06em;text-transform:uppercase;transition:gap var(--t)}
.card-link:hover{gap:.6rem}
/* PROCESS */
.proc-track{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:3.5rem;position:relative}
.proc-track::before{content:'';position:absolute;top:27px;left:10%;right:10%;height:1px;background:var(--border)}
.proc-step{text-align:center;padding:0 .5rem;position:relative;z-index:1}
.proc-node{width:56px;height:56px;border-radius:50%;border:1px solid var(--border);background:var(--white);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;font-family:var(--serif);font-size:1.1rem;font-weight:700;color:var(--ink-50);transition:background var(--t),border-color var(--t),color var(--t)}
.proc-node.active{background:var(--orange);border-color:var(--orange);color:var(--ink)}
.proc-title{font-size:.8125rem;font-weight:700;color:var(--ink);margin-bottom:.4rem;letter-spacing:.02em}
.proc-desc{font-size:.78rem;color:var(--ink-50);line-height:1.65}
/* COMPARISON */
.comp-row{display:flex;align-items:flex-start;gap:.875rem;padding:1rem 0;border-bottom:1px solid var(--border)}
.comp-row:last-child{border:none}
.comp-tick{width:24px;height:24px;border-radius:50%;background:var(--orange-lt);color:var(--orange);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.comp-text{font-size:.875rem;color:var(--ink-70);line-height:1.7}
.comp-text strong{color:var(--ink)}
/* GUIDE CARDS */
.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2.75rem}
.guide-card{background:var(--white);border:1px solid var(--border);padding:1.75rem;border-radius:var(--radius);display:flex;flex-direction:column;gap:.75rem;transition:border-color var(--t),transform var(--t)}
.guide-card:hover{border-color:rgba(240,142,65,.35);transform:translateY(-2px)}
.guide-tag{font-size:.625rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--orange)}
.guide-title{font-family:var(--serif);font-size:1rem;font-weight:700;color:var(--ink);line-height:1.35}
.guide-desc{font-size:.8125rem;color:var(--ink-70);line-height:1.7;flex:1}
.guide-arrow{font-size:.6875rem;font-weight:600;color:var(--orange);letter-spacing:.06em;text-transform:uppercase;margin-top:.5rem;align-self:flex-start}
/* FORM */
.field-label{display:block;font-size:.75rem;font-weight:600;color:var(--ink);margin-bottom:.4rem;letter-spacing:.02em}
.req{color:var(--orange);margin-left:.1rem}
.field-input,.field-select,.field-textarea{display:block;width:100%;padding:.75rem 1rem;border:1px solid var(--border);background:var(--ivory);border-radius:var(--radius);font-size:.875rem;color:var(--ink);transition:border-color var(--t),background var(--t)}
.field-input:focus,.field-select:focus,.field-textarea:focus{outline:none;border-color:var(--orange);background:var(--white)}
.field-input.error,.field-select.error,.field-textarea.error{border-color:#C96E20}
.field-textarea{resize:vertical;min-height:120px}
/* CTA STRIP */
.cta-strip{background:var(--orange);padding:4rem 0;text-align:center}
.cta-strip h2{font-family:var(--serif);font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;color:var(--ink);margin-bottom:.875rem}
.cta-strip p{font-size:.9375rem;color:rgba(14,29,37,.65);margin-bottom:2rem}
/* FOOTER */
.site-footer{background:var(--ink);padding:3.5rem 0 1.5rem}
.footer-grid{max-width:var(--max-w);margin:0 auto;padding:0 var(--gutter);display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--border-dk)}
.footer-logo{font-family:var(--serif);font-size:1.25rem;font-weight:700;color:var(--white);display:block;margin-bottom:.75rem}
.footer-logo span{color:var(--orange)}
.footer-tagline{font-size:.6875rem;color:rgba(255,255,255,.3);line-height:1.8;max-width:240px;margin-bottom:.875rem}
.footer-disclaimer{font-size:.5625rem;color:rgba(255,255,255,.18);line-height:1.7}
.fc-title{font-size:.5625rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:.875rem}
.fc-links{display:flex;flex-direction:column;gap:.5rem}
.fc-links a{font-size:.75rem;color:rgba(255,255,255,.32);transition:color var(--t)}
.fc-links a:hover{color:rgba(255,255,255,.8)}
.footer-bottom{max-width:var(--max-w);margin:1.25rem auto 0;padding:0 var(--gutter);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.footer-legal{font-size:.5625rem;color:rgba(255,255,255,.2)}
/* RESPONSIVE */
@media(min-width:1000px){.nav-links{gap:1.05rem}.nav-links a{font-size:.625rem;letter-spacing:.06em}.nav-right{gap:.75rem}.nav-portals{gap:.6rem}}
@media(max-width:900px){
  .nav-links,.nav-cta{display:none}
  .menu-btn{display:flex}
  .card-grid-2,.card-grid-3,.proc-track,.guide-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr;gap:1.5rem}
  .footer-grid>:first-child{grid-column:1/-1}
  .proc-track::before{display:none}
}
@media(max-width:999px){.nav-links,.nav-cta{display:none}.menu-btn{display:flex}}
@media(max-width:600px){:root{--gutter:1.25rem}.footer-grid{grid-template-columns:1fr}}