:root{--colour-white: #ffffff;--colour-zinc-100: #f4f4f5;--colour-zinc-100-rgb: 244, 244, 245;--colour-zinc-200: #e4e4e7;--colour-zinc-200-rgb: 228, 228, 231;--colour-zinc-300: #d4d4d8;--colour-zinc-300-rgb: 212, 212, 216;--colour-zinc-400: #a1a1aa;--colour-zinc-500: #71717a;--colour-zinc-600: #52525b;--colour-zinc-700: #3f3f46;--colour-zinc-800: #27272a;--colour-zinc-800-rgb: 39, 39, 42;--colour-zinc-900: #18181b;--colour-zinc-900-rgb: 24, 24, 27;--colour-zinc-950: #09090b;--colour-zinc-950-rgb: 9, 9, 11;--colour-emerald-500: #10b981;--colour-black: #000000;--colour-black-rgb: 0, 0, 0;--colour-white-rgb: 255, 255, 255;--colour-ink: #0a0a0a;--colour-ink-deep: #050505;--colour-ink-root: #060608;--colour-ink-root-rgb: 6, 6, 8;--colour-panel: rgba(10, 10, 12, .97);--colour-ivory: #f5f5f7;--colour-ivory-rgb: 245, 245, 247;--colour-clay: #c46851;--colour-clay-rgb: 196, 104, 81;--colour-clay-hover: #d4735b;--colour-slate: #6a6a70;--colour-grid-line: #2d2d30;--colour-phone-shell-start: #1e1e20;--colour-phone-shell-end: #0f0f11;--colour-phone-chrome: #1c1c1e;--colour-nav-inactive-border: #4a4a4f;--colour-nav-inactive-text: #818188;--colour-page-bg: var(--colour-white);--colour-page-text: var(--colour-zinc-900);--colour-text-secondary: var(--colour-zinc-600);--colour-text-muted: var(--colour-zinc-500);--colour-text-faint: var(--colour-zinc-400);--colour-border: var(--colour-zinc-200);--colour-selection-bg: var(--colour-zinc-200);--toggle-color: var(--colour-zinc-500);--ac-btn-active-color: var(--colour-zinc-950);--ac-btn-active-border: rgba(var(--colour-zinc-950-rgb), .32);--form-input-bg: var(--colour-zinc-100);--form-input-border: var(--colour-zinc-300);--form-input-focus: var(--colour-zinc-400);--form-input-text: var(--colour-zinc-900);--form-placeholder: var(--colour-zinc-400);--form-hint: var(--colour-zinc-500);--form-success-bg: rgba(var(--colour-zinc-100-rgb), .5);--form-success-border: rgba(var(--colour-zinc-300-rgb), .8);--form-success-title: var(--colour-zinc-950);--form-success-body: var(--colour-zinc-600)}html.dark{--colour-page-bg: var(--colour-ink);--colour-page-text: var(--colour-zinc-100);--colour-text-secondary: var(--colour-zinc-400);--colour-text-muted: var(--colour-zinc-600);--colour-border: rgba(var(--colour-zinc-200-rgb), .16);--colour-selection-bg: var(--colour-zinc-800);--toggle-color: var(--colour-zinc-500);--ac-btn-active-color: var(--colour-ivory);--ac-btn-active-border: rgba(var(--colour-ivory-rgb), .32);--form-input-bg: var(--colour-zinc-900);--form-input-border: var(--colour-zinc-800);--form-input-focus: var(--colour-zinc-600);--form-input-text: var(--colour-zinc-200);--form-placeholder: var(--colour-zinc-600);--form-hint: var(--colour-zinc-600);--form-success-bg: rgba(var(--colour-zinc-900-rgb), .5);--form-success-border: rgba(var(--colour-zinc-800-rgb), .8);--form-success-title: var(--colour-zinc-200);--form-success-body: var(--colour-zinc-400)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{display:flex;flex-direction:column;min-height:100vh;padding:48px 24px;font-family:ui-sans-serif,system-ui,sans-serif;background:var(--colour-page-bg);color:var(--colour-page-text)}::selection{background:var(--colour-selection-bg);color:var(--colour-page-text)}.page-nav,.page-main,.page-footer{width:100%;max-width:72rem;margin-inline:auto}.nav-brand{color:inherit;text-decoration:none}.page-nav{display:flex;flex-direction:column;align-items:flex-start;gap:30px;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--colour-text-muted)}.nav-controls{display:flex;flex-direction:column-reverse;align-items:flex-end;gap:6px}.nav-status{display:flex;align-items:center;gap:8px}.nav-status-text{min-width:100px;white-space:nowrap}.nav-status-dot{width:6px;height:6px;border-radius:50%;background:var(--colour-emerald-500);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.page-main{flex:1;display:grid;grid-template-columns:1fr;gap:0;padding-block:25px}.hero-heading{order:1;padding-bottom:25px}.hero-heading h1{font-size:2.25rem;font-weight:300;letter-spacing:-.025em;line-height:1.25;color:var(--colour-page-text)}.canvas-preview{order:2;width:100%;max-width:520px;margin-inline:auto;border-radius:.75rem;overflow:hidden;border:1px solid var(--colour-border)}.hero-body{order:3;display:flex;flex-direction:column;gap:20px}.hero-body p{font-size:1.125rem;font-weight:300;line-height:1.625;max-width:36rem;color:var(--colour-text-secondary);margin-block:12px}.hero-download-btn{display:inline-block;width:fit-content}.hero-body p.hero-membership-teaser{font-size:.875rem;color:var(--colour-text-muted);margin-block:0}.hero-membership-teaser a{color:var(--colour-page-text);text-decoration:none;opacity:.85;transition:opacity .15s}.hero-membership-teaser a:hover{opacity:1}.page-footer{font-size:.75rem;letter-spacing:.025em;color:var(--colour-text-muted)}.footer-link{color:inherit;text-decoration:none;opacity:.7;transition:opacity .15s}.footer-link:hover{opacity:1}.landing-sections{width:100%;max-width:72rem;margin-inline:auto;display:flex;flex-direction:column;gap:72px;padding-block:32px 96px}.landing-section h2{font-size:1.5rem;font-weight:300;letter-spacing:-.015em;line-height:1.3;color:var(--colour-page-text);margin-bottom:16px}.landing-section>p{font-size:1rem;font-weight:300;line-height:1.625;max-width:42rem;color:var(--colour-text-secondary);margin-bottom:28px}.landing-eras{display:grid;grid-template-columns:1fr;gap:24px;max-width:56rem}.landing-era h3{font-size:.8125rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--colour-page-text);margin-bottom:8px}.landing-era p{font-size:.9375rem;font-weight:300;line-height:1.6;color:var(--colour-text-secondary)}.landing-download-btn{margin-top:4px}.landing-era-tag{display:inline-block;margin-left:8px;padding:1px 7px;font-size:.625rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;vertical-align:middle;border:1px solid var(--colour-border);border-radius:999px;color:var(--colour-text-muted)}.landing-era-link{display:inline-block;margin-top:8px;font-size:.8125rem;color:var(--colour-page-text);text-decoration:none;opacity:.8;transition:opacity .15s}.landing-era-link:hover{opacity:1}.membership-list{padding-left:20px;padding-top:10px;display:flex;flex-direction:column;gap:8px}.membership-cta{margin-top:12px}.membership-list li{font-size:.9375rem;line-height:1.6;color:var(--colour-text-secondary)}.membership-faq{display:flex;flex-direction:column;gap:20px}.membership-faq dt{font-size:.9375rem;font-weight:500;color:var(--colour-page-text);margin-bottom:6px}.membership-faq dd{font-size:.9375rem;line-height:1.6;color:var(--colour-text-secondary)}@media (min-width: 768px){.landing-eras{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px}}.ac-carousel::-webkit-scrollbar{display:none}@media (min-width: 768px){body{padding:0}.landing{padding:64px}.page-nav{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:0}.nav-controls{flex-direction:row;align-items:center;gap:20px}.hero-heading{padding-bottom:0}.hero-heading h1{font-size:3rem}}@media (min-width: 1024px){.page-main{grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;column-gap:64px;align-items:start}.hero-heading{order:unset;grid-column:1;grid-row:1;padding-top:32px}.canvas-preview{order:unset;grid-column:2;grid-row:1 / span 2;align-self:center}.hero-body{order:unset;grid-column:1;grid-row:2}}.download-main{display:block;padding-block:48px}.download-heading{padding-bottom:16px}.download-heading h1{font-size:2rem}.download-body{display:flex;flex-direction:column;gap:28px;max-width:42rem}.download-body p{font-size:1.125rem;font-weight:300;line-height:1.625;color:var(--colour-text-secondary)}.download-cta{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.download-btn{display:inline-block;background:var(--colour-zinc-200);border-radius:8px;color:var(--colour-zinc-950);cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;text-decoration:none;transition:background .15s}.download-btn:hover{background:var(--colour-zinc-100)}.download-btn--disabled{background:var(--colour-zinc-300);cursor:not-allowed;opacity:.7}.download-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:.8125rem;color:var(--colour-text-muted)}.download-install h2,.download-notes h2{font-size:1.125rem;font-weight:400;color:var(--colour-page-text);margin-bottom:12px}.download-install h3{font-size:.9375rem;font-weight:500;color:var(--colour-page-text);margin-block:16px 8px}.download-install ol{padding-left:20px;display:flex;flex-direction:column;gap:8px}.download-install li,.download-install p{font-size:.9375rem;line-height:1.6;color:var(--colour-text-secondary)}.download-install code,.download-notes code{font-family:ui-monospace,monospace;font-size:.85em;background:var(--colour-zinc-100);padding:1px 5px;border-radius:4px}.download-code,.download-changelog{font-family:ui-monospace,monospace;font-size:.8125rem;line-height:1.6;background:var(--colour-zinc-100);border:1px solid var(--colour-border);border-radius:8px;padding:12px 14px;margin-top:10px;overflow-x:auto;white-space:pre-wrap;word-break:break-word;color:var(--colour-text-secondary)}.nav-download{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--colour-page-text);text-decoration:none;opacity:.85;transition:opacity .15s}.nav-download:hover{opacity:1}.download-channel{display:inline-block;margin-top:8px;padding:2px 8px;font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--colour-border);border-radius:999px;color:var(--colour-text-muted)}
