:root{
  --blue:#1272b6; --blue-deep:#0e5a91; --green:#7db63e; --gray:#8f9091;
  --ink:#1f2a33; --muted:#52606b; --line:#dfe6ec; --bg:#ffffff; --tint:#f4f8fb;
}
@media (prefers-color-scheme: dark){ :root{} }
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.65;font-size:17px}
a{color:var(--blue)}
a:focus-visible{outline:3px solid var(--green);outline-offset:3px;border-radius:2px}
.logo{display:block;height:auto}

/* Landing */
.landing{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;position:relative;overflow:hidden}
.landing .logo{width:min(640px,86vw)}
.landing p{margin:28px 0 0;font-size:1.15rem;color:var(--muted);max-width:30ch}
.landing .go{display:inline-block;margin-top:36px;padding:14px 30px;background:var(--blue);color:#fff;text-decoration:none;font-weight:600;border-radius:999px;transition:background .15s}
.landing .go:hover{background:var(--blue-deep)}
.landing .wave{position:absolute;left:0;right:0;bottom:0;width:100%;height:120px;pointer-events:none}

/* Warranty */
.site-header{border-bottom:1px solid var(--line);padding:20px 24px}
.site-header .inner{max-width:880px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}
.site-header .logo{width:180px}
.site-header nav a{font-size:.95rem;text-decoration:none;font-weight:500}
.site-header nav a:hover{text-decoration:underline}
main{max-width:760px;margin:0 auto;padding:56px 24px 80px}
h1{font-size:clamp(2rem,5vw,2.75rem);line-height:1.15;margin:0 0 8px;color:var(--blue)}
.lede{color:var(--muted);margin:0 0 48px}
h2{font-size:1.35rem;line-height:1.3;margin:48px 0 12px;padding-top:24px;border-top:1px solid var(--line)}
h2.first{border-top:0;padding-top:0;margin-top:0}
h3{font-size:1.05rem;margin:28px 0 6px;color:var(--blue-deep)}
p{margin:0 0 16px;max-width:68ch}
ul{margin:0 0 16px;padding-left:1.2em;max-width:68ch}
li{margin-bottom:8px}
.callout{background:var(--tint);border-left:4px solid var(--green);padding:16px 20px;border-radius:0 8px 8px 0;margin:16px 0}
.callout p:last-child{margin:0}
.warn{font-weight:700;color:var(--blue-deep)}
footer{border-top:1px solid var(--line);padding:28px 24px;text-align:center;color:var(--muted);font-size:.9rem}
@media (max-width:520px){.site-header .logo{width:140px} body{font-size:16px}}