/* ============================================================
   Hostinq2026: landing sehifeleri (e-ticaret, sayt kocurme, email marketing, korporativ mail,
   kibertehlukesizlik, elaqe) ucun hs- kit elaveleri. Baza: h26-servers.css (.hs-*) + h26-ssl.css (.hsl-*).
   Prefiks: .lp-*  |  27 Sen 2026
   ============================================================ */
.lp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:48px;}
.lp-grid.is-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.lp-grid.is-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.lp-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--hs-line);border-radius:16px;padding:26px 24px 22px;}
.is-dark .lp-card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:#fff;}
.lp-ico{display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:var(--hs-dark);color:var(--hs-lime);margin-bottom:16px;font-style:normal;font-size:22px;line-height:1;flex:none;}
.is-dark .lp-ico{background:#1c3a29;}
.lp-ico svg{width:22px;height:22px;}
.lp-card h3{font-size:19px;line-height:1.3;font-weight:500;color:var(--hs-ink);margin:0 0 8px;}
.is-dark .lp-card h3{color:#fff;}
.lp-card p{font-size:15px;line-height:1.5;color:var(--hs-muted2);margin:0;flex:1;}
.is-dark .lp-card p{color:rgba(255,255,255,.72);}
.lp-card ul{list-style:none;margin:12px 0 0;padding:0;}
.lp-card li{display:flex;gap:8px;font-size:14.5px;line-height:1.45;color:var(--hs-ink2);padding:5px 0;list-style:none;}
.lp-card li svg{width:14px;height:14px;flex:none;margin-top:4px;color:var(--hs-link);}
.is-dark .lp-card li{color:rgba(255,255,255,.85);}
.is-dark .lp-card li svg{color:var(--hs-mintb);}
.lp-card li strong{font-weight:700;color:inherit;}
.lp-price{display:flex;align-items:baseline;gap:6px;margin-top:18px;padding-top:14px;border-top:1px solid var(--hs-line);}
.lp-price b{font-size:24px;font-weight:500;letter-spacing:-.02em;color:var(--hs-ink);}
.lp-price span{font-size:13px;color:var(--hs-muted);}
.lp-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--hs-link);background:#e4f2e3;border-radius:6px;padding:3px 8px;margin-left:6px;vertical-align:middle;}
/* addimlar */
.lp-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:48px;}
.lp-steps.is-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.lp-step{background:#fff;border:1px solid var(--hs-line);border-radius:16px;padding:26px 24px;}
.is-dark .lp-step{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);}
.lp-step i{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--hs-dark);color:var(--hs-lime);font-style:normal;font-weight:700;font-size:17px;margin-bottom:16px;}
.is-dark .lp-step i{background:var(--hs-lime);color:var(--hs-dark);}
.lp-step h3{font-size:19px;font-weight:500;color:var(--hs-ink);margin:0 0 8px;}
.is-dark .lp-step h3{color:#fff;}
.lp-step p{font-size:15px;line-height:1.5;color:var(--hs-muted2);margin:0;}
.is-dark .lp-step p{color:rgba(255,255,255,.72);}
/* VS muqayise */
.lp-vs{display:grid;grid-template-columns:1fr 64px 1fr;gap:16px;align-items:center;margin-top:48px;}
.lp-vs-col{background:#fff;border:1px solid var(--hs-line);border-radius:16px;padding:28px;}
.lp-vs-col.is-good{border-color:var(--hs-accent);box-shadow:0 0 0 1px var(--hs-accent);background:var(--hs-mint);}
.lp-vs-tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:6px;background:#fde8e8;color:#b42318;margin-bottom:16px;}
.lp-vs-col.is-good .lp-vs-tag{background:var(--hs-lime);color:var(--hs-dark);}
.lp-vs-col ul{list-style:none;margin:0;padding:0;}
.lp-vs-col li{display:flex;align-items:flex-start;gap:10px;font-size:15.5px;line-height:1.45;color:var(--hs-ink);padding:7px 0;list-style:none;}
.lp-vs-col li i{width:22px;height:22px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:12px;font-weight:700;margin-top:1px;background:#fde8e8;color:#b42318;}
.lp-vs-col.is-good li i{background:var(--hs-dark);color:var(--hs-lime);}
.lp-vs-col li i svg{width:11px;height:11px;}
.lp-vs-mid{width:64px;height:64px;border-radius:50%;background:var(--hs-dark);color:var(--hs-lime);display:grid;place-items:center;font-weight:700;font-size:15px;margin:0 auto;}
/* cedvel */
.lp-table{margin-top:48px;background:#fff;border:1px solid var(--hs-line);border-radius:16px;overflow:hidden;}
.lp-table table{width:100%;border-collapse:collapse;font-size:15px;}
.lp-table th,.lp-table td{padding:16px 22px;text-align:left;border-top:1px solid var(--hs-line);color:var(--hs-ink);}
.lp-table th{background:var(--hs-soft);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--hs-muted);border-top:0;font-weight:700;}
.lp-table td.is-us,.lp-table th.is-us{background:var(--hs-mint);color:var(--hs-link);font-weight:600;}
.lp-note{max-width:900px;margin:32px auto 0;font-size:14px;color:var(--hs-muted2);line-height:1.6;text-align:center;background:#fff;border:1px dashed #cfdad3;border-radius:14px;padding:16px 22px;}
/* hero mock (tund panel) */
.lp-mock{position:relative;width:100%;max-width:520px;}
.lp-mock-card{background:#0f3121;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:18px 18px 20px;color:#fff;}
.lp-mock-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;}
.lp-mock-h b{display:block;font-size:13px;font-weight:600;}
.lp-mock-h small{display:block;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#9fb3a9;margin-bottom:4px;}
.lp-mock-h span{font-size:9px;padding:4px 8px;border-radius:6px;background:var(--hs-mintb);color:#082615;font-weight:700;white-space:nowrap;}
.lp-mock-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid rgba(255,255,255,.08);font-size:12.5px;line-height:1.35;}
.lp-mock-row i{width:24px;height:24px;border-radius:50%;background:var(--hs-mintb);color:#082615;display:inline-flex;align-items:center;justify-content:center;flex:none;font-size:10px;font-weight:700;font-style:normal;}
.lp-mock-row i svg{width:11px;height:11px;}
.lp-mock-row.is-todo i{background:rgba(255,255,255,.1);color:#c9d8d0;}
.lp-mock-row.is-warn i{background:#fbbf24;color:#082615;}
.lp-mock-row small{margin-left:auto;font-size:10px;color:#9fb3a9;white-space:nowrap;}
.lp-mock-row b{font-weight:600;display:block;}
.lp-mock-row em{font-style:normal;font-size:10px;color:#9fb3a9;display:block;}
.lp-mock-av{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex:none;}
.lp-mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 12px;}
.lp-mock-stats div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:9px 10px;}
.lp-mock-stats span{display:block;font-size:8px;color:#9fb3a9;margin-bottom:5px;}
.lp-mock-stats b{display:block;font-size:15px;font-weight:600;color:#fff;}
.lp-mock-stats b.g{color:var(--hs-mintb);}
.lp-mock-ban{background:var(--hs-lime);color:#082615;border-radius:7px;padding:8px 10px;font-size:10px;display:flex;align-items:center;gap:6px;margin-top:12px;}
.lp-mock-ban svg{width:12px;height:12px;flex:none;}
.lp-mock-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;}
.lp-mock-tile{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:8px;font-size:10px;}
.lp-mock-tile i{display:block;height:48px;border-radius:6px;margin-bottom:6px;}
.lp-mock-tile b{display:block;font-size:10px;font-weight:600;}
.lp-mock-tile span{font-size:9px;color:var(--hs-mintb);}
.lp-mock-msg{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:12px;margin-top:10px;}
.lp-mock-msg b{display:block;font-size:12px;margin-bottom:4px;}
.lp-mock-msg p{font-size:11px;line-height:1.4;color:#c9d8d0;margin:0;}
.lp-mock-bar{height:5px;border-radius:5px;background:rgba(255,255,255,.12);overflow:hidden;margin-top:12px;}
.lp-mock-bar i{display:block;height:100%;background:var(--hs-mintb);border-radius:5px;}
.lp-mock-foot{display:flex;justify-content:space-between;font-size:10px;color:#9fb3a9;margin-top:6px;}
.lp-fl{position:absolute;background:#fff;border-radius:10px;box-shadow:0 18px 40px rgba(8,38,21,.16);padding:10px 12px;color:#082615;display:flex;align-items:center;gap:10px;}
.lp-fl i{width:26px;height:26px;border-radius:7px;background:#082615;color:var(--hs-lime);display:inline-flex;align-items:center;justify-content:center;flex:none;}
.lp-fl i svg{width:13px;height:13px;}
.lp-fl b{display:block;font-size:10px;font-weight:700;}
.lp-fl small{display:block;font-size:8.5px;color:#6d7779;}
.lp-fl1{left:-14px;bottom:-26px;}
.lp-fl2{right:-14px;top:-24px;}
/* tarif keçidi */
.lp-toggle-wrap{text-align:center;}
.lp-toggle{display:inline-flex;gap:4px;padding:5px;border-radius:999px;background:#e4f2e3;margin:32px auto 0;}
.lp-toggle button{padding:9px 22px;border-radius:999px;font-size:14.5px;font-weight:600;color:var(--hs-ink2);}
.lp-toggle button.is-on{background:var(--hs-dark);color:#fff;}
.hslp .hsl-plans.is-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.hslp .hsl-card-d{min-height:44px;}
.hslp .hsl-card-btn.is-wa{gap:8px;}
.hslp .hsl-card-btn svg{width:16px;height:16px;}
/* elaqe */
.lp-contact{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px;align-items:start;}
.lp-chan{display:flex;flex-direction:column;gap:12px;}
.lp-chan-i{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--hs-line);border-radius:14px;padding:16px 18px;color:var(--hs-ink);}
a.lp-chan-i:hover{border-color:var(--hs-accent);color:var(--hs-ink);}
.lp-chan-i i{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--hs-dark);color:var(--hs-lime);flex:none;font-style:normal;}
.lp-chan-i i svg{width:20px;height:20px;}
.lp-chan-i small{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--hs-muted);margin-bottom:3px;}
.lp-chan-i b{display:block;font-size:16px;font-weight:600;color:var(--hs-ink);line-height:1.35;}
.lp-social{display:flex;gap:10px;margin-top:6px;}
.lp-social a{width:42px;height:42px;border-radius:50%;border:1px solid var(--hs-line);background:#fff;display:inline-flex;align-items:center;justify-content:center;color:var(--hs-ink);}
.lp-social a svg{width:17px;height:17px;}
.lp-social a:hover{background:var(--hs-dark);color:var(--hs-lime);border-color:var(--hs-dark);}
.lp-form{background:#fff;border:1px solid var(--hs-line);border-radius:16px;padding:32px;}
.lp-form h2{font-size:26px;font-weight:500;color:var(--hs-ink);margin:0 0 6px;}
.lp-form > p{font-size:15px;color:var(--hs-muted2);margin:0 0 22px;}
.lp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;}
.lp-form input[type=text],.lp-form input[type=email],.lp-form textarea{width:100%;border:1px solid #d5e0d8;border-radius:8px;background:#fff;padding:0 16px;height:52px;font-size:15px;color:var(--hs-ink);font-family:inherit;outline:none;box-sizing:border-box;}
.lp-form textarea{height:auto;padding:14px 16px;min-height:140px;resize:vertical;margin-bottom:12px;display:block;}
.lp-form input:focus,.lp-form textarea:focus{border-color:var(--hs-accent);box-shadow:0 0 0 3px rgba(22,164,95,.14);}
.lp-captcha{display:flex;gap:12px;align-items:center;margin-bottom:12px;flex-wrap:wrap;}
.lp-captcha input{flex:1;min-width:180px;}
.lp-captcha img{border-radius:8px;}
.lp-gdpr{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--hs-muted2);line-height:1.5;margin:6px 0 18px;}
.lp-gdpr input{margin-top:4px;accent-color:var(--hs-accent);}
.lp-gdpr a{color:var(--hs-link);text-decoration:underline;}
.lp-out{margin-bottom:12px;}
.lp-map{border-radius:16px;overflow:hidden;border:1px solid var(--hs-line);position:relative;background:#e9efe9;}
.lp-map iframe{width:100%;height:420px;border:0;display:block;}
.lp-map .hs-btn{position:absolute;right:16px;bottom:16px;}
.lp-hours{margin-top:24px;font-size:14px;color:var(--hs-muted2);}
/* dark bölmə alt yazısı */
.hslp .is-dark .hs-lead{color:rgba(255,255,255,.75);}
.hslp .hs-feat-head .hs-eyebrow{margin-bottom:16px;}
.hslp .hs-hero .hs-eyebrow{padding:8px 12px 8px 8px;}
.hslp .hs-hero .hs-eyebrow svg{width:15px;height:15px;}
.hslp .hs-cta .hsl-chat-l .hs-lead{color:rgba(255,255,255,.75);}
/* responsiv */
@media(max-width:1023px){
  .lp-grid,.lp-grid.is-3{grid-template-columns:repeat(2,minmax(0,1fr));}
  .lp-steps{grid-template-columns:repeat(2,minmax(0,1fr));}
  .lp-contact{grid-template-columns:1fr;}
  .lp-vs{grid-template-columns:1fr;}
  .hslp .hsl-plans.is-3{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:767px){
  .lp-grid,.lp-grid.is-3,.lp-grid.is-2,.lp-steps,.lp-steps.is-3{grid-template-columns:1fr;margin-top:32px;}
  .hslp .hsl-plans.is-3{grid-template-columns:1fr;}
  .lp-form{padding:22px 18px;}
  .lp-form-row{grid-template-columns:1fr;}
  .lp-table{overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .lp-table table{min-width:560px;}
  .lp-mock{max-width:100%;}
  .lp-fl1{left:8px;bottom:-22px;}
  .lp-fl2{right:8px;top:-20px;}
  .lp-note{margin-top:24px;}
  .lp-map iframe{height:300px;}
  .lp-vs-col{padding:20px;}
}