/* =============================================================
   Twozero landing page
   ============================================================= */

:root {
    /* BrightHub palette extracted from post-9998.css */
    --lp-ink: #121212;
    --lp-ink-2: #181D27;
    --lp-text: #535862;
    --lp-paper: #FFFFFF;
    --lp-paper-2: #F8F9FC;
    --lp-line: #E9EAEB;
    --lp-line-2: #D5D7DA;
    --lp-muted: #A4A7AE;

    --lp-primary: #181D27;
    --lp-primary-rgb: 24, 29, 39;
    --lp-secondary: #7A5AF8;
    --lp-secondary-rgb: 122, 90, 248;
    --lp-secondary-soft: #F4F3FF;
    --lp-secondary-2: #EBE9FE;
    --lp-secondary-3: #EBE7FB;

    --lp-yellow: #FBE414;
    --lp-orange: #FB6514;
    --lp-pink: #EE46BC;
    --lp-pink-soft: #FDF2FA;
    --lp-green: #12B76A;
    --lp-green-soft: #ECFDF3;
    --lp-blue: #0BA5EC;
    --lp-blue-soft: #F0F9FF;

    --lp-ease: cubic-bezier(.16, 1, .3, 1);
    --lp-radius-sm: 8px;
    --lp-radius: 14px;
    --lp-radius-lg: 22px;
    --lp-radius-xl: 32px;

    --lp-shadow: 0 8px 24px rgba(18, 18, 18, .06);
    --lp-shadow-lg: 0 28px 60px rgba(18, 18, 18, .12);
}

/* =============================================================
   BASE
   ============================================================= */
