:root{color-scheme:dark;--bg: #0d1117;--bg-strong: #05070b;--panel: #121923;--panel-strong: #172131;--text: #f3f6fb;--muted: #a9b4c2;--line: #2a3748;--accent: #65d0b6;--accent-strong: #ffd166;--rust: #e78f6d;--blue: #7aa7ff;--shadow: 0 24px 70px rgb(0 0 0 / 38%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--text);background:linear-gradient(180deg,rgb(255 255 255 / 4%),transparent 460px),var(--bg)}a{color:inherit;text-decoration:none}.site-header{position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px clamp(20px,4vw,56px);border-bottom:1px solid rgb(255 255 255 / 8%);background:#0d1117d1;backdrop-filter:blur(16px)}.brand,nav,.hero-actions{display:flex;align-items:center}.brand{gap:10px;font-size:.98rem;font-weight:700}.brand-mark{display:grid;width:30px;height:30px;place-items:center;border:1px solid rgb(101 208 182 / 48%);border-radius:8px;color:var(--accent);background:#65d0b617}nav{gap:clamp(14px,3vw,28px);color:var(--muted);font-size:.92rem}nav a:hover{color:var(--text)}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(320px,.96fr);gap:clamp(32px,7vw,92px);align-items:center;min-height:92vh;padding:118px clamp(20px,5vw,72px) 64px;overflow:hidden;border-bottom:1px solid rgb(255 255 255 / 8%);background:var(--bg-strong)}.hero-grid{position:absolute;inset:0;opacity:.42;background-image:linear-gradient(rgb(255 255 255 / 7%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 7%) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(180deg,black 0%,transparent 82%)}.hero-copy,.trace-panel,.section{position:relative}.eyebrow,.section-kicker{margin:0 0 14px;color:var(--accent);font-size:.78rem;font-weight:760;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin-top:0}h1{max-width:760px;margin-bottom:24px;font-size:clamp(3.2rem,7vw,6.8rem);line-height:.93;letter-spacing:0}h2{margin-bottom:18px;font-size:clamp(2rem,4vw,4.2rem);line-height:1;letter-spacing:0}.lede{max-width:680px;margin-bottom:32px;color:var(--muted);font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.58}.hero-actions{flex-wrap:wrap;gap:12px}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border-radius:8px;padding:0 18px;font-weight:760;line-height:1}.button.primary{color:#07100e;background:var(--accent)}.button.secondary{border:1px solid rgb(255 255 255 / 16%);color:var(--text);background:#ffffff0d}.trace-panel{width:min(100%,580px);justify-self:end;border:1px solid rgb(255 255 255 / 13%);border-radius:8px;box-shadow:var(--shadow);background:#121923eb}.trace-topbar{display:flex;gap:8px;padding:16px;border-bottom:1px solid rgb(255 255 255 / 9%)}.trace-topbar span{width:10px;height:10px;border-radius:50%;background:var(--line)}.trace-topbar span:nth-child(1){background:var(--rust)}.trace-topbar span:nth-child(2){background:var(--accent-strong)}.trace-topbar span:nth-child(3){background:var(--accent)}.trace-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px}.trace-node{display:flex;min-height:76px;align-items:center;gap:12px;border:1px solid rgb(255 255 255 / 9%);border-radius:8px;padding:14px;background:var(--panel-strong)}.trace-node span{display:grid;flex:0 0 auto;width:32px;height:32px;place-items:center;border-radius:8px;color:var(--bg-strong);background:var(--accent-strong);font-weight:800}.trace-node:nth-child(3n) span{background:var(--blue)}.trace-node:nth-child(3n+1) span{background:var(--accent)}.trace-node strong{min-width:0;overflow-wrap:anywhere}.trace-result{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 18px 18px;border-radius:8px;padding:16px;background:#65d0b61f}.trace-result span{color:var(--accent);font-size:.88rem;font-weight:760}.section{display:grid;grid-template-columns:minmax(240px,.9fr) minmax(280px,1.1fr);gap:clamp(28px,6vw,80px);align-items:start;padding:clamp(64px,10vw,128px) clamp(20px,5vw,72px);border-bottom:1px solid rgb(255 255 255 / 8%)}.section p{color:var(--muted);font-size:1.08rem;line-height:1.68}.adapter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.adapter-grid span{min-height:54px;border:1px solid rgb(255 255 255 / 10%);border-radius:8px;padding:16px;color:var(--text);background:var(--panel);font-weight:720}.callout{grid-template-columns:minmax(0,1fr) auto;align-items:center;background:#101820}.callout .button{white-space:nowrap}@media(max-width:860px){.site-header{position:absolute}.hero,.section,.callout{grid-template-columns:1fr}.hero{min-height:auto;padding-top:104px}.trace-panel{justify-self:stretch}.trace-flow,.adapter-grid{grid-template-columns:1fr}h1{font-size:clamp(3rem,15vw,4.2rem)}}@media(max-width:540px){.site-header{align-items:flex-start;flex-direction:column;gap:12px}.hero{padding-top:140px}.hero-actions,.button{width:100%}.trace-result{align-items:flex-start;flex-direction:column}}