/* Sunucun çözüm sayfaları — animasyon katmanı ve "Size yardımcı olalım" iletişim bölümü (14.11.2026).
   Hareketler prefers-reduced-motion: reduce altında kapanır. */

/* ── hero: yumuşak hareketli zemin ── */
.snl-hero{position:relative;overflow:hidden;isolation:isolate}
.snl-hero::before,.snl-hero::after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(60px);opacity:.55;pointer-events:none}
.snl-hero::before{width:520px;height:520px;right:-120px;top:-160px;background:radial-gradient(circle,#cfe0fb 0,rgba(207,224,251,0) 70%);animation:snlBlob 16s ease-in-out infinite alternate}
.snl-hero::after{width:420px;height:420px;left:-140px;bottom:-200px;background:radial-gradient(circle,#ffe9a3 0,rgba(255,233,163,0) 70%);animation:snlBlob 19s ease-in-out infinite alternate-reverse}
@keyframes snlBlob{0%{transform:translate(0,0) scale(1)}50%{transform:translate(-40px,30px) scale(1.08)}100%{transform:translate(30px,-20px) scale(.96)}}
.snl-hero h1,.snl-hero .snl-lead,.snl-hero .snl-checks,.snl-hero .snl-ctas,.snl-hero .snl-eyebrow,.snl-hero .snl-crumb{animation:snlUp .7s cubic-bezier(.2,.7,.2,1) both}
.snl-hero .snl-eyebrow{animation-delay:.05s}.snl-hero h1{animation-delay:.12s}.snl-hero .snl-lead{animation-delay:.2s}.snl-hero .snl-checks{animation-delay:.28s}.snl-hero .snl-ctas{animation-delay:.36s}
.snl-hero .snl-checks li{animation:snlUp .5s ease both}
.snl-hero .snl-checks li:nth-child(1){animation-delay:.32s}.snl-hero .snl-checks li:nth-child(2){animation-delay:.38s}.snl-hero .snl-checks li:nth-child(3){animation-delay:.44s}.snl-hero .snl-checks li:nth-child(4){animation-delay:.5s}.snl-hero .snl-checks li:nth-child(5){animation-delay:.56s}.snl-hero .snl-checks li:nth-child(6){animation-delay:.62s}
@keyframes snlUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.snl-h1-em,.snl h1 em{background-image:linear-gradient(transparent 62%,rgba(255,198,11,.55) 62%);background-repeat:no-repeat;background-size:0 100%;box-shadow:none!important;animation:snlMark 1s .7s ease forwards}
@keyframes snlMark{to{background-size:100% 100%}}
.snl-eyebrow{position:relative;overflow:hidden}
.snl-eyebrow::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.75) 50%,transparent 70%);transform:translateX(-120%);animation:snlShine 4.5s 1.2s ease-in-out infinite}
@keyframes snlShine{0%,70%{transform:translateX(-120%)}100%{transform:translateX(120%)}}

/* hero panel: giriş, yüzen rozetler, çubuk ve durum animasyonu */
.snl-art{animation:snlArt .9s .2s cubic-bezier(.2,.7,.2,1) backwards;transition:transform .4s ease}
@keyframes snlArt{from{opacity:0;transform:translateY(24px) rotate(-1.2deg) scale(.97)}to{opacity:1;transform:none}}
.snl-badge--a{animation:snlFloat 5s ease-in-out infinite}
.snl-badge--b{animation:snlFloat 6s 1s ease-in-out infinite}
@keyframes snlFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.snl-art .snl-bar{transform-box:fill-box;transform-origin:left center;animation:snlBar 1.2s cubic-bezier(.2,.7,.2,1) both}
.snl-art .snl-bar:nth-of-type(1){animation-delay:.6s}
@keyframes snlBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.snl-art .snl-row{animation:snlUp .6s ease both}
.snl-art .snl-dot{transform-box:fill-box;transform-origin:center;animation:snlPulse 2.2s ease-in-out infinite}
@keyframes snlPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.55}}
.snl-art .snl-live{animation:snlBlink 2.4s ease-in-out infinite}
@keyframes snlBlink{0%,100%{opacity:1}50%{opacity:.55}}

/* ── kaydırınca beliren öğeler ── */
.snl .snl-rv{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.snl .snl-rv.is-in{opacity:1;transform:none}

/* güven şeridi */
.snl-strip li i{transition:transform .3s}
.snl-strip li:hover i{transform:scale(1.18) rotate(-6deg)}
.snl-strip.is-in li i{animation:snlPop .6s ease both}
.snl-strip.is-in li:nth-child(2) i{animation-delay:.12s}.snl-strip.is-in li:nth-child(3) i{animation-delay:.24s}.snl-strip.is-in li:nth-child(4) i{animation-delay:.36s}
@keyframes snlPop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.2)}100%{transform:scale(1);opacity:1}}