.lp-page {
    overflow-x: clip;
    color: var(--lp-ink);
    background: var(--lp-paper);
    font-family: 'Manrope', 'Inter', ui-sans-serif, system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.lp-page *,
.lp-page *::before,
.lp-page *::after {
    box-sizing: border-box;
}

.lp-page a {
    color: inherit;
    text-decoration: none;
}

.lp-page img {
    max-width: 100%;
    display: block;
}

.lp-shell {
    width: min(100% - 40px, 1240px);
    margin-inline: auto;
}

/* =============================================================
   NAV
   ============================================================= */
.lp-nav {
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    left: 0;
    height: 76px;
    color: #fff;
    transition: background .3s var(--lp-ease), color .3s var(--lp-ease), box-shadow .3s var(--lp-ease);
}

.lp-nav.is-scrolled,
.lp-nav.menu-open {
    color: var(--lp-ink-2);
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 1px 0 var(--lp-line);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.lp-nav-inner {
    height: 76px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.lp-brand {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-size: 18px;
    font-weight: 750;
    letter-spacing: -.04em;
}

.lp-nav-logo {
    width: min(30vw, 120px);
    max-width: 120px !important;
    max-height: 32px !important;
    height: auto !important;
    transition: filter 160ms ease;
}

.lp-nav.is-scrolled .lp-nav-logo,
.lp-nav.menu-open .lp-nav-logo {
    filter: brightness(0);
}

.lp-nav-links {
    display: flex;
    align-items: center;
    gap: 32px;
    margin-left: auto;
    margin-right: 24px;
}

.lp-nav-links a {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    color: inherit;
    opacity: .85;
    transition: opacity .2s;
}

.lp-nav-links a:hover {
    opacity: 1;
}

.lp-nav-actions {
    display: flex;
    align-items: center;
    gap: 24px;
}

.lp-login {
    font-size: 14px;
    font-weight: 500;
    color: inherit;
    opacity: .85;
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    transition: opacity .2s;
}

.lp-login:hover {
    opacity: 1;
}

.lp-nav-cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: rgba(255, 255, 255, .14);
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 999px;
    color: inherit;
    font-size: 14px;
    font-weight: 500;
    transition: background .2s ease, border-color .2s ease;
}

.lp-nav-cta svg {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
}

.lp-nav-cta:hover {
    background: rgba(255, 255, 255, .22);
    border-color: rgba(255, 255, 255, .35);
}

.lp-nav.is-scrolled .lp-nav-cta,
.lp-nav.menu-open .lp-nav-cta {
    background: var(--lp-ink-2);
    border-color: var(--lp-ink-2);
    color: #fff;
}

.lp-nav.is-scrolled .lp-nav-cta:hover,
.lp-nav.menu-open .lp-nav-cta:hover {
    background: #303340;
    border-color: #303340;
}

.lp-menu-button {
    display: none;
    width: 42px;
    height: 42px;
    place-content: center;
    gap: 6px;
    padding: 0;
    color: currentColor;
    border: 1px solid currentColor;
    border-radius: 50%;
    opacity: .85;
    background: none;
    cursor: pointer;
}

.lp-menu-button span {
    display: block;
    width: 17px;
    height: 1px;
    background: currentColor;
    transition: transform .25s, opacity .25s;
}

.lp-menu-button[aria-expanded="true"] span:first-child {
    transform: translateY(3.5px) rotate(45deg);
}

.lp-menu-button[aria-expanded="true"] span:last-child {
    transform: translateY(-3.5px) rotate(-45deg);
}

.lp-nav-drawer {
    display: none;
    flex-direction: column;
    gap: 16px;
    padding: 24px 20px 32px;
    color: var(--lp-ink-2);
    background: #fff;
    border-top: 1px solid var(--lp-line);
}

.lp-nav.menu-open .lp-nav-drawer {
    display: flex;
}

.lp-nav-drawer a {
    font-size: 16px;
    font-weight: 550;
    color: var(--lp-ink-2);
}

.lp-nav-drawer-cta {
    margin-top: 12px;
    align-self: flex-start;
}

/* =============================================================
   TENANT LOGIN DIALOG
   ============================================================= */
.lp-tenant-dialog {
    width: min(calc(100% - 32px), 440px);
    padding: 0;
    color: var(--lp-ink);
    border: 0;
    border-radius: 18px;
    background: transparent;
    box-shadow: 0 28px 90px rgba(0, 0, 0, .32);
}

.lp-tenant-dialog::backdrop {
    background: rgba(10, 12, 10, .7);
    backdrop-filter: blur(7px);
}

.lp-tenant-dialog-card {
    position: relative;
    padding: 34px;
    border: 1px solid var(--lp-line);
    border-radius: 18px;
    background: var(--lp-paper);
}

.lp-tenant-dialog-card h2 {
    margin: 8px 0 0;
    font-size: 30px;
    font-weight: 650;
    letter-spacing: -.045em;
}

.lp-tenant-dialog-card > p:not(.lp-tenant-error) {
    margin: 10px 0 24px;
    color: var(--lp-text);
    font-size: 14px;
    line-height: 1.6;
}

.lp-tenant-dialog-card label {
    display: block;
    margin-bottom: 7px;
    font-size: 12px;
    font-weight: 650;
}

.lp-tenant-input-wrap input {
    width: 100%;
    height: 48px;
    padding: 0 14px;
    color: var(--lp-ink);
    border: 1px solid var(--lp-line);
    border-radius: 8px;
    outline: none;
    background: #fff;
    font: inherit;
    font-size: 15px;
}

.lp-tenant-input-wrap input:focus {
    border-color: var(--lp-secondary);
    box-shadow: 0 0 0 3px rgba(122, 90, 248, .15);
}

.lp-tenant-domain-preview {
    display: block;
    min-height: 18px;
    margin-top: 7px;
    color: var(--lp-text);
    font-size: 11px;
}

.lp-tenant-error {
    min-height: 18px;
    margin: 5px 0 9px;
    color: #a3382c;
    font-size: 12px;
}

.lp-dialog-close {
    position: absolute;
    top: 14px;
    right: 16px;
    width: 32px;
    height: 32px;
    padding: 0;
    color: var(--lp-text);
    border: 0;
    border-radius: 50%;
    background: transparent;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
}

.lp-dialog-close:hover {
    color: var(--lp-ink);
    background: var(--lp-paper-2);
}

/* =============================================================
   SECTION HEAD (shared)
   ============================================================= */
.lp-section {
    padding-block: clamp(80px, 10vw, 140px);
}

.lp-section-head {
    max-width: 620px;
    margin: 0 auto 60px;
    text-align: center;
}

.lp-section-title {
    margin: 16px 0 18px;
    font-family: 'Sora', 'Inter', sans-serif;
    font-size: 64px;
    font-weight: 500;
    line-height: 1.05;
    letter-spacing: -3.2px;
    color: var(--lp-ink-2);
}

.lp-section-title-light {
    color: #fff;
}

.lp-section-sub {
    margin: 0;
    color: var(--lp-text);
    font-size: 16px;
    line-height: 1.65;
    max-width: 480px;
    margin-inline: auto;
}

.lp-section-sub-light {
    color: rgba(255, 255, 255, .72);
}

/* Slogan pill (above title) — extracted from pxl-heading__sub */
.lp-heading-slogan {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px;
    background: #fff;
    border: 1px solid var(--lp-line);
    border-radius: 999px;
    box-shadow: 0 2px 8px rgba(18, 18, 18, .04);
}

.lp-heading-slogan-light {
    background: rgba(255, 255, 255, .1);
    border-color: rgba(255, 255, 255, .22);
    color: #fff;
}

.lp-heading-slogan-bef {
    padding: 2px 10px;
    background: var(--lp-ink-2);
    color: #fff;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
}

.lp-heading-slogan-aft {
    font-size: 14px;
    font-weight: 500;
    color: var(--lp-ink-2);
}

.lp-heading-slogan-light .lp-heading-slogan-aft {
    color: #fff;
}

.lp-heading-slogan svg {
    width: 14px;
    height: 14px;
    flex: 0 0 auto;
}

/* Kicker (used in dialog and small places) */
.lp-kicker {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    margin-bottom: 1rem;
    padding: .35rem .65rem;
    border: 1px solid rgba(122, 90, 248, .18);
    border-radius: 999px;
    color: var(--lp-secondary);
    background: rgba(122, 90, 248, .08);
}

/* =============================================================
   BUTTONS
   ============================================================= */
.lp-btn,
.lp-button {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 9px 24px;
    border: 1px solid transparent;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    cursor: pointer;
    transition: background-color 200ms var(--lp-ease),
        border-color 200ms var(--lp-ease),
        color 200ms var(--lp-ease),
        transform 200ms var(--lp-ease);
}

.lp-btn svg,
.lp-button svg {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
    transition: transform 200ms var(--lp-ease);
}

.lp-btn:hover svg,
.lp-button:hover svg {
    transform: translateX(2px);
}

.lp-btn-block {
    width: 100%;
}

.lp-btn-primary {
    color: #fff;
    border-color: var(--lp-ink-2);
    background: var(--lp-ink-2);
}

.lp-btn-primary:hover {
    color: var(--lp-ink-2);
    background: var(--lp-secondary-3);
    border-color: var(--lp-secondary-3);
}

.lp-btn-light {
    color: var(--lp-ink-2);
    background: #fff;
    border-color: #fff;
}

.lp-btn-light:hover {
    background: var(--lp-secondary-3);
    border-color: var(--lp-secondary-3);
}

.lp-btn-outline {
    color: var(--lp-ink-2);
    border-color: var(--lp-line-2);
    background: #fff;
}

.lp-btn-outline:hover {
    color: var(--lp-secondary);
    border-color: var(--lp-secondary);
    background: var(--lp-secondary-soft);
}

.lp-btn-ghost {
    color: var(--lp-ink-2);
    border-color: transparent;
    background: transparent;
}

.lp-btn-ghost:hover {
    color: var(--lp-secondary);
    background: var(--lp-secondary-soft);
}

.lp-btn-ghost-light {
    color: #fff;
    border-color: rgba(255, 255, 255, .25);
    background: transparent;
}

.lp-btn-ghost-light:hover {
    background: rgba(255, 255, 255, .12);
    border-color: rgba(255, 255, 255, .35);
}

.lp-button-dialog {
    width: 100%;
    color: #fff;
    border: 0;
    background: var(--lp-ink-2);
    cursor: pointer;
}

.lp-button-dialog:hover {
    background: #303340;
}

.lp-btn-text {
    color: inherit;
    font: inherit;
}

/* =============================================================
   1. HERO
   ============================================================= */
.lp-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding-top: 76px;
    background: #fff;
}

/* Yellow/orange gradient glow (--ray-color-1: #FBE414, --ray-color-2: #FB6514) */
.lp-hero-glow {
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        radial-gradient(ellipse 60% 50% at 50% 0%, rgba(251, 228, 20, .35), transparent 70%),
        radial-gradient(ellipse 50% 40% at 80% 10%, rgba(251, 101, 20, .25), transparent 70%);
    pointer-events: none;
}

.lp-hero-grid-top,
.lp-hero-grid-bottom {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 0;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    pointer-events: none;
}

.lp-hero-grid-top {
    top: 0;
    height: 262px;
    background-image: radial-gradient(circle at 1px 1px, rgba(24, 29, 39, .06) 1px, transparent 0);
    background-size: 22px 22px;
    opacity: .55;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, .8), transparent);
    -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, .8), transparent);
}

