:root{
  --text-xs:clamp(0.75rem,0.7rem + 0.25vw,0.875rem);
  --text-sm:clamp(0.875rem,0.8rem + 0.35vw,1rem);
  --text-base:clamp(1rem,0.95rem + 0.25vw,1.125rem);
  --text-lg:clamp(1.125rem,1rem + 0.75vw,1.5rem);
  --text-xl:clamp(1.5rem,1.2rem + 1.25vw,2.25rem);
  --text-2xl:clamp(2rem,1.2rem + 2.5vw,3.5rem);
  --text-hero:clamp(2.4rem,1rem + 4.6vw,5.2rem);
  --space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;
  --navy:#142a44;--navy-2:#1c3858;--ink:#18212c;--muted:#5b6672;--paper:#f6f3ee;--paper-2:#ece7df;--line:#ddd6cb;--accent:#f2a93b;--accent-d:#d98d1c;--white:#fff;
  --radius:10px;
  --font-d:'Bricolage Grotesque',system-ui,sans-serif;--font-b:'Plus Jakarta Sans',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:80px;-webkit-text-size-adjust:100%}
body{font-family:var(--font-b);font-size:var(--text-base);line-height:1.6;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit}
.wrap{width:min(1180px,100% - 2*var(--space-6));margin-inline:auto}
h1,h2,h3{font-family:var(--font-d);line-height:1.1;letter-spacing:-0.01em}
h2{font-size:var(--text-xl);font-weight:700;text-wrap:balance}
h3{font-size:var(--text-lg);font-weight:700}
.eyebrow{font-size:var(--text-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-3)}
.eyebrow.dark{color:var(--accent-d)}
.muted{color:var(--muted)}.muted-light{color:#c3cdd8}.small{font-size:var(--text-sm)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-weight:700;font-size:var(--text-sm);padding:var(--space-4) var(--space-6);border-radius:999px;text-decoration:none;border:2px solid transparent;cursor:pointer;font-family:inherit;transition:background .2s,color .2s,border-color .2s,transform .2s}
.btn:hover{transform:translateY(-1px)}
.btn-accent{background:var(--accent);color:var(--navy)}
.btn-accent:hover{background:#f7bb5c}
.btn-ghost{border-color:rgba(255,255,255,.55);color:#fff}
.btn-ghost:hover{background:rgba(255,255,255,.12)}
.btn-sm{padding:var(--space-2) var(--space-5)}
.btn-block{width:100%}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}

/* header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);color:var(--ink);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;gap:var(--space-8);height:76px}
.brand-logo{height:58px;width:auto}
.brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none}
.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:var(--accent);color:var(--navy);font-family:var(--font-d);font-weight:800;font-size:1.25rem}
.brand-text{font-family:var(--font-d);font-weight:600;letter-spacing:.06em;font-size:var(--text-sm)}
.brand-text b{color:var(--accent);font-weight:800}
.nav{display:flex;gap:var(--space-6);margin-left:auto}
.nav a{text-decoration:none;font-size:var(--text-sm);font-weight:600;color:var(--navy-2)}
.nav a:hover{color:var(--accent-d)}
.menu-btn{display:none;background:none;border:0;width:40px;height:40px;cursor:pointer;flex-direction:column;justify-content:center;gap:6px;align-items:center}
.menu-btn span{display:block;width:22px;height:2px;background:var(--navy)}

/* hero */
.hero{position:relative;min-height:min(86vh,760px);display:flex;align-items:flex-end;color:#fff;overflow:hidden}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,30,50,.92) 0%,rgba(14,30,50,.72) 45%,rgba(14,30,50,.25) 100%),linear-gradient(0deg,rgba(14,30,50,.6),transparent 50%)}
.hero-content{position:relative;padding-block:var(--space-24) var(--space-20)}
.hero h1{font-size:var(--text-hero);font-weight:800;max-width:15ch;margin-bottom:var(--space-6)}
.hero h1 span{color:var(--accent)}
.hero-lead{max-width:56ch;color:#dbe3ec;font-size:var(--text-base);margin-bottom:var(--space-8)}
.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}

/* strip */
.strip{background:var(--navy-2);color:#fff;border-top:1px solid rgba(255,255,255,.08)}
.strip-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.strip-grid div{padding:var(--space-6) var(--space-6) var(--space-6) 0;display:flex;flex-direction:column;gap:var(--space-1)}
.strip-grid div+div{border-left:1px solid rgba(255,255,255,.12);padding-left:var(--space-6)}
.strip strong{font-family:var(--font-d);font-size:var(--text-base)}
.strip span{font-size:var(--text-sm);color:#b9c5d2}

/* sections */
.section{padding-block:clamp(var(--space-16),9vw,var(--space-24))}
.section-head{max-width:640px;margin-bottom:var(--space-12)}
.section-head h2{margin-bottom:var(--space-4)}
.section-dark{background:var(--navy);color:#fff}

.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}
.feature{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}
.feature img{aspect-ratio:4/3;object-fit:cover;width:100%}
.feature-body{padding:var(--space-6)}
.feature h3{margin-bottom:var(--space-2)}
.feature p{color:var(--muted);font-size:var(--text-sm)}
.more-list{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-10)}
.more-list li{font-size:var(--text-sm);font-weight:600;padding:var(--space-2) var(--space-4);border:1px solid var(--line);border-radius:999px;background:var(--paper-2)}
.more-list li:last-child{background:var(--navy);color:#fff;border-color:var(--navy)}

.split{display:grid;grid-template-columns:1fr 1.1fr;gap:var(--space-16);align-items:start}
.split h2{margin-bottom:var(--space-4)}
.audience{display:grid;gap:var(--space-4)}
.aud-card{padding:var(--space-8);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);background:rgba(255,255,255,.04)}
.aud-card h3{color:var(--accent);margin-bottom:var(--space-2)}
.aud-card p{color:#cdd6e0;font-size:var(--text-sm)}

.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);counter-reset:s}
.steps li{border-top:3px solid var(--navy);padding-top:var(--space-6)}
.step-no{font-family:var(--font-d);font-weight:800;font-size:var(--text-2xl);color:var(--accent-d);line-height:1;display:block;margin-bottom:var(--space-4)}
.steps h3{margin-bottom:var(--space-2)}
.steps p{color:var(--muted);font-size:var(--text-sm)}

.banner{position:relative;height:clamp(240px,40vw,460px);overflow:hidden}
.banner img{width:100%;height:100%;object-fit:cover}
.banner::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,30,50,.75),transparent 60%)}
.banner-text{position:absolute;left:0;right:0;bottom:var(--space-8);z-index:1}
.banner-text p{font-family:var(--font-d);font-weight:700;font-size:var(--text-xl);color:#fff;max-width:20ch}

.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:start}
.contact-info h2{margin-bottom:var(--space-8)}
.contact-list{list-style:none;display:grid;gap:var(--space-5);margin-bottom:var(--space-10)}
.contact-list li{display:grid;grid-template-columns:110px 1fr;gap:var(--space-1) var(--space-4);align-items:baseline}
.contact-list span{font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);grid-row:span 2}
.contact-list a{font-weight:600;text-decoration:none;font-size:var(--text-base)}
.contact-list a:hover{color:var(--accent-d)}
.contact-list address{font-style:normal;font-weight:600}
.legal{padding:var(--space-6);background:var(--paper-2);border-radius:var(--radius)}
.legal h3{font-size:var(--text-base);margin-bottom:var(--space-4)}
.legal dl{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2) var(--space-6);font-size:var(--text-sm)}
.legal dt{color:var(--muted)}
.legal dd{font-weight:600}

