@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#090d0c;--panel:#101513;--line:#27302a;--text:#f0f2eb;--muted:#8f9b91;--accent:#dcfc70;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--display:'Space Grotesk',sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.nav{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-family:var(--display);font-weight:700;font-size:25px;letter-spacing:-1.4px;display:flex;align-items:center}.brand-x{color:var(--accent)}.brand-mark{background:var(--accent);color:var(--bg);font-size:29px;line-height:36px;height:36px;width:36px;text-align:center;border-radius:6px;margin-right:12px;position:relative;font-weight:700}.brand-mark span{font-size:20px;position:absolute;right:1px;bottom:-3px}.nav nav{display:flex;gap:35px;font-size:13px;color:#bcc3bc}.nav nav a:hover,.text-link:hover,footer a:hover{color:var(--accent)}.nav nav span{color:var(--muted);margin-left:5px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;background:var(--accent);color:#17200c;padding:16px 23px;border:1px solid var(--accent);font-weight:650;font-size:14px;border-radius:5px;transition:transform .2s,background .2s}.button:hover{background:#e8ff9f;transform:translateY(-2px)}.button.small{padding:10px 18px;font-size:12px;gap:22px}.button span{font-size:20px;line-height:1}.hero{min-height:680px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;position:relative}.hero-copy{position:relative;z-index:2;padding:65px 0 28px}.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:1.8px;font-weight:500;display:flex;align-items:center;gap:10px;color:#c1cbbd}.signal{width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 10px #dcfc7040;display:inline-block;flex-shrink:0}.signal.pending{background:#829084;box-shadow:none}.signal.offline{background:#c99e6c;box-shadow:none}h1,h2,h3{font-family:var(--display);font-weight:500;line-height:1.04;letter-spacing:-3px}h1{font-size:clamp(68px,6.7vw,100px);margin:33px 0 27px;white-space:nowrap}em{font-style:normal;color:var(--accent)}.lead{font-size:17px;line-height:1.7;color:#a6b0a8}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:35px}.text-link{font-size:13px;font-weight:500;display:inline-flex;gap:14px;align-items:center}.hero-footnote{display:flex;align-items:center;gap:16px;margin-top:62px;font-family:var(--mono);font-size:8px;letter-spacing:1px;color:#77847b}.line{height:1px;width:34px;background:var(--line)}.visual{height:600px;position:relative;isolation:isolate;margin-left:-40px;background:radial-gradient(ellipse at 55% 48%,#3543314a,transparent 64%)}.visual:after{content:'';position:absolute;inset:55% -15% 2%;z-index:-2;background-image:linear-gradient(#5b72541c 1px,transparent 1px),linear-gradient(90deg,#5b72541c 1px,transparent 1px);background-size:45px 45px;transform:perspective(280px) rotateX(55deg);mask-image:radial-gradient(ellipse,#000,transparent 65%)}#kraken{width:100%;height:100%;display:block;position:relative;z-index:1;opacity:0;transition:opacity .6s}.scene-ready #kraken{opacity:1}.kraken-fallback{position:absolute;width:100%;height:100%;inset:0;opacity:.85;filter:drop-shadow(0 18px 30px #000)}.scene-ready .kraken-fallback{display:none}.orbit{border:1px solid #61754b25;border-radius:50%;position:absolute;inset:75px 25px;transform:rotate(-27deg) scaleX(.85);z-index:-1}.orbit-two{inset:105px 0;transform:rotate(35deg) scaleY(.65)}.crosshair{font-family:var(--mono);position:absolute;color:#5b695a;font-size:20px}.cross-one{top:90px;right:30px}.cross-two{bottom:100px;left:45px}.visual-label{position:absolute;right:16px;top:35px;font-family:var(--mono);font-size:8px;letter-spacing:1.7px;color:#9cae8a;line-height:2.2}.visual-label span{color:#4d5e51}.visual-bottom{position:absolute;bottom:18px;left:40px;right:16px;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:1px;color:#63735f}.scene-status{position:absolute;bottom:50px;left:40px;font:9px var(--mono);color:#8fa580}.motion-toggle{position:absolute;z-index:2;right:16px;bottom:42px;background:#111b13b3;border:1px solid #34412c;border-radius:4px;font-size:10px;color:#becbb4;padding:6px 9px;cursor:pointer}.motion-toggle span{margin-left:8px}.telemetry{border:1px solid var(--line);background:#0f1511;display:grid;grid-template-columns:1fr 1.5fr 1fr 1.1fr;border-radius:6px;min-height:122px;align-items:center;padding:27px 30px;gap:25px}.telemetry-heading .eyebrow{font-size:9px;letter-spacing:1px}.muted{color:var(--muted);font-size:12px}.telemetry-heading>.muted{display:block;margin-top:8px;font-size:10px}.metric{border-left:1px solid var(--line);padding-left:26px;display:flex;flex-direction:column}.metric strong{font-family:var(--display);font-size:32px;line-height:1.2;font-weight:500;letter-spacing:-1px}.metric span{color:var(--muted);font-size:11px;margin-top:5px}.refresh{display:flex;align-items:center;gap:12px;font-size:11px;color:#bdc7ba}.refresh-icon{font-size:25px;color:var(--accent)}.refresh small{display:block;color:#768373;font-size:9px;margin-top:3px}.icon-button{margin-left:auto;background:none;color:#a3b291;border:0;cursor:pointer;font-size:18px}.principles{display:grid;grid-template-columns:repeat(3,1fr);padding-block:35px 10px;gap:45px}.principles>div{display:flex;gap:18px;align-items:flex-start}.principles>div>span{font:10px var(--mono);color:#64745f;margin-top:5px}.principles p{font-size:12px;color:var(--muted);margin:0}.principles strong{font-weight:400;color:#bdc8b8}.section{padding-top:115px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:34px}.section-heading h2,h2{font-size:52px;letter-spacing:-2.8px;margin:22px 0 0}.section-heading>p{font-size:13px;color:#a2ada0;line-height:1.9;margin-bottom:4px;max-width:360px}.section-heading>p .muted{font-size:10px}.section-status{font:10px var(--mono);color:#a9b398;min-height:25px;margin-bottom:16px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plan{border:1px solid var(--line);border-radius:7px;padding:31px 29px 23px;position:relative;background:linear-gradient(140deg,#141a16,#0c110e)}.plan.featured{border-color:#a1bc53;background:linear-gradient(140deg,#21291a,#10170f)}.plan-badge{position:absolute;right:21px;top:-12px;background:var(--accent);color:#263514;font:9px var(--mono);letter-spacing:1px;padding:4px 10px;border-radius:3px}.plan-top{display:flex;align-items:center;justify-content:space-between;color:#778b6c;margin-bottom:29px}.plan-symbol{font-family:var(--display);font-size:24px;color:var(--accent);border:1px solid #4a5a32;border-radius:8px;width:43px;height:43px;text-align:center;line-height:42px}.mono{font:9px var(--mono);letter-spacing:1px}.plan h3{font-size:29px;letter-spacing:-1px;margin:0}.plan>p{color:var(--muted);font-size:12px;margin:10px 0 26px}.price{display:flex;gap:8px;align-items:baseline;min-height:58px}.price>span{font-family:var(--display);font-size:47px;letter-spacing:-2px;line-height:1}.price small{font-size:11px;color:var(--muted)}.quota{font-size:12px;color:#d1dbc5;padding-bottom:25px;border-bottom:1px solid var(--line)}.plan ul{list-style:none;padding:12px 0 8px;font-size:11px;color:#adb9a5;line-height:2.8}.plan li:before{content:'✓';color:var(--accent);padding-right:11px}.plan .button{width:100%;font-size:12px;padding:12px 15px;background:transparent;color:#d5e0c7;border-color:#3b4830}.plan.featured .button{background:var(--accent);color:#19200c;border-color:var(--accent)}.button[aria-disabled=true]{cursor:not-allowed;opacity:.5;transform:none}.checkout-note{font-size:9px;color:#7f8b75;display:block;text-align:center;margin-top:13px}.pricing-note{font-size:10px;text-align:center;color:#819077;margin-top:25px}.docs{display:grid;grid-template-columns:1fr 1.3fr;gap:65px;border-bottom:1px solid var(--line);padding-bottom:95px}.docs h2{font-size:62px}.docs-intro>p{font-size:14px;color:var(--muted);line-height:1.9;margin:25px 0 20px}.docs .text-link{color:var(--accent)}.endpoint{font:10px var(--mono);color:#7f8d7b;margin-top:32px}.endpoint span{color:var(--accent);margin-right:8px}.code-panels{padding-top:14px;min-width:0}.code-box,.format-box{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#0e1410}.code-header{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font:9px var(--mono);color:#86917e;gap:10px}.code-header i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#3a4732;margin-right:5px}.code-header i:first-child{background:#768b5a}.copy{font:10px var(--mono);border:0;background:none;color:#c4d3b4;cursor:pointer}.code-box pre,.format-box pre{padding:25px 22px;margin:0;overflow:auto;font:11px/2 var(--mono);color:#d3ddc6}.code-green{color:var(--accent)}.code-string{color:#a8c396}.code-footer{font:9px var(--mono);color:#6d8162;padding:0 22px 22px}.code-footer span{padding-right:6px}.format-box{margin-top:15px;background:transparent}.format-box pre{padding-block:14px 8px}.format-box p{font-size:10px;color:#839379;padding:0 22px 13px;margin:0;line-height:1.8}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:65px;padding-top:85px}.faq h2{font-size:42px}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{display:flex;justify-content:space-between;cursor:pointer;list-style:none;font-size:14px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--accent);font-size:20px;line-height:1}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{font-size:12px;color:var(--muted);line-height:1.9;margin-bottom:0;max-width:520px}.closing{position:relative;overflow:hidden;background:radial-gradient(ellipse at 90% 130%,#41582338,transparent 60%);border:1px solid var(--line);border-radius:6px;margin-top:105px;padding:52px 50px}.closing h2{font-size:62px;margin:20px 0 30px;position:relative;z-index:1}.closing .button{position:relative;z-index:1}.closing-watermark{position:absolute;right:15px;bottom:-90px;color:#b8d77908;font:700 330px var(--display);letter-spacing:-35px;transform:rotate(-12deg);pointer-events:none}footer{display:flex;align-items:center;justify-content:space-between;padding-block:45px;font-size:10px;color:#7a8774;gap:20px}footer .brand{font-size:21px;color:#e5ebdc}footer small{font-size:9px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--accent);color:#18210c;border-radius:5px;padding:10px 18px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:10}.toast.visible{opacity:1;transform:translate(-50%,0)}.skip{position:fixed;top:-100px;left:15px;background:var(--accent);color:#111;padding:10px;z-index:20}.skip:focus{top:10px}.noscript{padding:20px;text-align:center}.is-preview:before{content:'OFFLINE PREVIEW — live API requests are disabled';display:block;text-align:center;padding:6px;color:var(--accent);font:10px var(--mono);background:#202a17}
@media(min-width:1600px){.hero{min-height:740px}.visual{height:650px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.nav nav{gap:20px}.hero{min-height:600px}.visual{height:510px;margin-left:-55px}h1{font-size:72px}.hero-footnote{font-size:7px;gap:10px}.telemetry{gap:18px;padding:23px 20px;grid-template-columns:1fr 1.2fr 1fr}.refresh{grid-column:1/-1;border-top:1px solid var(--line);padding-top:12px}.refresh small{display:inline;margin-left:12px}.plan{padding:26px 20px 20px}.docs,.faq{gap:35px}.code-box pre{font-size:10px}.hero-actions{gap:20px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.nav{height:80px}.brand{font-size:22px}.brand-mark{width:30px;height:30px;line-height:30px;font-size:25px}.nav nav{display:none}.nav .small{font-size:11px;padding:9px 12px;gap:15px}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding-top:51px}.eyebrow{font-size:8px;letter-spacing:1.3px}h1{font-size:clamp(54px,11vw,82px);margin-top:25px;letter-spacing:-2.8px}.lead{font-size:15px}.hero-actions{gap:22px;margin-top:25px}.hero-actions .button{font-size:12px;padding:14px 17px;gap:24px}.hero-actions .text-link{font-size:11px;gap:8px}.hero-footnote{margin-top:32px}.visual{height:440px;margin:-5px -15px 5px}.visual-label{top:25px;right:25px}.visual-bottom{left:30px;right:25px}.motion-toggle{right:25px}.telemetry{grid-template-columns:1.3fr 1fr;padding:20px;gap:20px}.telemetry-heading{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.telemetry-heading>.muted{margin:0;font-size:9px}.metric{border:0;padding:0}.metric strong{font-size:30px}.metric span{font-size:9px}.refresh small{font-size:8px;margin-left:7px}.principles{gap:15px;padding-top:26px}.principles>div{display:block}.principles p{font-size:10px;line-height:1.8;margin-top:7px}.principles>div>span{font-size:9px}.section{padding-top:75px}.section-heading{display:block;margin-bottom:25px}.section-heading h2,h2{font-size:43px;letter-spacing:-2px;margin-top:18px}.section-heading>p{font-size:12px;margin-top:23px}.plan-grid{grid-template-columns:1fr;gap:26px}.plan{padding:28px}.plan-top{margin-bottom:20px}.plan>p{margin-bottom:20px}.plan .button{padding:14px 16px}.plan ul{font-size:12px}.docs,.faq{grid-template-columns:1fr;gap:30px;padding-bottom:55px}.docs h2{font-size:52px}.endpoint{margin-top:22px}.code-box pre{font-size:10px;padding:22px 16px}.code-header{padding-inline:16px;font-size:8px}.code-footer{padding-inline:16px;font-size:8px}.format-box pre{padding-inline:16px}.format-box p{padding-inline:16px}.faq{padding-top:55px;padding-bottom:0}.faq h2{font-size:38px}.faq-list summary{font-size:12px}.closing{margin-top:65px;padding:32px 24px}.closing h2{font-size:41px;letter-spacing:-2px}.closing-watermark{font-size:230px;right:-10px;bottom:-55px}footer{flex-wrap:wrap;gap:18px;padding-block:32px}footer .brand{flex-basis:100%}footer>span{flex-basis:100%}footer small{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}