:root{--navy:#0E1A2B;--navy2:#172a42;--navy3:#22385a;--amber:#FFB000;--amber-t:#8A5A00;--white:#fff;--grey:#F1F3F6;--line:#D6DCE5;--ink:#172033;--muted:#475366;--wa:#0E7A3E;--r:8px;--max:1120px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:Barlow,"Segoe UI",system-ui,-apple-system,Arial,sans-serif;font-size:1.125rem;line-height:1.65;color:var(--ink);background:var(--white);padding-bottom:76px}
h1,h2,h3{font-family:"Barlow Condensed","Arial Narrow",Barlow,sans-serif;font-weight:700;line-height:1.1;margin:0 0 .5em;color:var(--navy);letter-spacing:.005em}
h1{font-size:clamp(2.4rem,7.2vw,4.4rem)}h2{font-size:clamp(1.85rem,4.6vw,2.7rem)}h3{font-size:1.45rem}
p{margin:0 0 1.1em}a{color:var(--navy);text-decoration-thickness:2px;text-underline-offset:3px}a:hover{color:var(--amber-t)}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:4px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 1.25rem}
.sr{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:99;background:var(--amber);color:var(--navy);padding:.6rem 1rem;font-weight:600}
.ic{width:1.35em;height:1.35em;flex:none}
/* butonlar */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:56px;padding:.7rem 1.5rem;border-radius:var(--r);font:600 1.15rem/1.2 Barlow,sans-serif;text-decoration:none;border:2px solid transparent;cursor:pointer}
.btn-call{background:var(--amber);color:var(--navy)}.btn-call:hover{background:#ffc233;color:var(--navy)}
.btn-wa{background:var(--wa);color:#fff}.btn-wa:hover{background:#0a6533;color:#fff}
.btn-line{border-color:var(--navy);color:var(--navy);background:transparent}.btn-line:hover{background:var(--navy);color:#fff}
.on-dark .btn-line,.hero .btn-line{border-color:#fff;color:#fff}.on-dark .btn-line:hover,.hero .btn-line:hover{background:#fff;color:var(--navy)}
.btns{display:flex;flex-wrap:wrap;gap:.8rem}
/* header */
.hdr{background:var(--navy);position:sticky;top:0;z-index:50;border-bottom:3px solid var(--amber)}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:68px}
.logo{display:flex;align-items:center;gap:.65rem;text-decoration:none;color:#fff;white-space:nowrap}
.logo:hover{color:#fff}
.logo-mark{width:42px;height:42px;background:var(--amber);color:var(--navy);display:grid;place-items:center;border-radius:6px}
.logo-mark .ic{width:24px;height:24px;fill:var(--navy)}
.logo-t{font:700 1.55rem/1 "Barlow Condensed",sans-serif;display:block}.logo-s{font-size:.92rem;color:#c9d3e2;display:block;line-height:1.1}
.nav{display:none}
.nav a{color:#fff;text-decoration:none;padding:.5rem .6rem;font-weight:500;border-radius:6px;white-space:nowrap;font-size:1.02rem}
.nav a:hover,.nav a[aria-current=page]{color:var(--amber)}
.hdr-call{display:none;white-space:nowrap}
.menu-btn{background:transparent;border:2px solid #fff;color:#fff;font:600 1rem Barlow,sans-serif;padding:.55rem 1rem;border-radius:var(--r);min-height:46px;cursor:pointer}
.nav.open{display:flex;flex-direction:column;position:absolute;left:0;right:0;top:100%;background:var(--navy);padding:.5rem 1.25rem 1.25rem;border-bottom:3px solid var(--amber)}
.nav.open a{font-size:1.2rem;padding:.85rem .2rem;border-bottom:1px solid var(--navy3)}
noscript .nav{display:flex;flex-direction:column}
@media(min-width:1080px){.nav{display:flex;gap:.1rem}.menu-btn{display:none}.hdr-call{display:inline-flex;min-height:46px;padding:.4rem 1.1rem;font-size:1.05rem}}
@media(min-width:960px){body{padding-bottom:0}.dock{display:none}}
/* sabit mobil bar */
.dock{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:1fr 1fr;gap:.6rem;padding:.6rem .75rem calc(.6rem + env(safe-area-inset-bottom));background:var(--navy);border-top:3px solid var(--amber)}
.dock .btn{min-height:56px;font-size:1.2rem}
@media(min-width:960px){.dock{display:none}}
.fab{display:none}
@media(min-width:960px){.fab{display:flex;position:fixed;right:1.5rem;bottom:1.5rem;z-index:60;width:62px;height:62px;border-radius:50%;background:var(--wa);color:#fff;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.3)}.fab .ic{width:30px;height:30px}.fab:hover{background:#0a6533;color:#fff}}
/* hero */
.hero{background:var(--navy);color:#fff;position:relative;overflow:hidden;padding:2.4rem 0 3rem}
.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 79px,rgba(255,255,255,.035) 79px 80px),repeating-linear-gradient(0deg,transparent 0 79px,rgba(255,255,255,.035) 79px 80px);pointer-events:none}
.hero .wrap{position:relative;display:grid;gap:2.2rem}
.hero h1{color:#fff;margin-bottom:.4em}
.hero p.lead{font-size:1.22rem;color:#dbe3ef;max-width:34em}
.hero .btns{margin-top:1.4rem}
.hero .motto{display:inline-block;background:var(--amber);color:var(--navy);font:700 1.1rem "Barlow Condensed",sans-serif;padding:.15rem .7rem;border-radius:4px;margin-bottom:1rem;letter-spacing:.02em}
@media(min-width:900px){.hero{padding:4.2rem 0 4.6rem}.hero .wrap{grid-template-columns:1.15fr .85fr;align-items:center;gap:3rem}}
/* sigorta panosu (hero'nun akılda kalan öğesi) */
.panel{background:#0a1422;border:2px solid var(--navy3);border-radius:12px;padding:1rem;box-shadow:inset 0 0 0 6px #111f33}
.panel-h{display:flex;justify-content:space-between;align-items:center;color:#9fb0c9;font-size:.95rem;padding:.2rem .3rem .8rem}
.panel ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.brk{background:#e9edf3;border-radius:6px;padding:.55rem .55rem .6rem;color:var(--navy);display:flex;flex-direction:column;gap:.45rem;min-height:104px}
.brk .sw{height:44px;background:#2a3a52;border-radius:4px;position:relative;box-shadow:inset 0 2px 4px rgba(0,0,0,.5)}
.brk .lv{position:absolute;left:8px;right:8px;top:4px;height:18px;background:var(--amber);border-radius:3px;transition:transform .35s cubic-bezier(.3,1.4,.5,1);box-shadow:0 2px 0 #b57c00}
.brk .lb{font:600 1.02rem/1.15 Barlow,sans-serif;display:flex;gap:.3rem;align-items:flex-start}
.brk .lb .ic{width:1.05em;height:1.05em;color:#0E7A3E;margin-top:.12em}
.js .brk .lv{transform:translateY(18px);background:#7d8aa0;box-shadow:0 2px 0 #56637a}
.js .panel.live .brk .lv{transform:none;background:var(--amber);box-shadow:0 2px 0 #b57c00}
.panel.live li:nth-child(1) .lv{transition-delay:.25s}.panel.live li:nth-child(2) .lv{transition-delay:.55s}.panel.live li:nth-child(3) .lv{transition-delay:.85s}.panel.live li:nth-child(4) .lv{transition-delay:1.15s}.panel.live li:nth-child(5) .lv{transition-delay:1.45s}.panel.live li:nth-child(6) .lv{transition-delay:1.75s}
@media(prefers-reduced-motion:reduce){.js .brk .lv,.js .panel.live .brk .lv{transition:none!important;transform:none;background:var(--amber)}}
/* üç cevap bandı */
.trio{background:var(--white);border-bottom:1px solid var(--line)}
.trio .wrap{display:grid;gap:0}
.trio-i{display:flex;gap:.9rem;padding:1.3rem 0;border-bottom:1px solid var(--line)}.trio-i:last-child{border-bottom:0}
.trio-i .ic{color:var(--amber-t);width:2rem;height:2rem;margin-top:.15rem}
.trio-i b{display:block;font:700 1.35rem/1.15 "Barlow Condensed",sans-serif;color:var(--navy)}
.trio-i span{color:var(--muted);font-size:1.02rem;line-height:1.5;display:block}
.trio-i a.tel{font:700 1.7rem/1.2 "Barlow Condensed",sans-serif;text-decoration:none}
@media(min-width:860px){.trio .wrap{grid-template-columns:repeat(3,1fr);gap:2rem}.trio-i{border-bottom:0;padding:1.6rem 0}}
/* bölümler */
.sec{padding:3.6rem 0}.sec.grey{background:var(--grey)}.sec.dark{background:var(--navy);color:#e4eaf3}.sec.dark h2,.sec.dark h3{color:#fff}
.sec-h{max-width:40em;margin-bottom:2rem}.sec-h p{color:var(--muted);font-size:1.15rem}.sec.dark .sec-h p{color:#c9d3e2}
@media(min-width:860px){.sec{padding:5rem 0}}
/* hizmetler */
.svc-big{display:grid;gap:1rem;margin-bottom:1rem}
.svc-big a,.svc-sm a{text-decoration:none;color:inherit;display:block;height:100%}
.svc-big article{background:var(--navy);color:#fff;border-radius:var(--r);padding:1.6rem;border-left:8px solid var(--amber);height:100%}
.svc-big h3{color:#fff;font-size:1.9rem;display:flex;gap:.6rem;align-items:center}.svc-big .ic{color:var(--amber);width:1.5rem;height:1.5rem}
.svc-big p{color:#d3dbe8;margin:0}
.svc-sm{display:grid;gap:.9rem}
.svc-sm article{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.2rem 1.3rem;height:100%}
.svc-sm article:hover,.svc-big article:hover{border-color:var(--amber)}
.svc-sm h3{font-size:1.4rem;display:flex;gap:.5rem;align-items:center;margin-bottom:.35em}.svc-sm .ic{color:var(--amber-t)}
.svc-sm p{margin:0;font-size:1.03rem;color:var(--muted);line-height:1.55}
@media(min-width:700px){.svc-big{grid-template-columns:1fr 1fr}.svc-sm{grid-template-columns:repeat(2,1fr)}}
@media(min-width:960px){.svc-sm{grid-template-columns:repeat(3,1fr)}}
.big-small{margin-top:2rem;background:var(--amber);color:var(--navy);border-radius:var(--r);padding:1.6rem;display:grid;gap:1rem;align-items:center}
.big-small p{margin:0;font:700 1.7rem/1.2 "Barlow Condensed",sans-serif}
@media(min-width:860px){.big-small{grid-template-columns:1fr auto;padding:1.8rem 2rem}}
.big-small .btn-line{border-color:var(--navy);color:var(--navy)}.big-small .btn-line:hover{background:var(--navy);color:#fff}
/* bölgeler */
.reg-hub{background:var(--navy);color:#fff;border-radius:var(--r);padding:1.6rem;margin-bottom:1rem;border-left:8px solid var(--amber)}
.reg-hub h3{color:#fff;font-size:2rem}.reg-hub p{color:#d3dbe8}
.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.chips li{background:var(--navy2);border:1px solid var(--navy3);color:#fff;border-radius:999px;padding:.25rem .8rem;font-size:1rem}
.reg-grid{display:grid;gap:.8rem}
.reg-grid a{display:block;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1rem 1.2rem}
.reg-grid a:hover{border-color:var(--amber)}
.reg-grid b{display:block;font:700 1.4rem/1.15 "Barlow Condensed",sans-serif;color:var(--navy)}.reg-grid span{color:var(--muted);font-size:1rem}
@media(min-width:620px){.reg-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.reg-grid{grid-template-columns:repeat(4,1fr)}}
/* adımlar (gerçek bir sıra) */
.steps{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;gap:1rem}
.steps li{counter-increment:s;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.2rem 1.3rem 1.2rem 4rem;position:relative}
.steps li:before{content:counter(s);position:absolute;left:1.1rem;top:1rem;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--navy);color:var(--amber);font:700 1.3rem/2.1rem "Barlow Condensed",sans-serif;text-align:center}
.steps b{display:block;font:700 1.35rem/1.2 "Barlow Condensed",sans-serif;color:var(--navy)}.steps span{color:var(--muted)}
@media(min-width:860px){.steps{grid-template-columns:repeat(4,1fr)}}
/* blog kartları */
.posts{display:grid;gap:1rem}
.pc{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.3rem;display:flex;flex-direction:column;gap:.5rem}
.pc:hover{border-color:var(--amber)}
.pc .meta{font-size:.95rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:.3rem .9rem}
.pc .cat{background:var(--grey);color:var(--navy);font-weight:600;border-radius:4px;padding:0 .5rem}
.pc h3{font-size:1.5rem;margin:0}.pc h3 a{text-decoration:none}.pc p{margin:0;color:var(--muted);font-size:1.03rem;line-height:1.55}
.pc a.more{margin-top:auto;font-weight:600}
@media(min-width:700px){.posts{grid-template-columns:repeat(2,1fr)}}@media(min-width:1000px){.posts.three{grid-template-columns:repeat(3,1fr)}}
.feat{background:var(--navy);color:#fff;border-radius:var(--r);padding:1.8rem;margin-bottom:1.4rem;border-left:8px solid var(--amber)}
.feat h2{color:#fff;font-size:clamp(1.9rem,4vw,2.6rem)}.feat p{color:#d3dbe8}.feat .meta{color:#b7c3d6;font-size:.98rem;margin-bottom:.6rem}
.feat a.btn{margin-top:.4rem}
.tools{display:grid;gap:.8rem;margin-bottom:1.6rem}
.tools input[type=search]{width:100%;min-height:54px;font:inherit;padding:.6rem 1rem;border:2px solid var(--line);border-radius:var(--r);background:#fff}
.tools input:focus{border-color:var(--navy);outline:3px solid var(--amber)}
.filters{display:flex;flex-wrap:wrap;gap:.5rem}
.filters button{font:600 1rem Barlow,sans-serif;min-height:46px;padding:.4rem 1rem;border-radius:999px;border:2px solid var(--line);background:#fff;color:var(--navy);cursor:pointer}
.filters button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}
.empty{display:none;padding:1.2rem;background:var(--grey);border-radius:var(--r)}
/* sayfa başlığı ve makale */
.ph{background:var(--navy);color:#fff;padding:2.4rem 0 2.6rem;border-bottom:4px solid var(--amber)}
.ph h1{color:#fff;font-size:clamp(2.2rem,6vw,3.6rem);margin-bottom:.3em}.ph p{color:#d3dbe8;max-width:38em;margin:0;font-size:1.18rem}
.crumbs{font-size:.98rem;margin-bottom:.9rem;color:#b7c3d6}.crumbs a{color:#dbe3ef}.crumbs a:hover{color:var(--amber)}
.art{display:grid;gap:2rem;padding:2.5rem 0 3rem}
.art-body{max-width:44rem}.art-body h2{font-size:clamp(1.7rem,4vw,2.2rem);margin-top:1.8em;scroll-margin-top:90px}
.art-body ul,.art-body ol{padding-left:1.3rem;margin:0 0 1.2em}.art-body li{margin-bottom:.45em}
.note{background:var(--grey);border-left:6px solid var(--amber);padding:1rem 1.2rem;border-radius:0 var(--r) var(--r) 0;margin:0 0 1.2em}
.toc{background:var(--grey);border-radius:var(--r);padding:1.1rem 1.3rem;margin-bottom:1.8rem}
.toc b{font:700 1.35rem "Barlow Condensed",sans-serif;color:var(--navy)}.toc ol{margin:.5rem 0 0;padding-left:1.2rem}.toc li{margin-bottom:.25rem}
.pmeta{display:flex;flex-wrap:wrap;gap:.3rem 1.1rem;color:#c9d3e2;font-size:1rem;margin-top:.8rem}
.side{display:grid;gap:1rem;align-content:start}
.box{border:1px solid var(--line);border-radius:var(--r);padding:1.2rem}.box h3{font-size:1.4rem}
.box ul{list-style:none;margin:0;padding:0}.box li{margin-bottom:.5rem}
.cta-box{background:var(--navy);color:#fff;border-radius:var(--r);padding:1.4rem;border-left:8px solid var(--amber)}
.cta-box h3{color:#fff}.cta-box p{color:#d3dbe8}
@media(min-width:960px){.art{grid-template-columns:minmax(0,1fr) 20rem;gap:3rem}.side{position:sticky;top:96px;align-self:start}}
/* hizmet sayfası */
.svc-row{display:grid;gap:1rem;padding:2rem 0;border-bottom:1px solid var(--line);scroll-margin-top:90px}
.svc-row:last-child{border-bottom:0}
.svc-row h2{display:flex;gap:.6rem;align-items:center;font-size:clamp(1.8rem,4vw,2.4rem)}.svc-row h2 .ic{color:var(--amber-t);width:1.2em;height:1.2em}
.tick{list-style:none;margin:0 0 1rem;padding:0}.tick li{padding-left:1.9rem;position:relative;margin-bottom:.4rem}
.tick li:before{content:"";position:absolute;left:0;top:.5em;width:1rem;height:.55rem;border-left:3px solid var(--amber-t);border-bottom:3px solid var(--amber-t);transform:rotate(-45deg) scale(.9)}
@media(min-width:860px){.svc-row{grid-template-columns:1fr 1.3fr;gap:2.5rem}}
.faq details{border:1px solid var(--line);border-radius:var(--r);padding:.2rem 1.1rem;margin-bottom:.6rem;background:#fff}
.faq summary{cursor:pointer;font-weight:600;padding:.8rem 0;min-height:48px;color:var(--navy)}.faq details[open]{border-color:var(--amber)}.faq p{color:var(--muted)}
/* iletişim */
.contact{display:grid;gap:1.6rem;padding:2.5rem 0 3.5rem}
.ct{display:grid;gap:.8rem}
.ct a.row,.ct div.row{display:flex;gap:1rem;align-items:center;border:1px solid var(--line);border-radius:var(--r);padding:1rem 1.2rem;text-decoration:none;background:#fff}
.ct a.row:hover{border-color:var(--amber)}.ct .ic{color:var(--amber-t);width:1.8rem;height:1.8rem}
.ct b{display:block;font:700 1.3rem/1.15 "Barlow Condensed",sans-serif;color:var(--navy)}.ct span{color:var(--muted);font-size:1.02rem}
form.wa{display:grid;gap:1rem;background:var(--grey);padding:1.5rem;border-radius:var(--r)}
form.wa label{font-weight:600;color:var(--navy);display:block;margin-bottom:.3rem}
form.wa input,form.wa textarea,form.wa select{width:100%;font:inherit;padding:.7rem .9rem;border:2px solid var(--line);border-radius:var(--r);min-height:52px;background:#fff}
form.wa textarea{min-height:130px}
@media(min-width:900px){.contact{grid-template-columns:1fr 1fr;gap:2.5rem}}
/* footer */
.ftr{background:var(--navy);color:#cfd8e6;padding:3rem 0 1.6rem;border-top:4px solid var(--amber);font-size:1.02rem}
.ftr h3{color:#fff;font-size:1.35rem}.ftr a{color:#cfd8e6;text-decoration:none}.ftr a:hover{color:var(--amber)}
.ftr ul{list-style:none;margin:0;padding:0}.ftr li{margin-bottom:.5rem}
.ftr-g{display:grid;gap:2rem}
@media(min-width:760px){.ftr-g{grid-template-columns:1.3fr 1fr 1fr 1fr}}
.ftr-b{border-top:1px solid var(--navy3);margin-top:2rem;padding-top:1.2rem;font-size:.95rem;color:#9fb0c9}
.ftr .tel{color:var(--amber);font:700 1.6rem "Barlow Condensed",sans-serif}
.pad-top{padding-top:.5rem}
@media print{.hdr,.dock,.fab,.ftr{display:none}}