@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#244d65;--blue:#268fc1;--paper:#fffaf0}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #268fc1;outline-offset:5px}.header{max-width:1280px;margin:auto;padding:20px 45px;display:flex;align-items:center;justify-content:space-between}.header img{width:190px;height:auto;display:block;mix-blend-mode:multiply}.contact-top{font-size:13px;font-weight:700;display:flex;gap:25px;align-items:center}.contact-top span{font-size:24px}.hero{max-width:1160px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;padding:0 30px 25px;min-height:calc(100svh - 195px)}.copy{padding-block:25px}.eyebrow{letter-spacing:2.6px;font-size:10px;font-weight:800;color:#638291;margin:0 0 22px}h1{font-size:clamp(48px,5.5vw,76px);letter-spacing:-3px;line-height:1.1;margin:0 0 35px;font-weight:800}h1 span{color:var(--blue)}.primary{display:flex;align-items:center;justify-content:space-between;gap:45px;background:var(--ink);color:white;border:2px solid var(--ink);border-radius:15px;box-shadow:4px 5px 0 #bbd8df;padding:18px 23px;font-weight:800;font-size:15px;transition:transform .2s}.primary span{font-size:24px;line-height:1}.primary:hover{transform:translateY(-3px)}.hint{font-size:11px;color:#72858d;margin:13px 0 30px}.categories{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:430px}.categories button{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;background:#e6f4fa;border:1.5px solid #c2dce7;border-radius:13px;font-weight:700;text-align:left;font-size:13px;transition:transform .2s}.categories button:nth-child(2){background:#fff0cf;border-color:#ecdbb4}.categories button:nth-child(3){background:#f9e4e8;border-color:#eccbd3}.categories button:nth-child(4){background:#e5f1e7;border-color:#c8dfcd}.categories button:hover{transform:translateY(-3px);border-color:var(--ink)}.categories span{font-size:20px}.art{display:flex;align-items:center;justify-content:center}.art img{display:block;width:auto;max-width:100%;height:min(650px,calc(100svh - 195px));object-fit:contain;mix-blend-mode:multiply}footer{border-top:1px solid #dce4df;display:flex;justify-content:center;align-items:center;gap:50px;padding:24px 25px;font-size:12px;flex-wrap:wrap}footer a{display:flex;align-items:center;gap:18px}footer span{font-size:18px;color:var(--blue)}dialog{padding:35px;border:2px solid var(--ink);border-radius:24px;box-shadow:7px 8px 0 #acd6e1;background:var(--paper);color:var(--ink);width:calc(100% - 35px);max-width:570px;max-height:85svh}dialog::backdrop{background:#16354888;backdrop-filter:blur(4px)}dialog .eyebrow{margin-bottom:12px}dialog h2{font-size:30px;letter-spacing:-1px;margin:0 30px 22px 0}.close{position:absolute;top:10px;right:15px;background:none;border:none;font-size:30px;padding:5px 10px}#product-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}#product-list a{padding:15px;background:white;border:1px solid #cbdee5;border-radius:12px;font-weight:700;font-size:13px;display:flex;justify-content:space-between;gap:10px}#product-list a:hover{background:#e1f1f7}.dialog-note{font-size:11px;color:#667e88;line-height:1.7;margin:22px 0 0}@media(min-width:1500px){.hero{max-width:1250px}.art img{height:690px}}@media(max-width:800px){.header{padding:18px 25px}.hero{gap:15px;padding-inline:25px}h1{font-size:52px;letter-spacing:-2px}.primary{font-size:12px;gap:20px;padding:16px}.categories{gap:9px}.categories button{font-size:11px;padding:13px 12px}.art img{height:auto;width:100%}footer{gap:24px}.header img{width:165px}}@media(max-width:600px){.header{padding:15px 20px}.header img{width:155px}.contact-top{font-size:11px;gap:12px}.hero{grid-template-columns:1fr;padding:10px 25px 20px;gap:12px;min-height:0}.copy{text-align:center;padding:15px 0 0}.eyebrow{font-size:9px;margin-bottom:15px}h1{font-size:53px;margin-bottom:25px}.primary{margin:auto;min-width:265px;font-size:14px}.hint{margin-bottom:24px}.categories{margin:auto;max-width:400px}.categories button{font-size:12px;padding:14px}.art img{max-height:460px;width:auto;max-width:100%}footer{gap:15px 25px;padding:20px;font-size:11px}dialog{padding:28px 22px}dialog h2{font-size:25px}#product-list{grid-template-columns:1fr}#product-list a{padding:12px 14px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Canlı animasyon paleti — sigortaailesi.com */
:root{--paper:#f3fbff;--ink:#173e68;--blue:#087fc5}
body{background:radial-gradient(ellipse at 6% 30%,#fff0aa 0,transparent 38%),radial-gradient(ellipse at 97% 62%,#bef4e6 0,transparent 38%),#f3fbff}
.header{border-bottom:2px solid #c9e9f4}.contact-top{background:white;border:2px solid #c4e5f2;border-radius:16px;padding:7px 15px;box-shadow:0 4px 0 #c2deea}
h1{color:#163d68;text-shadow:2px 3px 0 white}h1 span{color:#078bd7;text-shadow:2px 3px 0 #b6e6ff}
.primary{background:#168fdf;border-color:#126ba4;border-radius:19px;box-shadow:0 6px 0 #126ba4,0 12px 20px #1675a52a;transition:transform .2s,box-shadow .2s}
.primary:hover{background:#079cd8;transform:translateY(-4px);box-shadow:0 10px 0 #126ba4,0 16px 24px #1675a530}
.primary:active{transform:translateY(3px);box-shadow:0 2px 0 #126ba4}.hint{color:#496b82}
.categories button{border:2px solid #8bcce8;background:linear-gradient(145deg,#fff,#beeaff);border-radius:20px;box-shadow:0 5px 0 #94c5da;font-weight:800;transition:transform .22s,box-shadow .22s}
.categories button:nth-child(2){background:linear-gradient(145deg,#fff8d4,#ffe28b);border-color:#e8c76b;box-shadow:0 5px 0 #d4b364}
.categories button:nth-child(3){background:linear-gradient(145deg,#fff1eb,#ffc2ae);border-color:#e9a48c;box-shadow:0 5px 0 #d8937f}
.categories button:nth-child(4){background:linear-gradient(145deg,#eafff4,#a9eccf);border-color:#7ccbaa;box-shadow:0 5px 0 #70b998}
.categories{gap:18px 14px}.categories button:hover{transform:translateY(-5px) rotate(-1deg)}.categories button:nth-child(even):hover{transform:translateY(-5px) rotate(1deg)}.categories button span{font-size:25px;color:#285b7b;transition:transform .2s}.categories button:hover span{transform:rotate(12deg)}
.art{position:relative;isolation:isolate}.art:before{content:'';position:absolute;width:85%;height:70%;border-radius:45% 55% 52% 48%;background:#d4f2ff;border:3px dashed #a0d9ef;z-index:-1;transform:rotate(-8deg)}.art img{border-radius:35px;box-shadow:0 10px 28px #2c73900e;animation:mascot-hello 6s ease-in-out infinite;transform-origin:50% 85%}
@keyframes mascot-hello{50%{transform:translateY(-7px) rotate(.7deg)}}
footer{background:#193f66;color:white;border-top:4px solid #8ad8ed}footer span{color:#ffd66b}footer a:hover{color:#c9f4ff}
dialog{background:#f5fcff;border-color:#5d9ec3;box-shadow:7px 8px 0 #8ecbdd}#product-list a{background:#e1f4ff;border:2px solid #a5d6eb;box-shadow:0 3px 0 #b0d8e7;transition:transform .2s}#product-list a:nth-child(3n+2){background:#fff1c5;border-color:#e8cd85}#product-list a:nth-child(3n){background:#d7f5e7;border-color:#a7d7bf}#product-list a:hover{transform:translateY(-3px);color:#155784}
@media(max-width:600px){.contact-top{padding:5px 10px;border-radius:12px}.categories{gap:17px 12px}.art{margin-top:10px}.art img{border-radius:25px}}
@media(prefers-reduced-motion:reduce){.art img{animation:none}.primary,.categories button,#product-list a{transition:none!important}}
.art:before{display:none}.art img{mix-blend-mode:normal}

/* Şirket unvanı ve iletişim adresi */
.company-name{max-width:440px;letter-spacing:1.2px;font-size:11px;line-height:1.8;text-transform:uppercase;color:#46677e}
footer{justify-content:space-between;gap:30px;padding:28px max(35px,calc((100vw - 1100px)/2));align-items:center}
.contact-address h2{margin:0 0 10px;font-size:22px;font-weight:800;color:#fff;letter-spacing:-.5px}.contact-address address{font-style:normal;color:#e0edf8;font-size:12px;line-height:1.9}
.contact-links{display:flex;flex-wrap:wrap;gap:20px 30px;align-items:center}.contact-links a{white-space:nowrap}
@media(max-width:800px){footer{justify-content:center;text-align:center}.contact-address{width:100%}.contact-links{justify-content:center;gap:15px 25px}}
@media(max-width:600px){.company-name{font-size:10px;letter-spacing:.8px;margin-inline:auto;max-width:310px}footer{padding:25px 20px}.contact-address h2{font-size:21px}.contact-address address{font-size:11px}.contact-links{gap:14px 22px}}

.registry{flex:0 0 100%;margin:0;text-align:right;color:#d8e9f7;font-size:11px;letter-spacing:.3px}.registry strong{color:#fff;font-weight:700}@media(max-width:600px){.registry{text-align:right;font-size:10px}}

/* Tek sıra alt bilgi */
footer{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;font-size:10px;line-height:1.6;text-align:left}footer>*{flex:0 1 auto;white-space:nowrap}footer address{font-size:10px;font-style:normal;color:#e0edf8;margin:0}.footer-company{font-weight:700;color:white}.footer-registry{font-size:10px;color:#d8e9f7}.footer-registry strong{color:white}footer a:hover{text-decoration:underline}.hero{min-height:calc(100svh - 190px)}
@media(max-width:1150px){footer{flex-wrap:wrap;justify-content:center;gap:12px 22px;padding:20px}.footer-company{flex-basis:100%;text-align:center}}
@media(max-width:600px){footer{font-size:10px;gap:12px 18px}footer address{white-space:normal;flex-basis:100%;text-align:center;font-size:10px}.footer-registry{flex-basis:100%;text-align:center}.hero{min-height:0}}

/* Sıcak ifade ve bütünleşen şeffaf maskot */
.art img{background:transparent;border-radius:0!important;box-shadow:none!important;mix-blend-mode:normal;filter:drop-shadow(0 12px 14px #98774212)}

/* Maskot altı slogan */
.art{flex-direction:column;gap:8px}.mascot-slogan{font:800 clamp(23px,2.6vw,39px)/1.15 Manrope,Arial,sans-serif;letter-spacing:-1.2px;color:#102e60;text-align:center;margin:0 0 12px;width:100%}.art img{height:min(590px,calc(100svh - 250px))}@media(max-width:800px){.art img{height:auto;width:100%;max-height:560px;object-fit:contain}.mascot-slogan{font-size:26px;letter-spacing:-.8px}}@media(max-width:600px){.art img{width:auto;max-width:100%;height:auto;max-height:460px}.mascot-slogan{font-size:clamp(23px,6.2vw,31px);margin-bottom:18px}}