:root{--ink:#12141A;--parch:#F4F0E6;--violet:#6E56CF;--green:#3DDC97;--muted:#a9a69c;--line:#2a2d37;--bh:44px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--ink);color:var(--parch);font:16px/1.6 "IBM Plex Sans",system-ui,sans-serif;padding-top:var(--bh);overflow-x:hidden}
a{color:inherit}.devbanner{position:fixed;top:0;left:0;right:0;z-index:100;min-height:var(--bh);display:flex;align-items:center;justify-content:center;gap:.4em;flex-wrap:wrap;padding:6px 12px;background:#FFD400;color:#000;font:600 14px/1.25 "IBM Plex Sans",sans-serif;text-align:center;border-bottom:3px solid #000}
header.site{position:sticky;top:var(--bh);z-index:50;background:rgba(18,20,26,.94);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px clamp(16px,4vw,48px);flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.mark{width:34px;height:34px;color:var(--parch);flex:none}.word{font:600 clamp(1.1rem,4.6vw,1.4rem)/1 Fraunces,Newsreader,serif}.ai{color:var(--violet)}
nav{display:flex;gap:4px;flex-wrap:wrap}nav a{text-decoration:none;padding:10px 12px;border-radius:8px;font-weight:500;font-size:.95rem;color:var(--muted)}nav a:hover,nav a[aria-current]{color:var(--parch);background:#1d2029}nav a[aria-current]{box-shadow:inset 0 -2px 0 var(--violet)}
main{max-width:1080px;margin:0 auto;padding:clamp(28px,6vw,72px) clamp(16px,4vw,48px)}h1,h2,h3{font-family:Fraunces,Newsreader,serif;font-weight:600;line-height:1.15}h1{font-size:clamp(2rem,7vw,3.6rem);margin:.2em 0 .3em}h2{font-size:1.5rem;margin:2.2em 0 .8em}h3{font-size:1.2rem;margin:.4em 0}
.lede{font-size:clamp(1.05rem,2.6vw,1.25rem);color:#d8d3c6;max-width:60ch}.eyebrow{font:500 .85rem "IBM Plex Mono",monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.live{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:6px}
.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-block;padding:12px 20px;border-radius:10px;background:var(--violet);color:#fff;text-decoration:none;font-weight:600}.btn.ghost{background:none;border:1px solid var(--violet);color:var(--parch)}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;margin-top:40px}.list{display:grid;gap:16px;margin-top:32px}
.card{border:1px solid var(--line);border-radius:14px;padding:20px;background:#171a22}.card p{margin:0;color:#cfcabd}.tag{font:500 .75rem "IBM Plex Mono",monospace;color:var(--violet);text-transform:uppercase;letter-spacing:.08em}
.chips{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}.chips li{border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:.9rem}
pre.prompt{background:#0c0d11;border:1px solid var(--line);border-left:3px solid var(--violet);border-radius:10px;padding:16px;overflow-x:auto;font:14px/1.6 "IBM Plex Mono",monospace;white-space:pre-wrap}.c{color:var(--muted)}.note{color:var(--muted);font-style:italic}.prose{max-width:65ch}
.workhead{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #C9A646;padding-top:24px}.ring{width:clamp(110px,22vw,180px);flex:none}
footer{border-top:1px solid var(--line);padding:24px clamp(16px,4vw,48px);color:var(--muted);font-size:.85rem}footer p{display:flex;align-items:center;gap:10px;max-width:1080px;margin:0 auto}footer .mark{width:22px;height:22px}
@media (max-width:640px){header.site{flex-direction:column;align-items:flex-start;gap:6px;padding:10px 16px}nav{width:100%;justify-content:space-between}nav a{padding:10px 8px;font-size:.9rem}.workhead{flex-direction:column-reverse;align-items:flex-start}h1 br{display:none}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}