/* v74 — Bayi (B2B) programı tanıtım sayfası. Sitenin lacivert/yeşil paleti; b2b-v19.css'in form ve sarmalayıcı sınıflarını kullanır. */
.b2bl-hero{position:relative;overflow:hidden;padding:clamp(48px,7vw,92px) 0 clamp(44px,6vw,80px);background:radial-gradient(1200px 500px at 85% -10%,rgba(0,166,81,.28),transparent 60%),linear-gradient(125deg,#052f57 0%,#064c8c 55%,#0872b3 100%);color:#fff}
.b2bl-hero__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,64px);align-items:center}
.b2bl-eyebrow,.b2bl-kicker{display:inline-block;font-size:.72rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.b2bl-eyebrow{padding:7px 12px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.08);color:#9ff0c2}
.b2bl-hero h1{margin:18px 0 14px;font-size:clamp(2.1rem,5vw,3.6rem);line-height:1.05;letter-spacing:-.02em;color:#fff}
.b2bl-hero__lead{max-width:640px;margin:0;font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.65;color:#d6e7f5}
.b2bl-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.b2bl-hero__proof{display:flex;flex-wrap:wrap;gap:10px 22px;margin:28px 0 0;padding:0;list-style:none}
.b2bl-hero__proof li{display:flex;align-items:center;gap:8px;color:#cfe3f1;font-size:.86rem;font-weight:700}
.b2bl-hero__proof svg{width:18px;height:18px;fill:none;stroke:#70e7a2;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.b2bl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border:1px solid transparent;border-radius:14px;font-weight:800;font-size:.95rem;text-decoration:none;cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}
.b2bl-btn:hover{transform:translateY(-1px)}
.b2bl-btn--primary{background:#00a651;color:#fff!important;box-shadow:0 12px 24px rgba(0,166,81,.25)}
.b2bl-btn--primary:hover{background:#008f46}
.b2bl-btn--ghost{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.06);color:#fff!important}
.b2bl-btn--ghost:hover{background:rgba(255,255,255,.14)}
.b2bl-btn--outline{border-color:#c9dbe8;background:#fff;color:#0d4777!important}
.b2bl-btn--outline:hover{border-color:#0872b3}
.b2bl-console{border:1px solid rgba(255,255,255,.16);border-radius:20px;background:rgba(3,22,44,.72);box-shadow:0 30px 60px rgba(2,18,38,.35);overflow:hidden}
.b2bl-console__bar{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);color:#9fb9d0;font:600 .75rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.b2bl-console__bar i{width:9px;height:9px;border-radius:50%;background:#ff5f56}.b2bl-console__bar i:nth-child(2){background:#ffbd2e}.b2bl-console__bar i:nth-child(3){background:#27c93f}
.b2bl-console__bar span{margin-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b2bl-console pre{margin:0;padding:18px 20px;overflow:auto;background:transparent;color:#d9f2ff;font:500 .86rem/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.b2bl-console__ok{display:flex;gap:10px;align-items:center;padding:12px 20px 16px;color:#9fb9d0;font:500 .78rem/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.b2bl-console__ok b{padding:3px 8px;border-radius:6px;background:rgba(0,166,81,.2);color:#70e7a2}
.b2bl-console--light{border-color:#d7e3ec;background:#0b2440;box-shadow:0 20px 40px rgba(6,56,98,.14)}
.b2bl-main{background:#fff}
.b2bl-section{padding:clamp(48px,6vw,84px) 0}
.b2bl-section--tint{background:#f4f8fc}
.b2bl-head{max-width:760px;margin:0 auto clamp(26px,4vw,42px);text-align:center}
.b2bl-head h2{margin:10px 0 10px;color:#0d2f4f;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.15}
.b2bl-head p{margin:0;color:#587389;line-height:1.65}
.b2bl-kicker{color:#00a651}
.b2bl-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0;padding:0;list-style:none}
.b2bl-chips li{padding:11px 18px;border:1px solid #d7e3ec;border-radius:999px;background:#fff;color:#0d4777;font-weight:700;font-size:.92rem;box-shadow:0 6px 16px rgba(6,56,98,.05)}
.b2bl-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.b2bl-feature{padding:26px;border:1px solid #dce7f0;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(6,56,98,.06)}
.b2bl-feature__icon{display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;border-radius:14px;background:#e8f6ee}
.b2bl-feature__icon svg{width:22px;height:22px;fill:none;stroke:#00a651;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.b2bl-feature h3{margin:16px 0 8px;color:#0d2f4f;font-size:1.06rem}
.b2bl-feature p{margin:0;color:#587389;font-size:.93rem;line-height:1.6}
.b2bl-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;counter-reset:none}
.b2bl-steps li{position:relative;padding:24px;border-radius:20px;background:#f4f8fc}
.b2bl-steps__num{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:12px;background:#064c8c;color:#fff;font-weight:900}
.b2bl-steps h3{margin:14px 0 6px;color:#0d2f4f;font-size:1rem}
.b2bl-steps p{margin:0;color:#587389;font-size:.9rem;line-height:1.55}
.b2bl-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;align-items:stretch}
.b2bl-plan{display:flex;flex-direction:column;gap:12px;padding:28px;border:1px solid #dce7f0;border-radius:22px;background:#fff}
.b2bl-plan--featured{border-color:#00a651;box-shadow:0 18px 40px rgba(0,166,81,.14)}
.b2bl-plan h3{margin:0;color:#0d2f4f;font-size:1.15rem}
.b2bl-plan__rate{margin:0;color:#587389}
.b2bl-plan__rate strong{color:#064c8c;font-size:2.1rem;line-height:1}
.b2bl-plan ul{flex:1;display:grid;gap:8px;margin:4px 0 8px;padding:0;list-style:none}
.b2bl-plan li{position:relative;padding-left:22px;color:#3e5d74;font-size:.92rem}
.b2bl-plan li::before,.b2bl-checks li::before{content:"";position:absolute;left:0;top:.42em;width:12px;height:7px;border-left:2px solid #00a651;border-bottom:2px solid #00a651;transform:rotate(-45deg)}
.b2bl-api{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,60px);align-items:center}
.b2bl-api h2{margin:10px 0;color:#0d2f4f;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.15}
.b2bl-api p{color:#587389;line-height:1.65}
.b2bl-checks{display:grid;gap:10px;margin:18px 0 24px;padding:0;list-style:none}
.b2bl-checks li{position:relative;padding-left:24px;color:#3e5d74}
.b2bl-faq__list{display:grid;gap:12px;max-width:860px;margin:auto}
.b2bl-faq__item{border:1px solid #dce7f0;border-radius:16px;background:#fff}
.b2bl-faq__item summary{position:relative;padding:18px 52px 18px 22px;color:#0d2f4f;font-weight:800;cursor:pointer;list-style:none}
.b2bl-faq__item summary::-webkit-details-marker{display:none}
.b2bl-faq__item summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#00a651;font-size:1.4rem;font-weight:400}
.b2bl-faq__item[open] summary::after{content:"−"}
.b2bl-faq__item p{margin:0;padding:0 22px 20px;color:#587389;line-height:1.65}
.b2bl-apply{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,60px);align-items:start}
.b2bl-apply h2{margin:10px 0;color:#0d2f4f;font-size:clamp(1.6rem,3vw,2.2rem)}
.b2bl-apply__intro p{color:#587389;line-height:1.65}
.b2bl-apply__login a{color:#0872b3;font-weight:800}
.b2bl-form{padding:clamp(20px,3vw,32px);border:1px solid #dce7f0;border-radius:22px;background:#fff;box-shadow:0 18px 40px rgba(6,56,98,.08)}
.b2bl-form label{color:#0d2f4f;font-size:.88rem}
.b2bl-consent{display:flex!important;align-items:flex-start;gap:10px;font-weight:600!important;color:#3e5d74!important}
.b2bl-consent input{width:18px!important;min-height:18px!important;height:18px;margin-top:2px;flex:0 0 auto}
.b2bl-consent a{color:#0872b3;font-weight:800}
.b2bl-alert{margin:24px 0 0;padding:14px 18px;border-radius:14px;font-weight:700}
.b2bl-alert--ok{border:1px solid #b6e6cb;background:#ecfaf2;color:#05683a}
.b2bl-alert--error{border:1px solid #f5c2c0;background:#fdf0ef;color:#9b1c13}
@media (max-width:980px){
  .b2bl-hero__grid,.b2bl-api,.b2bl-apply{grid-template-columns:1fr}
  .b2bl-features{grid-template-columns:repeat(2,minmax(0,1fr))}
  .b2bl-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
  .b2bl-features,.b2bl-steps{grid-template-columns:1fr}
  .b2bl-hero__actions .b2bl-btn{flex:1 1 100%}
  .b2bl-hero__panel{display:none}
  .b2bl-chips{justify-content:flex-start}
  .b2bl-head{text-align:left}
  .b2b-form{grid-template-columns:1fr}
}