:root{--cl-bg: #f6f0dd;--cl-card: #fcf8ec;--cl-nav: rgba(250, 246, 232, .92);--cl-text: #23221c;--cl-text-2: #4a473c;--cl-muted: #8a8474;--cl-accent: #b3760e;--cl-accent-hover: #d89a2b;--cl-accent-4: rgba(179, 118, 14, .04);--cl-accent-5: rgba(179, 118, 14, .05);--cl-accent-7: rgba(179, 118, 14, .07);--cl-accent-12: rgba(179, 118, 14, .12);--cl-accent-14: rgba(179, 118, 14, .14);--cl-accent-16: rgba(179, 118, 14, .16);--cl-accent-25: rgba(179, 118, 14, .25);--cl-accent-30: rgba(179, 118, 14, .3);--cl-accent-35: rgba(179, 118, 14, .35);--cl-accent-40: rgba(179, 118, 14, .4);--cl-line: #e0d8c0;--cl-line-soft: #eae3cc;--cl-line-strong: #c4ba9e;--cl-grid: #e9e1ca;--cl-fail: #b0432f;--cl-fail-35: rgba(176, 67, 47, .35);--font-sans: "Archivo", system-ui, sans-serif;--font-mono: "Spline Sans Mono", ui-monospace, "SFMono-Regular", Menlo, monospace}html{scroll-behavior:smooth;scroll-padding-top:76px;color-scheme:only light}body{margin:0;background:var(--cl-bg);color:var(--cl-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}a{color:var(--cl-text)}a:hover{color:var(--cl-accent)}::selection{background:var(--cl-accent-35)}:focus-visible{outline:2px solid var(--cl-accent);outline-offset:2px}button{font-family:inherit}input[type=range]{accent-color:var(--cl-accent)}.mono{font-family:var(--font-mono)}.eyebrow{display:block;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.16em;color:var(--cl-accent);margin:0 0 16px}.h2{font-size:clamp(28px,3.2vw,42px);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0}.container{max-width:1240px;margin:0 auto}.section{position:relative;z-index:1;padding:clamp(90px,8vw,130px) 28px;box-sizing:border-box;border-top:1px solid var(--cl-line)}.btn-primary{display:inline-block;background:var(--cl-accent);color:var(--cl-bg);border-radius:2px;padding:13px 26px;font-family:var(--font-mono);font-size:13px;font-weight:700;letter-spacing:.06em;text-decoration:none}.btn-primary:hover{background:var(--cl-accent-hover);color:var(--cl-bg)}.btn-outline{border:1px solid var(--cl-accent);border-radius:2px;padding:8px 18px;font-family:var(--font-mono);font-size:12.5px;font-weight:600;letter-spacing:.06em;text-decoration:none;color:var(--cl-accent);white-space:nowrap}.btn-outline:hover{background:var(--cl-accent);color:var(--cl-bg)}.nav-link{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.06em;color:var(--cl-text-2);text-decoration:none}.nav-link:hover{color:var(--cl-accent)}.mono-link{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.06em;color:var(--cl-text-2);text-decoration:none}.mono-link:hover{color:var(--cl-accent)}.card{border:1px solid var(--cl-line);border-radius:4px;background:var(--cl-card);box-sizing:border-box}.label{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.16em;color:var(--cl-muted);margin:0}.copy-btn{border:1px solid var(--cl-line-strong);background:none;padding:4px 12px;font-family:var(--font-mono);font-size:10.5px;cursor:pointer;color:var(--cl-text-2)}.copy-btn:hover{border-color:var(--cl-accent);color:var(--cl-accent)}.note-box{background:var(--cl-accent-7);border:1px solid var(--cl-accent-25);border-radius:2px;padding:11px 14px;font-family:var(--font-mono);font-size:11px;line-height:1.6;color:var(--cl-text-2)}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--cl-accent);animation:cldot 2s ease-in-out infinite}.flow-dash{animation:clflow 1.1s linear infinite}@keyframes cldot{0%,to{opacity:1}50%{opacity:.3}}@keyframes clroll{0%{transform:translateY(.8em);opacity:0}to{transform:none;opacity:1}}@keyframes clflash{0%{background:var(--cl-accent-16)}60%{background:var(--cl-accent-16)}to{background:transparent}}@keyframes clslide{0%{transform:translateY(-60%);opacity:0}to{transform:none;opacity:1}}@keyframes clflow{to{stroke-dashoffset:-16}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}