*{box-sizing:border-box}
body.lp{margin:0;font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#1b2430;background:#fff;min-height:100vh;display:flex}
.lp-main{margin:auto;padding:2rem 1rem;max-width:640px;width:100%;text-align:center}
.lp-logo{display:block;margin:0 auto 1rem;max-width:min(70vw,260px);max-height:260px;width:auto;height:auto}
.lp-name{font-size:1.6rem;margin:.25rem 0;color:var(--sm-primary,#0b5cad)}
.lp-motto{font-size:1.1rem;font-style:italic;margin:.25rem 0 1.25rem}
.lp-scroll{overflow:hidden;white-space:nowrap;margin:1.25rem 0;border-top:2px solid var(--sm-primary,#0b5cad);border-bottom:2px solid var(--sm-primary,#0b5cad);padding:.5rem 0}
.lp-scroll-text{display:inline-block;padding-left:100%;color:var(--sm-accent,#8a4b00);font-weight:700;animation:lp-marquee 18s linear infinite}
.lp-scroll:hover .lp-scroll-text,.lp-scroll:active .lp-scroll-text,.lp-scroll:focus-within .lp-scroll-text{animation-play-state:paused}
@keyframes lp-marquee{from{transform:translateX(0)}to{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){.lp-scroll{white-space:normal}.lp-scroll-text{animation:none;padding-left:0;display:block}}
.lp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:48px;padding:.5rem 2rem;background:var(--sm-primary,#0b5cad);color:#fff;text-decoration:none;border-radius:6px;font-size:1rem;font-weight:700}
.lp-btn:focus{outline:3px solid #f5a623;outline-offset:2px}

.lp-dir{list-style:none;margin:1rem 0;padding:0;display:grid;gap:.6rem}.lp-dir a{display:flex;align-items:center;gap:.75rem;min-height:56px;padding:.6rem .9rem;border:1px solid #ccd3dc;border-radius:8px;text-decoration:none;color:inherit;background:#fff;text-align:left}.lp-dir img{width:48px;height:48px;object-fit:contain}