@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@600;700;800&display=swap";.particle-text{position:relative;display:block;width:100%;height:100%;min-height:240px;overflow:hidden;touch-action:none;isolation:isolate}.particle-text__canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.particle-text__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--font-display: "Space Grotesk", "Plus Jakarta Sans", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--bg-0: #060a14;--bg-1: #0a0e1a;--bg-2: #0d1528;--panel: rgba(10, 14, 26, .72);--text: #e8f4ff;--muted: #8aa0c0;--quiet: #5a7290;--accent: #00e5ff;--accent-soft: rgba(0, 229, 255, .14);--accent-strong: rgba(0, 229, 255, .48);--success: #00d4aa;--border: rgba(0, 229, 255, .16);--border-strong: rgba(0, 229, 255, .32);--radius: 8px;--motion-fast: .2s ease;color:var(--text);background:var(--bg-0);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg-0)}a{color:inherit;text-decoration:none}button{font:inherit}main{position:relative;min-height:100vh;overflow:hidden;color:var(--text);background:radial-gradient(circle at 50% 0%,rgba(0,229,255,.13),transparent 31rem),radial-gradient(circle at 50% 28%,var(--bg-2),transparent 46rem),linear-gradient(145deg,var(--bg-0),var(--bg-1) 48%,var(--bg-2))}main[data-theme=light]{--bg-0: #08111f;--bg-1: #0b1628;--bg-2: #12203a;--panel: rgba(14, 25, 44, .72);--text: #f4fbff;--muted: #a7bad2;--quiet: #6f86a4}main:before,main:after{content:"";position:fixed;inset:0;pointer-events:none}main:before{z-index:0;background:linear-gradient(rgba(0,229,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.04) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:radial-gradient(circle at 50% 22%,#000 0%,rgba(0,0,0,.75) 34%,transparent 72%);mask-image:radial-gradient(circle at 50% 22%,#000 0%,rgba(0,0,0,.75) 34%,transparent 72%)}main:after{z-index:1;opacity:.055;background-image:linear-gradient(115deg,rgba(255,255,255,.65) 0 1px,transparent 1px),radial-gradient(circle at 30% 60%,#fff 0 1px,transparent 1px);background-size:9px 11px,13px 17px;mix-blend-mode:screen}.nav,.hero,.metrics,.split-section,.models-section,.features,.docs-section,footer{position:relative;z-index:2}.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(1180px,calc(100% - 32px));margin:0 auto;padding:18px 0;color:var(--muted);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.45),transparent);box-shadow:0 0 18px #00e5ff3d}.brand{position:relative;display:inline-flex;align-items:center;gap:9px;color:var(--text);font-family:var(--font-display);font-weight:800}.brand span{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid rgba(0,229,255,.35);border-radius:var(--radius);color:#021016;background:linear-gradient(135deg,var(--accent),var(--success));box-shadow:0 0 20px #00e5ff38;font-size:13px}.brand i{width:8px;height:8px;border-radius:999px;background:var(--success);animation:status-pulse 2s ease-in-out infinite}.nav nav{display:flex;align-items:center;gap:22px;font-size:14px}.nav nav>a:not(.nav-button){transition:color var(--motion-fast),text-shadow var(--motion-fast)}.nav nav>a:not(.nav-button):hover{color:var(--text);text-shadow:0 0 12px rgba(0,229,255,.28)}.nav-button,.theme-toggle,.primary,.secondary,.icon-button{transition:border-color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast),background var(--motion-fast)}.nav-button,.theme-toggle{display:inline-flex;align-items:center;justify-content:center;height:36px;border:1px solid var(--border);border-radius:var(--radius);color:var(--text);background:#0d15289e}.nav-button{padding:0 14px}.theme-toggle{width:36px;cursor:pointer}.nav-button:hover,.theme-toggle:hover,.primary:hover,.secondary:hover,.icon-button:hover{border-color:var(--border-strong);box-shadow:0 0 24px #00e5ff33}.hero{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:50px 0 86px}.ambient-glow{position:absolute;inset:-160px -170px auto auto;width:900px;height:620px;pointer-events:none;filter:blur(60px);opacity:.58}.ambient-glow span{position:absolute;width:420px;height:300px;border-radius:45%;background:#00e5ff38;animation:glow-float 6s ease-in-out infinite alternate}.ambient-glow span:nth-child(2){left:300px;top:110px;width:360px;background:#00d4aa2e;animation-delay:-2s}.ambient-glow span:nth-child(3){left:90px;top:280px;width:520px;background:#2d7dff14;animation-delay:-4s}.hero-stage,.hero-control{position:relative}.hero-stage{display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,.85fr);gap:34px;align-items:center;overflow:hidden;min-height:452px;padding:44px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(rgba(0,229,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.035) 1px,transparent 1px),linear-gradient(145deg,#060a14eb,#0d1528db);background-size:24px 24px,24px 24px,auto;box-shadow:inset 0 1px #00e5ff2e,0 30px 100px #0000004d;animation:rise-in .64s ease both}.hero-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 48% 40%,rgba(0,229,255,.12),transparent 52%);pointer-events:none}.hero-stage:after{content:"";position:absolute;inset:auto 30px 28px;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.72),rgba(0,212,170,.42),transparent);box-shadow:0 0 20px #00e5ff47;pointer-events:none}.hero-scan{position:absolute;left:0;right:0;top:-2px;height:2px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.82),transparent);box-shadow:0 0 30px #00e5ff8c;animation:vertical-scan 4s ease-in-out infinite;pointer-events:none}.stage-copy,.particle-card{position:relative;z-index:1}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.shiny-text{display:inline-block;color:var(--accent);background:linear-gradient(120deg,var(--accent) 0%,#e8f4ff 48%,var(--success) 56%,var(--accent) 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:shimmer 3s linear infinite;-webkit-text-fill-color:transparent}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em}h1{max-width:760px;margin-top:20px;color:var(--text);font-size:clamp(52px,7.2vw,88px);line-height:.96}.stage-copy h1{background:linear-gradient(110deg,#ffffff 0%,#e8f4ff 46%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 28px rgba(0,229,255,.16);-webkit-text-fill-color:transparent}h1 span{display:inline-block}.stage-copy p{max-width:690px;margin-top:24px;color:var(--muted);font-size:17px;line-height:1.82}.protocol-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.protocol-chips span{position:relative;display:inline-flex;align-items:center;min-height:34px;overflow:hidden;padding:0 12px;border:1px solid rgba(0,229,255,.24);border-radius:var(--radius);color:#d9fbff;background:#060a1494;box-shadow:inset 0 0 18px #00e5ff0a;font-family:var(--font-mono);font-size:12px;font-weight:600;transition:border-color var(--motion-fast),filter var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast)}.protocol-chips span:after,.primary:after,.secondary:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.18) 48%,transparent 62%);transform:translate(-120%);animation:soft-shimmer 3s ease-in-out infinite}.protocol-chips span:hover{transform:translateY(-1px);border-color:var(--accent-strong);filter:brightness(1.18);box-shadow:0 0 24px #00e5ff29}.particle-card{overflow:hidden;min-height:340px;border:1px solid rgba(0,229,255,.18);border-radius:var(--radius);background:radial-gradient(circle at 50% 42%,rgba(0,229,255,.12),transparent 36%),linear-gradient(180deg,#0a0e1ac2,#060a14d1);box-shadow:inset 0 1px #00e5ff29}.particle-card:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,229,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.04) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:radial-gradient(circle at 50% 42%,#000 0%,transparent 76%);mask-image:radial-gradient(circle at 50% 42%,#000 0%,transparent 76%);pointer-events:none}.particle-card:after{content:"XHR API";position:absolute;inset:0;display:grid;place-items:center;color:#e8f4ff0b;font-family:var(--font-display);font-size:clamp(56px,10vw,132px);font-weight:800;letter-spacing:-.04em;pointer-events:none}.particle-scan{position:absolute;z-index:3;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.8),transparent);box-shadow:0 0 24px #00e5ff80;animation:vertical-scan 3.6s ease-in-out infinite;pointer-events:none}.particle-card .particle-text{position:relative;z-index:1;min-height:340px}.particle-caption{position:absolute;right:18px;bottom:18px;z-index:4;display:grid;gap:5px;padding:12px 14px;border:1px solid rgba(0,229,255,.22);border-radius:var(--radius);color:var(--text);background:#060a14c2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.particle-caption span{color:var(--accent);font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.particle-caption strong{font-size:13px}.hero-control{display:grid;grid-template-columns:minmax(0,.82fr) minmax(360px,.9fr);gap:24px;align-items:stretch;margin-top:22px}.access-panel,.code-panel,.metric-card,.feature-card,.doc-card,.models-section,.step-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.access-panel{padding:30px;box-shadow:inset 0 1px #00e5ff14;animation:rise-in .64s 80ms ease both}.access-panel h2,.section-head h2,.split-section h2,.docs-section h2{margin-top:12px;color:var(--text);font-size:38px;line-height:1.08}.access-panel p,.split-section p,.section-head p,.docs-section p,.feature-card p{margin-top:14px;color:var(--muted);line-height:1.72}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:34px}.primary,.secondary{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;overflow:hidden;padding:0 18px;border:1px solid var(--border);border-radius:var(--radius);font-weight:700}.primary{color:#021016;background:linear-gradient(135deg,var(--accent),var(--success));box-shadow:0 0 30px #00e5ff2e}.secondary{color:var(--text);background:#060a149e}.primary:hover,.secondary:hover{transform:translateY(-1px)}.magnet{display:inline-flex}.base-url{display:flex;flex-wrap:wrap;align-items:center;gap:10px;width:fit-content;max-width:100%;margin-top:28px;padding:10px 12px 10px 14px;border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);background:#060a1494;font-family:var(--font-mono);font-size:12px}code,pre{font-family:var(--font-mono)}.base-url code{color:var(--text);word-break:break-all}.icon-button{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border:1px solid var(--border);border-radius:var(--radius);color:var(--text);background:#0d1528e0;cursor:pointer}.copy-status{position:absolute;right:0;top:calc(100% + 8px);z-index:2;width:max-content;max-width:150px;padding:5px 8px;border-radius:var(--radius);color:var(--bg-0);background:var(--accent);font-family:var(--font-mono);font-size:11px;line-height:1;opacity:0;pointer-events:none;transform:translateY(-2px);transition:opacity var(--motion-fast),transform var(--motion-fast)}.icon-button:hover .copy-status,.icon-button:focus-visible .copy-status{opacity:1;transform:translateY(0)}.hero-visual{position:relative;min-width:0;animation:rise-in .64s .16s ease both}.code-panel{position:relative;overflow:hidden;height:100%;min-height:330px;border-color:#00e5ff3d;background:linear-gradient(rgba(0,229,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.03) 1px,transparent 1px),linear-gradient(180deg,#0d1528f5,#060a14fa);background-size:24px 24px,24px 24px,auto;box-shadow:inset 0 1px #00e5ff73,inset 0 -90px 120px #0000002e,0 28px 80px #00000047}.code-panel:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,rgba(0,229,255,.86),rgba(0,229,255,.14) 32%,transparent 78%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.code-panel:after{content:"";position:absolute;left:0;right:0;top:44px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:0 0 20px #00e5ff8c;animation:terminal-scan 3.8s ease-in-out infinite;pointer-events:none}.panel-top{position:relative;z-index:1;display:grid;grid-template-columns:70px 1fr auto;align-items:center;height:46px;padding:0 12px;border-bottom:1px solid rgba(0,229,255,.14);color:var(--quiet);background:#060a1485;font-family:var(--font-mono);font-size:12px}.window-controls{display:inline-flex;align-items:center}.terminal-title{justify-self:center;color:var(--muted)}.dot{display:inline-block;width:10px;height:10px;margin-right:7px;border-radius:999px}.red{background:#fb7185}.yellow{background:#fbbf24}.green{background:var(--success)}pre{position:relative;z-index:1;overflow-x:auto;min-height:245px;margin:0;padding:24px 24px 52px;color:var(--text);font-size:13px;line-height:1.74}.code-line{display:block;min-width:max-content;opacity:0;transform:translateY(5px)}.code-line.visible{opacity:1;transform:translateY(0);transition:opacity .22s ease,transform .22s ease}.line-number{display:inline-block;width:30px;margin-right:16px;color:#8aa0c075;-webkit-user-select:none;user-select:none}.token.kw{color:var(--accent)}.token.str{color:#7ee7c6}.token.comment{color:#6f86a4}.token.var{color:#f8fbff}.type-cursor{display:inline-block;width:7px;height:1.15em;margin-left:3px;vertical-align:-.2em;background:var(--accent);animation:cursor-blink .9s steps(2,start) infinite}.terminal-status{position:absolute;left:18px;bottom:16px;z-index:2;display:inline-flex;align-items:center;gap:9px;min-height:32px;padding:0 12px;border:1px solid rgba(0,212,170,.24);border-radius:999px;color:#baf7e9;background:#00d4aa14;font-family:var(--font-mono);font-size:12px}.status-dot,.pulse{width:9px;height:9px;border-radius:50%;background:var(--success);animation:status-pulse 2s ease-in-out infinite}.metrics,.features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:min(1180px,calc(100% - 32px));margin:0 auto 96px}.metric-card{position:relative;overflow:hidden;padding:24px 24px 22px;box-shadow:0 12px 42px #0000002e;transition:transform var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast)}.metric-card:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:2px;background:linear-gradient(180deg,var(--accent),transparent);box-shadow:0 0 18px #00e5ff75}.metric-card:hover,.feature-card:hover,.doc-card:hover{transform:translateY(-4px);border-color:var(--border-strong);box-shadow:0 20px 60px #00e5ff1f}.metric-card strong{display:block;color:var(--text);font-family:var(--font-mono);font-size:32px;text-shadow:0 0 18px rgba(0,229,255,.24)}.metric-card span{display:block;margin-top:7px;color:var(--quiet);font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.split-section,.models-section,.docs-section{width:min(1180px,calc(100% - 32px));margin:0 auto 96px}.split-section,.docs-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,.7fr);gap:48px;align-items:center}.steps-list,.docs-cards{display:grid;gap:12px}.step-row{display:flex;align-items:center;gap:14px;padding:16px}.step-row span{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid rgba(0,229,255,.24);border-radius:var(--radius);color:var(--accent);background:#00e5ff14;font-family:var(--font-mono);font-weight:700}.models-section{position:relative;overflow:hidden;padding:44px}.dot-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,229,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.04) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:radial-gradient(circle at 50% 42%,#000,transparent 76%);mask-image:radial-gradient(circle at 50% 42%,#000,transparent 76%);pointer-events:none}.section-head,.model-table{position:relative}.model-table{overflow:hidden;margin-top:28px;border:1px solid var(--border);border-radius:var(--radius);background:#060a147a}.model-row{display:grid;grid-template-columns:.55fr 1.1fr .75fr;gap:16px;padding:16px 18px;border-top:1px solid rgba(0,229,255,.1)}.model-row:first-child{border-top:0}.model-row.heading{color:var(--accent);background:#00e5ff0f;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.1em}.features{margin-bottom:96px}.feature-card{position:relative;padding:24px;transition:transform var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast)}.card-spotlight{position:relative;overflow:hidden;--mouse-x: 50%;--mouse-y: 50%;--spotlight-color: rgba(0, 229, 255, .13)}.card-spotlight:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 72%);opacity:0;transition:opacity var(--motion-fast);pointer-events:none}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:1}.card-spotlight>*{position:relative;z-index:1}.feature-card svg,.doc-card svg{color:var(--accent);filter:drop-shadow(0 0 10px rgba(0,229,255,.24))}.feature-card h3{margin-top:18px;color:var(--text);font-size:18px}.doc-card{display:flex;align-items:center;gap:12px;min-height:62px;padding:0 18px;font-weight:700;transition:transform var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast)}footer{display:flex;justify-content:space-between;gap:16px;width:min(1180px,calc(100% - 32px));margin:0 auto;padding:32px 0 46px;border-top:1px solid var(--border);color:var(--quiet)}footer strong{color:var(--text)}@keyframes status-pulse{0%,to{box-shadow:0 0 #00d4aa8c}50%{box-shadow:0 0 0 7px #00d4aa14,0 0 18px #00d4aa52}}@keyframes glow-float{0%{transform:translate3d(-18px,10px,0)}to{transform:translate3d(26px,-18px,0)}}@keyframes vertical-scan{0%{transform:translateY(0);opacity:0}15%,72%{opacity:1}to{transform:translateY(460px);opacity:0}}@keyframes terminal-scan{0%{transform:translateY(0);opacity:0}18%,78%{opacity:.75}to{transform:translateY(290px);opacity:0}}@keyframes shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@keyframes soft-shimmer{0%,38%{transform:translate(-120%)}72%,to{transform:translate(120%)}}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.nav nav a:not(.nav-button){display:none}.hero-stage,.hero-control,.split-section,.docs-section{grid-template-columns:minmax(0,1fr)}.hero{padding-top:34px}.stage-copy,.access-panel,.particle-card,.hero-visual,.code-panel{min-width:0;max-width:100%}.hero-stage{padding:34px}.particle-card,.particle-card .particle-text{min-height:280px}.metrics,.features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.nav,.hero,.metrics,.features,.split-section,.models-section,.docs-section,footer{width:min(100% - 24px,1180px)}.brand i{display:none}h1{font-size:clamp(39px,12vw,54px);line-height:1}h2,.access-panel h2,.section-head h2,.split-section h2,.docs-section h2{font-size:30px}.hero{padding-top:24px}.hero-stage{min-height:auto;padding:24px 18px 18px}.stage-copy p{font-size:15px}.protocol-chips{gap:8px}.protocol-chips span{min-height:30px;font-size:11px}.particle-card,.particle-card .particle-text{min-height:230px}.particle-caption{left:12px;right:12px;bottom:12px}.access-panel,.models-section{padding:22px 16px}.hero-actions{align-items:stretch}.primary,.secondary{min-width:0}.base-url{width:100%}.base-url code{flex:1 1 160px;min-width:0}pre{padding:20px 14px 58px;font-size:12px}.line-number{width:24px;margin-right:10px}.metrics,.features{grid-template-columns:1fr}.model-table{overflow-x:auto}.model-row{min-width:660px}footer{display:block}footer span{display:block;margin-top:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}