:root{--colour-onyx:#070b0d;--colour-ink-black:#10171b;--colour-white-smoke:#f3f5f4;--colour-ash-grey:#a6b2ae;--colour-blue-spruce:#0c7c6b;--colour-ocean-mist:#19b79c;--colour-pine-teal:#0a4f46;--colour-frosted-blue:#7dd6e8;--colour-soft-periwinkle:#8b7cf6;--font-body:"Manrope", sans-serif;--font-heading:"Space Grotesk", sans-serif;--font-technical:"DM Mono", monospace;--background-primary:var(--colour-onyx);--background-secondary:var(--colour-ink-black);--background-accent:var(--colour-pine-teal);--text-primary:var(--colour-white-smoke);--text-secondary:var(--colour-ash-grey);--text-accent:var(--colour-ocean-mist);--text-inverse:var(--colour-onyx);--accent-primary:var(--colour-blue-spruce);--accent-secondary:var(--colour-frosted-blue);--accent-tertiary:var(--colour-soft-periwinkle);--accent-active:var(--colour-ocean-mist);--accent-muted:var(--colour-pine-teal);--surface-primary:var(--colour-ink-black);--surface-secondary:var(--colour-pine-teal);--border-primary:var(--colour-ash-grey);--border-accent:var(--colour-blue-spruce);--border-active:var(--colour-ocean-mist);--interactive-default:var(--colour-blue-spruce);--interactive-hover:var(--colour-ocean-mist);--interactive-focus:var(--colour-frosted-blue);--interactive-active:var(--colour-soft-periwinkle);--aurora-dark:var(--colour-pine-teal);--aurora-primary:var(--colour-blue-spruce);--aurora-bright:var(--colour-ocean-mist);--aurora-blue:var(--colour-frosted-blue);--aurora-violet:var(--colour-soft-periwinkle)}*{box-sizing:border-box}body{background:var(--background-primary);min-height:100vh;color:var(--text-primary);font-family:var(--font-body);place-items:center;margin:0;padding:24px;display:grid}main{width:100%;max-width:700px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:700;line-height:1.2}h1{margin:0 0 12px;font-size:clamp(2.5rem,8vw,5rem)}p{color:var(--text-secondary);margin:0 0 28px;font-size:1.2rem;line-height:1.6}a{border:1px solid var(--border-accent);color:var(--text-accent);border-radius:8px;padding:12px 18px;text-decoration:none;display:inline-block}a:hover{background:var(--interactive-hover);color:var(--text-inverse)}button{background:var(--interactive-default);color:var(--text-primary);border:1px solid var(--border-accent)}button:hover{background:var(--interactive-hover);color:var(--text-inverse);border-color:var(--border-active)}.technical-label,.eyebrow,.project-number{font-family:var(--font-technical)}