@layer reset,tokens,base,layout,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,picture,svg,video{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}p,h1,h2,h3,h4{overflow-wrap:break-word}ul,ol{list-style:none;padding:0}:where(a){color:inherit}}@layer tokens{:root{--paper: #faf7f2;--paper-warm: #f3ece2;--surface: #ffffff;--surface-2: #fbf8f4;--line: #e7ded2;--line-soft: #f0e8dd;--ink: #16120f;--ink-2: #453c35;--muted: #6f645c;--on-flame: #fffaf6;--flame: #f2410d;--flame-solid:#d13405;--flame-text: #c32f05;--flame-deep: #c32f05;--flame-soft: #ffe9e0;--zest: #ffb300;--zest-soft: #fff2d1;--navy: #1d2a57;--navy-soft: #e6ebf6;--shadow-sm: 0 1px 2px rgb(22 18 15 / .05);--shadow-md: 0 8px 24px -12px rgb(22 18 15 / .18);--shadow-lg: 0 32px 64px -32px rgb(22 18 15 / .28);--r-sm: 6px;--r-md: 12px;--r-lg: 20px;--r-xl: 32px;--r-pill: 999px;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 3rem;--sp-8: 4rem;--sp-9: 6rem;--sp-10: 8rem;--sp-11: 12rem;--section-y: clamp(4.5rem, 10vw, 9rem);--gutter: clamp(1.25rem, 5vw, 3.5rem);--measure: 34rem;--container: 78rem;--container-wide: 92rem;--font-display: "Bricolage Grotesque", "Zen Kaku Gothic New", system-ui, sans-serif;--font-body: "Zen Kaku Gothic New", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, "SFMono-Regular", "Menlo", monospace;--t-xs: .75rem;--t-sm: .8125rem;--t-base: clamp(.9375rem, .9rem + .2vw, 1rem);--t-md: clamp(1rem, .95rem + .3vw, 1.125rem);--t-lg: clamp(1.125rem, 1rem + .6vw, 1.375rem);--t-xl: clamp(1.5rem, 1.2rem + 1.4vw, 2.25rem);--t-2xl: clamp(2rem, 1.4rem + 2.8vw, 3.5rem);--t-3xl: clamp(2.75rem, 1.5rem + 5.4vw, 6rem);--t-hero: clamp(3.25rem, .2rem + 18vw, 10.5rem);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-soft: cubic-bezier(.33, 1, .68, 1);--dur-1: .16s;--dur-2: .26s;--dur-3: .42s;--dur-4: .68s;--z-map: 1;--z-sticky: 20;--z-header: 40;--z-overlay: 60;color-scheme:light dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper: #100d0c;--paper-warm: #17120f;--surface: #181413;--surface-2: #1f1a18;--line: #2d2522;--line-soft: #241e1b;--ink: #f6f0e9;--ink-2: #d8cec4;--muted: #a2968c;--on-flame: #16120f;--flame: #ff5f2e;--flame-solid:#ff5f2e;--flame-text: #ff5f2e;--flame-deep: #ff7d55;--flame-soft: #2a1610;--zest: #ffc23d;--zest-soft: #2b2110;--navy: #9fb3e6;--navy-soft: #161c2e;--shadow-sm: 0 1px 2px rgb(0 0 0 / .4);--shadow-md: 0 8px 24px -12px rgb(0 0 0 / .6);--shadow-lg: 0 32px 64px -32px rgb(0 0 0 / .8)}}:root[data-theme=dark]{--paper: #100d0c;--paper-warm: #17120f;--surface: #181413;--surface-2: #1f1a18;--line: #2d2522;--line-soft: #241e1b;--ink: #f6f0e9;--ink-2: #d8cec4;--muted: #a2968c;--on-flame: #16120f;--flame: #ff5f2e;--flame-solid:#ff5f2e;--flame-text: #ff5f2e;--flame-deep: #ff7d55;--flame-soft: #2a1610;--zest: #ffc23d;--zest-soft: #2b2110;--navy: #9fb3e6;--navy-soft: #161c2e;--shadow-sm: 0 1px 2px rgb(0 0 0 / .4);--shadow-md: 0 8px 24px -12px rgb(0 0 0 / .6);--shadow-lg: 0 32px 64px -32px rgb(0 0 0 / .8)}}@layer base{html{scroll-behavior:smooth;scroll-padding-top:6rem}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--t-base);line-height:1.75;font-feature-settings:"palt" 1;min-height:100svh;overflow-x:clip}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.12;letter-spacing:-.02em;text-wrap:balance}p{text-wrap:pretty}a{color:inherit;text-decoration-color:color-mix(in oklab,currentColor 35%,transparent);text-underline-offset:.22em;text-decoration-thickness:from-font}a:hover{text-decoration-color:currentColor}::selection{background:var(--flame-solid);color:var(--on-flame)}:focus-visible{outline:2px solid var(--flame);outline-offset:3px;border-radius:3px}:focus:not(:focus-visible){outline:none}hr{border:0;border-top:1px solid var(--line);margin:0}}@layer layout{.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.container-wide{width:100%;max-width:var(--container-wide);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:var(--section-y)}.stack>*+*{margin-top:var(--flow, 1rem)}.measure{max-width:var(--measure)}}@layer components{.eyebrow{display:inline-flex;align-items:center;gap:.5em;font-family:var(--font-display);font-size:var(--t-sm);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.eyebrow:before{content:"";inline-size:1.75rem;block-size:1px;background:currentColor;opacity:.5}.btn{--btn-bg: var(--ink);--btn-fg: var(--paper);display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-block-size:3rem;padding:.75rem 1.5rem;border-radius:var(--r-pill);background:var(--btn-bg);color:var(--btn-fg);font-family:var(--font-display);font-weight:600;font-size:var(--t-base);letter-spacing:.01em;line-height:1.2;text-decoration:none;transition:transform var(--dur-2) var(--ease-out),background-color var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out);will-change:transform}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.btn--flame{--btn-bg: var(--flame-solid);--btn-fg: var(--on-flame)}.btn--flame:hover{--btn-bg: color-mix(in oklab, var(--flame-solid) 86%, var(--ink))}.btn--ghost{--btn-bg: transparent;--btn-fg: var(--ink);border:1px solid var(--line)}.btn--ghost:hover{--btn-bg: var(--surface)}.btn--sm{min-block-size:2.25rem;padding:.35rem .9rem;font-size:var(--t-sm)}.btn .arrow{transition:transform var(--dur-2) var(--ease-out)}.btn:hover .arrow{transform:translate(2px,-2px)}.link{position:relative;text-decoration:none;font-weight:500}.link:after{content:"";position:absolute;inset-inline:0;inset-block-end:-2px;block-size:1px;background:currentColor;transform-origin:right;transform:scaleX(0);transition:transform var(--dur-3) var(--ease-out)}.link:hover:after,.link:focus-visible:after{transform-origin:left;transform:scaleX(1)}.tag{display:inline-flex;align-items:center;gap:.4em;padding:.25rem .7rem;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface);font-size:var(--t-xs);font-weight:500;letter-spacing:.04em;line-height:1.6;color:var(--ink-2);white-space:nowrap}.tag--live{border-color:color-mix(in oklab,var(--flame) 30%,var(--line));color:var(--flame-text)}.tag--dev{border-color:color-mix(in oklab,var(--zest) 40%,var(--line));color:color-mix(in oklab,var(--zest) 70%,var(--ink))}.tag .dot{inline-size:.45em;block-size:.45em;border-radius:50%;background:currentColor}.tag--live .dot{animation:pulse-dot 2.4s var(--ease-in-out) infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.35}}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;inset-block-start:.5rem;inset-inline-start:.5rem;z-index:var(--z-overlay);padding:.6rem 1rem;border-radius:var(--r-md);background:var(--ink);color:var(--paper);font-size:var(--t-sm);transform:translateY(-160%);transition:transform var(--dur-2) var(--ease-out)}.skip-link:focus-visible{transform:translateY(0)}}@layer utilities{.text-muted{color:var(--muted)}.text-flame{color:var(--flame)}.display{font-family:var(--font-display)}.nowrap{white-space:nowrap}[data-reveal]{opacity:1}.js [data-reveal]{opacity:0;transform:translate3d(0,var(--reveal-y, 18px),0);transition:opacity var(--dur-4) var(--ease-out) var(--reveal-delay, 0ms),transform var(--dur-4) var(--ease-out) var(--reveal-delay, 0ms);will-change:opacity,transform}.js [data-reveal].is-in{opacity:1;transform:translateZ(0)}.js [data-reveal].is-in{will-change:auto}}@media print{.js [data-reveal]{opacity:1!important;transform:none!important}}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.js [data-reveal]{opacity:1;transform:none}}
