:root{--bg:#f6f9fe;--bg-soft:#eef4fd;--surface:#fff;--surface-2:#f9fbff;--line:#10264917;--line-strong:#10264929;--text:#08111f;--muted:#596b85;--primary:#1d6ff2;--primary-600:#185fd4;--cyan:#22d3ee;--ok:#12b76a;--warn:#f59e0b;--danger:#ef4444;--r-xs:10px;--r-sm:14px;--r-md:20px;--r-lg:28px;--r-xl:36px;--shadow-sm:0 1px 2px #08111f0a, 0 8px 24px -12px #08111f1f;--shadow:0 2px 6px #08111f0d, 0 24px 60px -28px #08111f3d;--shadow-blue:0 18px 50px -22px #1d6ff28c;--ease:cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--bg:#04070e;--bg-soft:#070c17;--surface:#0a1120;--surface-2:#0d1526;--line:#94b0dc21;--line-strong:#94b0dc3d;--text:#e8eefb;--muted:#93a6c4;--primary:#4b8ef8;--primary-600:#3b7fe8;--shadow-sm:0 1px 2px #0006, 0 10px 30px -16px #000c;--shadow:0 2px 8px #00000080, 0 30px 70px -30px #000000e6;--shadow-blue:0 20px 60px -26px #4b8ef880}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-feature-settings:"cv02", "cv03", "cv04", "ss01";-webkit-font-smoothing:antialiased;transition:background .4s var(--ease), color .4s var(--ease);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Inter,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:hidden}::selection{background:#1d6ff238}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img,svg{max-width:100%;display:block}input,textarea,select{font:inherit;color:inherit}.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 22px}.wrap-narrow{max-width:820px}.sec{padding:84px 0;position:relative}.sec-sm{padding:54px 0}.grid{gap:18px;display:grid}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:900px){.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.g2,.g3,.g4{grid-template-columns:1fr}}.row{align-items:center;gap:10px;display:flex}.row-between{justify-content:space-between;align-items:center;gap:16px;display:flex}.wrapflex{flex-wrap:wrap}.stack{flex-direction:column;gap:14px;display:flex}h1,h2,h3,h4{letter-spacing:-.028em;margin:0;font-weight:700;line-height:1.08}h1{font-size:clamp(2.3rem,5.6vw,4.2rem)}h2{font-size:clamp(1.7rem,3.4vw,2.6rem)}h3{font-size:clamp(1.1rem,1.8vw,1.35rem)}p{margin:0;line-height:1.65}.lede{color:var(--muted);font-size:clamp(1rem,1.5vw,1.14rem);line-height:1.7}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--primary);align-items:center;gap:8px;font-size:11px;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px}.muted{color:var(--muted)}.small{font-size:13px}.tiny{font-size:12px}.mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.center{text-align:center}.grad-text{background:linear-gradient(100deg, var(--primary), var(--cyan) 90%);color:#0000;-webkit-background-clip:text;background-clip:text}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:transform .4s var(--ease), box-shadow .4s var(--ease), border-color .3s var(--ease)}.card-pad{padding:26px}.card-hover:hover{box-shadow:var(--shadow);border-color:var(--line-strong);transform:translateY(-4px)}.card-flat{box-shadow:none;background:var(--surface-2)}.glass{background:color-mix(in srgb, var(--surface) 72%, transparent);-webkit-backdrop-filter:blur(18px)saturate(140%)}.badge{letter-spacing:.02em;background:color-mix(in srgb, var(--primary) 12%, transparent);color:var(--primary);border:1px solid color-mix(in srgb, var(--primary) 22%, transparent);border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:11.5px;font-weight:700;display:inline-flex}.badge-ok{color:var(--ok);background:#12b76a1f;border-color:#12b76a42}.badge-warn{color:#b45309;background:#f59e0b24;border-color:#f59e0b4d}[data-theme=dark] .badge-warn{color:#fbbf24}.badge-danger{color:var(--danger);background:#ef44441f;border-color:#ef444442}.badge-muted{background:color-mix(in srgb, var(--muted) 12%, transparent);color:var(--muted);border-color:var(--line)}.dot{background:var(--ok);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #12b76a29}.dot-live{animation:pulse 2.2s var(--ease) infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 3px #12b76a2e}50%{box-shadow:0 0 0 7px #12b76a0a}}.btn{--btn-bg:var(--surface);border:1px solid var(--line-strong);background:var(--btn-bg);min-height:46px;color:var(--text);cursor:pointer;transition:transform .22s var(--ease), box-shadow .25s var(--ease), background .25s var(--ease), border-color .25s;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:0 20px;font-size:14.5px;font-weight:600;display:inline-flex}.btn:hover{box-shadow:var(--shadow-sm);border-color:var(--line-strong);transform:translateY(-1.5px)}.btn-primary{background:linear-gradient(180deg, color-mix(in srgb, var(--primary) 88%, #fff), var(--primary));color:#fff;box-shadow:var(--shadow-blue);border-color:#0000}.btn-primary:hover{box-shadow:0 22px 55px -20px #1d6ff2b3}.btn-ghost{background:0 0}.btn-sm{min-height:38px;padding:0 15px;font-size:13px}.btn-lg{border-radius:999px;min-height:54px;padding:0 28px;font-size:15.5px}.btn[disabled]{opacity:.55;pointer-events:none}.button{cursor:pointer;background:radial-gradient(65.28% 65.28% at 50% 100%,#22d3eecc 0%,#22d3ee00 100%),linear-gradient(#2563eb,#2563eb);border:none;border-radius:.75rem;outline:none;justify-content:center;align-items:center;min-width:102px;min-height:48px;padding:12px 18px;transition:all .25s;display:inline-flex;position:relative;overflow:hidden}.button:before,.button:after{content:"";z-index:0;transition:all .5s ease-in-out;position:absolute}.button:before{background:linear-gradient(177.95deg,#ffffff30 0%,#fff0 100%);border-radius:calc(.75rem - 1px);inset:1px}.button:after{background:radial-gradient(65.28% 65.28% at 50% 100%,#22d3eecc 0%,#22d3ee00 100%),linear-gradient(#2563eb,#2563eb);border-radius:calc(.75rem - 2px);inset:2px}.button:active{transform:scale(.95)}.button:disabled{opacity:.6;pointer-events:none}.points_wrapper{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;overflow:hidden}.points_wrapper .point{pointer-events:none;background-color:#fff;border-radius:9999px;width:2px;height:2px;animation:ease-in-out infinite floating-points;position:absolute;bottom:-10px}@keyframes floating-points{0%{transform:translateY(0)}85%{opacity:0}to{opacity:0;transform:translateY(-55px)}}.points_wrapper .point:first-child{opacity:1;animation-duration:2.35s;animation-delay:.2s;left:10%}.points_wrapper .point:nth-child(2){opacity:.7;animation-duration:2.5s;animation-delay:.5s;left:30%}.points_wrapper .point:nth-child(3){opacity:.8;animation-duration:2.2s;animation-delay:.1s;left:25%}.points_wrapper .point:nth-child(4){opacity:.6;animation-duration:2.05s;left:44%}.points_wrapper .point:nth-child(5){opacity:1;animation-duration:1.9s;left:50%}.points_wrapper .point:nth-child(6){opacity:.5;animation-duration:1.5s;animation-delay:1.5s;left:75%}.points_wrapper .point:nth-child(7){opacity:.9;animation-duration:2.2s;animation-delay:.2s;left:88%}.points_wrapper .point:nth-child(8){opacity:.8;animation-duration:2.25s;animation-delay:.2s;left:58%}.points_wrapper .point:nth-child(9){opacity:.6;animation-duration:2.6s;animation-delay:.1s;left:98%}.points_wrapper .point:nth-child(10){opacity:1;animation-duration:2.5s;animation-delay:.2s;left:65%}.button .inner{z-index:2;color:#fff;justify-content:center;align-items:center;gap:6px;width:100%;font-size:16px;font-weight:500;line-height:1.5;transition:color .2s ease-in-out;display:inline-flex;position:relative}.button .inner svg.icon{stroke:#fff;fill:none;width:18px;height:18px;transition:transform .3s}.button:hover .inner svg.icon{transform:translate(2px)}.button:hover .inner svg.icon path{animation:.8s linear forwards dash}@keyframes dash{0%{stroke-dasharray:0 20;stroke-dashoffset:0}50%{stroke-dasharray:10 10;stroke-dashoffset:-5px}to{stroke-dasharray:20 0;stroke-dashoffset:-10px}}.input,.select,.textarea{border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--surface);width:100%;min-height:46px;color:var(--text);transition:border-color .2s var(--ease), box-shadow .2s var(--ease), background .2s;outline:none;padding:11px 16px;font-size:14.5px}.textarea{resize:vertical;min-height:110px;line-height:1.6}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 16%, transparent)}.label{color:var(--muted);letter-spacing:.01em;margin-bottom:7px;font-size:12.5px;font-weight:600;display:block}.field{margin-bottom:14px}.table-wrap{border-radius:var(--r-md);border:1px solid var(--line);overflow-x:auto}table.tbl{border-collapse:collapse;width:100%;min-width:560px;font-size:13.5px}table.tbl th{text-align:left;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);background:var(--surface-2);white-space:nowrap;padding:12px 16px;font-size:11px;font-weight:700}table.tbl td{border-top:1px solid var(--line);vertical-align:middle;padding:13px 16px}table.tbl tr{transition:background .2s}table.tbl tbody tr:hover{background:var(--surface-2)}.reveal{opacity:1}.reveal-armed{opacity:0;transition:opacity .75s var(--ease), transform .75s var(--ease);transform:translateY(22px)}.reveal-armed.in{opacity:1;transform:none}.reveal-d1{transition-delay:70ms}.reveal-d2{transition-delay:.14s}.reveal-d3{transition-delay:.21s}.reveal-d4{transition-delay:.28s}@media (prefers-reduced-motion:reduce){.reveal,.reveal-armed{opacity:1!important;transition:none!important;transform:none!important}html{scroll-behavior:auto}}.header{z-index:50;transition:background .35s var(--ease), border-color .35s var(--ease), box-shadow .35s;border-bottom:1px solid #0000;position:sticky;top:0}.header.scrolled{background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-color:var(--line);box-shadow:0 1px 0 var(--line)}.nav-link{color:var(--muted);padding:7px 2px;font-size:14px;font-weight:500;transition:color .2s;position:relative}.nav-link:hover,.nav-link.active{color:var(--text)}.nav-link:after{content:"";background:var(--primary);transform-origin:0;height:2px;transition:transform .3s var(--ease);border-radius:2px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.logo-mark{width:38px;height:38px;transition:background .35s var(--ease), border-color .35s var(--ease);background:0 0;border:1px solid #0000;border-radius:12px;flex:none;place-items:center;display:grid;overflow:hidden}.logo-mark img{object-fit:contain;width:100%;height:100%}[data-theme=dark] .logo-mark{border-color:var(--line-strong);background:radial-gradient(120% 120% at 20% 0,#0d1a2e,#04070e)}.hero{padding:74px 0 64px;position:relative;overflow:hidden}.hero-bg{z-index:-1;position:absolute;inset:0;overflow:hidden}.hero-glow{filter:blur(90px);opacity:.55;border-radius:50%;animation:16s ease-in-out infinite float;position:absolute}.hero-glow.a{background:#1d6ff252;width:520px;height:520px;top:-220px;left:-120px}.hero-glow.b{background:#22d3ee3d;width:420px;height:420px;animation-delay:-6s;top:-80px;right:-140px}[data-theme=dark] .hero-glow.a{background:#1d6ff257}@keyframes float{0%,to{transform:translate(0,0)scale(1)}50%{transform:translateY(26px)scale(1.06)}}.hero-grid{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.7;background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 22%,#000 0%,#0000 66%);mask-image:radial-gradient(circle at 50% 22%,#000 0%,#0000 66%)}.stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (max-width:760px){.stats{grid-template-columns:repeat(2,1fr)}}.stat{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);padding:20px 20px 18px}.stat b{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(1.5rem,2.6vw,2rem);display:block}.stat span{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.price-card{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);transition:.35s var(--ease);padding:22px;position:relative}.price-card:hover{border-color:color-mix(in srgb, var(--primary) 40%, var(--line));box-shadow:var(--shadow);transform:translateY(-4px)}.price-card.best{border-color:color-mix(in srgb, var(--primary) 55%, transparent);box-shadow:var(--shadow-blue)}.price-tag{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:750}.price-token{color:var(--muted);font-size:13px}.code{border-radius:var(--r-md);border:1px solid var(--line);background:color-mix(in srgb, var(--surface-2) 92%, #000);color:var(--text);white-space:pre;padding:18px 18px 16px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12.8px;line-height:1.72;position:relative;overflow-x:auto}[data-theme=dark] .code{background:#060a13}.code .c-com{color:var(--muted)}.code .c-key{color:var(--primary)}.code .c-str{color:#0ea5a5}[data-theme=dark] .code .c-str{color:#5eead4}.tabs{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;gap:4px;padding:4px;display:inline-flex}.tab{cursor:pointer;color:var(--muted);transition:.25s var(--ease);background:0 0;border:none;border-radius:999px;padding:9px 16px;font-size:13.5px;font-weight:600}.tab.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.toast{background:var(--text);color:var(--bg);opacity:0;pointer-events:none;transition:.35s var(--ease);z-index:200;border-radius:999px;padding:12px 20px;font-size:13.5px;font-weight:600;position:fixed;bottom:26px;left:50%;transform:translate(-50%,20px);box-shadow:0 20px 50px -20px #0009}.toast.show{opacity:1;transform:translate(-50%)}.divider{background:var(--line);border:0;height:1px;margin:0}.kbd{border:1px solid var(--line-strong);background:var(--surface-2);border-radius:6px;padding:2px 7px;font-family:ui-monospace,monospace;font-size:11.5px;display:inline-block}.skeleton{background:linear-gradient(90deg, var(--surface-2) 25%, color-mix(in srgb, var(--surface-2) 60%, var(--line)) 50%, var(--surface-2) 75%);border-radius:var(--r-xs);background-size:200% 100%;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.progress{background:var(--line);border-radius:999px;height:8px;overflow:hidden}.progress>i{background:linear-gradient(90deg, var(--primary), var(--cyan));height:100%;transition:width .8s var(--ease);border-radius:999px;display:block}.scroll-x{scrollbar-width:thin;overflow-x:auto}.scroll-x::-webkit-scrollbar{height:6px}.scroll-x::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:99px}.footer{border-top:1px solid var(--line);margin-top:40px;padding:54px 0 34px}.footer a{color:var(--muted);font-size:13.5px;transition:color .2s}.footer a:hover{color:var(--text)}.prose{color:var(--text);line-height:1.78}.prose h2{margin:30px 0 12px;font-size:1.32rem}.prose h3{margin:24px 0 10px;font-size:1.06rem}.prose p,.prose li{color:var(--muted);font-size:14.6px}.prose ul,.prose ol{margin:10px 0;padding-left:20px}.prose li{margin:6px 0}.prose strong{color:var(--text);font-weight:650}.prose code{background:var(--surface-2);border:1px solid var(--line);border-radius:5px;padding:2px 6px;font-size:.9em}.prose a{color:var(--primary);text-underline-offset:3px;text-decoration:underline}.md-content p{margin:0 0 10px}.md-content p:last-child{margin-bottom:0}.md-content strong{font-weight:700}.md-content em{font-style:italic}.md-content code{background:var(--surface-2);border:1px solid var(--line);border-radius:5px;padding:1px 5px;font-size:.9em}.md-content a{color:var(--primary);text-underline-offset:2px;text-decoration:underline}.btn:focus-visible,.button:focus-visible,.tab:focus-visible,.input:focus-visible,.select:focus-visible,.textarea:focus-visible,a:focus-visible{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px color-mix(in srgb, var(--primary) 62%, transparent);outline:none}.btn-primary:focus-visible,.button:focus-visible{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px color-mix(in srgb, var(--cyan) 55%, transparent)}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted) 32%, transparent);background-clip:content-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--muted) 52%, transparent);background-clip:content-box}@media (max-width:900px){.sec{padding:62px 0}.sec-sm{padding:42px 0}.hero{padding:54px 0 44px}}@media (max-width:560px){.wrap{padding:0 18px}.sec{padding:50px 0}.hero{padding:42px 0 34px}.card-pad{padding:20px}h1{letter-spacing:-.032em}.lede{font-size:1rem}}.sec-head{gap:12px;max-width:640px;margin-bottom:30px;display:grid}.sec-head.center{text-align:center;margin-left:auto;margin-right:auto}.sec-head .eyebrow{margin-bottom:2px}.card-hover:hover{transform:translateY(-5px)}.card-flat{border-color:var(--line)}.card-hover:hover .card-icon{transform:translateY(-2px)scale(1.04)}.card-icon{transition:transform .45s var(--ease)}.stat{transition:transform .35s var(--ease), border-color .3s, box-shadow .35s;position:relative;overflow:hidden}.stat:before{content:"";background:linear-gradient(90deg, transparent, var(--primary) 22%, var(--cyan) 62%, transparent);opacity:.32;width:100%;height:2px;transition:opacity .3s;position:absolute;inset:0 auto auto 0}.stat:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm);transform:translateY(-3px)}.stat:hover:before{opacity:1}.stat b{font-feature-settings:"tnum"}.table-wrap{position:relative}table.tbl thead th{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0}.table-wrap:after{content:"";float:right;pointer-events:none;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--bg) 82%, transparent));width:28px;height:100%;margin-top:-100%;position:sticky;right:0}table.tbl tbody tr:last-child td{border-bottom:0}table.tbl td .mono,table.tbl th{font-variant-numeric:tabular-nums}.price-card.best{position:relative}.price-card.best:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(120% 80% at 50% -10%, color-mix(in srgb, var(--primary) 14%, transparent), transparent 70%);position:absolute;inset:0}.price-card .price-tag{font-variant-numeric:tabular-nums}@media (max-width:620px){.price-card{padding:20px!important}}.header.scrolled{box-shadow:0 10px 30px -22px #08111f80}.btn:active{transform:translateY(0)scale(.97)}.btn-primary{text-shadow:0 1px #00000014}.code{tab-size:2}.code::-webkit-scrollbar{height:8px}.code::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted) 30%, transparent);border-radius:999px}[id]{scroll-margin-top:92px}.docs-grid{grid-template-columns:210px minmax(0,1fr);align-items:start;gap:34px;display:grid}.docs-toc{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);gap:4px;padding:16px;display:grid;position:sticky;top:92px}.docs-toc .toc-title{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:11px;font-weight:700}.docs-toc a{color:var(--muted);transition:.2s var(--ease);border-radius:999px;padding:7px 10px;font-size:13px}.docs-toc a:hover{color:var(--text);background:var(--surface-2)}@media (max-width:1000px){.docs-grid{grid-template-columns:1fr;gap:18px}.docs-toc{flex-wrap:wrap;gap:6px;padding:12px;display:flex;position:static}.docs-toc .toc-title{width:100%;margin-bottom:2px}}.sticky-toolbar{z-index:20;position:sticky;top:76px}@media (max-width:760px){.sticky-toolbar{top:68px}}.empty{text-align:center;color:var(--muted);place-items:center;gap:6px;padding:34px 18px;display:grid}[data-theme=dark] .card{box-shadow:0 1px #ffffff08,0 24px 60px -34px #000000e6}[data-theme=dark] .card-flat{background:color-mix(in srgb, var(--surface-2) 86%, #000)}[data-theme=dark] .badge{background:color-mix(in srgb, var(--primary) 18%, transparent)}[data-theme=dark] .table-wrap{border-color:var(--line)}@media (prefers-reduced-motion:reduce){.card-hover:hover,.stat:hover,.price-card:hover,.btn:hover,.button:hover{transform:none!important}.hero-glow{animation:none!important}}.hero-inner{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);align-items:center;gap:48px;display:grid}.hero-inner h1{max-width:620px}.hero-panel{border-radius:var(--r-lg);box-shadow:var(--shadow), 0 0 0 1px color-mix(in srgb, var(--primary) 12%, transparent);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);animation:heroPanelIn .9s var(--ease) both;overflow:hidden}@keyframes heroPanelIn{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:none}}.hero-panel-bar{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface-2) 80%, transparent);align-items:center;gap:9px;padding:12px 16px;display:flex}.hero-panel-bar .tiny:last-child{margin-left:auto}.hero-code{color:var(--muted);white-space:pre;margin:0;padding:18px 18px 16px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12.4px;line-height:1.75;overflow-x:auto}.hero-code::selection{background:#1d6ff240}.hero-panel-foot{border-top:1px solid var(--line);background:color-mix(in srgb, var(--surface-2) 60%, transparent);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}@media (max-width:940px){.hero-inner{grid-template-columns:1fr;gap:30px}.hero-panel{max-width:560px}}@media (max-width:560px){.hero-code{padding:15px;font-size:11.6px}}.hero-inner h1{max-width:700px;font-size:clamp(2.15rem,4.3vw,3.55rem)}.hero-inner .lede{max-width:520px}.hero-code .hk{color:var(--primary);font-weight:600}.hero-code .hu{color:var(--text);font-weight:600}.hero-code .hs{color:color-mix(in srgb, var(--text) 78%, var(--muted))}.hero-code .hv{color:#0e9f8f}[data-theme=dark] .hero-code .hv{color:#5eead4}.hero-code .hb{color:var(--primary)}.hero-code .hc{color:var(--muted);font-style:italic}