:root{--color-primary: #0172ad;--color-primary-dark: #015887;--color-text: #1a1a1a;--color-text-muted: #555;--color-bg: #fff;--color-border: #d0d0d0;--font-sans: system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "Cascadia Code", monospace;--radius: 6px;--max-width: 960px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.6;animation:page-fadein .35s ease both}body.is-leaving{animation:page-fadeout .2s ease forwards}@keyframes page-fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes page-fadeout{to{opacity:0;transform:translateY(-6px)}}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;gap:.4em;padding:.5rem 1.25rem;border-radius:var(--radius);font-size:.95rem;font-weight:500;cursor:pointer;text-decoration:none;transition:background .15s,color .15s,border-color .15s;border:2px solid transparent}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);text-decoration:none;color:#fff}.btn-outline{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:#fff;text-decoration:none}.btn-large{padding:.75rem 2rem;font-size:1.05rem}header{border-bottom:1px solid var(--color-border);padding:0 1.5rem}nav{max-width:var(--max-width);margin:0 auto;height:60px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.logo{font-weight:700;font-size:1.1rem;color:var(--color-text);text-decoration:none}.nav-actions{display:flex;gap:.75rem;align-items:center}main{max-width:var(--max-width);margin:0 auto;padding:4rem 1.5rem}footer{border-top:1px solid var(--color-border);text-align:center;padding:1.5rem;color:var(--color-text-muted);font-size:.875rem}.hero{text-align:center;padding:4rem 0}.hero h1{font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.2;margin-bottom:1.25rem}.tagline{font-size:1.15rem;color:var(--color-text-muted);max-width:600px;margin:0 auto 2.5rem}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}