.lp-hero-grid-bottom {
    bottom: 0;
    height: 250px;
    background-image: radial-gradient(circle at 1px 1px, rgba(24, 29, 39, .05) 1px, transparent 0);
    background-size: 22px 22px;
    opacity: .4;
    mask-image: linear-gradient(0deg, rgba(0, 0, 0, .7), transparent);
    -webkit-mask-image: linear-gradient(0deg, rgba(0, 0, 0, .7), transparent);
}

.lp-hero-inner {
    position: relative;
    z-index: 1;
    width: min(100% - 40px, 1240px);
    margin-inline: auto;
    padding-block: 60px 100px;
}

.lp-hero-content {
    position: relative;
    text-align: center;
    max-width: 880px;
    margin: 0 auto;
}

.lp-hero-slogan {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 6px 6px 6px;
    background: #fff;
    border: 1px solid var(--lp-line);
    border-radius: 999px;
    box-shadow: 0 2px 8px rgba(18, 18, 18, .05);
    margin-bottom: 32px;
}

.lp-hero-slogan-bef {
    padding: 4px 12px;
    background: var(--lp-ink-2);
    color: #fff;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
}

.lp-hero-slogan-aft {
    font-size: 14px;
    font-weight: 500;
    color: var(--lp-ink-2);
    padding-right: 8px;
}

.lp-hero-slogan svg {
    width: 14px;
    height: 14px;
    flex: 0 0 auto;
}

.lp-hero-title {
    margin: 0;
    font-family: 'Sora', 'Inter', sans-serif;
    font-size: 84px;
    font-weight: 500;
    line-height: 1.05;
    letter-spacing: -4.2px;
    color: var(--lp-ink-2);
}

.lp-hero-title span {
    background: linear-gradient(120deg, var(--lp-ink-2) 0%, var(--lp-ink-2) 50%, var(--lp-secondary) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.lp-hero-desc {
    max-width: 560px;
    margin: 28px auto 0;
    color: var(--lp-text);
    font-size: 17px;
    line-height: 1.7;
}

.lp-hero-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
    margin-top: 40px;
}

/* Floating decorative icons around hero */
.lp-hero-float {
    position: absolute;
    pointer-events: none;
    z-index: 0;
    animation: lp-float 6s ease-in-out infinite;
}

.lp-hero-float img {
    width: 100%;
    height: auto;
}

.lp-hero-float-1 {
    width: 236px;
    top: 80px;
    left: -40px;
}

.lp-hero-float-2 {
    width: 230px;
    top: 100px;
    right: -50px;
    animation-delay: .4s;
}

.lp-hero-float-3 {
    width: 206px;
    top: 320px;
    left: -20px;
    animation-delay: .8s;
}

.lp-hero-float-4 {
    width: 230px;
    top: 340px;
    right: -30px;
    animation-delay: 1.2s;
}

@keyframes lp-float {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-14px) rotate(-2deg); }
}

.lp-hero-image {
    position: relative;
    z-index: 1;
    margin: 80px auto 0;
    max-width: 1110px;
    border-radius: var(--lp-radius-lg);
    overflow: hidden;
    box-shadow: 0 40px 80px rgba(18, 18, 18, .12), 0 8px 24px rgba(18, 18, 18, .06);
    transform: perspective(1200px) rotateX(8deg);
    transition: transform .6s var(--lp-ease);
}

.lp-hero-image img {
    width: 100%;
    height: auto;
    display: block;
}

/* =============================================================
   2. SEE IN ACTION / FEATURE GRID
   ============================================================= */
.lp-action {
    background: var(--lp-paper);
}

