body{background:#fff}
.lp-nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.lp-row{display:flex;align-items:center;justify-content:space-between;min-height:66px}
.lp-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:34px;align-items:center}
.lp-card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:34px;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center}
.lp-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:44px auto}
.lp-f{border:1px solid var(--line);border-radius:16px;padding:22px}.lp-f h3{margin:12px 0 4px}.lp-f p{margin:0;color:var(--muted)}
.lp-f .ico{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:#FFEDD5;color:#EA580C}
.lp-foot{background:var(--navy);color:#CBD5E1;text-align:center;padding:26px 0;margin-top:60px}
@media(max-width:820px){.lp-hero{grid-template-columns:1fr}.lp-feats{grid-template-columns:1fr 1fr}.plans{grid-template-columns:1fr}}
@media(max-width:520px){.lp-feats{grid-template-columns:1fr}}

/* Nav ya landing: desktop + menyu ya simu */
.lp-nav{transition:box-shadow .2s}.lp-nav.scrolled{box-shadow:0 6px 24px rgba(15,23,42,.08)}
.lp-links{display:flex;align-items:center;gap:6px}
.lp-links>a:not(.btn){padding:10px 14px;border-radius:10px;text-decoration:none;color:var(--ink);font-weight:600;font-size:14px}
.lp-links>a:not(.btn):hover{background:var(--primary-50);color:var(--primary-600)}
.lp-burger{display:none;background:none;border:1.5px solid var(--line);border-radius:10px;width:44px;height:44px;cursor:pointer;color:var(--navy);place-items:center}
html{scroll-behavior:smooth}[id]{scroll-margin-top:84px}
@media(max-width:760px){
  .lp-burger{display:grid}
  .lp-links{position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 18px 30px rgba(15,23,42,.1);flex-direction:column;align-items:stretch;gap:4px;padding:12px 16px 16px;display:none}
  .lp-links.open{display:flex}
  .lp-links>a:not(.btn){padding:14px;font-size:16px}
  .lp-links .btn{min-height:48px}
  .lp-nav{position:sticky}
}

/* ---------- Partners marquee (kulia kwenda kushoto, polepole) ---------- */
.lp-partners{margin:56px 0 10px;text-align:center}
.lp-partners h2{font-size:30px;margin:0 0 4px}.lp-partners p{color:var(--muted);margin:0 0 22px}
.marquee{overflow:hidden;position:relative;padding:8px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.marquee-track{display:flex;gap:18px;width:max-content;animation:lp-marquee var(--dur,40s) linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
@keyframes lp-marquee{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 9px))}}
.partner{display:flex;align-items:center;gap:12px;flex:none;min-width:230px;max-width:300px;padding:12px 18px;border:1px solid var(--line);border-radius:16px;background:#fff;text-decoration:none;color:var(--ink);text-align:left;box-shadow:0 4px 14px rgba(15,23,42,.05)}
.partner:hover{border-color:var(--primary);transform:translateY(-2px)}
.partner img,.partner .pl{width:48px;height:48px;border-radius:12px;object-fit:contain;flex:none;background:#F8FAFC}
.partner .pl{display:grid;place-items:center;background:#FFEDD5;color:#EA580C;font-weight:800;font-size:20px}
.partner .pn{display:flex;flex-direction:column;min-width:0}.partner .pn b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.partner .pn small{color:var(--muted)}
@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}.marquee{overflow-x:auto}}

/* ---------- Kibadilishaji cha lugha + sarafu ---------- */
.prefs{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.prefs .pg{display:inline-flex;border:1px solid var(--line);border-radius:99px;overflow:hidden;background:#fff}
.prefs .pg a{padding:5px 10px;font-size:12px;font-weight:700;text-decoration:none;color:var(--muted);line-height:1.4}
.prefs .pg a:hover{color:var(--primary-600)}
.prefs .pg a.on{background:var(--primary);color:#fff}
.lp-links .prefs{margin:0 6px}
@media(max-width:760px){.lp-links .prefs{margin:6px 14px}}
.topbar .prefs{margin-right:2px}
@media(max-width:700px){.topbar .prefs .pg:nth-child(2){display:none}}
.auth-top .prefs{margin-left:auto}
.shop .prefs .pg{background:rgba(255,255,255,.9)}
.sh-prefs{flex:none}