/* LandedClear — site-wide styles on top of Bootstrap 5.

   Kept tiny on purpose: Bootstrap handles 95% of layout/spacing/responsive
   behaviour. This file only adds project-specific brand polish that
   Bootstrap utilities can't express directly. */

:root {
    --landedclear-brand: #0d6efd;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Hero headline tightening on small screens — keeps the H1 from wrapping
   awkwardly on phones where the line break in markup is hidden. */
@media (max-width: 575.98px) {
    .hero h1.display-4 {
        font-size: 2.25rem;
        line-height: 1.15;
    }
    .hero p.lead {
        font-size: 1.05rem;
    }
}

/* Sticky nav: slight blur backdrop when scrolled (progressive enhancement,
   silently ignored on browsers that don't support it). */
.navbar.sticky-top {
    backdrop-filter: saturate(180%) blur(8px);
    background-color: rgba(255, 255, 255, 0.92) !important;
}

/* Form polish */
.form-control:focus,
.form-select:focus {
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.15);
    border-color: var(--landedclear-brand);
}

/* Pricing card: lift the highlighted Standard tier slightly */
.card.border-primary {
    transform: translateY(-4px);
}

@media (max-width: 767.98px) {
    .card.border-primary {
        transform: none;
    }
}

/* Footer link hover underline — subtle without being noisy */
footer a:hover {
    text-decoration: underline !important;
}

/* Cookie consent banner — fixed at bottom, dark on light background.
   Shown only on first visit (or until consent is recorded). */
.cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(33, 37, 41, 0.97);
    color: #fff;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    z-index: 1050;
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.15);
}

.cookie-banner a {
    color: #fff;
}