.landing-page { min-height: 100vh; display: flex; flex-direction: column; }
        .landing-main { flex: 1; display: flex; align-items: center; padding: 3rem 0 4rem; }
        .landing-shell { width: min(1180px, calc(100% - 2rem)); margin: 0 auto; }
        .landing-header { padding: 1rem 0; }
        .brand-mark { display: inline-flex; align-items: center; gap: .75rem; color: var(--text); text-decoration: none; }
        .brand-mark:hover { color: var(--text); }
        .brand-square { display: grid; place-items: center; width: 2.35rem; height: 2.35rem; border: 1px solid var(--border); background: var(--surface); color: var(--link); font-weight: 800; }
        .brand-name { font-size: .9rem; font-weight: 700; letter-spacing: .16em; }
        .landing-layout { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 3.5rem; align-items: center; }
        .landing-nav { border-right: 1px solid var(--border); padding: 1rem 2rem 1rem 0; }
        .landing-nav-label { color: var(--muted); font-size: .7rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
        .landing-nav-item { display: flex; align-items: center; gap: .7rem; margin-top: 1.15rem; color: var(--text); font-size: .9rem; }
        .landing-nav-item.is-active { color: var(--link); font-weight: 600; }
        .landing-nav-dot { width: .45rem; height: .45rem; border-radius: 50%; background: currentColor; }
        .landing-copy { max-width: 680px; }
        .landing-kicker { color: var(--link); font-size: .76rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
        .landing-title { margin: .8rem 0 1rem; color: var(--text); font-size: clamp(2.5rem, 6vw, 5.1rem); font-weight: 700; letter-spacing: -.04em; line-height: .98; }
        .landing-lead { max-width: 570px; margin-bottom: 2rem; color: var(--muted); font-size: 1.08rem; line-height: 1.7; }
        .landing-actions { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }
        .landing-login { display: inline-flex; align-items: center; gap: .7rem; padding: .85rem 1.1rem; border: 1px solid var(--link); background: var(--link); color: #fff; text-decoration: none; font-weight: 600; }
        .landing-login:hover { background: var(--focus); border-color: var(--focus); color: #fff; }
        .landing-login-mark { display: grid; place-items: center; width: 1.45rem; height: 1.45rem; border-radius: 50%; background: #fff; color: var(--link); font-size: .75rem; font-weight: 800; }
        .landing-note { color: var(--muted); font-size: .82rem; }
        .landing-panel { margin-top: 3.5rem; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--border); }
        .landing-stat { padding: 1.25rem 1.25rem 0 0; }
        .landing-stat + .landing-stat { padding-left: 1.25rem; border-left: 1px solid var(--border); }
        .landing-stat strong { display: block; margin-bottom: .35rem; color: var(--text); font-size: .92rem; }
        .landing-stat span { color: var(--muted); font-size: .8rem; line-height: 1.5; }
        .landing-footer { border-top: 1px solid var(--border); padding: 1.25rem 0; color: var(--muted); font-size: .76rem; }
        .landing-footer-inner { display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
        .landing-footer a { color: var(--muted); margin-left: 1rem; }
        .landing-footer a:hover { color: var(--link); }
        @media (max-width: 760px) {
            .landing-main { padding: 2rem 0 3rem; }
            .landing-layout { display: block; }
            .landing-nav { display: flex; gap: 1rem; border-right: 0; border-bottom: 1px solid var(--border); padding: 0 0 1rem; margin-bottom: 3rem; }
            .landing-nav-label { display: none; }
            .landing-nav-item { margin-top: 0; }
            .landing-nav-item:not(.is-active) { display: none; }
            .landing-panel { margin-top: 2.5rem; }
        }
        @media (max-width: 480px) {
            .landing-panel { grid-template-columns: 1fr; }
            .landing-stat, .landing-stat + .landing-stat { padding: 1rem 0; border-left: 0; border-top: 1px solid var(--border); }
            .landing-stat:first-child { border-top: 0; }
            .landing-footer-inner { display: block; }
            .landing-footer nav { margin-top: .75rem; }
            .landing-footer a { margin: 0 1rem 0 0; }
        }