:root{color-scheme:dark;--bg:#090c0a;--fg:#edf2ee;--body:#b9c4bc;--muted:#7b877e;--line:#27332b;--signal:#b9f6c9;--signal-bg:rgba(119,255,156,.08);--active-bg:rgba(119,255,156,.14)}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 10% -5%,rgba(120,255,160,.04),transparent 32rem),linear-gradient(rgba(255,255,255,.01) 1px,transparent 1px) 0 0/100% 4px,var(--bg);color:var(--fg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
main{width:min(1240px,calc(100% - 48px));margin:0 auto;padding:clamp(44px,6vw,84px) 0 clamp(80px,10vw,140px)}
h1{position:relative;margin:0 0 20px;max-width:14ch;font-size:clamp(2.8rem,7vw,6.4rem);line-height:.95;letter-spacing:-.058em;font-weight:650;color:#f5f8f6}
.title-quote{color:var(--signal);font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:.7;vertical-align:.08em}
.title-quote-open,.title-quote-close{display:inline-block;font-size:1.16em}
.title-quote-open{margin-right:.08em}.title-quote-close{margin-left:.06em}.title-section-number{display:inline-block;margin-right:.18em}
.hero-quote{max-width:860px;margin:0 0 34px;padding:18px 20px 19px;border-left:2px solid rgba(185,246,201,.55);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.012)}
.hero-quote blockquote{margin:0;max-width:68ch;font-size:clamp(1.18rem,1.8vw,1.55rem);line-height:1.48;letter-spacing:-.018em;font-weight:480;color:#e8eee9}
.hero-quote blockquote::before,.hero-quote blockquote::after{display:inline-block;color:var(--signal);font-family:Georgia,"Times New Roman",serif;font-size:1.22em;font-weight:400;line-height:.7;vertical-align:.08em}
.hero-quote blockquote::before{content:"“";margin-right:.08em}.hero-quote blockquote::after{content:"”";margin-left:.06em}
.hero-quote-source,.page-intro-link{display:inline-block;margin-top:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.72rem;line-height:1.45;color:#aab6ad;text-decoration:none;border-bottom:1px solid #445149;padding-bottom:2px}
.hero-quote-source:hover,.hero-quote-source:focus-visible,.page-intro-link:hover,.page-intro-link:focus-visible{outline:none;color:var(--signal);border-bottom-color:rgba(185,246,201,.68)}
.page-intro{display:block;max-width:820px;margin:0 0 clamp(42px,6vw,68px);padding-bottom:18px;border-bottom:1px solid var(--line)}
.page-intro p{display:block;max-width:72ch;margin:0;font-size:1rem;line-height:1.62;color:#b6c0b8}.page-intro p+p{margin-top:.85em}.page-intro p strong{color:#edf2ee;font-weight:620}.page-intro-link{margin-top:16px}
.annotated{position:relative;display:grid;grid-template-columns:minmax(320px,.88fr) minmax(0,1.32fr);gap:clamp(52px,6vw,92px);align-items:start}
.notes{min-width:0;display:flex;flex-direction:column;gap:12px;position:relative;z-index:2}.notes-heading{margin:0 0 8px;font-size:clamp(1.75rem,3vw,2.55rem);line-height:1.02;letter-spacing:-.045em;font-weight:620;color:#f5f8f6}
.note{appearance:none;width:100%;border:1px solid #2d3931;border-radius:6px;padding:15px 16px 16px;text-align:left;background:rgba(255,255,255,.018);color:inherit;cursor:pointer;transition:border-color .16s ease,background .16s ease}.note:hover,.note:focus-visible,.note.is-active{outline:none;border-color:rgba(185,246,201,.45);background:rgba(119,255,156,.055)}
.note-kicker{display:block;margin-bottom:7px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.65rem;letter-spacing:.08em;color:#7f8b82}.note strong{display:block;margin-bottom:7px;font-size:clamp(1.08rem,1.45vw,1.18rem);line-height:1.3;letter-spacing:-.012em;font-weight:620;color:#f0f4f1}.note>span:last-child{display:block;font-size:.94rem;line-height:1.56;color:#aeb9b0}
.source-text{min-width:0;position:relative;z-index:2}.source-label{margin:0 0 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.64rem;letter-spacing:.1em;color:#7d8980}.source-text p{margin:0 0 1.45em;font-size:clamp(1rem,1.18vw,1.08rem);line-height:1.74;letter-spacing:-.012em;color:#bdc7bf}
.signal{display:inline;margin:0;padding:.03em .08em;border-radius:2px;color:var(--signal);background:var(--signal-bg);box-shadow:inset 0 -1px 0 rgba(185,246,201,.46);-webkit-box-decoration-break:clone;box-decoration-break:clone;cursor:pointer;transition:background .16s ease,color .16s ease,box-shadow .16s ease;scroll-margin-top:28px}.signal:hover,.signal:focus-visible,.signal.is-active{outline:none;color:#effff3;background:var(--active-bg);box-shadow:inset 0 -1px 0 rgba(185,246,201,.9),0 0 0 1px rgba(185,246,201,.12)}
.glossary-term{text-decoration-line:underline;text-decoration-style:dotted;text-decoration-thickness:1px;text-decoration-color:rgba(201,215,204,.38);text-underline-offset:.19em;border-radius:2px;cursor:help;transition:color .12s ease,background .12s ease,text-decoration-color .12s ease}.glossary-term:hover,.glossary-term:focus-visible,.glossary-term.is-glossary-active{outline:none;color:#dfe7e1;background:rgba(255,255,255,.035);text-decoration-color:rgba(185,246,201,.72)}
.glossary-tooltip{position:fixed;z-index:9999;width:min(340px,calc(100vw - 24px));padding:12px 13px 13px;border:1px solid #334038;border-radius:6px;background:#111713;color:#aeb8b0;box-shadow:0 12px 32px rgba(0,0,0,.28);pointer-events:none;opacity:0;visibility:hidden;transform:translateY(3px);transition:opacity .12s ease,transform .12s ease,visibility .12s ease}.glossary-tooltip.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.glossary-tooltip-title{display:block;margin-bottom:5px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.76rem;line-height:1.35;letter-spacing:.025em;font-weight:600;color:#edf3ee}.glossary-tooltip-body{display:block;font-size:.9rem;line-height:1.54;color:#b2bcb4}
.links{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible}.link-path{fill:none;stroke:#3c4b41;stroke-width:1;opacity:.32;vector-effect:non-scaling-stroke;transition:opacity .16s ease,stroke .16s ease,stroke-width .16s ease}.link-path.is-active{stroke:#a9e7b9;stroke-width:1.5;opacity:.88}
.comparison{margin-top:clamp(88px,12vw,150px);padding-top:clamp(48px,7vw,76px);border-top:1px solid var(--line)}.comparison-eyebrow{margin-bottom:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.68rem;letter-spacing:.12em;color:#7e8a81}.comparison h2{max-width:12ch;margin:0 0 28px;font-size:clamp(2rem,4.6vw,4.3rem);line-height:1;letter-spacing:-.052em;font-weight:640;color:#f2f6f3}
.matrix-wrap{width:100%;overflow:visible;border:1px solid var(--line);border-radius:7px;background:rgba(255,255,255,.01)}.matrix{width:100%;border-collapse:collapse;table-layout:fixed}.matrix th,.matrix td{border-bottom:1px solid var(--line);vertical-align:middle}.matrix thead th{padding:15px 18px;text-align:left;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.68rem;letter-spacing:.08em;color:var(--muted);background:rgba(255,255,255,.012)}.matrix thead th:first-child{width:43%}.matrix thead th:not(:first-child){width:19%;text-align:center}.matrix .col-title{display:block;color:#cfd8d1;font-size:.72rem}.matrix .col-date{display:block;margin-top:5px;color:#8f9a92;font-size:.62rem;line-height:1.25;letter-spacing:.035em}.matrix tbody th{padding:17px 18px;text-align:left;font-weight:400}.matrix tbody th strong{display:block;font-size:.98rem;line-height:1.32;letter-spacing:-.015em;font-weight:610;color:#dce4de}.matrix td{padding:15px 12px;text-align:center;font-size:.76rem;line-height:1.35;color:#879189}.matrix td .symbol{display:block;margin-bottom:4px;font-size:1.35rem;line-height:1;font-weight:650}.matrix td.yes .symbol{color:var(--signal)}.matrix td.partial .symbol{color:#89958c}.matrix .cell-main{display:block;font-size:.82rem;line-height:1.32;color:#b7c1b9}.scope-label,.impact-label{display:block;margin-bottom:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.64rem;letter-spacing:.07em;line-height:1.2;color:#dbe3dd}.scope-row th,.scope-row td,.impact-row th,.impact-row td{background:rgba(255,255,255,.018)}.comparison-source{margin:14px 0 0;max-width:90ch;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.68rem;line-height:1.5;color:#78837b}
.site-credit{margin-top:clamp(64px,9vw,110px);padding-top:18px;border-top:1px solid var(--line);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.68rem;line-height:1.5;letter-spacing:.02em;color:#69746c}.site-credit a{color:#9eaaa1;text-decoration:none;border-bottom:1px solid #3f4b43;padding-bottom:1px}.site-credit a:hover,.site-credit a:focus-visible{outline:none;color:var(--signal);border-bottom-color:rgba(185,246,201,.65)}
::selection{background:rgba(185,246,201,.2);color:#fff}
@media(max-width:900px){.matrix-wrap{border:0;background:transparent}.matrix,.matrix thead,.matrix tbody,.matrix tr,.matrix th,.matrix td{display:block;width:100%}.matrix thead{display:none}.matrix tbody{display:grid;gap:12px}.matrix tbody tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:7px;overflow:hidden;background:rgba(255,255,255,.012)}.matrix tbody th{grid-column:1/-1;display:block;padding:14px 16px 13px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.018)}.matrix tbody td{display:block;min-width:0;padding:12px 12px 13px;border-bottom:0;border-right:1px solid rgba(255,255,255,.055);text-align:left}.matrix tbody td:last-child{border-right:0}.matrix tbody td::before{display:block;margin:0 0 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.61rem;line-height:1.25;letter-spacing:.055em;color:#7f8b82}.matrix tbody td:nth-of-type(1)::before{content:"HUGGING FACE"}.matrix tbody td:nth-of-type(2)::before{content:"OPENAI 1"}.matrix tbody td:nth-of-type(3)::before{content:"OPENAI 2"}.matrix td .symbol{display:inline-block;margin:0 6px 0 0;font-size:1rem;vertical-align:baseline}.matrix td .cell-main{display:inline;font-size:.84rem;line-height:1.38}.matrix .scope-label,.matrix .impact-label{display:block;margin:0 0 6px;font-size:.61rem}}
@media(max-width:760px){main{width:min(100% - 24px,1240px);padding-top:30px;padding-bottom:72px}h1{max-width:12ch;margin-bottom:18px;font-size:clamp(2.35rem,12vw,4.4rem);line-height:.96}.title-quote-open,.title-quote-close{font-size:1.12em}.hero-quote{padding:16px;margin-bottom:26px}.hero-quote blockquote{font-size:1.12rem;line-height:1.5}.page-intro{margin-bottom:34px}.page-intro p{font-size:.96rem}.annotated{display:flex;flex-direction:column}.notes{order:1;margin-bottom:42px}.source-text{order:2}.links{display:none}.notes-heading{font-size:clamp(1.7rem,8vw,2.2rem)}.note strong{font-size:1.08rem}.note>span:last-child{font-size:.96rem}.source-text p{font-size:1rem;line-height:1.7}.glossary-tooltip{left:12px!important;right:12px!important;bottom:12px!important;top:auto!important;width:auto}.comparison{margin-top:72px;padding-top:44px}.comparison h2{max-width:11ch}}
@media(max-width:560px){.matrix tbody th{padding:13px}.matrix tbody td{padding:10px 9px 11px}.matrix tbody td::before{font-size:.55rem;letter-spacing:.035em;white-space:nowrap}.matrix td .cell-main{display:block;margin-top:5px;font-size:.78rem;line-height:1.34;overflow-wrap:anywhere}.matrix td .symbol{display:block;margin-bottom:3px;font-size:1rem}.matrix .scope-label,.matrix .impact-label{font-size:.55rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.signal,.note,.link-path,.glossary-tooltip{transition:none}}