.hero{padding:80px 0 96px;position:relative;border-bottom:1px solid var(--line);overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,var(--line-2) 1px,transparent 1px),linear-gradient(to bottom,var(--line-2) 1px,transparent 1px);background-size:64px 64px;background-position:center;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 70% 30%,black 30%,transparent 80%);mask-image:radial-gradient(ellipse 70% 60% at 70% 30%,black 30%,transparent 80%);opacity:.55;pointer-events:none}.hero-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px;align-items:center;position:relative}.hero-text{min-width:0}.hero-text h1{margin-top:22px}.hero-lockup{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;letter-spacing:.02em;color:var(--mute)}.hero-sub{margin-top:24px;font-size:18px;line-height:1.55;color:var(--ink-3);max-width:560px;text-wrap:pretty}.hero-ctas{margin-top:32px;display:flex;gap:10px;flex-wrap:wrap}.hero-meta{margin-top:40px;display:flex;gap:28px;flex-wrap:wrap;font-size:13px;color:var(--mute);font-family:var(--mono)}.hero-meta span{display:inline-flex;align-items:center;gap:6px}.hero-meta .tick{width:14px;height:14px;border-radius:50%;background:color-mix(in oklab,var(--ok) 15%,transparent);color:var(--ok);display:inline-flex;align-items:center;justify-content:center;font-size:9px}.hero-art{position:relative;display:flex;justify-content:center;align-items:center;min-width:0;isolation:isolate}.hero-art-glow{position:absolute;inset:-12% -8%;z-index:-1;background:radial-gradient(ellipse 55% 55% at 30% 40%,color-mix(in oklab,var(--accent) 28%,transparent),transparent 65%),radial-gradient(ellipse 60% 60% at 70% 65%,color-mix(in oklab,var(--ok) 18%,transparent),transparent 70%);filter:blur(28px);opacity:.9;pointer-events:none}.hero-art img{width:100%;max-width:520px;height:auto;-o-object-fit:contain;object-fit:contain;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse 92% 88% at center,black 55%,transparent 96%);-webkit-mask-image:radial-gradient(ellipse 92% 88% at center,black 55%,transparent 96%);filter:drop-shadow(0 18px 44px color-mix(in oklab,var(--accent) 22%,transparent))}html[data-theme=dark] .hero-art img{mix-blend-mode:screen;filter:drop-shadow(0 18px 44px color-mix(in oklab,var(--accent) 35%,transparent))}html[data-theme=dark] .hero-art-glow{opacity:.55}@media (max-width: 900px){.hero{padding:56px 0 64px}.hero-inner{grid-template-columns:1fr;gap:40px}.hero-art img{max-width:320px}}.logostrip{border-bottom:1px solid var(--line);padding:32px 0;background:var(--bg-2)}.logostrip-label{font-family:var(--mono);font-size:12px;color:var(--mute);text-align:center;letter-spacing:.04em;margin-bottom:18px;white-space:pre-line}.logos{display:flex;gap:40px;justify-content:center;flex-wrap:wrap;font-family:var(--mono);font-size:12px;color:var(--ink-3)}.logo{display:inline-flex;align-items:center;gap:8px}.logo .sq{width:10px;height:10px;background:var(--ink-3);opacity:.45;display:inline-block;border-radius:2px}section#problem{padding:96px 0;border-bottom:1px solid var(--line)}.section-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:72px;align-items:end;margin-bottom:48px}.section-head p{color:var(--ink-3);font-size:16px;max-width:540px;line-height:1.55}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.problem-card{padding:24px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg);display:flex;flex-direction:column;gap:10px}.problem-card .idx{font-family:var(--mono);font-size:11px;color:var(--mute);letter-spacing:.06em}.problem-card h3{color:var(--ink)}.problem-card p{color:var(--ink-3);font-size:14px;line-height:1.55}.problem-card .tag{align-self:flex-start;font-family:var(--mono);font-size:11px;padding:3px 8px;border:1px solid var(--line);border-radius:4px;color:var(--mute)}.problem-card .tag.err{color:var(--err);border-color:color-mix(in oklab,var(--err) 25%,transparent);background:color-mix(in oklab,var(--err) 6%,transparent)}.problem-diagram{margin-top:48px}.flow-title{font-family:var(--mono);font-size:11px;color:var(--mute);text-transform:uppercase;letter-spacing:.08em;margin:20px 0 10px}.flow{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.flow-step{padding:6px 12px;font-family:var(--mono);font-size:12px;border:1px solid var(--line);border-radius:var(--radius);color:var(--ink-3)}.flow-step.broken{color:var(--err);border-color:color-mix(in oklab,var(--err) 30%,transparent);background:color-mix(in oklab,var(--err) 6%,transparent)}.flow-step.ok{color:var(--ok);border-color:color-mix(in oklab,var(--ok) 30%,transparent);background:color-mix(in oklab,var(--ok) 6%,transparent)}.flow-arrow{width:18px;height:1px;background:var(--ink-3);opacity:.6}.flow-arrow.broken{background:var(--err);opacity:.8}@media (max-width: 900px){.section-head{grid-template-columns:1fr;gap:16px}.problem-grid{grid-template-columns:1fr}}section#layers{padding:96px 0;border-bottom:1px solid var(--line)}.layers{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.layer{padding:24px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg);display:flex;flex-direction:column;gap:10px}.layer-idx{font-family:var(--mono);font-size:11px;color:var(--mute);letter-spacing:.06em}.layer h3{color:var(--ink)}.layer p{color:var(--ink-3);font-size:14px;line-height:1.55}.layer-bar{height:4px;border-radius:2px;background:var(--accent);margin-top:8px}@media (max-width: 900px){.layers{grid-template-columns:1fr}}section#endpoints{padding:96px 0;border-bottom:1px solid var(--line)}.endpoints{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.endpoint{padding:22px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-2);display:flex;flex-direction:column;gap:12px}.endpoint-head{display:flex;align-items:center;gap:8px}.endpoint-head .method{font-family:var(--mono);font-size:11px;font-weight:600;color:var(--accent-ink);padding:2px 6px;border-radius:4px;background:color-mix(in oklab,var(--accent) 12%,transparent)}.endpoint-head .path{font-family:var(--mono);font-size:13px;color:var(--ink-2)}.endpoint-q{font-family:var(--sans);font-size:18px;color:var(--ink);font-weight:500}.endpoint-desc{color:var(--ink-3);font-size:14px;line-height:1.55}.endpoint-sample{font-family:var(--mono);font-size:12px;color:var(--ink-3);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;margin:0;overflow-x:auto;white-space:pre}@media (max-width: 900px){.endpoints{grid-template-columns:minmax(0,1fr)}}section#territories{padding:96px 0;border-bottom:1px solid var(--line)}.table-scroll{overflow-x:auto}.table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;font-size:14px}.table th,.table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.table th{font-family:var(--mono);font-size:11px;color:var(--mute);letter-spacing:.06em;text-transform:uppercase;font-weight:500;background:var(--bg-2)}.table tbody tr:last-child td{border-bottom:none}.table .name{font-weight:500;color:var(--ink)}.table .parent{font-size:11px;color:var(--mute);margin-top:2px}.table tr.marquee{background:color-mix(in oklab,var(--warn) 4%,transparent)}.table-footer{margin-top:20px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.table-footer .mono{font-size:12px;color:var(--mute)}@media (max-width: 900px){.table{font-size:13px}.table th,.table td{padding:10px 12px}}section.closing{padding:96px 0;border-bottom:1px solid var(--line)}section.closing h2{margin-top:20px}section.closing p{margin-top:18px;color:var(--ink-3);font-size:17px;max-width:560px;line-height:1.55}
