/* JustLaunch Services — Bootstrap 5 overlay */
:root {
    --jl-navy: #0f3d3e;
    --jl-ink: #102a2b;
    --jl-muted: #5b6f70;
    --jl-sand: #f4f7f4;
    --jl-card: #ffffff;
}

html { scroll-behavior: smooth; }
body.jl-svc-body {
    font-family: Manrope, system-ui, sans-serif;
    color: var(--jl-ink);
    background: var(--jl-sand);
}
.jl-svc-body h1, .jl-svc-body h2, .jl-svc-body h3, .jl-svc-brand {
    font-family: Sora, Manrope, sans-serif;
    letter-spacing: -0.03em;
}
.navbar.jl-svc-nav {
    background: var(--jl-navy);
}
.jl-svc-nav .navbar-brand img { height: 40px; width: auto; max-width: 240px; }
.jl-svc-nav .nav-link { color: rgba(255,255,255,.86) !important; font-weight: 650; font-size: .92rem; }
.jl-svc-nav .nav-link:hover, .jl-svc-nav .nav-link.active { color: #fff !important; }
.jl-cta {
    background: var(--theme-accent, #14B8A6) !important;
    border-color: var(--theme-accent, #14B8A6) !important;
    color: #042f2e !important;
    font-weight: 800;
    border-radius: 999px;
    padding: .55rem 1.1rem;
}
.jl-cta-ghost {
    border: 1px solid rgba(255,255,255,.45);
    color: #fff !important;
    border-radius: 999px;
    font-weight: 700;
    padding: .55rem 1.1rem;
}
.jl-hero {
    background:
        radial-gradient(1200px 400px at 10% -10%, rgba(20,184,166,.28), transparent 55%),
        linear-gradient(165deg, #0b2e2f 0%, #0f3d3e 45%, #115e59 100%);
    color: #fff;
    padding: 4.5rem 0 4.8rem;
}
.jl-hero h1 { font-size: clamp(2rem, 4.4vw, 3.4rem); font-weight: 800; }
.jl-kicker {
    text-transform: uppercase;
    letter-spacing: .16em;
    font-size: .72rem;
    font-weight: 800;
    color: #99f6e4;
    margin-bottom: .6rem;
}
.jl-chip {
    display: inline-flex;
    align-items: center;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.18);
    color: #fff;
    border-radius: 999px;
    padding: .35rem .8rem;
    font-size: .82rem;
    font-weight: 700;
    margin: 0 .35rem .45rem 0;
}
.jl-section { padding: 4.2rem 0; }
.jl-card {
    background: var(--jl-card);
    border: 0;
    border-radius: 1.1rem;
    box-shadow: 0 16px 40px rgba(15,61,62,.07);
    height: 100%;
}
.jl-step-num {
    width: 2.4rem; height: 2.4rem;
    border-radius: 999px;
    background: #ccfbf1;
    color: #0f766e;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-family: Sora, sans-serif;
}
.jl-price { font-size: 2rem; font-weight: 800; font-family: Sora, sans-serif; }
.jl-footer {
    background: #0b2e2f;
    color: #ecfdf5;
    padding: 3rem 0 1.4rem;
}
.jl-footer a { color: #99f6e4; text-decoration: none; }
.jl-footer a:hover { text-decoration: underline; }
.jl-form .form-label { font-weight: 700; font-size: .86rem; }
.jl-alert-ok { background: #d1fae5; border-radius: .8rem; padding: .9rem 1rem; }
.jl-alert-err { background: #fee2e2; border-radius: .8rem; padding: .9rem 1rem; }
.jl-copy { opacity: .7; font-size: .8rem; }
.jl-svc-nav .jl-lang-btn {
    border-color: rgba(255,255,255,.28);
    background: rgba(255,255,255,.1);
    color: #fff;
}
.jl-mini-process { background: #ecfdf5; border-radius: 1.1rem; padding: 1.2rem 1.4rem; }
@media (max-width: 991px) {
    .jl-svc-nav .navbar-collapse { padding-top: 1rem; }
}