.header-nav{display:flex;align-items:center;gap:var(--s-4);margin-left:auto;font-size:var(--fs-sm)}.header-nav a{color:var(--c-text-2);text-decoration:none;font-weight:520}.header-nav a:hover{color:var(--c-text)}.header-nav .header-link{color:var(--c-accent)}.landing{max-width:52rem}.hero{padding:var(--s-8) 0 var(--s-7);text-align:center}.hero h2{font-size:clamp(1.75rem,4.5vw,2.75rem);line-height:1.2;letter-spacing:-.02em;margin-bottom:var(--s-4)}.hero .lead{max-width:34rem;margin:0 auto var(--s-6);color:var(--c-text-2);font-size:var(--fs-base);line-height:1.65}.hero-actions{display:flex;justify-content:center;gap:var(--s-3);flex-wrap:wrap;margin-bottom:var(--s-6)}.hero-actions .btn-primary,.hero-actions .btn{width:auto;padding:.625rem 1.25rem;font-size:var(--fs-sm);font-weight:520;border-radius:var(--r-md);text-decoration:none;display:inline-block}.hero-actions .btn-primary{color:var(--c-accent-text);background:var(--c-accent);border:1px solid transparent;box-shadow:var(--sh-sm)}.hero-actions .btn-primary:hover{background:var(--c-accent-hover)}.hero-actions .btn{color:var(--c-text);background:var(--c-surface);border:1px solid var(--c-border-strong)}.hero-actions .btn:hover{background:var(--c-surface-2)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:var(--s-4);margin-bottom:var(--s-7)}.feature{padding:var(--s-5);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--sh-sm)}.feature h3{margin-bottom:var(--s-2);font-size:var(--fs-base);font-weight:600}.feature p{color:var(--c-text-2);font-size:var(--fs-sm);line-height:1.65}.honesty{padding:var(--s-5);margin-bottom:var(--s-6);background:var(--c-surface-2);border-radius:var(--r-lg)}.honesty h3{margin-bottom:var(--s-3);font-size:var(--fs-base)}.honesty p{color:var(--c-text-2);font-size:var(--fs-sm);line-height:1.65}.honesty p+p{margin-top:var(--s-3)}.honesty .note{color:var(--c-text-3);font-size:var(--fs-xs)}.app-footer a{color:var(--c-accent)}@media (max-width: 640px){.hero{padding:var(--s-6) 0 var(--s-5);text-align:left}.hero .lead{margin-inline:0}.hero-actions{justify-content:flex-start}.hero-actions .btn-primary,.hero-actions .btn{flex:1 1 auto;text-align:center}}
