/* Kontrol public site — shared shell (base, nav, footer).
   Loaded by the landing page and every secondary public page
   (terms, privacy) so the whole public site shares one look. */

/* ============ BASE ============ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html {
    scroll-behavior: smooth; scroll-padding-top: 84px;
    overflow-x: hidden;
    overscroll-behavior-x: none;
}
body {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    color: #1e293b;
    background: #0b1020;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    overflow-x: clip;
    overscroll-behavior-x: none;
    width: 100%;
    position: relative;
}
a { text-decoration: none; color: inherit; }
img { max-width: 100%; }
.lp-container { width: 100%; max-width: 1180px; margin: 0 auto; padding: 0 24px; }

/* ============ SCROLL REVEAL ============ */
.rv { opacity: 0; transform: translateY(28px); transition: opacity .7s cubic-bezier(.22,.61,.36,1), transform .7s cubic-bezier(.22,.61,.36,1); }
.rv.in { opacity: 1; transform: translateY(0); }
.rv-l { transform: translateX(-36px); } .rv-l.in { transform: translateX(0); }
.rv-r { transform: translateX(36px); }  .rv-r.in { transform: translateX(0); }
@media (prefers-reduced-motion: reduce) {
    .rv, .rv-l, .rv-r { opacity: 1 !important; transform: none !important; transition: none !important; }
    * { animation-duration: .01s !important; animation-iteration-count: 1 !important; }
}

/* ============ NAV ============ */
.lp-nav {
    position: fixed; top: 0; left: 0; right: 0; z-index: 100;
    padding: calc(18px + env(safe-area-inset-top, 0px)) 0 18px;
    transition: padding .25s, background .25s, box-shadow .25s;
}
.lp-nav.scrolled {
    padding: calc(10px + env(safe-area-inset-top, 0px)) 0 10px;
    background: rgba(11,16,32,.82);
    backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
    box-shadow: 0 4px 24px rgba(0,0,0,.25);
}
.lp-nav-inner { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.lp-nav-logo img { height: 30px; width: auto; display: block; }
.lp-nav-links { display: flex; align-items: center; gap: 28px; }
.lp-nav-links a { color: rgba(255,255,255,.72); font-size: .92rem; font-weight: 600; transition: color .15s; }
.lp-nav-links a:hover { color: #fff; }
.lp-nav-cta {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 11px 22px; border-radius: 12px; font-size: .92rem; font-weight: 700; color: #fff;
    background: linear-gradient(135deg, #4f46e5 0%, #6366f1 100%);
    box-shadow: 0 4px 14px rgba(79,70,229,.35);
    transition: transform .12s, box-shadow .12s, filter .12s;
}
.lp-nav-cta:hover { transform: translateY(-1px); filter: brightness(1.08); box-shadow: 0 6px 20px rgba(79,70,229,.45); }
@media (max-width: 767px) { .lp-nav-links { display: none; } }
/* ============ FOOTER ============ */
.lp-footer { background: #0b1020; color: rgba(148,163,184,.85); padding: 52px 0 30px; }
.lp-footer img { height: 26px; opacity: .9; }
.lp-footer a { color: rgba(203,213,225,.85); font-weight: 600; font-size: .88rem; text-decoration: none; }
.lp-footer a:hover { color: #fff; }
.lp-footer small { font-size: .82rem; }
.lp-footer-top { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1.1fr; gap: 34px; align-items: start; }
.lp-footer-brand p { margin: 14px 0 0; font-size: .86rem; line-height: 1.65; max-width: 300px; color: rgba(148,163,184,.75); }
.lp-footer-col { display: flex; flex-direction: column; gap: 10px; }
.lp-footer-col h4 { margin: 0 0 4px; font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: rgba(226,232,240,.6); }
.lp-footer-contact a i { width: 16px; margin-right: 7px; opacity: .8; }
.lp-footer-bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-top: 38px; padding-top: 22px; border-top: 1px solid rgba(148,163,184,.16); }
@media (max-width: 991px) { .lp-footer-top { grid-template-columns: 1fr 1fr; gap: 30px; } }
@media (max-width: 575px) { .lp-footer-top { grid-template-columns: 1fr; } .lp-footer-bottom { justify-content: flex-start; } }