@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap";
@font-face{font-family:Neue DIN;src:url(/fonts/NeueDINVAR.woff2)format("woff2");font-weight:100 900;font-stretch:75% 125%;font-style:normal;font-display:swap}:root{--paper:#fff;--mist:#fafafa;--bone:#f3f3f3;--ink:#242424;--ink-soft:#555;--ink-faint:#888;--rule:#e5e5e5;--highlighter:#fafa00;--signal:#40c5fc;--mint:#19f5be;--grass:#14fa3c;--safe:#1a8754;--danger:#d13636;--accent:var(--highlighter);--font-display:"Neue DIN", "DIN Next", "Roboto Condensed", system-ui, sans-serif;--font-body:"Neue DIN", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--container-max:80rem;--page-px:clamp(1.25rem, 4vw, 4rem);--rhythm:clamp(3.5rem, 8vw, 7rem)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;font-weight:400;line-height:1.55}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3{font-family:var(--font-display);margin:0;line-height:1.05}.eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-faint);align-items:center;gap:.7rem;margin:0 0 1.4rem;font-size:.72rem;font-weight:500;display:flex}.eyebrow:before{content:"";background:currentColor;flex:none;width:2rem;height:1px}.lead{color:var(--ink-soft);text-wrap:pretty;max-width:58ch;font-size:clamp(1.15rem,1.8vw,1.5rem);line-height:1.4}p{text-wrap:pretty;max-width:66ch}mark{background:linear-gradient(180deg, transparent 26%, var(--accent) 26%, var(--accent) 86%, transparent 86%);color:var(--ink);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .1em}h1 mark{background:linear-gradient(180deg, transparent 18%, var(--accent) 18%, var(--accent) 84%, transparent 84%)}h2 mark{background:linear-gradient(180deg, transparent 20%, var(--accent) 20%, var(--accent) 84%, transparent 84%)}.mono{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.wrap{max-width:var(--container-max);padding-inline:var(--page-px);margin-inline:auto}section{padding-block:var(--rhythm);border-top:1px solid var(--rule)}section[data-bg=mist]{background:var(--mist)}section[data-bg=bone]{background:var(--bone)}section[data-accent=signal]{--accent:var(--signal)}section.ink{background:var(--ink);color:var(--paper);border-top-color:var(--ink)}section.ink .eyebrow{color:#ffffff8c}section.ink .lead{color:#ffffffb8}section.ink mark{color:var(--ink)}section.ink p{color:#ffffffb8}.section-head{margin-bottom:clamp(2rem,4vw,3rem)}h2.section-title{letter-spacing:-.01em;max-width:22ch;font-size:clamp(2rem,4.4vw,3.4rem);font-weight:600}.topbar{z-index:50;background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:saturate(140%)blur(8px);backdrop-filter:saturate(140%)blur(8px);border-bottom:1px solid var(--rule);position:sticky;top:0}.topbar .wrap{justify-content:space-between;align-items:center;gap:1rem;min-height:3.5rem;display:flex}.brand{font-family:var(--font-display);align-items:baseline;gap:.6rem;display:flex}.brand b{letter-spacing:.01em;font-size:1.05rem;font-weight:700}.brand span{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-faint);font-size:.66rem}.topbar-cta{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink);border:1px solid var(--ink);border-radius:6px;align-items:center;gap:.5rem;padding:.4rem .7rem;font-size:.66rem;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.topbar-cta:before{content:"";background:var(--grass);width:.5rem;height:.5rem;box-shadow:0 0 0 3px color-mix(in srgb, var(--grass) 25%, transparent);border-radius:50%}.topbar-cta:hover{background:var(--ink);color:var(--paper)}.hero{border-top:0;padding-block:clamp(4rem,11vw,9rem) clamp(3rem,6vw,5rem);position:relative;overflow:hidden}.hero-grid{background-image:linear-gradient(var(--signal) 1px, transparent 1px), linear-gradient(90deg, var(--signal) 1px, transparent 1px);opacity:.1;pointer-events:none;background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 90% at 78% 0,#000 0%,#0000 70%);mask-image:radial-gradient(120% 90% at 78% 0,#000 0%,#0000 70%)}.hero .wrap{position:relative}h1.hero-title{letter-spacing:-.025em;max-width:16ch;margin-bottom:1.6rem;font-size:clamp(2.9rem,8.5vw,6.8rem);font-weight:300;line-height:1}.hero-sub{max-width:54ch}.hero-cta{flex-wrap:wrap;align-items:center;gap:.9rem 1.1rem;margin-top:2.2rem;display:flex}.btn{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;border:1px solid var(--ink);background:var(--accent);color:var(--ink);cursor:pointer;border-radius:8px;align-items:center;gap:.55rem;padding:.85rem 1.6rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s,transform .15s;display:inline-flex}.btn:hover{background:var(--ink);color:var(--paper)}.btn.ghost{color:var(--ink);background:0 0}.btn.ghost:hover{background:var(--ink);color:var(--paper)}.btn .ar{font-family:var(--font-mono);font-weight:500}.stats{border-top:1px solid var(--rule);grid-template-columns:repeat(4,1fr);margin-top:clamp(2.5rem,5vw,4rem);display:grid}.stat{border-right:1px solid var(--rule);padding:1.25rem 1rem 1.25rem 0}.stat:last-child{border-right:0}.stat .num{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(1.7rem,3vw,2.6rem);font-weight:300;line-height:1}.stat .lbl{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-faint);margin-top:.55rem;font-size:.62rem}.recs{counter-reset:rec;border-top:1px solid var(--rule)}.rec{counter-increment:rec;border-bottom:1px solid var(--rule);grid-template-columns:4rem 1fr;gap:1.25rem;padding:1.4rem 0;display:grid}.rec:before{content:counter(rec, decimal-leading-zero);font-family:var(--font-display);color:var(--ink-faint);font-variant-numeric:tabular-nums;font-size:2rem;font-weight:300;line-height:1}.rec h3{margin-bottom:.25rem;font-size:1.15rem;font-weight:600}.rec p{color:var(--ink-soft);margin:0;font-size:.95rem}.rec .punch{color:var(--ink);font-weight:500}.flow-grid{grid-template-columns:1.05fr .95fr;align-items:start;gap:clamp(2rem,4vw,3.5rem);display:grid}.device{border:1px solid var(--rule);background:var(--paper);border-radius:12px;padding:.75rem;position:sticky;top:5rem}.device .frame{border:1px solid var(--rule);background:var(--bone);border-radius:8px;overflow:hidden}.device figcaption{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-faint);justify-content:space-between;gap:.5rem;padding:.7rem .35rem .25rem;font-size:.62rem;display:flex}.chat{background:var(--mist);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.bubble{border:1px solid var(--rule);background:var(--paper);border-radius:12px;max-width:90%;padding:.7rem .9rem;font-size:.9rem}.bubble.user{background:var(--ink);color:var(--paper);border-color:var(--ink);align-self:flex-end}.bubble.ai{color:var(--ink-soft);align-self:flex-start}.bubble .who{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;opacity:.6;margin-bottom:.25rem;font-size:.55rem;display:block}.hcard{border:1px solid var(--rule);background:var(--paper);border-radius:12px;align-self:stretch;overflow:hidden}.hcard .img{aspect-ratio:16/9;object-fit:cover;background:var(--bone);width:100%}.hcard .hbody{padding:1rem 1.1rem 1.1rem}.hcard .hname{font-family:var(--font-display);font-size:1.15rem;font-weight:600}.hcard .hmeta{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint);margin:.15rem 0 .7rem;font-size:.62rem}.hcard .offer{border-top:1px solid var(--rule);justify-content:space-between;align-items:baseline;gap:10px;padding:.55rem 0;font-size:.9rem;display:flex}.hcard .offer .pr b{font-size:1.05rem}.hcard .hcta{background:var(--accent);border:1px solid var(--ink);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;border-radius:8px;margin-top:.9rem;padding:.6rem 1.1rem;font-size:.8rem;font-weight:600;display:inline-flex}.cards{background:var(--rule);border:1px solid var(--rule);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1px;display:grid;overflow:hidden}.card{background:var(--paper);flex-direction:column;gap:.5rem;padding:clamp(1.3rem,2.5vw,1.8rem);display:flex}.card .k{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-faint);font-size:.62rem}.card h3{font-size:1.25rem;font-weight:600}.card p{color:var(--ink-soft);margin:0;font-size:.92rem}.card .status{font-family:var(--font-mono);font-size:.7rem}.pill{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--ink);border-radius:6px;align-items:center;gap:.4rem;margin:.25rem .35rem 0 0;padding:.25rem .55rem;font-size:.66rem;display:inline-flex}.pill.safe{background:var(--accent);color:var(--ink);border-color:var(--ink)}.pill.live{background:var(--safe);color:#fff;border-color:var(--safe)}.matrix-wrap{border:1px solid var(--rule);-webkit-overflow-scrolling:touch;border-radius:12px;overflow-x:auto}table.matrix{border-collapse:collapse;background:var(--paper);width:100%;min-width:760px}table.matrix th,table.matrix td{text-align:left;border-bottom:1px solid var(--rule);border-right:1px solid var(--rule);vertical-align:top;padding:1rem 1.1rem}table.matrix tr:last-child td{border-bottom:0}table.matrix th:last-child,table.matrix td:last-child{border-right:0}table.matrix thead th{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint);background:var(--mist);white-space:nowrap;font-size:.6rem;font-weight:500}table.matrix tbody th{font-family:var(--font-display);white-space:nowrap;font-size:1.05rem;font-weight:600}.prov{align-items:center;gap:.55rem;display:flex}.prov .pdot{border-radius:4px;flex:none;width:.8rem;height:.8rem}.st{color:var(--ink-soft);flex-direction:column;gap:.3rem;font-size:.82rem;display:flex}.st .mark{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:.45rem;font-size:.66rem;font-weight:600;display:inline-flex}.st .mark:before{content:"";border-radius:50%;flex:none;width:.62rem;height:.62rem}.st.yes .mark{color:var(--safe)}.st.yes .mark:before{background:var(--grass);box-shadow:0 0 0 3px color-mix(in srgb, var(--grass) 22%, transparent)}.st.partial .mark{color:#9a7000}.st.partial .mark:before{background:var(--highlighter);border:1px solid #c9b300}.st.no .mark{color:var(--ink-faint)}.st.no .mark:before{border:1.5px solid var(--ink-faint);background:0 0}.st.research .mark{color:var(--signal)}.st.research .mark:before{border:1.5px solid var(--signal);background:0 0}.matrix-legend{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);flex-wrap:wrap;gap:.7rem 1.5rem;margin-top:1.2rem;font-size:.66rem;display:flex}.matrix-legend span{align-items:center;gap:.5rem;display:inline-flex}.matrix-legend i{border-radius:50%;flex:none;width:.62rem;height:.62rem;display:inline-block}.matrix-legend i.yes{background:var(--grass)}.matrix-legend i.partial{background:var(--highlighter);border:1px solid #c9b300}.matrix-legend i.no{border:1.5px solid var(--ink-faint)}.matrix-legend i.research{border:1.5px solid var(--signal)}.callout{border:1px solid var(--ink);border-left:6px solid var(--highlighter);background:var(--paper);border-radius:10px;margin-top:clamp(2rem,4vw,3rem);padding:1.3rem 1.5rem}.callout h3{margin-bottom:.5rem;font-size:1.3rem;font-weight:600}.callout p{color:var(--ink-soft);max-width:70ch;margin:0}.callout .lift{color:var(--ink);font-weight:500}.stack-grid{background:#ffffff1f;border:1px solid #ffffff1f;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1px;margin-bottom:clamp(2rem,4vw,3rem);display:grid;overflow:hidden}.stack-cell{background:var(--ink);padding:1.3rem}.stack-cell .k{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:#ffffff80;margin-bottom:.45rem;font-size:.6rem}.stack-cell .v{font-family:var(--font-display);font-size:1.15rem;font-weight:600}.stack-cell .note{color:#fff9;margin-top:.3rem;font-size:.82rem}.dataflow{flex-wrap:wrap;align-items:center;gap:.5rem .65rem;margin:0 0 clamp(1.5rem,3vw,2rem);display:flex}.node{font-family:var(--font-mono);white-space:nowrap;border:1px solid #ffffff40;border-radius:6px;padding:.4rem .65rem;font-size:.78rem}.node.hot{border-color:var(--signal);color:var(--signal)}.arrow{color:var(--signal);font-family:var(--font-mono)}.code{font-family:var(--font-mono);color:#e8e8e8;white-space:pre;background:#1a1a1a;border:1px solid #ffffff24;border-radius:10px;padding:1.1rem 1.3rem;font-size:.82rem;line-height:1.6;overflow-x:auto}section:not(.ink) .code{color:#e8e8e8;background:#1a1a1a}.code .c{color:var(--ink-faint)}.code .s{color:var(--signal)}.code .y{color:var(--highlighter)}.open-note{border-left:3px solid var(--accent);color:#ffffffb3;max-width:66ch;margin-top:1.5rem;padding:.4rem 0 .4rem 1rem;font-size:.9rem}.open-note b{color:var(--paper)}section:not(.ink) .open-note{color:var(--ink-soft)}section:not(.ink) .open-note b{color:var(--ink)}.cta-title{letter-spacing:-.02em;max-width:18ch;margin-bottom:1.4rem;font-size:clamp(2.2rem,5.5vw,4.4rem);font-weight:300;line-height:1.02}.cta-row{flex-wrap:wrap;align-items:center;gap:1rem 1.2rem;margin-top:2.5rem;display:flex}section.ink .btn{border-color:var(--paper)}.cta-row .url{font-family:var(--font-mono);color:#fff9;font-size:.82rem}footer{background:var(--ink);color:#fff9;border-top:.75rem solid var(--highlighter)}footer .wrap{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-block:2.5rem;font-size:.7rem;display:flex}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(1.2rem)}.reveal.is-visible{opacity:1;transform:none}@media (max-width:1023px){.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.flow-grid{grid-template-columns:1fr}.device{max-width:28rem;position:static}}@media (max-width:560px){:root{--rhythm:clamp(2.5rem, 9vw, 4rem)}.rec{grid-template-columns:2.6rem 1fr;gap:.9rem}.brand span{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}}