.lp{--lp-bg:#fff;--lp-ink:#172333;--lp-muted:#576779;--lp-line:#d9e2ec;--lp-accent:#2459a6;--lp-accent-ink:#fff;--lp-soft:#e4effd;display:flex;flex-direction:column;gap:3.5rem;color:var(--lp-ink)}
.lp h1,.lp h2,.lp h3,.lp p{margin:0}
.lp-hero{text-align:center;padding:3rem 0 1rem;display:flex;flex-direction:column;align-items:center;gap:1.2rem}
.lp-hero h1{font-size:clamp(2.2rem,6vw,3.6rem);line-height:1.1;letter-spacing:-.02em}
.lp-landing{flex:1;position:relative;isolation:isolate;overflow:hidden;justify-content:space-between;gap:2rem}
.lp-landing>.lp-hero{padding-inline:1rem;flex:1;justify-content:center;position:relative;z-index:1}
.lp-slogan{font-size:clamp(1.1rem,2.6vw,1.5rem);color:var(--lp-muted)}
.lp-smoke{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;fill:none;stroke:var(--lp-accent);stroke-width:1;stroke-linecap:round}
.lp-wisp{opacity:.22;vector-effect:non-scaling-stroke;transform-box:fill-box;animation:lp-drift 18s ease-in-out infinite alternate}
.lp-wisp.w2{opacity:.16;animation-duration:23s;animation-delay:-6s}
.lp-wisp.w3{opacity:.2;animation-duration:20s;animation-delay:-11s}
@keyframes lp-drift{from{transform:translateY(-18px)}to{transform:translateY(18px)}}
@media(prefers-reduced-motion:reduce){.lp-wisp{animation:none}}
.lp-lead{max-width:38rem;font-size:1.15rem;line-height:1.6;color:var(--lp-muted)}
.lp-actions{justify-content:center;margin-top:.6rem}
.lp-btn{display:inline-block;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;text-decoration:none;border:1px solid var(--lp-accent)}
.lp-btn-primary{background:var(--lp-accent);color:var(--lp-accent-ink)}
.lp-btn-secondary{background:transparent;color:var(--lp-accent)}
.lp-btn-primary:hover{background:#1b4685;border-color:#1b4685}.lp-btn-secondary:hover{background:var(--lp-soft)}
.lp-btn:focus-visible{outline:3px solid var(--lp-accent);outline-offset:2px}
.lp-icon{width:2.2rem;height:2.2rem;padding:.5rem;box-sizing:border-box;border-radius:10px;background:var(--lp-soft);fill:none;stroke:var(--lp-accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(prefers-color-scheme:dark){
.lp{--lp-bg:#1b2738;--lp-ink:#e8eef6;--lp-muted:#a8b6c7;--lp-line:#2f3f55;--lp-accent:#7fb0f0;--lp-accent-ink:#0f1a2a;--lp-soft:#223652}
.lp-btn-primary:hover{background:#a5c8f5;border-color:#a5c8f5}
}
@media(max-width:600px){.lp{gap:2.5rem}.lp-hero{padding-top:1.5rem}.lp-actions{flex-direction:column;align-self:stretch}.lp-btn{text-align:center}}
.lp-signout{max-width:30rem;margin:2rem auto 0;text-align:center;background:var(--lp-bg);border:1px solid var(--lp-line);border-radius:14px;padding:2.5rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}
.lp-signout h1{font-size:1.8rem;letter-spacing:-.01em}
.lp-signout .lp-lead{font-size:1.05rem}
.lp-icon-lg{width:3.5rem;height:3.5rem;padding:.8rem;border-radius:50%}
.lp-note{font-size:.9rem;color:var(--lp-muted);padding:.7rem 1rem;border-radius:8px;background:var(--lp-soft)}