/* Page-specific styling for the public marketing/landing page
   (Views/Landing/Index.cshtml). Loaded via _PublicLayout's optional "Styles"
   section, so it only affects the landing page, not the legal pages.

   Everything structural and chromatic lives in public-theme.css — this file is
   only the couple of layouts that exist nowhere else. */

.landing-split {
    display: grid;
    grid-template-columns: 1.35fr 1fr;
    gap: 48px;
    align-items: start;
}

.landing-split h2 {
    margin-top: 0;
}

.landing-split p {
    color: var(--pb-ink);
}

.landing-facts {
    background: var(--pb-surface);
    border: 1px solid var(--pb-rule);
    border-top: 4px solid var(--pb-accent);
    border-radius: 6px;
    padding: 26px 28px 28px;
}

.landing-checklist {
    list-style: none;
    margin: 0;
    padding: 0;
}

.landing-checklist li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 14px;
    color: var(--pb-ink);
    line-height: 1.55;
}

.landing-checklist li:last-child {
    margin-bottom: 0;
}

/* Drawn with a border rather than a glyph so it renders identically whatever
   fonts are available. */
.landing-checklist li::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 6px;
    width: 12px;
    height: 7px;
    border-left: 2.5px solid var(--pb-accent);
    border-bottom: 2.5px solid var(--pb-accent);
    transform: rotate(-45deg);
}

.landing-contact-line {
    margin: 0 0 6px;
    font-family: var(--pb-display);
    font-size: clamp(1.3rem, 3vw, 1.8rem);
    letter-spacing: 0.02em;
}

.landing-contact-line a {
    color: var(--pb-accent-dark);
}

.landing-legal-line {
    margin: 0;
    color: var(--pb-muted);
    font-size: 0.95rem;
}

@media (max-width: 860px) {
    .landing-split {
        grid-template-columns: 1fr;
        gap: 32px;
    }
}