.quote{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-8);display:grid;gap:var(--space-4);box-shadow:0 20px 40px -24px rgba(20,42,68,.25)}
.quote h3{font-size:var(--text-lg)}
.quote label{display:grid;gap:var(--space-1);font-size:var(--text-sm);font-weight:600}
.quote input,.quote select,.quote textarea{font:inherit;font-weight:400;font-size:var(--text-base);padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);width:100%}
.quote textarea{resize:vertical}
.quote input:focus,.quote select:focus,.quote textarea:focus{outline:2px solid var(--accent);border-color:var(--accent)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}
.form-msg{font-size:var(--text-sm);min-height:0}
.form-msg.err{color:#b3261e}.form-msg.ok{color:#1d6b3a}

.site-footer{background:var(--navy);color:#a9b6c4;font-size:var(--text-xs)}
.footer-inner{display:flex;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding-block:var(--space-8)}

.wa-float{position:fixed;right:var(--space-5);bottom:var(--space-5);width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.25);z-index:60}

@media (max-width:900px){
  .nav{position:absolute;top:76px;left:0;right:0;flex-direction:column;gap:0;background:#fff;border-bottom:1px solid var(--line);padding:var(--space-2) var(--space-6) var(--space-6);display:none}
  .nav.open{display:flex}
  .nav a{padding:var(--space-3) 0;border-bottom:1px solid var(--line);font-size:var(--text-base)}
  .menu-btn{display:flex}
  .header-cta{margin-left:auto}
  .feature-grid,.steps{grid-template-columns:1fr}
  .split,.contact-grid{grid-template-columns:1fr;gap:var(--space-10)}
  .strip-grid{grid-template-columns:1fr}
  .strip-grid div,.strip-grid div+div{padding:var(--space-4) 0;border-left:0}
  .strip-grid div+div{border-top:1px solid rgba(255,255,255,.12)}
}
@media (max-width:520px){
  .header-cta{display:none}
  .brand-logo{height:44px}
  .menu-btn{margin-left:auto}
  .row2{grid-template-columns:1fr}
  .contact-list li{grid-template-columns:1fr}
  .contact-list span{grid-row:auto}
  .legal dl{grid-template-columns:1fr;gap:0}
  .legal dd{margin-bottom:var(--space-3)}
  .quote{padding:var(--space-6)}
  .hero-actions .btn{flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* SEO bölümleri */
.more-link{display:inline-block;margin-top:var(--space-4);font-size:var(--text-sm);font-weight:700;color:var(--navy);text-decoration:none;border-bottom:2px solid var(--accent)}
.more-link:hover{color:var(--accent-d)}
.more-link.light{color:#fff}
.section-alt{background:var(--paper-2)}
.split-light{display:grid;grid-template-columns:1fr 1.1fr;gap:var(--space-16);align-items:center}
.split-light h2{margin-bottom:var(--space-4)}
.area-list{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}
.area-list li{background:#fff;border:1px solid var(--line);border-radius:8px;padding:var(--space-3) var(--space-4);font-weight:600;font-size:var(--text-sm)}
.area-list li:first-child{background:var(--navy);color:#fff;border-color:var(--navy)}
.faq-wrap{max-width:860px}
.faq{display:grid;gap:var(--space-3)}
.faq details{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-4) var(--space-6)}
.faq summary{cursor:pointer;font-weight:700;font-size:var(--text-base);list-style:none;display:flex;justify-content:space-between;gap:var(--space-4)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--font-d);font-size:1.4rem;line-height:1;color:var(--accent-d)}
.faq details[open] summary::after{content:"–"}
.faq details p{margin-top:var(--space-3);color:var(--muted);font-size:var(--text-sm)}

.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:var(--space-10);padding-block:var(--space-12) var(--space-8);font-size:var(--text-sm);line-height:1.7}
.footer-grid a{color:#dbe3ec;text-decoration:none}
.footer-grid a:hover{color:var(--accent)}
.footer-grid ul{list-style:none;display:grid;gap:var(--space-1)}
.footer-grid p+p{margin-top:var(--space-3)}
.f-title{font-family:var(--font-d);font-weight:700;color:#fff;font-size:var(--text-base);margin-bottom:var(--space-3)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-block:var(--space-5)}

/* alt sayfalar */
.page-hero{position:relative;min-height:min(62vh,560px);display:flex;align-items:flex-end;color:#fff;overflow:hidden}
.page-hero-content{position:relative;padding-block:var(--space-20) var(--space-16)}
.page-hero h1{font-size:var(--text-2xl);font-weight:800;max-width:20ch;margin-bottom:var(--space-5)}
.crumbs{font-size:var(--text-xs);color:#c3cdd8;margin-bottom:var(--space-4)}
.crumbs a{color:var(--accent);text-decoration:none}
.g-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}
.g-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-6);border-left:4px solid var(--accent)}
.g-card h3{margin-bottom:var(--space-2)}
.g-card p{color:var(--muted);font-size:var(--text-sm)}
.prose{max-width:70ch;margin-top:var(--space-12);display:grid;gap:var(--space-4)}
.cta-box{margin-top:var(--space-12);background:var(--navy);color:#fff;border-radius:var(--radius);padding:var(--space-10);display:flex;justify-content:space-between;align-items:center;gap:var(--space-8);flex-wrap:wrap}
.cta-box h2{margin-bottom:var(--space-2)}
.cta-box p{color:#c3cdd8}
.cta-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}
.btn-line{border-color:rgba(255,255,255,.5);color:#fff}
.btn-line:hover{background:rgba(255,255,255,.1)}
.related{margin-top:var(--space-12)}
.related ul{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-3)}
.related a{display:inline-block;padding:var(--space-2) var(--space-4);border:1px solid var(--line);border-radius:999px;background:var(--paper-2);text-decoration:none;font-weight:600;font-size:var(--text-sm)}
.related a:hover{border-color:var(--accent-d)}

@media (max-width:1060px){.nav{gap:var(--space-4)}}
@media (max-width:900px){
  .split-light{grid-template-columns:1fr;gap:var(--space-8)}
  .footer-grid{grid-template-columns:1fr;gap:var(--space-8)}
  .g-grid{grid-template-columns:1fr}
  .cta-box{padding:var(--space-8) var(--space-6)}
}
@media (max-width:520px){.area-list{grid-template-columns:repeat(2,1fr)}.cta-actions .btn{flex:1 1 100%}}