h1,h2,h3,h4{color:var(--fg-0);letter-spacing:-.02em;margin:0;font-weight:600}h1{letter-spacing:-.03em;font-size:clamp(36px,5vw,60px);font-weight:550;line-height:1.05}h2{letter-spacing:-.025em;font-size:clamp(24px,3vw,36px);font-weight:550;line-height:1.12}h3{font-size:17px;line-height:1.35}p{color:var(--fg-2);margin:0}.subnav{top:var(--nav-h);z-index:20;background:var(--bg-0);border-bottom:1px solid var(--line-0);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky}.subnav-inner{max-width:var(--max-w);padding:0 var(--gutter);scrollbar-width:none;align-items:center;gap:2px;height:44px;margin:0 auto;display:flex;overflow-x:auto}.subnav-inner::-webkit-scrollbar{display:none}.subnav-inner a{height:30px;color:var(--fg-3);white-space:nowrap;border-radius:6px;align-items:center;padding:0 12px;font-size:13px;transition:color .12s,background .12s;display:inline-flex}.subnav-inner a:hover,.subnav-inner a.active{color:var(--fg-0);background:var(--bg-2)}.page-hero{padding:clamp(64px,9vw,112px) 0 clamp(48px,6vw,80px)}.page-hero .label{font-family:var(--font-mono);text-transform:lowercase;letter-spacing:.06em;color:var(--accent);margin-bottom:20px;font-size:12px}.page-hero h1{max-width:20ch}.page-hero p{color:var(--fg-2);max-width:56ch;margin-top:22px;font-size:clamp(16px,1.4vw,18px);line-height:1.6}.feat-section{border-top:1px solid var(--line-0);padding:clamp(64px,8vw,108px) 0}.feat-section-inner{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(48px,6vw,96px);display:grid}.feat-section-inner.reverse{direction:rtl}.feat-section-inner.reverse>*{direction:ltr}.feat-copy{flex-direction:column;gap:0;display:flex}.feat-copy .eyebrow{align-self:flex-start;margin-bottom:22px}.feat-copy h2{margin-bottom:18px}.feat-copy p{color:var(--fg-2);font-size:16px;line-height:1.65}.feat-copy p+p{margin-top:14px}.feat-copy .feat-list+p{margin-top:32px}.feat-list{gap:12px;margin:28px 0 0;padding:0;list-style:none;display:grid}.feat-list li{color:var(--fg-2);padding-left:20px;font-size:14.5px;line-height:1.5;position:relative}.feat-list li:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:7px;left:1px}.feat-list li b{color:var(--fg-1);font-weight:500}.feat-visual{background:var(--bg-1);border:1px solid var(--line-0);border-radius:14px;overflow:hidden}.mock-bar{border-bottom:1px solid var(--line-0);background:var(--bg-1);align-items:center;gap:10px;height:38px;padding:0 14px;display:flex}.mock-bar .lights{gap:6px;display:flex}.mock-bar .lights span{background:var(--bg-3);border-radius:999px;width:8px;height:8px}.mock-bar .title{color:var(--fg-3);font-size:12px;font-family:var(--font-mono)}.mock-row{border-bottom:1px solid var(--line-0);align-items:center;gap:12px;padding:12px 16px;font-size:13px;display:flex}.mock-row:last-child{border-bottom:0}.mock-row .label{color:var(--fg-1);flex:1}.mock-row .sub{color:var(--fg-3);font-size:12px;font-family:var(--font-mono);margin-top:2px}.mock-row .badge{font-size:11px;font-family:var(--font-mono);border:1px solid var(--line-0);background:var(--bg-2);color:var(--fg-2);white-space:nowrap;border-radius:5px;padding:2px 8px}.mock-row .num{font-family:var(--font-mono);color:var(--fg-3);text-align:right;font-size:12px}.lvl{border-radius:999px;flex-shrink:0;width:7px;height:7px;display:inline-block}.lvl.fatal{background:var(--level-fatal);box-shadow:0 0 8px var(--level-fatal)}.lvl.error{background:var(--level-error)}.lvl.warn{background:var(--level-warn)}.lvl.ok{background:var(--level-ok)}.code-block{background:var(--bg-2);border:1px solid var(--line-0);font-family:var(--font-mono);color:var(--fg-1);border-radius:10px;padding:18px 20px;font-size:12.5px;line-height:1.75;overflow-x:auto}.tok-cmt{color:var(--fg-3)}.tok-key{color:var(--accent)}.tok-str{color:oklch(62% .14 152)}.tok-num{color:oklch(66% .13 235)}.tok-prompt{color:var(--accent)}.sdk-grid{background:var(--line-0);border:1px solid var(--line-0);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.sdk-item{background:var(--bg-0);flex-direction:column;gap:6px;padding:20px 22px;transition:background .14s;display:flex}.sdk-item:hover{background:color-mix(in oklch, var(--accent) 3%, var(--bg-0))}.sdk-item .name{color:var(--fg-0);font-size:14px;font-weight:500}.sdk-item .detail{font-size:12px;font-family:var(--font-mono);color:var(--fg-3)}.detail-table{border-collapse:collapse;width:100%}.detail-table tr{border-bottom:1px solid var(--line-0)}.detail-table tr:last-child{border-bottom:0}.detail-table th{width:40%;color:var(--fg-3);text-align:left;background:var(--bg-1);padding:14px 18px;font-size:13px;font-weight:400}.detail-table td{color:var(--fg-1);padding:14px 18px;font-size:13px}.detail-table td .mono{font-family:var(--font-mono);color:var(--fg-2);font-size:12px}.channel-row{border-bottom:1px solid var(--line-0);align-items:center;gap:14px;padding:14px 18px;display:flex}.channel-row:last-child{border-bottom:0}.channel-row .ico{background:var(--bg-2);border:1px solid var(--line-0);width:32px;height:32px;color:var(--accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.channel-row .text{flex:1}.channel-row .text .name{color:var(--fg-0);font-size:13px;font-weight:500}.channel-row .text .desc{color:var(--fg-3);margin-top:2px;font-size:12px}.channel-row .tag{font-size:11px;font-family:var(--font-mono);color:var(--accent);border:1px solid var(--accent-ring);background:var(--accent-soft);white-space:nowrap;border-radius:5px;padding:2px 8px}.cta-block{border:1px solid var(--accent-ring);background:radial-gradient(900px 400px at 0% 100%, oklch(55% .17 285/.2), transparent 70%), radial-gradient(700px 320px at 100% 0%, oklch(78% .1 285/.16), transparent 70%), color-mix(in oklch, var(--accent) 5%, var(--bg-1));text-align:center;border-radius:16px;padding:clamp(56px,7vw,88px) clamp(32px,5vw,72px)}.cta-block h2{max-width:22ch;margin:0 auto}.cta-block p{max-width:52ch;margin:18px auto 0;font-size:17px}.cta-block .row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}@media (width<=880px){.feat-section-inner{grid-template-columns:1fr}.feat-section-inner.reverse{direction:ltr}.sdk-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){:root{--gutter:18px}.sdk-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=460px){.sdk-grid{grid-template-columns:1fr 1fr}}