.lp-feature-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.lp-feature-item {
    padding: 28px;
    background: var(--lp-paper);
    border: 1px solid var(--lp-line);
    border-radius: var(--lp-radius-lg);
    transition: transform 280ms var(--lp-ease), box-shadow 280ms var(--lp-ease);
}

.lp-feature-item:hover {
    transform: translateY(-4px);
    box-shadow: var(--lp-shadow-lg);
}

.lp-feature-image {
    margin: 0 0 24px;
    border-radius: var(--lp-radius);
    overflow: hidden;
    background: var(--lp-paper-2);
    aspect-ratio: 16 / 11;
}

.lp-feature-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lp-feature-name {
    margin: 0 0 10px;
    font-family: 'Sora', 'Inter', sans-serif;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -.8px;
    color: var(--lp-ink-2);
}

.lp-feature-text {
    margin: 0;
    color: var(--lp-text);
    font-size: 15px;
    line-height: 1.65;
}

/* =============================================================
   3. WHY (Benefits grid)
   ============================================================= */
.lp-why {
    background: var(--lp-paper-2);
}

.lp-why-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    background: var(--lp-line);
    border: 1px solid var(--lp-line);
    border-radius: var(--lp-radius-lg);
    overflow: hidden;
}

.lp-why-item {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 36px 32px;
    background: var(--lp-paper);
    transition: background 240ms var(--lp-ease);
}

.lp-why-item:hover {
    background: var(--lp-secondary-soft);
}

.lp-why-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 14px;
    background: var(--lp-secondary-2);
}

.lp-why-icon img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.lp-why-item h3 {
    margin: 0;
    font-family: 'Sora', 'Inter', sans-serif;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -.8px;
    color: var(--lp-ink-2);
}

.lp-why-item p {
    margin: 0;
    color: var(--lp-text);
    font-size: 15px;
    line-height: 1.65;
}

/* =============================================================
   4. TRUSTED + TESTIMONIALS
   ============================================================= */
.lp-trusted {
    background: var(--lp-paper);
}

.lp-trusted-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    margin-bottom: 60px;
    background: var(--lp-line);
    border: 1px solid var(--lp-line);
    border-radius: var(--lp-radius-lg);
    overflow: hidden;
}

.lp-trusted-cell {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 36px 28px;
    background: var(--lp-paper);
    text-align: center;
}

.lp-trusted-num {
    font-family: 'Sora', 'Inter', sans-serif;
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -1.6px;
    color: var(--lp-ink-2);
}

.lp-trusted-label {
    font-size: 14px;
    color: var(--lp-text);
}

.lp-testimonials-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.lp-testimonial {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 32px;
    background: var(--lp-paper);
    border: 1px solid var(--lp-line);
    border-radius: var(--lp-radius-lg);
    transition: transform 240ms var(--lp-ease), box-shadow 240ms var(--lp-ease);
}

.lp-testimonial:hover {
    transform: translateY(-3px);
    box-shadow: var(--lp-shadow-lg);
}

.lp-testimonial-stars {
    display: flex;
    align-items: center;
    gap: 3px;
    width: max-content;
    color: #f59e0b;
}

.lp-testimonial-stars svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
    stroke: currentColor;
}

.lp-testimonial-quote {
    margin: 0;
    font-size: 16px;
    line-height: 1.65;
    color: var(--lp-ink-2);
}

.lp-testimonial-author {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: auto;
}

.lp-testimonial-avatar {
    width: 48px !important;
    height: 48px !important;
    border-radius: 50%;
    object-fit: cover;
}

.lp-testimonial-author strong {
    display: block;
    font-size: 15px;
    color: var(--lp-ink-2);
}

.lp-testimonial-author span {
    display: block;
    font-size: 13px;
    color: var(--lp-text);
}

/* =============================================================
   5. PRICING
   ============================================================= */
.lp-pricing {
    background: var(--lp-paper-2);
}

.lp-pricing-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    align-items: stretch;
}

.lp-price-card {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 36px 32px;
    background: var(--lp-paper);
    border: 1px solid var(--lp-line);
    border-radius: var(--lp-radius-lg);
    transition: transform 280ms var(--lp-ease), box-shadow 280ms var(--lp-ease);
}

.lp-price-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--lp-shadow);
}

