/* Landing page — modern, quiet, one message and one action. */
body.landing{max-width:none;padding:0;-webkit-font-smoothing:antialiased}

.lnav{display:flex;align-items:center;gap:14px;padding:18px 32px;
border-bottom:1px solid var(--line)}
.lnav .sp{flex:1}
.lnav .brand{font-size:17px;font-weight:650;letter-spacing:-.02em;
color:var(--fg);text-decoration:none}
.lnav .login{color:var(--fg);text-decoration:none;font-size:14px;font-weight:550;
padding:8px 18px;border:1px solid var(--line);border-radius:8px;transition:background .15s}
.lnav .login:hover{background:var(--card)}

.hero{max-width:780px;margin:0 auto;padding:132px 32px 96px}
.hero h1{font-size:clamp(38px,6vw,60px);line-height:1.06;letter-spacing:-.035em;
font-weight:600;margin:0 0 26px}
.lede{font-size:clamp(16px,1.8vw,18.5px);line-height:1.6;color:var(--mut);
max-width:560px;margin:0 0 40px}
.cta{display:inline-block;background:var(--fg);color:var(--bg);text-decoration:none;
padding:14px 32px;font-size:15px;font-weight:600;border-radius:10px;
letter-spacing:-.01em;transition:opacity .15s}
.cta:hover{opacity:.86}

.outcomes{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
gap:44px;max-width:980px;margin:0 auto;padding:72px 32px 96px;
border-top:1px solid var(--line)}
.outcomes h2{font-size:16px;font-weight:600;letter-spacing:-.015em;margin:0 0 8px}
.outcomes p{color:var(--mut);font-size:14.5px;line-height:1.62;margin:0}

.lfoot{display:flex;justify-content:space-between;align-items:center;gap:16px;
flex-wrap:wrap;max-width:980px;margin:0 auto;padding:28px 32px 56px;
border-top:1px solid var(--line);font-size:13px}
.lfoot span:first-child{font-weight:600;letter-spacing:-.02em}
.lfoot .tld{font-size:.72em}

@media(max-width:640px){
  .lnav{padding:16px 22px}
  .hero{padding:76px 22px 64px}
  .outcomes{padding:56px 22px 72px;gap:34px}
  .lfoot{padding:26px 22px 44px}
}