/* ============================================================
   AYER SIGORTA | PREMIUM TASARIM KATMANI (v4)
   ============================================================
   Ana renkler, logo, form alanları, yönlendirmeler ve sayfa
   iskeleti korunur. İstersen bu dosyayı silerek eski görünüme
   anında dönebilirsin. Değiştirilebilir renkler ilk satırlarda.
*/
:root {
  --ayer-midnight:#07265b;
  --ayer-royal:#0a59ba;
  --ayer-ice:#edf7ff;
  --ayer-ring:rgba(37,128,233,.17);
  --ayer-elevation:0 16px 42px rgba(14,60,117,.075), 0 3px 10px rgba(14,60,117,.035);
  --ayer-elevation-hover:0 24px 52px rgba(14,72,148,.145),0 6px 15px rgba(14,72,148,.06);
}
html{scroll-padding-top:95px}
body {
  background:
    radial-gradient(ellipse 800px 680px at 9% 12%,rgba(197,228,255,.34),transparent 73%),
    radial-gradient(ellipse 700px 600px at 95% 36%,rgba(218,237,255,.46),transparent 75%),
    linear-gradient(180deg,#fafdff 0%,#eef6ff 47%,#f9fcff 100%);
  font-feature-settings:'ss01' on;
  -webkit-font-smoothing:antialiased;
}
::selection{background:#b7ddff;color:#092e63}
:focus-visible{outline:3px solid #65b3ff;outline-offset:3px}
a,button{-webkit-tap-highlight-color:transparent}

/* Brand and navigation: original image asset remains 100% unchanged. */
.topline{background:linear-gradient(110deg,#061e4b,#082f69 67%,#0c3c7e);position:relative}
.topline:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:rgba(255,255,255,.12)}
.topline strong{letter-spacing:.065em}
header{padding:22px 0 16px}
.head{gap:20px}
.brand-copy b{font-weight:850;letter-spacing:.14em;color:#103c75}
.brand-copy span{color:#67809e;line-height:1.55}
.head-actions .btn{min-height:44px;border-radius:12px}
.head-actions .btn-outline{box-shadow:0 4px 13px rgba(14,65,125,.04)}
.btn{transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}
.btn-green{background:linear-gradient(120deg,#00a66c,#13b77d);box-shadow:0 9px 21px rgba(12,166,109,.19)}
.btn-green:hover{box-shadow:0 13px 27px rgba(12,166,109,.25)}
.site-nav{position:sticky;top:9px;z-index:80;gap:5px;margin-bottom:23px;padding:8px;
  background:rgba(255,255,255,.91);border:1px solid rgba(212,229,248,.98);
  box-shadow:0 11px 34px rgba(11,61,125,.075),inset 0 1px rgba(255,255,255,.98);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:16px}
.site-nav a{border-radius:10px;font-weight:780;padding:11px 15px;letter-spacing:-.01em}
.site-nav a[aria-current="page"]{background:linear-gradient(115deg,#0757ba,#187de2);box-shadow:0 5px 14px rgba(7,87,187,.20)}
.site-nav a:hover{background:#edf6ff}

/* Hero retains the signature AYER blue gradient and existing three icon cards. */
.hero,.page-hero{isolation:isolate;
  background:linear-gradient(115deg,#082e69 0%,#0b54b0 52%,#2088ea 100%);
  border:1px solid rgba(255,255,255,.20);
  box-shadow:0 27px 62px rgba(8,66,139,.21), inset 0 1px 0 rgba(255,255,255,.21)}
.hero{padding:49px 52px 47px;min-height:332px;margin:9px 0 34px;border-radius:29px}
.hero:before{border-color:rgba(255,255,255,.14);box-shadow:0 0 0 52px rgba(255,255,255,.028),0 0 0 106px rgba(255,255,255,.022)}
.hero:after{width:410px;height:410px;right:-120px;bottom:-280px;
  background:radial-gradient(circle,rgba(128,202,255,.29),rgba(128,202,255,0) 69%);
  border-radius:50%;pointer-events:none}
.hero-mesh,.page-hero:after{pointer-events:none;position:absolute;inset:0;z-index:0;border-radius:inherit;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:48px 48px;mask-image:linear-gradient(90deg,transparent 32%,rgba(0,0,0,.35) 67%,rgba(0,0,0,.78));
  -webkit-mask-image:linear-gradient(90deg,transparent 32%,rgba(0,0,0,.35) 67%,rgba(0,0,0,.78))}
.hero-content{z-index:2;max-width:705px}
.eyebrow{display:inline-flex;width:max-content;max-width:100%;padding:8px 12px;border-radius:999px;
  border:1px solid rgba(177,220,255,.31);background:rgba(255,255,255,.075);color:#c3e3ff;font-size:10px;letter-spacing:.13em}
.eyebrow:before{width:17px;height:2px;background:#79d6ff}
.hero h1{font-size:clamp(34px,4.3vw,54px);line-height:1.075;letter-spacing:-.051em;margin:20px 0 15px}
.hero h1 span{color:#b9e3ff;text-shadow:0 1px 18px rgba(114,207,255,.17)}
.hero p{max-width:545px;color:#e1efff;line-height:1.75;font-size:15px}
.hero-chips{margin-top:19px;gap:8px}
.chip{padding:8px 13px;border-color:rgba(205,233,255,.26);background:rgba(255,255,255,.09);font-size:11px}
.hero-cta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:23px}
.hero-btn{display:inline-flex;justify-content:center;align-items:center;gap:11px;min-height:47px;padding:12px 20px;
  border-radius:12px;font-weight:850;font-size:13px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.hero-btn:hover{transform:translateY(-2px)}
.hero-btn-primary{background:#fff;color:#0b56a8;box-shadow:0 11px 26px rgba(0,22,65,.18)}
.hero-btn-primary:hover{box-shadow:0 15px 30px rgba(0,22,65,.26)}
.hero-btn-secondary{border:1px solid rgba(207,233,255,.4);color:#eff8ff;background:rgba(255,255,255,.08)}
.hero-btn-secondary:hover{background:rgba(255,255,255,.15)}
.hero-art{right:45px;top:53%;filter:drop-shadow(0 16px 26px rgba(0,23,76,.14))}
.art-card{box-shadow:0 18px 40px rgba(0,20,66,.23),inset 0 1px 0 #fff;border-color:rgba(255,255,255,.92)}
.art-car{animation:ayer-float-one 5.6s ease-in-out infinite}
.art-home{animation:ayer-float-two 6.1s ease-in-out infinite}
.art-shield{animation:ayer-float-one 6.7s ease-in-out infinite reverse}
@keyframes ayer-float-one{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes ayer-float-two{0%,100%{translate:0 0}50%{translate:0 8px}}

/* Headings and product choices. */
.section-head{margin-bottom:18px}
.section-head h2{font-size:25px;letter-spacing:-.04em;line-height:1.2}
.section-head h2:after{content:"";display:block;width:38px;height:3px;margin-top:12px;border-radius:4px;background:linear-gradient(90deg,#0b65cf,#6dbdff)}
.section-head p{font-size:13px;line-height:1.6;margin-top:9px}
.step{background:linear-gradient(115deg,#e7f3ff,#d7eaff);border:1px solid #d5e9fe;color:#135aab;letter-spacing:.025em}
.products{gap:13px;margin-bottom:24px}
.product{min-height:151px;border-radius:20px;padding:19px 15px;
  background:linear-gradient(170deg,#fff,#f9fcff);border-color:#deebf9;box-shadow:var(--ayer-elevation);
  overflow:hidden;isolation:isolate}
.product:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#137bdd,#8dd0ff);opacity:0;transition:opacity .2s}
.product:hover{border-color:#a9cdf3;box-shadow:var(--ayer-elevation-hover);transform:translateY(-4px)}
.product:hover:before,.product.active:before{opacity:1}
.product.active{background:linear-gradient(145deg,#fff,#eef6ff);box-shadow:0 14px 32px rgba(9,95,196,.13)}
.product-icon{width:46px;height:46px;border-radius:15px;background:linear-gradient(140deg,#e9f6ff,#d6ebff);
  box-shadow:inset 0 1px 0 #fff,0 6px 15px rgba(12,102,205,.10)}
.product b{font-size:14px;margin-top:2px}
.product small{font-size:11px;line-height:1.5;margin-top:5px}

/* Quote form: subtly elevated, stronger hierarchy, easier input scanning. */
.form-layout{gap:20px;scroll-margin-top:92px}
.form-card,.side-card{box-shadow:var(--ayer-elevation);border-color:#d9e8f8}
.form-card{position:relative;overflow:hidden;padding:32px 33px;border-radius:24px;
  background:linear-gradient(158deg,#fff 0%,#fff 76%,#fafdff 100%)}
.form-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#0755b4,#3298f5 61%,#b0e5ff)}
.form-title{margin-bottom:24px;padding-bottom:20px}
.form-title h2{font-size:23px;letter-spacing:-.035em}
.form-title p{font-size:12px;line-height:1.6;margin-top:7px}
.field{gap:8px}.field label,.group-label{font-size:12px;letter-spacing:.005em}
.field input,.field textarea,.field select{background:#fbfdff;min-height:48px;border-color:#d6e5f5;border-radius:12px;padding:13px 15px}
.field input:hover,.field textarea:hover,.field select:hover{border-color:#b5d4f5}
.field input:focus,.field textarea:focus,.field select:focus{border-color:#3e94ed;box-shadow:0 0 0 4px rgba(30,126,231,.13)}
.privacy{background:#f4f9ff;border:1px solid #dfecfb;border-radius:13px;padding:15px}
.actions .submit{background:linear-gradient(115deg,#0754b4,#248eeb);min-height:47px;box-shadow:0 12px 24px rgba(7,87,187,.17)}
.actions .reset{min-height:47px}
.side{gap:14px}
.side-card{border-radius:20px;padding:22px;transition:transform .22s ease,box-shadow .22s ease}
.side-card:hover{transform:translateY(-3px);box-shadow:var(--ayer-elevation-hover)}
.side-icon{width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#e8f5ff,#d7eaff)}
.side-card h3{font-size:14px}.side-card p{font-size:12px;line-height:1.7}
.side-card.accent{background:linear-gradient(145deg,#092c6d,#0c63c8);box-shadow:0 15px 34px rgba(8,64,134,.19)}
.side-card.accent .wa-link{transition:transform .2s,background .2s}
.side-card.accent .wa-link:hover{background:#10b77b;transform:translateY(-1px)}

/* Proof-of-care strip: labels remain unchanged; only presentation improves. */
.trust{gap:13px;margin:29px 0 34px}
.trust-item{padding:19px 15px;border-radius:17px;background:linear-gradient(145deg,#fff,#f9fcff);
  border:1px solid #dbeaf9;box-shadow:0 7px 20px rgba(16,71,139,.035)}
.trust-item span{height:40px;width:40px;border-radius:13px;background:#e7f3ff;font-size:17px}
.trust-item b{font-size:12px;color:#153e72}.trust-item small{font-size:10px;line-height:1.55;margin-top:5px}

/* SEO guides and topic cards. */
.service-overview,.home-faq{margin:36px 0}
.service-overview-grid{gap:13px}
.service-overview-card{min-height:86px;border-radius:18px;padding:18px;
  border-color:#dbe9f8;box-shadow:var(--ayer-elevation);background:linear-gradient(145deg,#fff,#fbfdff)}
.service-overview-card:hover{box-shadow:var(--ayer-elevation-hover);transform:translateY(-4px)}
.service-overview-icon{width:47px;height:47px;border-radius:14px;
  background:linear-gradient(135deg,#e7f4ff,#d8ecff);box-shadow:inset 0 1px #fff;color:#0a61b8}
.service-overview-card strong{font-size:14px}.service-overview-card small{font-size:11px}
.service-overview-arrow{font-size:20px}
.partners{padding:36px 31px 30px;border-radius:25px;margin:36px 0;
  background:linear-gradient(145deg,#f9fcff 0%,#eaf4ff 61%,#f8fcff 100%);
  border-color:#d7e8f9;box-shadow:var(--ayer-elevation)}
.partners-head{margin-bottom:23px}.partners h2{font-size:clamp(23px,2.8vw,31px)}
.partner-card{border-radius:17px;box-shadow:0 8px 23px rgba(17,74,139,.04);
  background:rgba(255,255,255,.96);border-color:rgba(207,225,244,.96)}
.partners-arrow{border-radius:13px;background:#fff}
.partners-arrow:hover{background:#e1efff}
.home-faq{padding:30px 34px;border-radius:24px;border-color:#d4e7fa;
  box-shadow:var(--ayer-elevation);background:linear-gradient(145deg,#f9fcff,#edf6ff)}
.faq-list{gap:11px}.faq-item{border-radius:15px;border-color:#e0ebf8;
  box-shadow:0 5px 16px rgba(20,75,139,.035);transition:border-color .18s ease,box-shadow .18s ease}
.faq-item[open]{border-color:#a9d2f9;box-shadow:0 8px 22px rgba(14,93,175,.08)}
.faq-item summary{font-size:13px;padding:18px 19px}
.faq-plus{width:28px;height:28px;border-radius:9px}
.faq-answer{padding:0 20px 20px}.faq-answer p{font-size:13px;line-height:1.85}

/* Informational pages: consistent premium surface. */
.page-hero{padding:54px 53px 50px;border-radius:29px;margin:9px 0 27px}
.page-hero:after{content:""}
.page-hero .kicker{display:inline-flex;align-items:center;padding:8px 12px;border:1px solid rgba(183,219,253,.3);
  background:rgba(255,255,255,.075);border-radius:999px;color:#c9e7ff;font-size:10px}
.page-hero h1{font-size:clamp(32px,4.1vw,48px);letter-spacing:-.045em;line-height:1.1;margin:19px 0 13px}
.page-hero p{font-size:15px;line-height:1.8}
.page-grid{gap:18px;margin-bottom:24px}
.page-card,.feature-card,.contact-card{position:relative;
  border:1px solid #dbe9f8;background:linear-gradient(162deg,#fff,#fff 77%,#fcfdff);
  box-shadow:var(--ayer-elevation);border-radius:23px}
.page-card{padding:31px 32px}.page-card h2{font-size:24px;line-height:1.24}
.page-card h3{font-size:16px}.page-card p{font-size:13px;line-height:1.9}
.feature-card{padding:26px 25px;border-radius:21px;transition:transform .2s ease,box-shadow .2s ease}
.feature-card:hover{transform:translateY(-3px);box-shadow:var(--ayer-elevation-hover)}
.feature-symbol{height:47px;width:47px;border-radius:14px;background:linear-gradient(145deg,#e7f4ff,#d9ecff)}
.feature-card h3{font-size:16px}.feature-card p{font-size:13px;line-height:1.8}
.page-section-heading{font-size:25px;letter-spacing:-.04em;margin:33px 0 17px}
.page-cta{border-radius:22px;padding:26px 30px;background:linear-gradient(125deg,#e9f5ff,#e0efff);box-shadow:0 9px 25px rgba(10,82,169,.055)}
.page-cta h2{font-size:20px}.page-cta p{font-size:13px}
.article-row{border-radius:18px;padding:23px 25px;box-shadow:0 6px 18px rgba(14,74,139,.03)}
.article-num{width:38px;height:38px;font-size:13px}.article-row h3{font-size:15px}.article-row p{font-size:13px;line-height:1.8}
.topic{border-radius:17px;padding:21px 23px;box-shadow:0 6px 17px rgba(14,74,139,.03)}
.related-products{border-radius:19px;padding:24px 25px;box-shadow:var(--ayer-elevation)}
.legal-body{gap:17px}.legal-body .page-card{padding:30px 33px}

/* Footer: same navy, restrained radial blue highlights. */
footer{position:relative;overflow:hidden;margin-top:43px;padding:37px 0 22px;
  background:radial-gradient(ellipse 430px 280px at 92% 4%,rgba(23,108,207,.32),transparent 75%),
  linear-gradient(130deg,#071e48,#092e67 52%,#082b62)}
footer:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#0c58b6,#63b8f8 44%,#0d58bc)}
.foot{gap:28px;min-height:58px}
.foot-brand img{background:#fff;border-radius:11px;padding:4px}
.foot-brand b{font-size:14px}.foot-brand small{display:block;margin-top:5px;font-size:11px}
.foot-links{gap:11px 20px}.foot-links a{font-size:12px;color:#d9edff;text-underline-offset:4px}
.foot-links a:hover,.footer-legal a:hover{color:white;text-decoration:underline}
.footer-legal{font-size:11px;padding-top:19px;margin-top:24px}
.copyright{padding-top:18px;font-size:10px}

@media(max-width:980px){
 .hero{padding:43px 40px}.hero-art{right:7px;opacity:.60;transform:translateY(-50%) scale(.80)}
 .hero-content{max-width:600px}
 .products{gap:10px}.product{min-height:140px}
 .page-hero{padding:46px 39px}
 .site-nav a{padding:10px 12px;font-size:11px}
}
@media(max-width:650px){
 html{scroll-padding-top:17px}
 .wrap{width:min(100% - 28px,540px)}
 header{padding:13px 0 15px}
 .head{gap:10px}
 .brand-copy{padding-left:8px}
 .brand-copy b{font-size:9px}.brand-copy span{font-size:9px}
 .head-actions .btn{min-height:38px}
 .site-nav{position:relative;top:auto;margin:0 auto 18px;border-radius:12px;padding:6px;
   backdrop-filter:none;-webkit-backdrop-filter:none}
 .site-nav a{padding:9px 12px;font-size:11px}
 .hero{padding:30px 22px 32px;min-height:0;border-radius:23px;margin:8px 0 27px}
 .hero-mesh{opacity:.55}
 .hero-art{right:-50px;top:33%;transform:translateY(-50%) scale(.56);opacity:.22}
 .hero-content{max-width:none}
 .eyebrow{font-size:9px;padding:7px 10px}
 .hero h1{font-size:clamp(32px,8.5vw,40px);letter-spacing:-.05em;margin:17px 0 12px;max-width:440px}
 .hero p{font-size:13px;line-height:1.75;max-width:100%}
 .hero-chips{gap:7px;margin-top:16px}.chip{padding:7px 9px;font-size:9px}
 .hero-cta{gap:8px;margin-top:19px}.hero-btn{min-height:44px;padding:11px 13px;font-size:11px;gap:7px}
 .hero-btn-primary{flex:1}.hero-btn-secondary{flex:1}
 .section-head{gap:8px;margin-bottom:15px}.section-head h2{font-size:22px}
 .section-head h2:after{width:32px;height:3px;margin-top:9px}
 .section-head p{font-size:12px;margin-top:7px}
 .step{font-size:10px}
 .products{gap:10px;margin-bottom:20px}
 .product{padding:15px 13px;min-height:135px;border-radius:17px}
 .product.active{padding:14px 12px}.product-icon{width:39px;height:39px;border-radius:12px;margin-bottom:9px}
 .product b{font-size:13px}.product small{font-size:10px}
 .form-card{padding:24px 18px;border-radius:19px}.form-title{margin-bottom:18px;padding-bottom:17px}
 .form-title h2{font-size:20px}.field input,.field textarea,.field select{padding:12px 13px}
 .side-card{padding:17px;border-radius:18px}.side-icon{width:42px;height:42px}
 .side-card h3{font-size:13px}.side-card p{font-size:11px}
 .trust{gap:9px;margin:25px 0 27px}.trust-item{padding:13px 11px;border-radius:15px}
 .trust-item span{width:35px;height:35px;border-radius:11px}.trust-item b{font-size:10px}.trust-item small{font-size:9px}
 .service-overview,.home-faq{margin:27px 0}
 .service-overview-card{padding:14px;min-height:74px}
 .partners{padding:24px 14px;border-radius:21px;margin:26px 0}
 .partners-head{margin-bottom:18px}.partners h2{font-size:23px}
 .home-faq{padding:23px 15px;border-radius:20px}.faq-item summary{padding:15px 13px;font-size:12px}
 .faq-answer{padding:0 14px 15px}.faq-answer p{font-size:12px}
 .page-hero{padding:33px 23px 32px;border-radius:22px;margin:8px 0 21px}
 .page-hero h1{font-size:34px}.page-hero p{font-size:13px}
 .page-card{padding:23px 20px;border-radius:18px}.page-card h2{font-size:21px}.page-card p{font-size:13px}
 .feature-card{padding:21px 19px;border-radius:18px}
 .page-section-heading{font-size:22px}
 .page-cta{padding:21px 20px;border-radius:18px}
 .article-row{padding:19px 17px}.topic{padding:17px}
 .legal-body .page-card{padding:23px 20px}
 footer{padding:29px 0 22px;margin-top:32px}.foot{gap:18px}
 .foot-links{gap:11px 15px}.foot-links a{font-size:11px}
 .mobile-quote-bar{box-shadow:0 -13px 32px rgba(8,48,108,.13)}
 .mobile-quote-link{border-radius:13px;background:linear-gradient(115deg,#0755b4,#2389e7);box-shadow:0 8px 20px rgba(7,87,187,.22)}
}
@media(max-width:380px){
 .hero-cta{flex-direction:column;align-items:stretch}.hero-btn{width:100%}
 .hero h1{font-size:32px}
 .head-actions .btn-green{padding:9px 10px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}