.lp-price-card-featured {
    background: linear-gradient(180deg, #181D27 0%, #1F1B3D 100%);
    border-color: transparent;
    color: #fff;
    box-shadow: 0 24px 60px rgba(24, 29, 39, .25);
}

.lp-price-badge {
    position: absolute;
    top: -14px;
    left: 32px;
    padding: 6px 14px;
    background: var(--lp-secondary);
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    border-radius: 999px;
}

.lp-price-name {
    margin: 0 0 8px;
    font-family: 'Sora', 'Inter', sans-serif;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: -.8px;
    color: var(--lp-ink-2);
}

.lp-price-card-featured .lp-price-name {
    color: #fff;
}

.lp-price-desc {
    margin: 0 0 24px;
    color: var(--lp-text);
    font-size: 14px;
    line-height: 1.55;
}

.lp-price-card-featured .lp-price-desc {
    color: rgba(255, 255, 255, .7);
}

.lp-price-amount {
    display: flex;
    align-items: baseline;
    gap: 4px;
    margin: 0 0 28px;
    font-family: 'Sora', 'Inter', sans-serif;
    color: var(--lp-ink-2);
}

.lp-price-card-featured .lp-price-amount {
    color: #fff;
}

.lp-price-currency {
    font-size: 22px;
    font-weight: 500;
    align-self: flex-start;
    margin-top: 8px;
    color: var(--lp-muted);
}

.lp-price-card-featured .lp-price-currency {
    color: rgba(255, 255, 255, .65);
}

.lp-price-value {
    font-size: 64px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -2px;
}

.lp-price-period {
    font-size: 14px;
    font-weight: 500;
    color: var(--lp-muted);
    margin-left: 4px;
}

.lp-price-card-featured .lp-price-period {
    color: rgba(255, 255, 255, .55);
}

.lp-price-list {
    list-style: none;
    padding: 0;
    margin: 0 0 32px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.lp-price-list li {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 0;
    font-size: 14px;
    color: var(--lp-ink-2);
    border-bottom: 1px solid var(--lp-line);
}

.lp-price-list li:last-child {
    border-bottom: 0;
}

.lp-price-card-featured .lp-price-list li {
    color: rgba(255, 255, 255, .88);
    border-color: rgba(255, 255, 255, .08);
}

.lp-price-list svg {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
    color: var(--lp-secondary);
}

.lp-price-card-featured .lp-price-list svg {
    color: #B6A1FF;
}

.lp-price-card-featured .lp-btn-primary {
    background: #fff;
    color: var(--lp-ink-2);
    border-color: #fff;
}

.lp-price-card-featured .lp-btn-primary:hover {
    background: var(--lp-secondary-3);
    border-color: var(--lp-secondary-3);
}

/* =============================================================
   6. FAQ
   ============================================================= */
.lp-faq {
    background: var(--lp-paper);
}

.lp-faq-grid {
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    gap: 60px;
    align-items: start;
}

.lp-faq-head {
    position: sticky;
    top: 110px;
    text-align: left;
}

.lp-faq-head .lp-section-head {
    margin: 0;
    text-align: left;
    max-width: 100%;
}

.lp-faq-head .lp-section-title {
    margin: 16px 0 18px;
}

.lp-faq-head .lp-section-sub {
    margin: 0;
    text-align: left;
    max-width: 420px;
}

.lp-faq-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.lp-faq-item {
    background: var(--lp-paper);
    border: 1px solid var(--lp-line);
    border-radius: var(--lp-radius);
    overflow: hidden;
    transition: border-color 240ms var(--lp-ease), box-shadow 240ms var(--lp-ease);
}

.lp-faq-item.is-open {
    border-color: var(--lp-secondary);
    box-shadow: 0 8px 24px rgba(122, 90, 248, .08);
}

.lp-faq-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 22px 26px;
    color: var(--lp-ink-2);
    background: transparent;
    border: 0;
    font: inherit;
    font-family: 'Sora', 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
    letter-spacing: -.4px;
}

.lp-faq-question svg {
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    margin-left: 12px;
    color: var(--lp-muted);
    transition: transform 280ms var(--lp-ease), color 200ms var(--lp-ease);
}

.lp-faq-item.is-open .lp-faq-question svg {
    transform: rotate(180deg);
    color: var(--lp-secondary);
}

.lp-faq-answer {
    padding: 0 26px 24px;
    color: var(--lp-text);
    font-size: 15px;
    line-height: 1.7;
}

.lp-faq-answer p {
    margin: 0;
}

/* =============================================================
   7. CTA
   ============================================================= */
.lp-cta {
    padding-block: clamp(40px, 5vw, 60px) clamp(80px, 10vw, 140px);
}

.lp-cta-card {
    position: relative;
    isolation: isolate;
    padding: clamp(56px, 7vw, 96px) clamp(28px, 5vw, 60px);
    color: #fff;
    text-align: center;
    background: #181D27;
    border-radius: var(--lp-radius-xl);
    overflow: hidden;
}

.lp-cta-glow {
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        radial-gradient(ellipse 60% 80% at 50% 100%, rgba(122, 90, 248, .55), transparent 70%),
        radial-gradient(ellipse 40% 50% at 20% 20%, rgba(251, 101, 20, .25), transparent 70%),
        radial-gradient(ellipse 40% 50% at 80% 30%, rgba(122, 90, 248, .35), transparent 70%);
}

.lp-cta-content {
    position: relative;
    z-index: 1;
    max-width: 720px;
    margin: 0 auto;
}

.lp-cta-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
    margin-top: 36px;
}

/* =============================================================
   FOOTER
   ============================================================= */
.lp-footer {
    padding-top: 80px;
    color: rgba(255, 255, 255, .78);
    background: #0F131C;
}

.lp-footer-grid {
    display: grid;
    grid-template-columns: 1.3fr 2fr;
    gap: clamp(40px, 6vw, 90px);
    padding-bottom: 60px;
}

.lp-footer-brand .lp-brand {
    color: #fff;
}

.lp-footer-logo {
    width: min(30vw, 130px);
    max-width: 130px !important;
    height: auto !important;
    filter: brightness(0) invert(1);
}

.lp-footer-brand p {
    margin: 22px 0 0;
    color: rgba(255, 255, 255, .55);
    font-size: 14px;
    line-height: 1.7;
    max-width: 360px;
}

.lp-footer-cols {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}

