:root{
    --ink:#1f2d3d;
    --teal:#0da7ac;
    --teal-deep:#0a8fa4;
    --teal-darker:#074447;
    --foam:#eafcfb;
    --paper:#f6f9f9;
    --line:#e3edec;
    --muted:#5c6d6c;
    --hero-muted:#dbf5f3;
    /* tinted shadows instead of flat black — one on white surfaces, one for on-teal surfaces */
    --shadow-soft:0 10px 26px rgba(10,110,116,.09);
    --shadow-lift:0 16px 34px rgba(10,110,116,.14);
    --shadow-on-teal:0 18px 40px rgba(4,40,42,.28);
    color:var(--ink);
    background:var(--paper);
    font-family:'Plus Jakarta Sans', system-ui, sans-serif;
}
.lp *{box-sizing:border-box;}
.lp h1,.lp h2,.lp h3,.lp h4,.lp h5{font-family:'Plus Jakarta Sans',sans-serif;margin:0;}
.lp .tnum{font-variant-numeric:tabular-nums;}

.lp-skip-link{
    position:absolute; left:-999px; top:auto;
    background:#0a8fa4; color:#fff; padding:10px 16px; border-radius:8px;
    z-index:1000; font-size:14px; font-weight:600; text-decoration:none;
}
.lp-skip-link:focus{ left:16px; top:16px; }

.lp a:focus-visible,.lp button:focus-visible,.lp select:focus-visible{
    outline:2.5px solid var(--teal-deep); outline-offset:3px; border-radius:4px;
}
@media (prefers-reduced-motion: reduce){.lp *{animation:none !important;transition:none !important;}}

.lp-wrap{max-width:1100px;margin:0 auto;padding:0 20px;}

html {
    scroll-behavior: smooth;
}

.lp-navbar {
    position: sticky;
    top: 0;
    z-index: 99999 !important;
    background: #fff;
    border-bottom: 1px solid var(--line);
    box-shadow: 0 2px 10px rgba(10, 110, 116, 0.05);
}


.lp-navbar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 80px;
}

.lp-brand {
    display: flex;
    align-items: center;
    gap: 9px;
    text-decoration: none;
    cursor: pointer;
    font-size: 24px;
    font-weight: 800;
    color: var(--teal-deep);
    letter-spacing: -0.01em;
}

.lp-brand i {
    color: var(--teal);
    font-size: 18px;
}

.lp-user-menu {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
}

.lp-user-btn {
    display: flex;
    align-items: center;
    justify-content: center;

    width: auto;
    height: auto;
    padding: 6px;

    background: transparent;
    border: none;
    border-radius: 0;

    font-size: 15px;
    cursor: pointer;

    transition:
        background 0.18s ease,
        transform 0.18s ease;
}

.lp-user-btn i {
    font-size: 24px;
}

.lp-user-btn.active {
    background: transparent;
    color: var(--teal-deep);
    border-color: transparent;
}

.lp-user-dropdown {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    z-index: 100002;

    min-width: 220px;
    padding: 8px;

    background: #fff;
    border: 1px solid var(--line);
    border-radius: 12px 4px 12px 12px;
    box-shadow: var(--shadow-lift);

    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);

    transition:
        opacity 0.16s ease,
        transform 0.16s ease,
        visibility 0.16s;
}

.lp-user-dropdown.open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}




.lp-dropdown-item {
    display: flex;
    align-items: center;
    gap: 10px;

    width: 100%;
    padding: 10px 12px;

    background: none;
    border: none;
    border-radius: 8px;

    text-align: left;
    text-decoration: none;
    font-size: 13.8px;
    font-weight: 600;
    color: var(--ink);

    cursor: pointer;

    transition: background 0.15s ease;
}

.lp-dropdown-item:hover {
    background: var(--foam);
}

.lp-dropdown-item i {
    width: 16px;
    color: var(--teal-deep);
}

.lp-user-menu {
    position: relative !important;
    z-index: 999999 !important;
}

.lp-user-dropdown {
    position: absolute !important;
    top: calc(100% + 10px) !important;
    right: 0 !important;

    display: block !important;
    opacity: 0 !important;
    visibility: hidden !important;

    z-index: 999999 !important;
}

.lp-user-dropdown.open {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    z-index: 999999 !important;
}