/* HızlıSantral ortak stiller: logo, hero animasyonları, müşteri logoları, kurumsal ve yasal sayfalar */

/* Sağ üstteki numara şimdilik gizli */
.hs .header-phone{display:none!important}

/* ---------- Logo ---------- */
.hs .logo{gap:11px;font-family:'Sora','Plus Jakarta Sans',ui-sans-serif,system-ui,sans-serif;font-size:21px;letter-spacing:-.035em}
.logo-mark{position:relative;width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#34D399 0%,#10B981 52%,#84CC16 120%);box-shadow:0 8px 20px -10px rgba(16,185,129,.9),inset 0 1px 0 rgba(255,255,255,.45);transition:transform .35s cubic-bezier(.2,.7,.2,1.3),box-shadow .35s ease}
.logo-mark::after{content:"";position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.55) 50%,transparent 60%);transform:translateX(-120%);animation:hs-logo-shine 5.5s ease-in-out infinite}
.logo-mark svg{position:relative;z-index:1;overflow:visible}
.logo-mark .lb{transform-box:fill-box;transform-origin:center;animation:hs-logo-eq 1.8s ease-in-out infinite}
.logo-mark .lb:nth-child(1){animation-delay:-.45s}
.logo-mark .lb:nth-child(2){animation-delay:-.9s}
.logo-mark .lb:nth-child(3){animation-delay:-.2s}
.logo-mark .lb:nth-child(4){animation-delay:-1.3s}
.hs .logo:hover .logo-mark{transform:rotate(-6deg) scale(1.06);box-shadow:0 12px 26px -10px rgba(163,230,53,.9),inset 0 1px 0 rgba(255,255,255,.5)}
.hs .logo:hover .logo-mark .lb{animation-duration:.7s}
.logo-word{position:relative;display:inline-flex;align-items:baseline;line-height:1;padding-bottom:3px}
.logo-h{font-weight:800;color:#fff;display:inline-block;margin-right:1px}
.hs .logo .logo-s{font-weight:700;color:transparent;background:linear-gradient(90deg,#6EE7B7 0%,#A3E635 30%,#6EE7B7 60%,#34D399 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:hs-logo-grad 7s linear infinite}
.logo-word::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;border-radius:2px;background:linear-gradient(90deg,#A3E635,#10B981);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.hs .logo:hover .logo-word::after{transform:scaleX(1)}
.logo-speed{position:absolute;left:-14px;top:50%;display:flex;flex-direction:column;gap:3px;transform:translateY(-50%);opacity:0;transition:opacity .3s ease}
.logo-speed i{display:block;height:2px;border-radius:2px;background:#A3E635}
.logo-speed i:nth-child(1){width:8px}.logo-speed i:nth-child(2){width:12px;margin-left:-4px}.logo-speed i:nth-child(3){width:6px}
.hs .logo:hover .logo-speed{opacity:1;animation:hs-speed .5s ease-out infinite}
@keyframes hs-logo-eq{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.55)}}
@keyframes hs-logo-shine{0%,62%{transform:translateX(-120%)}80%,100%{transform:translateX(120%)}}
@keyframes hs-logo-grad{to{background-position:-220% 0}}
@keyframes hs-speed{from{transform:translate(4px,-50%)}to{transform:translate(-4px,-50%)}}

/* ---------- Hero: arka plan ---------- */
.hero-aurora{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.hero-aurora span{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;will-change:transform}
.hero-aurora span:nth-child(1){width:520px;height:520px;left:-140px;top:-160px;background:radial-gradient(circle,rgba(16,185,129,.55),transparent 65%);animation:hs-drift1 18s ease-in-out infinite alternate}
.hero-aurora span:nth-child(2){width:460px;height:460px;right:-120px;bottom:-200px;background:radial-gradient(circle,rgba(163,230,53,.35),transparent 65%);animation:hs-drift2 22s ease-in-out infinite alternate}
.hero-aurora span:nth-child(3){width:340px;height:340px;left:42%;top:30%;background:radial-gradient(circle,rgba(52,211,153,.3),transparent 65%);animation:hs-drift3 26s ease-in-out infinite alternate}
.hero-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(236,253,245,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(236,253,245,.05) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 70% 30%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 70% 30%,#000 20%,transparent 75%);animation:hs-grid 30s linear infinite}
.hero-signals{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.hero-signals i{position:absolute;bottom:-12px;width:4px;height:4px;border-radius:50%;background:#A3E635;box-shadow:0 0 10px 2px rgba(163,230,53,.55);opacity:0;animation:hs-rise-dot linear infinite}
.hero-bg circle{transform-box:fill-box;transform-origin:center;animation:hs-twinkle 3.2s ease-in-out infinite}
.hero-bg circle:nth-child(2n){animation-delay:-1.1s}
.hero-bg circle:nth-child(3n){animation-delay:-2.2s}
.hero-bg g[stroke] path{stroke-dasharray:4 7;animation:hs-dash 40s linear infinite}
.hero > .wrap{z-index:1}
@keyframes hs-drift1{to{transform:translate(160px,90px) scale(1.15)}}
@keyframes hs-drift2{to{transform:translate(-180px,-120px) scale(1.2)}}
@keyframes hs-drift3{to{transform:translate(-140px,80px) scale(.85)}}
@keyframes hs-grid{to{background-position:56px 56px}}
@keyframes hs-rise-dot{0%{transform:translateY(0);opacity:0}10%{opacity:.9}80%{opacity:.6}100%{transform:translateY(-110vh);opacity:0}}
@keyframes hs-twinkle{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:1;transform:scale(1.8)}}

/* ---------- Hero: giriş animasyonları (JS .hs-js ekler) ---------- */
.hs-js .hero .hs-in{opacity:0;translate:0 22px;animation:hs-in .8s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:var(--d,0s)}
.hs-js .hero .mock,.hs-js .hero .search-card{opacity:0;translate:0 40px;animation:hs-in 1s cubic-bezier(.2,.7,.2,1) .35s forwards}
.hero .hl svg path{stroke-dasharray:1;stroke-dashoffset:1;animation:hs-draw 1.1s cubic-bezier(.6,0,.2,1) .9s forwards}
.h1-xl{background:linear-gradient(100deg,#fff 0%,#fff 42%,#D9F99D 50%,#fff 58%,#fff 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:hs-shine-text 7s ease-in-out 1.2s infinite}
@keyframes hs-in{to{opacity:1;translate:0 0}}
@keyframes hs-draw{to{stroke-dashoffset:0}}
@keyframes hs-shine-text{0%{background-position:100% 0}45%,100%{background-position:-60% 0}}

/* Mock pencere: halkalar, parallax, yüzen kartlar */
.hero .mock{isolation:isolate;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.hero .mock::before,.hero .mock::after{content:"";position:absolute;left:50%;top:50%;width:120%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(163,230,53,.28);transform:translate(-50%,-50%) scale(.6);opacity:0;z-index:-1;animation:hs-ring 6s ease-out infinite}
.hero .mock::after{animation-delay:-3s}
@media (hover:hover) and (pointer:fine){.hero .mock{transform:perspective(1400px) rotateY(calc(var(--mx,0) * 5deg)) rotateX(calc(var(--my,0) * -5deg))}}
.hero .float{animation:hs-float 7s ease-in-out infinite,hs-pop .8s cubic-bezier(.2,.8,.2,1.25) both}
.hero .f-toast{animation-delay:-2s,1.1s}
.hero .f-ivr{animation-delay:-4s,1.35s}
.hero .f-phone{animation-delay:-1s,.9s}
.hero .f-queue{animation-delay:-3s,1.2s}
.hero .f-saved{animation-delay:-5s,1.45s}
.hero .bars span{scale:1 0;transform-origin:bottom;animation:hs-grow .9s cubic-bezier(.2,.7,.2,1) forwards,hs-breathe 3.2s ease-in-out 2s infinite alternate}
.hero .bars span:nth-child(1){animation-delay:.6s,2s}.hero .bars span:nth-child(2){animation-delay:.66s,2.3s}.hero .bars span:nth-child(3){animation-delay:.72s,2.1s}.hero .bars span:nth-child(4){animation-delay:.78s,2.6s}.hero .bars span:nth-child(5){animation-delay:.84s,2.2s}.hero .bars span:nth-child(6){animation-delay:.9s,2.8s}.hero .bars span:nth-child(7){animation-delay:.96s,2.4s}.hero .bars span:nth-child(8){animation-delay:1.02s,2.05s}.hero .bars span:nth-child(9){animation-delay:1.08s,2.7s}.hero .bars span:nth-child(10){animation-delay:1.14s,2.15s}.hero .bars span:nth-child(11){animation-delay:1.2s,2.5s}.hero .bars span:nth-child(12){animation-delay:1.26s,2.35s}
.hero .bar-tip{animation:hs-in .5s ease 1.6s both;opacity:0}
.hero .call{animation:hs-slide-in .6s cubic-bezier(.2,.7,.2,1) both}
.hero .call:nth-child(1){animation-delay:1s}.hero .call:nth-child(2){animation-delay:1.15s}.hero .call:nth-child(3){animation-delay:1.3s}
.hero .st-ring{animation:hs-ring-chip 1.4s ease-in-out infinite}
.hero .ps-yes{animation:hs-answer 1.6s ease-out infinite}
.hero .fn,.hero .fc,.hero .fsplit,.hero .fb{animation:hs-in .6s cubic-bezier(.2,.7,.2,1) both;opacity:0;translate:0 12px}
.hero .flow > :nth-child(1){animation-delay:.7s}.hero .flow > :nth-child(2){animation-delay:.8s}.hero .flow > :nth-child(3){animation-delay:.9s}.hero .flow > :nth-child(4){animation-delay:1s}.hero .flow > :nth-child(5){animation-delay:1.1s}.hero .flow > :nth-child(6){animation-delay:1.2s}.hero .flow > :nth-child(7){animation-delay:1.3s}
.hero .fbranches .fb:nth-child(1){animation-delay:1.4s}.hero .fbranches .fb:nth-child(2){animation-delay:1.55s}
.hero .fc{background-size:100% 16px;animation:hs-in .6s ease both,hs-flow-down .8s linear infinite}
.hero .num-card{animation:hs-in .55s cubic-bezier(.2,.7,.2,1) both;opacity:0;translate:0 14px}
.hero .num-card:nth-child(1){animation-delay:.8s}.hero .num-card:nth-child(2){animation-delay:.9s}.hero .num-card:nth-child(3){animation-delay:1s}.hero .num-card:nth-child(4){animation-delay:1.1s}.hero .num-card:nth-child(5){animation-delay:1.2s}.hero .num-card:nth-child(6){animation-delay:1.3s}
.hero .pill{position:relative;overflow:hidden}
.hero .pill::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.22) 50%,transparent 70%);transform:translateX(-100%);animation:hs-pill-shine 4.5s ease-in-out 1.5s infinite}
.hero .btn-primary{position:relative;overflow:hidden}
.hero .btn-primary::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.5) 50%,transparent 65%);transform:translateX(-120%);animation:hs-pill-shine 3.8s ease-in-out 2s infinite}
@keyframes hs-ring{0%{transform:translate(-50%,-50%) scale(.55);opacity:0}15%{opacity:.9}100%{transform:translate(-50%,-50%) scale(1.15);opacity:0}}
@keyframes hs-pop{from{opacity:0;scale:.7}to{opacity:1;scale:1}}
@keyframes hs-grow{to{scale:1 1}}
@keyframes hs-breathe{from{transform:scaleY(1)}to{transform:scaleY(.86)}}
@keyframes hs-slide-in{from{opacity:0;translate:24px 0}to{opacity:1;translate:0 0}}
@keyframes hs-ring-chip{0%,100%{rotate:0deg}10%{rotate:-6deg}20%{rotate:6deg}30%{rotate:-4deg}40%{rotate:0deg}}
@keyframes hs-answer{0%{box-shadow:0 0 0 0 rgba(163,230,53,.6)}100%{box-shadow:0 0 0 14px rgba(163,230,53,0)}}
@keyframes hs-flow-down{to{background-position:0 16px}}
@keyframes hs-pill-shine{0%,55%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}
@keyframes hs-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes hs-dash{to{stroke-dashoffset:-320}}

/* ---------- Müşteri logoları (kayan şerit) ---------- */
.logo-marquee{position:relative;overflow:hidden;padding:6px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.logo-track{display:flex;width:max-content;gap:14px;animation:hs-marquee 38s linear infinite}
.logo-marquee:hover .logo-track{animation-play-state:paused}
.logo-set{display:flex;gap:14px}
.cl{display:inline-flex;align-items:center;gap:10px;height:62px;padding:0 22px;border-radius:16px;border:1px solid #E2EFE8;background:#fff;color:#6B7280;font-size:17px;font-weight:700;letter-spacing:-.02em;white-space:nowrap;filter:grayscale(1);opacity:.8;transition:filter .3s ease,opacity .3s ease,border-color .3s ease,transform .3s ease,box-shadow .3s ease}
.cl:hover{filter:none;opacity:1;border-color:#A7E3C8;transform:translateY(-2px);box-shadow:0 14px 30px -20px rgba(11,61,46,.45)}
.cl svg{flex:none}
.cl small{font-size:.78em;font-weight:600;opacity:.75}
.cl-os{color:#1D4ED8}.cl-cv{color:#0EA5E9;font-weight:800}.cl-gtm{color:#B91C1C;letter-spacing:.02em;font-weight:800}
.cl-hs{color:#7C3AED}.cl-mu{color:#EA580C}.cl-as{color:#DB2777}.cl-hsv{color:#0F766E}
.cl b{font-weight:800}
.logo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:14px}
.logo-grid .cl{justify-content:center;height:96px;font-size:19px;filter:none;opacity:1}
@keyframes hs-marquee{to{transform:translateX(calc(-50% - 7px))}}

/* ---------- Yorum kartları: yıldız ---------- */
.t-stars{display:flex;gap:3px;color:#F59E0B}
.t-card{display:flex;flex-direction:column}
.t-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:18px}
.t-grid .t-card{min-width:0;width:auto}

/* ---------- İç sayfalar ---------- */
.hero-compact > .wrap{padding-bottom:clamp(56px,6vw,84px)!important}
.h1-md{font-size:clamp(36px,4.6vw,60px)}
.value-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px}
.value{display:flex;flex-direction:column;gap:12px;padding:26px}
.value h3{font-size:19px;font-weight:700;letter-spacing:-.015em;color:#0B3D2E}
.value p{font-size:15px;line-height:1.6;color:#4B5563}
.hs .timeline{position:relative;display:flex;flex-direction:column;gap:22px;padding-left:34px}
.timeline::before{content:"";position:absolute;left:11px;top:6px;bottom:6px;width:2px;background:linear-gradient(#10B981,#A3E635)}
.tl{position:relative}
.tl::before{content:"";position:absolute;left:-30px;top:5px;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid #10B981}
.tl h3{font-size:18px;font-weight:700;color:#0B3D2E}
.tl p{margin-top:4px;font-size:15px;line-height:1.6;color:#4B5563}
.split{display:flex;flex-wrap:wrap;gap:48px;align-items:flex-start}
.split > *{flex:1 1 420px;min-width:0}
.device-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:16px}
.device{display:flex;flex-direction:column;gap:12px;padding:24px}
.device h3{font-size:18px;font-weight:700;color:#0B3D2E}
.device p{font-size:15px;line-height:1.6;color:#4B5563}
.steps3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:16px;counter-reset:st}
.step3{position:relative;display:flex;flex-direction:column;gap:10px;padding:26px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}
.step3::before{counter-increment:st;content:counter(st,decimal-leading-zero);font-size:34px;font-weight:800;letter-spacing:-.03em;color:#A3E635}
.step3 h3{font-size:19px;font-weight:700;color:#fff}
.step3 p{font-size:15px;line-height:1.6;color:rgba(236,253,245,.8)}
.cta-band{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
.big-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:16px}
.big-stat{padding:24px;border-radius:22px;background:#fff;border:1px solid #E2EFE8}
.big-stat b{display:block;font-size:34px;font-weight:800;letter-spacing:-.03em;color:#0B3D2E}
.big-stat span{font-size:14px;font-weight:600;color:#4B5563}

/* Yasal metinler */
.legal{display:flex;flex-wrap:wrap;gap:48px;align-items:flex-start}
.legal-toc{flex:0 1 270px;position:sticky;top:100px;display:flex;flex-direction:column;gap:4px;padding:20px;border-radius:20px;background:#F3FBF7;border:1px solid #DCF0E6}
.legal-toc p{font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#047857;margin-bottom:8px!important}
.hs .legal-toc a{display:block;padding:6px 10px;border-radius:10px;font-size:14px;font-weight:600;color:#374151}
.hs .legal-toc a:hover{background:#fff;color:#047857}
.legal-body{flex:1 1 560px;min-width:0;display:flex;flex-direction:column;gap:16px;max-width:820px}
.legal-body h2{margin-top:18px;font-size:clamp(21px,2vw,26px);font-weight:800;letter-spacing:-.02em;color:#0B3D2E;scroll-margin-top:96px}
.legal-body h3{margin-top:6px;font-size:18px;font-weight:700;color:#0B3D2E}
.legal-body p,.legal-body li{font-size:16px;line-height:1.75;color:#374151}
.hs .legal-body ul{display:flex;flex-direction:column;gap:8px;padding-left:4px}
.legal-body ul li{position:relative;padding-left:22px}
.legal-body ul li::before{content:"";position:absolute;left:4px;top:.72em;width:7px;height:7px;border-radius:50%;background:#10B981}
.legal-body table{width:100%;border-collapse:collapse;font-size:15px}
.legal-body th,.legal-body td{padding:12px 14px;border:1px solid #E2EFE8;text-align:left;vertical-align:top;line-height:1.55;color:#374151}
.legal-body th{background:#F3FBF7;color:#0B3D2E;font-weight:700}
.legal-note{padding:16px 18px;border-radius:16px;background:#ECFDF5;border:1px solid #CFF3E2;font-size:15px!important}
.table-scroll{overflow-x:auto;border-radius:16px}
.updated{font-size:14px;font-weight:600;color:rgba(236,253,245,.75)}
@media (max-width:900px){.legal-toc{position:static;flex-basis:100%}}

@media (prefers-reduced-motion:reduce){
  .hs-js .hero .hs-in,.hs-js .hero .mock,.hs-js .hero .search-card,.hero .fn,.hero .fc,.hero .fsplit,.hero .fb,.hero .num-card,.hero .bar-tip{opacity:1!important;translate:none!important}
  .hero .bars span{scale:1 1!important}
  .hero .hl svg path{stroke-dashoffset:0!important}
  .h1-xl{color:#fff;background:none}
  .logo-track{animation:none!important;flex-wrap:wrap}
  .hero-signals,.hero .mock::before,.hero .mock::after{display:none}
}

/* ---------- Referans logoları (gerçek logolar) ---------- */
.ref-logos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:14px}
.ref-logo{display:grid;place-items:center;height:96px;padding:18px 26px;border-radius:18px;border:1px solid #E2EFE8;background:#fff;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,border-color .35s ease}
.ref-logo img{display:block;max-width:100%;max-height:52px;width:auto;height:auto;filter:grayscale(1);opacity:.75;transition:filter .35s ease,opacity .35s ease,transform .35s ease}
.ref-logo:hover{transform:translateY(-3px);border-color:#A7E3C8;box-shadow:0 18px 36px -24px rgba(11,61,46,.5)}
.ref-logo:hover img{filter:none;opacity:1;transform:scale(1.04)}
.ref-logos.color .ref-logo img{filter:none;opacity:1}
.ref-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 18px;margin-top:26px}
.ref-strip > span{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6B7280;margin-right:6px}
.ref-strip .ref-logo{height:72px;padding:12px 24px;flex:0 1 220px}
.ref-strip .ref-logo img{max-height:40px}

/* ---------- Kart başlık linkleri ---------- */
.hs .card h3 a{color:inherit;background:linear-gradient(currentColor,currentColor) 0 100%/0 2px no-repeat;transition:background-size .3s ease,color .2s ease}
.hs .card h3 a:hover{color:#047857;background-size:100% 2px}
.hs .card-link{display:flex;flex-direction:column;gap:12px;padding:26px;color:inherit;height:100%}
.hs .card-link:hover{color:inherit}
.card-link h3{font-size:19px;font-weight:700;letter-spacing:-.015em;color:#0B3D2E}
.card-link p{font-size:15px;line-height:1.6;color:#4B5563}
.card-link .more{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:700;color:#047857}
.card-link:hover .more svg{transform:translateX(4px)}
.card-link .more svg{transition:transform .2s ease}
.hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:18px}

/* ---------- Makale ---------- */
.art-meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px;font-weight:600;color:rgba(236,253,245,.78)}
.art-meta span{display:inline-flex;align-items:center;gap:7px}
.legal-body ol{display:flex;flex-direction:column;gap:8px;padding-left:22px;list-style:decimal}
.legal-body ol li{padding-left:4px}
.legal-body h2:first-of-type{margin-top:4px}
.prose ul{display:flex;flex-direction:column;gap:8px}
.prose ul li{position:relative;padding-left:22px;font-size:16.5px;line-height:1.7;color:#374151}
.prose ul li::before{content:"";position:absolute;left:4px;top:.7em;width:7px;height:7px;border-radius:50%;background:#10B981}
.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px}
.contact-card{display:flex;flex-direction:column;gap:10px;padding:26px}
.contact-card h3{font-size:18px;font-weight:700;color:#0B3D2E}
.contact-card p{font-size:15px;line-height:1.6;color:#4B5563}
.contact-card a.big{font-size:18px;font-weight:800;color:#047857}
.faq-group{display:flex;flex-direction:column;gap:16px}
.faq-group + .faq-group{margin-top:28px}
.faq-group > h2{font-size:clamp(22px,2.2vw,28px);font-weight:800;letter-spacing:-.02em;color:#0B3D2E}

/* Menü: dar masaüstü ekranlarda tek satır */
.hs .nav-desktop a{white-space:nowrap}
@media (max-width:1279px){.hs .nav-desktop a{padding:10px 9px;font-size:14.5px}.hs .header-cta{padding:0 16px}}
@media (min-width:1024px) and (max-width:1099px){.hs .nav-desktop a[href="/rehber/"]{display:none}}

/* Butonlar: daha hafif gölge */
.hs .btn-primary{box-shadow:0 4px 10px -6px rgba(16,185,129,.55),inset 0 1px 0 rgba(255,255,255,.3)}
.hs .btn-primary:hover{box-shadow:0 6px 14px -8px rgba(16,185,129,.6),inset 0 1px 0 rgba(255,255,255,.35)}
.hs .btn-dark:hover{box-shadow:0 6px 14px -10px rgba(11,61,46,.5)}
.hs .btn-outline:hover{box-shadow:0 6px 14px -12px rgba(11,61,46,.35)}
.hs .btn:hover{transform:translateY(-1px)}
.hs .wa{box-shadow:0 8px 18px -10px rgba(2,18,13,.55)}
.hs .nav-arrow{box-shadow:none}

/* İçerik blokları (tüm sayfalarda kullanılabilir) */
.prose{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.prose p{font-size:17px;line-height:1.75;color:#374151}
.prose h3{margin-top:10px;font-size:21px;font-weight:700;letter-spacing:-.015em;color:#0B3D2E}
.prose strong{color:#0B3D2E}
.how{display:flex;flex-direction:column;gap:18px;padding:26px;border-radius:26px;background:#F3FBF7;border:1px solid #DCF0E6}
.how-cap{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#047857}

/* Panel görünümü (0850 sayfası hero) */
.glass-light{background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);box-shadow:0 18px 40px -20px rgba(3,20,15,.5)}
.mock{position:relative;width:100%;max-width:520px;margin:0}
.mock-win{position:relative;border-radius:22px;background:#fff;color:#111827;overflow:hidden;box-shadow:0 50px 90px -40px rgba(2,18,13,.8),0 0 0 1px rgba(255,255,255,.35)}
.mock-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid #EEF5F1;background:#FBFEFC}
.live-chip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:#065F46;background:#ECFDF5;border:1px solid #CFF3E2;padding:4px 9px;border-radius:999px}
.call{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:#F7FBF9;border:1px solid #EAF4EF}
.av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex:none;font-size:11px;font-weight:800;background:#D1FAE5;color:#065F46}
.call-n{display:block;font-size:12.5px;font-weight:700;color:#111827;line-height:1.3}
.call-s{display:block;font-size:11px;color:#6B7280;line-height:1.3}
.call-t{font-size:12px;font-weight:700;color:#0B3D2E;font-variant-numeric:tabular-nums}
.st{font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:999px;background:#ECFDF5;color:#047857;white-space:nowrap}
.st-ring{background:#F7FEE7;color:#3F6212}
.float{position:absolute;animation:hs-float 7s ease-in-out infinite}
.f-toast{top:-22px;right:-18px;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:16px;color:#0B3D2E;animation-delay:-2s}
.f-toast .tick{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#A3E635;color:#0B3D2E}
.hs .wa{display:none!important}

/* Footer: sosyal medya ikonları */
.hs .social{gap:10px}
.hs .social a{width:40px;height:40px;padding:0;justify-content:center;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);color:rgba(236,253,245,.85)}
.hs .social a:hover{color:#0B3D2E;background:#A3E635;border-color:#A3E635;transform:translateY(-2px)}
.hs .social svg{display:block}

/* ---------- Kart başlıkları: aynı satırdaki kartlar ortak hizada ---------- */
/* Kart başlıkları biraz daha kompakt; dar sütunlarda gereksiz satır kırılmasını önler */
.hs .value h3,.hs .device h3,.hs .scn h3,.hs .step4 h3,.hs .contact-card h3,.hs .feat h3,.hs .sector h3,.hs .integ h3{font-size:clamp(16.5px,1.32vw,18.5px);letter-spacing:-.02em;line-height:1.3}
.hs .step h3{font-size:clamp(16.5px,1.3vw,18px);line-height:1.3}
.hs .card-link h3{font-size:clamp(17px,1.4vw,19px);line-height:1.3}
/* Subgrid: ikon, başlık ve metin satırları komşu kartlarla aynı yükseklikte */
@supports (grid-template-rows:subgrid){
  .hs .value,.hs .device,.hs .feat,.hs .scn,.hs .step4,.hs .step{display:grid;grid-template-rows:subgrid;grid-row:span 3;row-gap:12px;align-content:start}
  .hs .contact-card,.hs .integ,.hs .sector,.hs .why{display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:10px;align-content:start}
  .hs .hub-grid > .card{display:grid;grid-template-rows:subgrid;grid-row:span 3}
  .hs .hub-grid > .card:has(.ico){grid-row:span 4}
  .hs .hub-grid .card-link{display:grid;grid-template-rows:subgrid;grid-row:1 / -1;row-gap:12px}
  .hs .value > *,.hs .device > *,.hs .feat > *,.hs .scn > *,.hs .step4 > *,.hs .step > *,.hs .contact-card > *,.hs .integ > *,.hs .sector > *,.hs .why > *,.hs .card-link > *{margin:0}
  .hs .card-link .more{align-self:end}
  .hs .step > .step-n,.hs .step4 > .step4-n,.hs .value > .ico,.hs .device > .ico,.hs .feat > .ico,.hs .scn > .ico,.hs .contact-card > .ico,.hs .integ > .ico,.hs .sector > .ico,.hs .why > .ico,.hs .card-link > .ico{justify-self:start}
}
/* Yorum kartı: sektör etiketi yıldızların yanında, isim tek satırda kalır */
.t-top{display:flex;align-items:center;justify-content:space-between;gap:12px}

/* ---------- UI turu: daha hafif gölgeler ve düzen ---------- */
/* Logo: gölge azaltıldı */
.hs .logo-mark{box-shadow:0 2px 6px -2px rgba(16,185,129,.45),inset 0 1px 0 rgba(255,255,255,.4)}
.hs .logo:hover .logo-mark{box-shadow:0 4px 10px -4px rgba(163,230,53,.6),inset 0 1px 0 rgba(255,255,255,.45)}
/* Kartlar, paneller ve paket kartları: sakin gölgeler */
.hs .card{box-shadow:0 1px 2px rgba(11,61,46,.04),0 6px 18px -14px rgba(11,61,46,.16)}
.hs .card:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(11,61,46,.04),0 16px 32px -22px rgba(11,61,46,.28)}
.hs .panel{box-shadow:0 16px 36px -28px rgba(11,61,46,.32),0 1px 3px rgba(11,61,46,.04)}
.hs .plan{box-shadow:0 6px 18px -14px rgba(11,61,46,.18)}
.hs .plan-pop{box-shadow:0 22px 44px -30px rgba(11,61,46,.6)}
.hs .mock-win{box-shadow:0 30px 60px -38px rgba(2,18,13,.7),0 0 0 1px rgba(255,255,255,.3)}
.hs .float.f-ivr{box-shadow:0 14px 28px -18px rgba(2,18,13,.6)}
.hs .glass-light{box-shadow:0 10px 24px -16px rgba(3,20,15,.45)}
.hs .phone{box-shadow:0 24px 44px -24px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.1)}
/* Hero bildirimi panel başlığındaki etiketin üstüne binmesin */
.hero .f-toast{top:-44px}
.hero .mock{margin-top:24px}
/* Hizmet kartlarında alt link her zaman en altta, boşluk dengeli */
.hs .svc > .link-arrow{margin-top:auto}
/* Referans logoları biraz daha belirgin */
.ref-logo img{opacity:.85}
/* Bölüm başlığı ile içerik arası tutarlı nefes */
.hs .sec-head .lead{max-width:720px}
.hs .sec-head.center .lead{margin-left:auto;margin-right:auto}
/* Odak halkası daha yumuşak */
.hs :focus-visible{outline-offset:2px;border-radius:10px}
/* Footer rozetleri: düz, sakin çerçeve */
.hs .cert{border-style:solid;border-color:rgba(236,253,245,.16);background:rgba(255,255,255,.03)}
.hs .cert svg{color:#A3E635}
/* Mobil: referans logoları 2x2 */
@media (max-width:640px){
  .ref-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .ref-strip > span{grid-column:1 / -1;text-align:center;margin:0}
  .ref-strip .ref-logo{height:64px;padding:10px 14px}
  .ref-strip .ref-logo img{max-height:32px}
}

/* ---------- Menü ikonları ---------- */
.hs .nav-desktop a{display:inline-flex;align-items:center;gap:7px;padding:10px 11px}
.hs .nav-desktop .nav-i{flex:none;opacity:.7;color:#6EE7B7;transition:opacity .2s ease,color .2s ease,transform .25s cubic-bezier(.2,.7,.2,1.4)}
.hs .nav-desktop a:hover .nav-i{opacity:1;color:#A3E635;transform:translateY(-1px) scale(1.08)}
.hs .nav-desktop a[aria-current="page"] .nav-i{opacity:1;color:#A3E635}
.hs .m-link .m-l{display:inline-flex;align-items:center;gap:12px}
.hs .m-link .nav-i{flex:none;width:34px;height:34px;padding:7px;border-radius:10px;background:rgba(255,255,255,.07);color:#6EE7B7;box-sizing:border-box}
.hs .m-link:hover .nav-i,.hs .m-link[aria-current="page"] .nav-i{background:#A3E635;color:#0B3D2E}
/* Dar masaüstü: ikonlar küçülür, sonra gizlenir; menü tek satırda kalır */
@media (max-width:1279px){.hs .nav-desktop a{gap:5px;padding:10px 8px}.hs .nav-desktop .nav-i{width:14px;height:14px}}
@media (max-width:1179px){.hs .nav-desktop .nav-i{display:none}.hs .nav-desktop a{padding:10px 9px}}

/* ---------- Aylık / yıllık seçici ---------- */
.bill-wrap{display:flex;justify-content:center}
.bill-toggle{position:relative;display:inline-flex;align-items:center;gap:4px;padding:5px;border-radius:999px;background:#fff;border:1px solid #DCEFE5;box-shadow:0 4px 14px -10px rgba(11,61,46,.3)}
.bill-opt{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 20px;border:0;border-radius:999px;background:transparent;font:inherit;font-size:15px;font-weight:700;color:#4B5563;cursor:pointer;transition:background-color .25s ease,color .25s ease}
.bill-opt:hover{color:#0B3D2E}
.bill-opt.is-on{background:#0B3D2E;color:#fff}
.bill-save{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;background:#A3E635;color:#0B3D2E;font-size:11.5px;font-weight:800;letter-spacing:.02em;white-space:nowrap}
.p-yil,.p-yil-b{display:none}
.bill-yil .p-ay{display:none}
.bill-yil .p-yil{display:inline}
.bill-yil .p-yil-b{display:block}
.bill-yil .p-yil,.bill-yil .p-yil-b,.bill-ay .p-ay{animation:hs-bill .35s cubic-bezier(.2,.7,.2,1)}
.price-eq{margin-top:-8px!important;font-size:13px;font-weight:600;color:#047857}
.plan-pop .price-eq{color:#A3E635}
.pt-head .price-eq{margin-top:2px!important;font-size:12px}
.pt-pop .price-eq{color:#A3E635}
@keyframes hs-bill{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}
@media (max-width:420px){.bill-opt{padding:0 14px;font-size:14px}}

/* ---------- Okunurluk: beyaz form kartı her sayfada koyu metinle ---------- */
.hs .form-card .field label{color:#1F2937}
.hs .form-card .consent{color:#374151}
.hs .form-card .consent a{color:#047857;text-decoration:underline;text-underline-offset:2px}
.hs .form-card .consent a:hover{color:#065F46}
.hs .form-card .form-note{color:#4B5563}
.hs .form-card .input{background:#F7FBF9;border-color:#D7E9E0;color:#111827}
.hs .form-card .input::placeholder{color:#6B7280}
.hs .form-card .select-wrap svg{color:#4B5563}
/* Koyu zeminlerde soluk metinler biraz daha belirgin */
.hs .hero-lead{color:rgba(236,253,245,.92)}
.hs .updated,.hs .art-meta{color:rgba(236,253,245,.88)}
.hs .crumbs a,.hs .crumbs li{color:rgba(236,253,245,.95)}
.hs .updated,.hs .art-meta{color:rgba(236,253,245,.95)}

/* Form gönderim hatası (koyu ve açık zeminli formlar) */
.hs-form-error{margin:0;padding:12px 14px;border-radius:14px;font-size:14px;font-weight:600;line-height:1.5;color:#FECACA;background:rgba(239,68,68,.14);border:1px solid rgba(248,113,113,.45)}
.form-card .hs-form-error{color:#B91C1C;background:#FEF2F2;border-color:#FECACA}

/* Müşteri paneli girişi (üst menü): menü düğmesiyle aynı cam görünüm */
.hs .header-login{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);color:#ECFDF5;font-size:14.5px;font-weight:600;white-space:nowrap;transition:background .2s ease,border-color .2s ease,color .2s ease}
.hs .header-login svg{flex:none;color:#6EE7B7;transition:color .2s ease}
.hs .header-login:hover{color:#fff;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.4)}
.hs .header-login:hover svg{color:#A3E635}
@media (max-width:1279px){.hs .header-login{width:44px;padding:0}.hs .header-login span{display:none}}