.lp-footer-cols h4 {
    margin: 0 0 18px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.lp-footer-cols a {
    display: block;
    padding: 6px 0;
    color: rgba(255, 255, 255, .55);
    font-size: 14px;
    transition: color 160ms ease;
}

.lp-footer-cols a:hover {
    color: #fff;
}

.lp-footer-minimal {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: 22px 0;
    color: rgba(255, 255, 255, .42);
    border-top: 1px solid rgba(255, 255, 255, .08);
    font-size: 12px;
}

/* =============================================================
   REVEAL
   ============================================================= */
[data-reveal] {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .8s var(--lp-ease), transform .8s var(--lp-ease);
}

[data-reveal].is-visible {
    opacity: 1;
    transform: none;
}

.lp-page a:focus-visible,
.lp-page button:focus-visible {
    outline: 2px solid var(--lp-secondary);
    outline-offset: 4px;
}

/* =============================================================
   RESPONSIVE
   ============================================================= */
@media (max-width: 980px) {
    .lp-feature-grid,
    .lp-why-grid,
    .lp-testimonials-grid,
    .lp-pricing-grid,
    .lp-trusted-row {
        grid-template-columns: repeat(2, 1fr);
    }

    .lp-faq-grid,
    .lp-footer-grid {
        grid-template-columns: 1fr;
    }

    .lp-faq-head {
        position: static;
        text-align: center;
    }

    .lp-faq-head .lp-section-head {
        text-align: center;
    }

    .lp-faq-head .lp-section-sub {
        text-align: center;
        margin-inline: auto;
    }

    .lp-why-grid {
        background: var(--lp-paper-2);
    }
}

@media (max-width: 780px) {
    .lp-shell,
    .lp-hero-inner {
        width: min(100% - 28px, 1240px);
    }

    .lp-nav-inner {
        height: 66px;
    }

    .lp-nav {
        height: 66px;
    }

    .lp-nav-links {
        display: none;
    }

    .lp-menu-button {
        display: grid;
    }

    .lp-nav-actions {
        gap: 9px;
    }

    .lp-nav-cta {
        padding: 8px 16px;
        font-size: 13px;
    }

    .lp-login {
        font-size: 12px;
    }

    .lp-hero {
        padding-top: 66px;
    }

    .lp-hero-inner {
        padding-block: 40px 60px;
    }

    .lp-hero-title {
        font-size: clamp(40px, 10vw, 56px);
        letter-spacing: -2.4px;
    }

    .lp-hero-desc {
        font-size: 15px;
    }

    .lp-hero-float {
        display: none;
    }

    .lp-section-title {
        font-size: clamp(36px, 9vw, 52px);
        letter-spacing: -1.8px;
    }

    .lp-section {
        padding-block: 70px;
    }

    .lp-section-head {
        margin-bottom: 40px;
    }

    .lp-feature-grid,
    .lp-why-grid,
    .lp-testimonials-grid,
    .lp-pricing-grid,
    .lp-trusted-row {
        grid-template-columns: 1fr;
    }

    .lp-feature-image {
        aspect-ratio: 16 / 10;
    }

    .lp-trusted-row,
    .lp-pricing-grid {
        gap: 1px;
    }

    .lp-footer-cols {
        grid-template-columns: 1fr 1fr;
        gap: 24px;
    }

    .lp-footer-minimal {
        flex-direction: column;
        text-align: center;
        gap: 8px;
    }

    .lp-cta-actions {
        flex-direction: column;
    }
}

@media (max-width: 480px) {
    .lp-footer-cols {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .lp-page *,
    .lp-page *::before,
    .lp-page *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }

    [data-reveal] {
        opacity: 1;
        transform: none;
    }

    .lp-hero-float {
        animation: none;
    }
}

/* =============================================================
   REFINED LANDING LAYOUT
   A quieter hierarchy with fewer decorative layers.
   ============================================================= */
.lp-page {
    background: #fff;
    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.lp-shell,
.lp-hero-inner {
    width: min(calc(100% - 48px), 1180px);
}

.lp-nav {
    height: 72px;
    color: var(--lp-ink-2);
    border-bottom: 1px solid transparent;
}

.lp-nav.is-scrolled,
.lp-nav.menu-open {
    background: rgba(255, 255, 255, .94);
    border-bottom-color: var(--lp-line);
    box-shadow: none;
}

.lp-nav-inner {
    height: 72px;
    gap: 24px;
}

.lp-nav-logo {
    max-width: 112px !important;
    filter: none;
}

.lp-nav.is-scrolled .lp-nav-logo,
.lp-nav.menu-open .lp-nav-logo {
    filter: none;
}

.lp-nav-links {
    gap: 26px;
    margin-right: 14px;
}

.lp-nav-links a,
.lp-login {
    opacity: 1;
    color: #525866;
}

.lp-nav-links a:hover,
.lp-login:hover {
    color: var(--lp-ink-2);
}

.lp-nav-actions {
    gap: 18px;
}

.lp-page .lp-nav-cta,
.lp-nav.is-scrolled .lp-nav-cta,
.lp-nav.menu-open .lp-nav-cta {
    min-height: 40px;
    padding: 8px 16px;
    color: #fff;
    background: var(--lp-ink-2);
    border-color: var(--lp-ink-2);
    border-radius: 9px;
}

.lp-page .lp-nav-cta:hover,
.lp-nav.is-scrolled .lp-nav-cta:hover,
.lp-nav.menu-open .lp-nav-cta:hover {
    color: #fff;
    background: #303642;
    border-color: #303642;
}

.lp-section {
    padding-block: clamp(76px, 8vw, 108px);
}

.lp-section-head {
    max-width: 680px;
    margin-bottom: 48px;
}

.lp-section-title,
.lp-hero-title,
.lp-feature-name,
.lp-why-item h3,
.lp-trusted-num,
.lp-price-name,
.lp-price-amount,
.lp-faq-question {
    font-family: inherit;
}

.lp-section-title {
    margin: 12px 0 14px;
    font-size: clamp(38px, 4.25vw, 52px);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -.045em;
}

.lp-section-sub {
    max-width: 540px;
    font-size: 16px;
    line-height: 1.65;
}

.lp-heading-slogan,
.lp-hero-slogan {
    gap: 5px;
    margin-bottom: 0;
    padding: 0;
    color: var(--lp-secondary);
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.lp-heading-slogan-bef,
.lp-hero-slogan-bef,
.lp-heading-slogan-aft,
.lp-hero-slogan-aft {
    padding: 0;
    color: inherit;
    background: transparent;
    border-radius: 0;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.4;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.lp-heading-slogan svg,
.lp-hero-slogan svg {
    display: none;
}

.lp-btn,
.lp-button {
    min-height: 46px;
    padding: 10px 19px;
    border-radius: 9px;
    font-size: 14px;
    font-weight: 600;
}

.lp-page .lp-btn-primary {
    color: #fff;
}

.lp-page .lp-btn-primary:hover {
    color: #fff;
    background: #303642;
    border-color: #303642;
}

.lp-page .lp-btn-light {
    color: var(--lp-ink-2);
}

.lp-page .lp-btn-outline {
    color: var(--lp-ink-2);
}

.lp-page .lp-btn-ghost {
    color: var(--lp-ink-2);
    border-color: var(--lp-line-2);
    background: rgba(255, 255, 255, .72);
}

.lp-page .lp-btn-ghost:hover {
    color: var(--lp-ink-2);
    border-color: #aeb2ba;
    background: #fff;
}

.lp-hero {
    padding-top: 72px;
    background: #fafafe;
    border-bottom: 1px solid #efeff4;
}

.lp-hero-glow {
    inset: 0 0 auto;
    height: 560px;
    background:
        radial-gradient(ellipse 52% 58% at 50% -10%, rgba(122, 90, 248, .16), transparent 72%),
        radial-gradient(ellipse 34% 44% at 82% 4%, rgba(251, 101, 20, .09), transparent 72%);
}

.lp-hero-inner {
    padding-block: 78px 88px;
}

.lp-hero-content {
    max-width: 850px;
}

.lp-hero-slogan {
    margin-bottom: 20px;
}

.lp-hero-title {
    max-width: 840px;
    margin-inline: auto;
    font-size: clamp(52px, 6vw, 76px);
    font-weight: 600;
    line-height: 1.03;
    letter-spacing: -.06em;
}

.lp-hero-title span {
    color: var(--lp-ink-2);
    background: none;
    -webkit-text-fill-color: currentColor;
}

.lp-hero-desc {
    max-width: 590px;
    margin-top: 22px;
    font-size: 17px;
    line-height: 1.65;
}

.lp-hero-actions {
    gap: 10px;
    margin-top: 30px;
}

.lp-hero-image {
    max-width: 1060px;
    margin-top: 58px;
    padding: 8px;
    background: rgba(255, 255, 255, .8);
    border: 1px solid rgba(24, 29, 39, .12);
    border-radius: 18px;
    box-shadow: 0 24px 64px rgba(24, 29, 39, .12);
    transform: none;
}

.lp-hero-image img {
    border-radius: 11px;
}

.lp-action {
    background: #fff;
}

.lp-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.lp-feature-item {
    padding: 18px 18px 24px;
    border-color: #e5e6eb;
    border-radius: 16px;
    box-shadow: 0 1px 2px rgba(18, 18, 18, .025);
}

.lp-feature-item:hover,
.lp-testimonial:hover,
.lp-price-card:hover {
    transform: none;
    box-shadow: 0 8px 26px rgba(24, 29, 39, .07);
}

.lp-feature-image {
    margin-bottom: 22px;
    border: 1px solid #eeeef2;
    border-radius: 11px;
    aspect-ratio: 16 / 9;
}

.lp-feature-name,
.lp-why-item h3 {
    font-size: 19px;
    font-weight: 600;
    letter-spacing: -.025em;
}

.lp-feature-name,
.lp-feature-text {
    margin-right: 8px;
    margin-left: 8px;
}

.lp-feature-text,
.lp-why-item p {
    font-size: 14px;
    line-height: 1.65;
}

.lp-why,
.lp-pricing {
    background: #f7f7fa;
}

.lp-why-grid {
    gap: 1px;
    background: #dedfe5;
    border-color: #dedfe5;
    border-radius: 16px;
}

.lp-why-item {
    gap: 10px;
    min-height: 168px;
    padding: 30px;
}

.lp-why-item:hover {
    background: #fff;
}

.lp-trusted-row {
    margin-bottom: 28px;
    background: transparent;
    border: 1px solid #e3e4e9;
    border-radius: 16px;
}

.lp-trusted-cell {
    gap: 8px;
    padding: 30px 20px;
    border-right: 1px solid #e3e4e9;
}

.lp-trusted-cell:last-child {
    border-right: 0;
}

.lp-trusted-num {
    font-size: clamp(32px, 3.2vw, 42px);
    font-weight: 600;
    letter-spacing: -.045em;
}

.lp-testimonials-grid,
.lp-pricing-grid {
    gap: 18px;
}

.lp-testimonial,
.lp-price-card {
    padding: 28px;
    border-radius: 16px;
}

.lp-testimonial-stars {
    width: max-content;
}

.lp-testimonial-quote {
    font-size: 15px;
}

.lp-price-card-featured {
    color: var(--lp-ink-2);
    background: #fff;
    border: 2px solid var(--lp-ink-2);
    box-shadow: none;
}

.lp-price-card-featured .lp-price-name,
.lp-price-card-featured .lp-price-amount,
.lp-price-card-featured .lp-price-list li {
    color: var(--lp-ink-2);
}

.lp-price-card-featured .lp-price-desc,
.lp-price-card-featured .lp-price-currency,
.lp-price-card-featured .lp-price-period {
    color: var(--lp-text);
}

.lp-price-card-featured .lp-price-list li {
    border-color: var(--lp-line);
}

.lp-price-badge {
    top: 18px;
    right: 18px;
    left: auto;
    color: var(--lp-secondary);
    background: var(--lp-secondary-soft);
}

.lp-price-name {
    font-size: 24px;
    font-weight: 600;
}

.lp-price-value {
    font-size: clamp(38px, 3.5vw, 48px);
}

.lp-price-amount {
    flex-wrap: wrap;
    margin-bottom: 22px;
}

.lp-price-currency {
    font-size: 14px;
    font-weight: 600;
    margin-top: 7px;
}

.lp-price-period {
    margin-left: 0;
}

.lp-price-meta {
    display: grid;
    gap: 0;
    margin: 0 0 20px;
    padding: 0;
    border-block: 1px solid var(--lp-line);
}

.lp-price-meta > div {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 18px;
    padding: 11px 0;
}

.lp-price-meta > div + div {
    border-top: 1px solid var(--lp-line);
}

.lp-price-meta dt {
    color: var(--lp-text);
    font-size: 12px;
}

.lp-price-meta dd {
    margin: 0;
    color: var(--lp-ink-2);
    font-size: 12px;
    font-weight: 600;
    text-align: right;
}

.lp-price-list li {
    padding: 10px 0;
}

.lp-page .lp-price-card-featured .lp-btn-primary {
    color: #fff;
    background: var(--lp-ink-2);
    border-color: var(--lp-ink-2);
}

.lp-faq-grid {
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
    gap: 72px;
}

.lp-faq-item {
    border-radius: 11px;
}

.lp-faq-item.is-open {
    border-color: #c9cbd2;
    box-shadow: none;
}

.lp-faq-question {
    padding: 20px 22px;
    font-size: 16px;
    font-weight: 600;
}

.lp-faq-answer {
    padding: 0 22px 20px;
    font-size: 14px;
}

.lp-cta {
    padding-block: 24px 96px;
}

.lp-cta-card {
    padding: clamp(56px, 7vw, 84px) 28px;
    border-radius: 24px;
}

.lp-cta-glow {
    opacity: .62;
    background: radial-gradient(ellipse 55% 100% at 50% 120%, rgba(122, 90, 248, .72), transparent 70%);
}

.lp-cta-content {
    max-width: 650px;
}

.lp-cta-actions {
    margin-top: 30px;
}

.lp-footer {
    padding-top: 60px;
}

.lp-footer-grid {
    grid-template-columns: minmax(260px, 1fr) auto;
    align-items: start;
    padding-bottom: 48px;
}

.lp-footer-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px 26px;
    padding-top: 4px;
}

.lp-footer-links a {
    color: rgba(255, 255, 255, .62);
    font-size: 14px;
    transition: color 160ms ease;
}

.lp-footer-links a:hover {
    color: #fff;
}

[data-reveal] {
    transform: translateY(14px);
    transition-duration: .6s;
}

@media (max-width: 980px) {
    .lp-feature-grid,
    .lp-why-grid,
    .lp-testimonials-grid,
    .lp-pricing-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lp-pricing-grid > :last-child,
    .lp-testimonials-grid > :last-child {
        grid-column: 1 / -1;
    }

    .lp-faq-grid,
    .lp-footer-grid {
        grid-template-columns: 1fr;
        gap: 42px;
    }

    .lp-footer-links {
        justify-content: flex-start;
    }
}

@media (max-width: 780px) {
    .lp-shell,
    .lp-hero-inner {
        width: min(calc(100% - 32px), 1180px);
    }

    .lp-nav,
    .lp-nav-inner {
        height: 64px;
    }

    .lp-nav-cta {
        display: none;
    }

    .lp-nav-drawer-cta {
        display: inline-flex;
    }

    .lp-menu-button {
        width: 38px;
        height: 38px;
        border-color: #d2d4da;
        border-radius: 9px;
    }

    .lp-hero {
        padding-top: 64px;
    }

    .lp-hero-inner {
        padding-block: 60px 64px;
    }

    .lp-hero-title {
        font-size: clamp(42px, 12vw, 58px);
        letter-spacing: -.055em;
    }

    .lp-hero-title br {
        display: block;
    }

    .lp-hero-image {
        margin-top: 44px;
        padding: 5px;
        border-radius: 13px;
        box-shadow: 0 16px 40px rgba(24, 29, 39, .1);
    }

    .lp-section {
        padding-block: 68px;
    }

    .lp-section-title {
        font-size: clamp(34px, 9.5vw, 44px);
    }

    .lp-feature-grid,
    .lp-why-grid,
    .lp-testimonials-grid,
    .lp-pricing-grid,
    .lp-trusted-row {
        grid-template-columns: 1fr;
    }

    .lp-pricing-grid > :last-child,
    .lp-testimonials-grid > :last-child {
        grid-column: auto;
    }

    .lp-trusted-cell {
        border-right: 0;
        border-bottom: 1px solid #e3e4e9;
    }

    .lp-trusted-cell:last-child {
        border-bottom: 0;
    }

    .lp-why-item {
        min-height: auto;
    }

    .lp-footer-minimal {
        align-items: flex-start;
        text-align: left;
    }
}

@media (max-width: 480px) {
    .lp-hero-actions,
    .lp-cta-actions {
        align-items: stretch;
    }

    .lp-hero-actions .lp-btn,
    .lp-cta-actions .lp-btn {
        width: 100%;
    }

    .lp-footer-links {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}