:root{--background:210 40% 98%;--foreground:222.2 47% 11%;--card:0 0% 100%;--primary:213 100% 56%;--primary-foreground:0 0% 100%;--accent:89 100% 72%;--accent-foreground:222.2 47% 11%;--muted:210 40% 94%;--muted-foreground:215 16% 40%;--border:214 32% 86%;--secondary:210 40% 96%;--ring:213 100% 56%}
*{box-sizing:border-box}body{margin:0;background:hsl(var(--background));color:hsl(var(--foreground));font:16px/1.7 Manrope,Arial,sans-serif}h1,h2,h3,.brand{font-family:Sora,Arial,sans-serif;letter-spacing:0}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid hsl(var(--ring));outline-offset:4px}header{background:hsl(var(--card));border-bottom:1px solid hsl(var(--border))}.header-inner{max-width:1200px;margin:auto;padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:21px;font-weight:700;text-decoration:none;white-space:nowrap}nav{display:flex;gap:20px;flex-wrap:wrap}nav a{font-size:14px;font-weight:600;text-decoration:none;padding:4px 0}nav a:hover,nav a[aria-current=page]{color:hsl(var(--primary))}.intro{background:hsl(var(--card));border-bottom:1px solid hsl(var(--border))}.intro-inner{max-width:1050px;margin:auto;padding:64px 28px 56px}.eyebrow{font-size:12px;font-weight:700;color:hsl(var(--primary));margin:0 0 20px;letter-spacing:0}h1{font-size:46px;line-height:1.2;max-width:960px;margin:0 0 24px;font-weight:600}h2{font-size:30px;line-height:1.3;margin:0 0 24px;font-weight:600}h3{font-size:19px;margin:0 0 12px}.audience{font-weight:700;margin:0 0 12px}.lead{font-size:19px;max-width:750px;color:hsl(var(--muted-foreground));margin-bottom:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;padding:12px 24px;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-radius:6px;font-size:16px;font-weight:700;text-decoration:none}.button:hover{background:hsl(var(--primary)/.9)}.cta-note{font-size:13px;color:hsl(var(--muted-foreground));margin:8px 0 0}.section-inner{max-width:1050px;margin:auto;padding:48px 28px}.example-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}.example-label{font-size:13px;font-weight:700;color:hsl(var(--muted-foreground))}blockquote{border-left:3px solid hsl(var(--primary));margin:24px 0 0;padding-left:22px;font-size:17px}figure{margin:0}figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:6px}figcaption{font-size:12px;color:hsl(var(--muted-foreground));margin-top:10px}.output-section{background:hsl(var(--card));border-block:1px solid hsl(var(--border))}.outputs{padding:0;margin:32px 0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.outputs li{border-top:1px solid hsl(var(--border));padding-top:20px}.number{font-size:22px;font-weight:700;color:hsl(var(--primary))}.outputs p{margin-bottom:0}.citation{border-left:3px solid hsl(var(--primary));padding-left:22px;margin-top:36px}.citation p{margin:8px 0}.review{font-weight:700;margin-top:30px}.caveat{font-size:14px;color:hsl(var(--muted-foreground))}.try-section{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.try-section .eyebrow{color:hsl(var(--accent-foreground))}.try-section p:not(.eyebrow):not(.cta-note){max-width:740px;margin-bottom:24px}.related nav{gap:12px 28px}.related nav a{color:hsl(var(--primary));border-bottom:1px solid hsl(var(--border))}footer{background:hsl(var(--card));border-top:1px solid hsl(var(--border))}footer p{color:hsl(var(--muted-foreground));font-size:14px}.copyright{margin-top:32px;font-size:12px}
@media(max-width:1000px){.header-inner{align-items:flex-start;flex-direction:column;gap:12px}nav{gap:10px 22px}}
@media(max-width:640px){.header-inner{padding:18px 20px}.intro-inner{padding:40px 20px}.section-inner{padding:36px 20px}h1{font-size:32px}h2{font-size:25px}.lead{font-size:17px}.example-grid{grid-template-columns:1fr;gap:28px}.outputs{grid-template-columns:1fr;gap:20px}.outputs li{display:flex;gap:18px}.outputs p{margin:0}.number{flex-shrink:0}nav a{font-size:13px}.button{max-width:100%}}