/* paket kartları: parlama ve vurgulu çerçeve */
.snl-plan{overflow:hidden}
.snl-plan::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);transform:skewX(-18deg);pointer-events:none;transition:left .7s ease}
.snl-plan:hover::after{left:130%}
.snl-plan.is-pick{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#003087,#ffc60b,#003087) border-box;border:2px solid transparent;background-size:100% 100%,300% 300%;animation:snlBorder 6s linear infinite}
@keyframes snlBorder{0%{background-position:0 0,0% 50%}100%{background-position:0 0,300% 50%}}
.snl-plan .snl-tag{top:14px;left:auto;right:14px;animation:snlTag 2.8s ease-in-out infinite}
@keyframes snlTag{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.snl-plan .snl-btn i{transition:transform .2s}
.snl-plan .snl-btn:hover i{transform:translateX(4px)}

/* kartlar */
.snl-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.snl-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(0,33,93,.10);border-color:#c9d8ef}
.snl-card .snl-ic{transition:transform .35s ease,background .35s ease}
.snl-card:hover .snl-ic{transform:rotate(-8deg) scale(1.08);background:#003087}

/* adımlar: numara sıçraması ve bağlantı çizgisi */
.snl-steps{position:relative}
.snl-steps li{transition:transform .25s,box-shadow .25s}
.snl-steps li:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(0,33,93,.09)}
.snl-steps li.is-in::before{animation:snlPop .55s ease both;animation-delay:calc(var(--d,0s) + .15s)}
@media (min-width:992px){
  .snl-steps::after{content:"";position:absolute;left:8%;right:8%;top:40px;height:2px;background:linear-gradient(90deg,#ffc60b,#003087);transform:scaleX(0);transform-origin:left;transition:transform 1.4s ease .3s;z-index:0}
  .snl-steps.is-in::after{transform:scaleX(1)}
  .snl-steps li{z-index:1}
}

/* sss: yumuşak açılma */
.snl-faq details[open] .snl-a{animation:snlFaq .35s ease both}
@keyframes snlFaq{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.snl-faq summary{transition:background .2s}
.snl-faq summary:hover{background:#f6f9fe}
.snl-faq summary::after{transition:transform .3s,background .3s}
.snl-faq details[open] summary::after{transform:translateY(-50%) rotate(180deg)}

/* bağlantı kutuları */
.snl-links a{transition:transform .2s,border-color .2s,box-shadow .2s}
.snl-links a:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(0,33,93,.08)}
.snl-links a i{transition:transform .3s}
.snl-links a:hover i{transform:scale(1.2)}

/* butonlar */
.snl-btn{position:relative;overflow:hidden}
.snl-btn--y::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);transform:translateX(-120%);animation:snlShine 5s 2s ease-in-out infinite}

/* ── "Size yardımcı olalım" iletişim bölümü ── */
.snl-help{background:linear-gradient(135deg,#00215d 0%,#003087 100%)!important;color:#fff;position:relative;overflow:hidden;padding:64px 0 0!important}
.snl-help::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:22px 22px;pointer-events:none}
.snl-help .container{position:relative}
.snl-help-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:30px;align-items:end}
.snl-help-fig{position:relative;display:flex;justify-content:center;align-items:flex-end;min-height:360px}
.snl-help-fig img{position:relative;z-index:2;width:min(330px,100%);height:auto;display:block;filter:drop-shadow(0 18px 30px rgba(0,0,0,.25));animation:snlHelpIn .9s cubic-bezier(.2,.7,.2,1) both}
@keyframes snlHelpIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
.snl-ring{position:absolute;left:50%;bottom:40px;border-radius:50%;border:2px solid rgba(255,198,11,.55);transform:translate(-50%,0);z-index:1;pointer-events:none}
.snl-ring--1{width:260px;height:260px;background:rgba(255,198,11,.10);animation:snlRing 3.2s ease-out infinite}
.snl-ring--2{width:260px;height:260px;animation:snlRing 3.2s 1.06s ease-out infinite}
.snl-ring--3{width:260px;height:260px;animation:snlRing 3.2s 2.12s ease-out infinite}
.snl-ring--0{width:250px;height:250px;background:#ffc60b;border:0;bottom:45px}
@keyframes snlRing{0%{transform:translate(-50%,0) scale(.9);opacity:.9}100%{transform:translate(-50%,0) scale(1.55);opacity:0}}
.snl-bubble{position:absolute;z-index:3;left:4%;top:28px;max-width:210px;background:#fff;color:#0b1f44;border-radius:16px 16px 16px 4px;padding:12px 14px;font-size:13.5px;font-weight:600;line-height:1.45;box-shadow:0 14px 30px rgba(0,0,0,.2);animation:snlFloat 5s ease-in-out infinite}
.snl-bubble small{display:block;font-weight:500;color:#5b6b85;font-size:11.5px;margin-top:3px}
.snl-typing{display:inline-flex;gap:4px;margin-left:4px;vertical-align:middle}
.snl-typing i{width:6px;height:6px;border-radius:50%;background:#003087;animation:snlType 1.2s infinite}
.snl-typing i:nth-child(2){animation-delay:.15s}.snl-typing i:nth-child(3){animation-delay:.3s}
@keyframes snlType{0%,60%,100%{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.snl-online{position:absolute;z-index:3;right:6%;top:90px;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(6px);border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:700;color:#fff;animation:snlFloat 6s .8s ease-in-out infinite}
.snl-online b{width:9px;height:9px;border-radius:50%;background:#34d399;box-shadow:0 0 0 0 rgba(52,211,153,.7);animation:snlOn 1.8s infinite}
@keyframes snlOn{0%{box-shadow:0 0 0 0 rgba(52,211,153,.7)}70%{box-shadow:0 0 0 10px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}
.snl-help-txt{padding-bottom:56px}
.snl-help-txt .snl-eyebrow{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff}
.snl-help-txt h2{color:#fff!important}
.snl-help-txt h2 b{color:#ffc60b}
.snl-help-txt p{color:#c9d5ec!important}
.snl-help-acts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0 0}
.snl-help-acts a{text-align:left;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff!important;text-decoration:none!important;font-weight:700;font-size:14.5px;transition:transform .2s,background .2s,border-color .2s}
.snl-help-acts a:hover{transform:translateY(-3px);background:rgba(255,255,255,.14);border-color:#ffc60b}
.snl-help-acts a i{width:40px;height:40px;flex:0 0 40px;border-radius:12px;display:grid;place-items:center;background:#ffc60b;color:#0a1a33;font-size:17px}
.snl-help-acts a small{display:block;font-weight:500;color:#b8c6e2;font-size:12px}
.snl-help-acts a.is-wa i{background:#25d366;color:#fff}

@media (max-width:991px){
  .snl-help-grid{grid-template-columns:1fr;gap:6px}
  .snl-help-txt{order:-1;padding-bottom:10px;text-align:center}
  .snl-help-txt .snl-eyebrow{margin-left:auto;margin-right:auto}
  .snl-help-fig{min-height:300px}
}
@media (max-width:575px){
  .snl-help{padding-top:44px!important}
  .snl-help-acts{grid-template-columns:1fr}
  .snl-help-fig img{width:250px}
  .snl-ring--0,.snl-ring--1,.snl-ring--2,.snl-ring--3{width:200px;height:200px}
  .snl-bubble{left:0;top:10px;max-width:170px;font-size:12.5px}
  .snl-online{right:0;top:60px}
}

@media (prefers-reduced-motion:reduce){
  .snl *,.snl *::before,.snl *::after{animation:none!important;transition:none!important}
  .snl .snl-rv{opacity:1;transform:none}
  .snl h1 em{background-size:100% 100%}
  .snl-steps::after{transform:scaleX(1)}
}

/* 14.11.2026 düzeltme: iletişim bölümü footer ile birleşmesin — lacivert alan beyaz zemin üzerinde yuvarlak kart */
.snl-help{background:#fff!important;padding:56px 0 76px!important;overflow:visible}
.snl-help::before{display:none}
.snl-help-grid{position:relative;overflow:hidden;isolation:isolate;border-radius:28px;background:linear-gradient(135deg,#00215d 0%,#003087 100%);padding:46px 48px 0;box-shadow:0 30px 60px rgba(0,33,93,.18)}
.snl-help-grid::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:22px 22px;pointer-events:none}
.snl-help-grid::after{content:"";position:absolute;z-index:-1;right:-120px;top:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(255,198,11,.22),rgba(255,198,11,0) 70%);pointer-events:none}
.snl-help-txt{padding-bottom:46px}
@media (max-width:991px){
  .snl-help{padding:40px 0 56px!important}
  .snl-help-grid{padding:34px 26px 0;border-radius:24px}
  .snl-help-txt{padding-bottom:6px}
}
@media (max-width:575px){
  .snl-help{padding:28px 0 44px!important}
  .snl-help-grid{padding:28px 16px 0;border-radius:20px}
  .snl-help-fig{min-height:270px}
  .snl-help-txt h2{font-size:24px}
  .snl-help-acts a{padding:12px 13px;font-size:14px}
}
/* 14.11.2026: fiyat gösterimi — büyük rakam yıllık toplam, altında aylık karşılık ve aylık ödeme */
.snl-price b{font-size:30px}
.snl-py{margin-bottom:2px!important}
.snl-pm{font-size:12.5px;color:#5b6b85;margin-bottom:14px}
.snl-pm span{font-weight:700;color:#33425c}
.snl-from small{display:block;font-size:12px;color:#5b6b85;margin-top:2px}
@media (max-width:575px){.snl-price b{font-size:27px}}