/* ==========================================================
   BASE — scoped to .landing-v3
   Container, buttons, scroll indicator
   ========================================================== */

.landing-v3 {
    font-family: var(--font-body);
    color: var(--black);
    background: var(--white);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

.landing-v3 a { color: inherit; text-decoration: none; }
.landing-v3 img { display: block; max-width: 100%; }
.landing-v3 button { cursor: pointer; border: none; font-family: inherit; }

/* ========== CONTAINER ========== */
.landing-v3 .container {
    max-width: var(--max-content);
    margin: 0 auto;
    padding-left: var(--side-pad);
    padding-right: var(--side-pad);
}

/* ========== BUTTONS ========== */
.landing-v3 .btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: var(--blue);
    color: var(--white);
    font-weight: 600;
    font-size: 26px;
    line-height: 1;
    white-space: nowrap;
    padding: 18px 40px;
    border-radius: 10px;
    border: 3px solid var(--white);
    transition: background 0.2s, transform 0.15s;
}
.landing-v3 .btn-primary:hover {
    background: var(--blue-deep);
    transform: translateY(-2px);
}
.landing-v3 .btn-primary__arrow {
    display: inline-block;
    width: 20px;
    height: 20px;
    transform: rotate(-90deg);
    filter: brightness(0) invert(1);
    transition: transform 0.2s;
}
.landing-v3 .btn-primary:hover .btn-primary__arrow { transform: rotate(-90deg) translateY(-4px); }
.landing-v3 .btn-primary--on-white {
    border-color: var(--blue);
}

/* ========== SCROLL INDICATOR ========== */
.landing-v3 .scroll-indicator {
    position: fixed;
    top: 0;
    left: 0;
    height: 3px;
    background: var(--blue);
    z-index: 1000;
    transition: width 0.1s;
}

/* ========== REDUCED MOTION ========== */
@media (prefers-reduced-motion: reduce) {
    .landing-v3 .btn-primary,
    .landing-v3 .btn-primary__arrow {
        transition: none;
    }
}