/* Product UI v17 — selected Poliçemerkezi identity; immutable asset name prevents stale browser caches. */
:root{--navy:#061d49;--blue:#086be8;--cyan:#0bc4da;--ink:#0a1d43;--muted:#63718a;--soft:#f3f7fc;--line:#dce6f2;--white:#fff;--accent:#0875ee;--shadow:0 24px 65px rgba(5,34,79,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}a{color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}
.topbar{background:#061d49;color:#fff;font-size:12px}.topbar .container{min-height:34px;display:flex;align-items:center;justify-content:space-between}.topbar span{color:#dcecff}.topbar a{text-decoration:none;font-weight:800}.nav{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);border-bottom:1px solid #e6edf6;backdrop-filter:blur(14px)}.nav-in{min-height:76px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;text-decoration:none;min-width:238px}.brand-logo{display:block;width:228px;height:auto}.nav-links{display:flex;gap:23px;margin:auto}.nav-links a{text-decoration:none;font-size:13px;font-weight:800}.nav-links a:hover,.nav-links a.active{color:var(--blue)}.nav-cta{padding:13px 19px;border-radius:9px;background:linear-gradient(135deg,#0878fa,#0751d4);color:#fff;text-decoration:none;font-size:12px;font-weight:900;box-shadow:0 9px 24px rgba(7,94,222,.23)}
.product-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 72% 12%,rgba(16,156,255,.52),transparent 28%),linear-gradient(120deg,#061b45 0%,#073d82 62%,#086bbf 100%)}.product-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(#000,transparent)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 450px;gap:64px;align-items:center;padding:58px 0 64px}.crumb{font-size:12px;color:#bcd8fb;margin-bottom:26px}.crumb a{text-decoration:none}.product-tag{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(255,255,255,.22);border-radius:99px;background:rgba(4,31,75,.55);font-size:12px;font-weight:850}.product-tag:before{content:"✓";display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:linear-gradient(135deg,var(--cyan),var(--accent))}.product-copy h1{max-width:650px;margin:18px 0 16px;font-size:49px;line-height:1.07;letter-spacing:-1.5px}.product-copy>p{max-width:650px;color:#e2edfb;font-size:17px;line-height:1.65}.hero-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.hero-benefit{min-height:94px;padding:14px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:rgba(2,28,68,.44);backdrop-filter:blur(9px)}.hero-benefit i{display:grid;place-items:center;width:30px;height:30px;margin-bottom:10px;border-radius:9px;background:rgba(255,255,255,.12);font-style:normal}.hero-benefit b{font-size:12px;line-height:1.35}.trust-note{display:flex;align-items:center;gap:9px;margin-top:22px;color:#dceaff;font-size:12px}.trust-note i{color:#61e8f4;font-style:normal}
.quote-card{position:relative;padding:27px;border-radius:22px;background:#fff;color:var(--ink);box-shadow:0 28px 75px rgba(0,16,52,.33)}.quote-card:before{content:"";position:absolute;top:-8px;left:28px;width:84px;height:8px;border-radius:10px 10px 0 0;background:linear-gradient(90deg,var(--cyan),var(--accent))}.quote-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.quote-head h2{margin:0;font-size:24px}.quote-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.quote-badge{display:grid;place-items:center;min-width:45px;height:45px;border-radius:13px;background:#eaf4ff;color:var(--accent);font-size:23px;font-weight:900}.stepper{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:21px 0}.step-tab{position:relative;padding-top:12px;border-top:3px solid #dce5f0;color:#8a96aa;font-size:10px;font-weight:850;text-align:center}.step-tab.active{border-color:var(--accent);color:var(--accent)}.step-tab.done{border-color:#17aa72;color:#128b5f}.form-step{display:none}.form-step.active{display:block}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.field{display:block}.field.full{grid-column:1/-1}.field span{display:block;margin:0 0 6px;color:#41526e;font-size:11px;font-weight:800}.field input,.field select{width:100%;height:48px;border:1px solid #d6e1ee;border-radius:9px;padding:0 12px;outline:none;background:#fff;color:#17305a}.field input:focus,.field select:focus{border-color:#65a7f5;box-shadow:0 0 0 3px #e7f2ff}.field select:disabled{background:#f2f5f9;color:#98a2b1}.form-actions{display:flex;gap:10px;margin-top:16px}.form-actions button{height:50px;border:0;border-radius:9px;font-weight:900;cursor:pointer}.next,.finish{flex:1;background:linear-gradient(135deg,#0878fa,#0751d4);color:#fff;box-shadow:0 10px 22px rgba(7,92,215,.2)}.back{width:95px;background:#edf3fa;color:#28466f}.secure{text-align:center;margin:12px 0 0;color:#69778d;font-size:10px}.summary{display:grid;gap:8px;padding:14px;border-radius:11px;background:#f3f7fc}.summary div{display:flex;justify-content:space-between;gap:20px;padding-bottom:7px;border-bottom:1px solid #e0e8f1;color:#66748a;font-size:11px}.summary div:last-child{border:0;padding:0}.summary b{color:var(--ink);text-align:right}.consent{display:flex;gap:9px;align-items:flex-start;margin-top:13px;color:#5d6b81;font-size:11px;line-height:1.45}.consent input{margin-top:2px}.success{display:none;padding:25px 8px;text-align:center}.success.show{display:block}.success-icon{display:grid;place-items:center;width:64px;height:64px;margin:auto;border-radius:50%;background:#e5f8ef;color:#0c9a5b;font-size:31px}.success h3{margin:16px 0 8px;font-size:23px}.success p{color:var(--muted);font-size:13px;line-height:1.6}
.section{padding:78px 0}.soft{background:var(--soft)}.section-head{text-align:center;max-width:760px;margin:0 auto 36px}.kicker{color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.7px;text-transform:uppercase}.section-head h2{margin:10px 0 12px;font-size:35px}.section-head p{margin:0;color:var(--muted);line-height:1.65}.coverage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.coverage{padding:24px;border:1px solid var(--line);border-radius:17px;background:#fff}.coverage i{display:grid;place-items:center;width:47px;height:47px;border-radius:14px;background:#e9f4ff;color:var(--accent);font-style:normal;font-size:22px}.coverage h3{margin:17px 0 8px;font-size:17px}.coverage p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.why-card{padding:34px;border-radius:23px;background:linear-gradient(145deg,#07255a,#0871d8);color:#fff;box-shadow:var(--shadow)}.why-card h2{margin:0 0 13px;font-size:32px}.why-card p{color:#dceaff;line-height:1.7}.numbers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.number{padding:17px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.08)}.number b{display:block;font-size:24px}.number span{font-size:11px;color:#d6e7fb}.why-list{display:grid;gap:14px}.why-item{display:flex;gap:14px;align-items:flex-start;padding:18px;border:1px solid var(--line);border-radius:15px}.why-item i{display:grid;place-items:center;flex:0 0 35px;height:35px;border-radius:10px;background:#e7f8f1;color:#0b9660;font-style:normal;font-weight:900}.why-item b{display:block;margin-bottom:5px}.why-item span{color:var(--muted);font-size:13px;line-height:1.55}.faq{max-width:860px;margin:auto}.faq details{margin-bottom:11px;padding:18px 21px;border:1px solid var(--line);border-radius:13px;background:#fff}.faq summary{cursor:pointer;font-weight:850;font-size:14px}.faq p{color:var(--muted);font-size:13px;line-height:1.65}
footer{background:#051f4b;color:#d6e3f4}.footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:38px;padding:45px 0}.footer-logo-wrap{display:inline-flex}.footer-logo{display:block;width:265px;height:auto}.foot-brand small{display:block;margin-top:12px;color:#b8c9dd;font-size:11px;font-weight:500;line-height:1.6}.foot h4{margin:0 0 12px;color:#fff;font-size:13px}.foot a,.foot p{display:block;margin:0;color:#c8d6e8;text-decoration:none;font-size:11px;line-height:1.95}.copyright{padding:14px 0;border-top:1px solid rgba(255,255,255,.12);color:#9fb3cc;font-size:10px}
@media(max-width:980px){.nav-links{display:none}.hero-grid{grid-template-columns:1fr 410px;gap:30px}.product-copy h1{font-size:41px}.hero-benefits{grid-template-columns:1fr}.hero-benefit{min-height:0}.coverage-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.container{width:calc(100% - 26px)}.topbar span:nth-child(2){display:none}.hero-grid{grid-template-columns:1fr;padding:45px 0}.product-copy h1{font-size:38px}.quote-card{padding:21px}.why-grid,.footer-grid{grid-template-columns:1fr}.why-grid{gap:25px}.footer-grid{gap:24px}.coverage-grid{grid-template-columns:1fr 1fr}.nav-cta{display:none}.field-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}
@media(max-width:480px){.brand{min-width:0}.brand-logo{width:190px}.hero-benefits,.coverage-grid{grid-template-columns:1fr}.product-copy h1{font-size:34px}.section{padding:58px 0}.section-head h2{font-size:29px}.quote-head h2{font-size:21px}}

/* v2 product storytelling: richer hero scene and a consistent line-icon system */
.hero-grid{width:min(1380px,calc(100% - 40px));grid-template-columns:minmax(410px,1fr) 320px 415px;gap:24px;padding:54px 0 62px}
.product-copy{position:relative;z-index:3}.product-copy h1{max-width:620px;font-size:48px}.product-copy>p{max-width:610px;font-size:16px}
.product-visual{position:relative;align-self:stretch;min-height:530px;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:24px;background-color:#082858;background-position:center;background-size:cover;box-shadow:0 30px 70px rgba(0,17,55,.34)}
.product-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,24,59,.02) 38%,rgba(2,22,57,.9) 100%)}.product-visual:after{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.14);border-radius:17px;pointer-events:none}
.visual-badge{position:absolute;z-index:2;left:20px;right:20px;bottom:20px;padding:14px 15px;border:1px solid rgba(255,255,255,.16);border-radius:13px;background:rgba(5,33,74,.72);backdrop-filter:blur(10px)}.visual-badge b,.visual-badge small{display:block}.visual-badge b{font-size:13px}.visual-badge small{margin-top:4px;color:#bed8f6;font-size:10px}
.hero-benefits{gap:9px;margin-top:25px}.hero-benefit{min-height:100px;padding:13px;background:rgba(2,28,68,.5)}.hero-benefit i{width:35px;height:35px;border-radius:10px;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.07));color:#89edf5}.hero-benefit i svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none}.hero-benefit b{font-size:11px}.trust-note{margin-top:19px;font-size:11px}
.coverage i{font-size:0}.coverage i svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.8;fill:none}
@media(max-width:1180px){.hero-grid{grid-template-columns:minmax(0,1fr) 410px;gap:30px}.product-visual{position:absolute;z-index:-1;left:39%;right:330px;top:30px;bottom:30px;min-height:0;opacity:.35}.product-copy h1{font-size:42px}}
@media(max-width:760px){.hero-grid{width:calc(100% - 26px);grid-template-columns:1fr}.product-visual{position:relative;z-index:1;left:auto;right:auto;top:auto;bottom:auto;min-height:340px;opacity:1;grid-row:2}.quote-card{grid-row:3}.hero-benefits{grid-template-columns:repeat(3,1fr)}.hero-benefit{min-height:100px}}
@media(max-width:480px){.hero-benefits{grid-template-columns:1fr}.hero-benefit{min-height:0;display:flex;align-items:center;gap:10px}.hero-benefit i{margin:0}.product-visual{min-height:300px}}

/* v4 premium proof rail: open typography, no dashboard-like cards */
.hero-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:32px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
.hero-benefit{display:block;min-height:0;padding:2px 22px 2px 24px;border:0;border-left:1px solid rgba(151,210,255,.35);border-radius:0;background:transparent;backdrop-filter:none}.hero-benefit:first-child{padding-left:0;border-left:0}.hero-benefit strong{display:block;margin-bottom:6px;color:#6fe5ff;font-size:29px;line-height:1;font-weight:900;letter-spacing:-1px}.hero-benefit span{display:block;min-width:0}.hero-benefit b{display:block;margin:0;color:#fff;font-size:13px;line-height:1.25;font-weight:850}.hero-benefit small{display:block;max-width:145px;margin-top:7px;color:#b9d3ef;font-size:10.5px;line-height:1.45}
.trust-note{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;margin-top:24px;padding:14px 0 0;border-top:1px solid rgba(158,210,255,.2);color:#dcecff;font-size:10.5px;font-weight:700}.trust-note span{display:inline-flex;align-items:center;gap:6px}.trust-note span::first-letter{color:#62e8ee}
@media(max-width:1180px){.hero-benefits{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-benefit{padding:2px 14px;border-left:1px solid rgba(151,210,255,.3);border-right:0;border-bottom:0}.hero-benefit:first-child{padding-left:0;border-left:0}.hero-benefit strong{font-size:25px}.hero-benefit small{font-size:9.5px}.trust-note{gap:7px 12px}}
@media(max-width:760px){.hero-benefits{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:26px}.hero-benefit{display:block;padding:2px 13px}.hero-benefit strong{font-size:24px}.hero-benefit small{display:none}.trust-note{margin-top:18px}}
@media(max-width:480px){.hero-benefits{grid-template-columns:1fr;gap:14px}.hero-benefit{display:grid;grid-template-columns:72px 1fr;align-items:start;gap:12px;padding:14px 0 0;border-left:0;border-top:1px solid rgba(151,210,255,.22)}.hero-benefit:first-child{padding-top:0;border-top:0}.hero-benefit strong{margin:0;font-size:25px}.hero-benefit small{display:block;max-width:none;margin-top:4px}.trust-note{gap:7px 13px}}

/* v14 cinematic hero — product image becomes the atmosphere, not a separate card */
.product-hero{isolation:isolate;min-height:650px;background-color:#061d49;background-repeat:no-repeat;background-size:cover;background-position:center 54%}
body[data-product="trafik"] .product-hero{background-image:url('traffic-hero-premium-v1.png')}
body[data-product="kasko"] .product-hero{background-image:url('https://images.unsplash.com/photo-1503736334956-4c8f8e92946d?auto=format&fit=crop&w=1800&q=88')}
body[data-product="saglik"] .product-hero{background-image:url('https://images.unsplash.com/photo-1576091160399-112ba8d25d1d?auto=format&fit=crop&w=1800&q=88')}
body[data-product="konut"] .product-hero{background-image:url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1800&q=88')}
body[data-product="isyeri"] .product-hero{background-image:url('https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=1800&q=88')}
body[data-product="seyahat"] .product-hero{background-image:url('https://images.unsplash.com/photo-1436491865332-7a61a109cc05?auto=format&fit=crop&w=1800&q=88')}
body[data-product="dask"] .product-hero{background-image:url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1800&q=88')}
.product-hero::before{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(90deg,rgba(3,18,48,.97) 0%,rgba(4,28,68,.88) 38%,rgba(4,40,86,.38) 65%,rgba(3,24,58,.28) 100%)}
.product-hero::after{z-index:1;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(180deg,transparent 65%,rgba(1,17,43,.42));background-size:42px 42px,42px 42px,100% 100%;mask-image:linear-gradient(#000 0 82%,transparent);pointer-events:none}
.hero-grid{width:min(1280px,calc(100% - 48px));grid-template-columns:minmax(0,1fr) 415px;gap:72px;align-items:center;padding:60px 0 66px}
.product-copy{max-width:720px;padding:8px 0;text-shadow:0 2px 18px rgba(0,13,40,.32)}.crumb{margin-bottom:22px;color:#d3e8ff}.product-tag{background:rgba(3,28,68,.58);border-color:rgba(177,221,255,.33);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(12px)}.product-copy h1{max-width:720px;margin-top:20px;font-size:52px;line-height:1.04}.product-copy>p{max-width:665px;color:#f1f7ff;font-size:17px;line-height:1.65;text-shadow:0 2px 15px rgba(0,14,43,.55)}
.hero-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:30px}
.hero-benefit,.hero-benefit:first-child{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start;min-height:126px;padding:16px 14px;border:1px solid rgba(190,224,255,.2);border-radius:16px;background:linear-gradient(145deg,rgba(7,39,82,.72),rgba(13,67,120,.42));box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 13px 30px rgba(0,17,49,.16);backdrop-filter:blur(14px)}
.hero-benefit i{display:grid;place-items:center;width:42px;height:42px;margin:0;border:1px solid rgba(120,225,255,.3);border-radius:13px;background:rgba(62,198,241,.14);color:#78e7ff;font-style:normal}.hero-benefit i svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}.hero-benefit strong{margin:1px 0 4px;color:#73e7ff;font-size:24px;letter-spacing:-.7px}.hero-benefit b{font-size:12px}.hero-benefit small{max-width:150px;margin-top:6px;color:#d1e3f6;font-size:10.5px;line-height:1.42}
.trust-note{margin-top:18px;padding-top:15px;border-color:rgba(182,221,255,.22);color:#eef7ff;font-size:11px;text-shadow:0 1px 10px rgba(0,15,45,.7)}
.quote-card{border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.96);box-shadow:0 32px 85px rgba(0,15,48,.42),inset 0 1px 0 #fff;backdrop-filter:blur(18px)}
@media(max-width:1180px){.hero-grid{grid-template-columns:minmax(0,1fr) 405px;gap:38px}.product-copy h1{font-size:44px}.hero-benefit,.hero-benefit:first-child{grid-template-columns:36px 1fr;gap:9px;padding:14px 10px}.hero-benefit i{width:36px;height:36px}.hero-benefit strong{font-size:21px}.hero-benefit small{display:none}}
@media(max-width:900px){.product-hero{background-position:62% center}.product-hero::before{background:linear-gradient(90deg,rgba(3,18,48,.96),rgba(4,30,72,.72))}.hero-grid{grid-template-columns:1fr;padding:48px 0}.product-copy{max-width:none}.quote-card{max-width:560px;width:100%;justify-self:center}.hero-benefit small{display:block}}
@media(max-width:600px){.hero-grid{width:calc(100% - 28px);gap:32px}.product-copy h1{font-size:38px}.product-copy>p{font-size:16px}.hero-benefits{grid-template-columns:1fr;gap:10px}.hero-benefit,.hero-benefit:first-child{grid-template-columns:42px 1fr;min-height:0;padding:14px;border:1px solid rgba(190,224,255,.2);border-radius:14px}.hero-benefit i{width:42px;height:42px}.hero-benefit strong{font-size:22px}.trust-note{gap:8px 14px}.quote-card{padding:21px}}
