:root{--bg: #f0f0f2;--surface: #ffffff;--surface-2: #f7f7f9;--line: #e4e4e8;--ink: #18181b;--ink-dim: #52525b;--ink-faint: #8a8a93;--ember: #c45810;--ember-bright: #ff7a1f;--ember-soft: rgba(196,88,16,.07);--dark: #18181b;--dark-2: #232328;--green-bright: #6ac25a;--gutter: clamp(20px, 4vw, 48px);--max: 1140px;--r: 18px;--sans: "Hanken Grotesk", system-ui, sans-serif;--mono: "JetBrains Mono", monospace;--shadow-sm: 0 8px 24px -14px rgba(0,0,0,.14);--shadow: 0 16px 40px -18px rgba(0,0,0,.18)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}::selection{background:var(--ember);color:#fff}nav.top{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:16px var(--gutter);background:#f0f0f2d1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:all .3s}nav.top.scrolled{padding:11px var(--gutter);border-bottom-color:var(--line)}.logo{display:flex;align-items:center;gap:11px;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:19px;color:var(--ink)}.mk{width:23px;height:23px;position:relative;flex-shrink:0;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.logo:hover .mk{transform:rotate(-8deg) scale(1.06)}.mk .o{position:absolute;inset:0;border:2.5px solid var(--ember);border-radius:2px}.mk .n{position:absolute;top:50%;right:0;transform:translateY(-50%);width:8px;height:6px;background:var(--bg)}.mk .c{position:absolute;top:50%;right:0;transform:translateY(-50%);width:5px;height:2.5px;background:var(--ember)}.nlinks{display:none;gap:26px;align-items:center;font-size:14px;font-weight:500;color:var(--ink-dim)}@media(min-width:820px){.nlinks{display:flex}}.nlinks a{transition:color .2s}.nlinks a:hover{color:var(--ember)}.nlinks a.active{color:var(--ember);font-weight:600}.nlinks a.cta{background:var(--ink);color:#fff;padding:9px 17px;border-radius:100px;font-weight:600}.nlinks a.cta:hover{background:var(--ember)}.phead{max-width:var(--max);margin:0 auto;padding:clamp(44px,6vw,76px) var(--gutter) clamp(28px,3vw,40px)}.crumb{font-family:var(--mono);font-size:12px;color:var(--ink-faint);margin-bottom:18px}.crumb a:hover{color:var(--ember)}.crumb .sep{margin:0 8px;opacity:.5}.crumb .here{color:var(--ember)}.phead .kicker{font-family:var(--mono);font-size:12px;color:var(--ember);font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}.phead h1{font-weight:800;font-size:clamp(32px,5.5vw,56px);line-height:1.02;letter-spacing:-.04em;max-width:16ch;margin-bottom:18px}.phead h1 .em{color:var(--ember)}.phead .intro{font-size:18.5px;line-height:1.6;color:var(--ink-dim);max-width:60ch}section{padding:0 var(--gutter)}.inner{max-width:var(--max);margin:0 auto}.pad-b{padding-bottom:clamp(48px,6vw,80px)}.feature{display:grid;grid-template-columns:1fr;gap:0;background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:18px;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s}.feature:hover{transform:translateY(-4px);box-shadow:var(--shadow)}@media(min-width:820px){.feature{grid-template-columns:1.1fr 1fr}}.feature .fviz{background:var(--dark);padding:40px 32px;display:flex;align-items:center;justify-content:center;min-height:240px;position:relative;overflow:hidden}.feature .fviz:before{content:"";position:absolute;bottom:-100px;right:-60px;width:320px;height:280px;background:radial-gradient(circle,rgba(255,122,31,.18) 0%,transparent 62%)}.feature .fbody{padding:clamp(28px,3.5vw,42px);display:flex;flex-direction:column}.feature .ftag{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ember);font-weight:600;margin-bottom:14px}.feature h2{font-weight:800;font-size:clamp(22px,3vw,30px);line-height:1.1;letter-spacing:-.025em;margin-bottom:14px}.feature p{font-size:15.5px;line-height:1.6;color:var(--ink-dim);margin-bottom:22px}.feature .meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:auto;font-family:var(--mono);font-size:11px;color:var(--ink-faint)}.feature .readlink{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:13px;font-weight:600;color:var(--ember);margin-top:18px;transition:gap .25s}.feature:hover .readlink{gap:12px}.codeviz{width:100%;max-width:340px;font-family:var(--mono);font-size:11.5px;line-height:1.9;position:relative;z-index:1}.codeviz .cl{color:#a89c84}.codeviz .g{color:var(--green-bright)}.codeviz .o{color:var(--ember-bright)}.codeviz .w{color:#fff}.codeviz .dim{color:#6a6155}.notes-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:680px){.notes-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:980px){.notes-grid{grid-template-columns:repeat(3,1fr)}}.note{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:26px 24px;box-shadow:var(--shadow-sm);transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s;display:flex;flex-direction:column;min-height:220px}.note:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.note .ntag{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ember);font-weight:600;margin-bottom:14px}.note h3{font-weight:700;font-size:18px;line-height:1.18;letter-spacing:-.02em;margin-bottom:10px}.note p{font-size:14px;line-height:1.55;color:var(--ink-dim);margin-bottom:18px}.note .nmeta{margin-top:auto;font-family:var(--mono);font-size:10.5px;color:var(--ink-faint);display:flex;justify-content:space-between}.note.soon{opacity:.7}.note.soon .badge{font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);border:1px dashed var(--line);padding:3px 9px;border-radius:100px;align-self:flex-start;margin-top:auto}footer{padding:clamp(44px,6vw,68px) var(--gutter) 36px;margin-top:clamp(48px,6vw,80px)}.fgrid{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1fr;gap:32px}@media(min-width:760px){.fgrid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}}.fgrid .brand{display:flex;align-items:center;gap:11px;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:19px;margin-bottom:13px}.fgrid .tagline{font-size:14px;color:var(--ink-dim);max-width:30ch;line-height:1.6}.fgrid h5{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ember);margin-bottom:13px}.fgrid ul{list-style:none;display:flex;flex-direction:column;gap:8px}.fgrid ul a,.fgrid ul li{font-size:14px;color:var(--ink-dim);transition:color .2s}.fgrid ul a:hover{color:var(--ember)}.fbase{max-width:var(--max);margin:38px auto 0;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-family:var(--mono);font-size:11px;color:var(--ink-faint)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}.reveal.in{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}