:root{--bg:#090b12;--bg-elevated:#101521;--bg-soft:#151b2b;--text:#f4f7fb;--muted:#9ea8bd;--line:#ffffff1a;--line-strong:#ffffff29;--accent:#7c8cff;--accent-2:#58c6ff;--success:#6cd6b7;--warning:#ffcb6b;--shadow:0 24px 80px #00000059;--radius:8px;--container:1160px;--prose:760px}*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at top,#7c8cff24,#0000 32%),linear-gradient(#0a0d15 0%,#090b12 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}p,li{color:var(--muted)}h1,h2,h3,h4,p,ul{margin-top:0}h1,h2,h3,h4{letter-spacing:0;line-height:1.1}h1{font-size:clamp(2.8rem,6vw,4.8rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.15rem,2vw,1.5rem)}code,pre{font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace}.shell{width:min(calc(100% - 2rem), var(--container));margin:0 auto}.skip-link{z-index:100;background:var(--accent);color:#05070d;border-radius:.5rem;padding:.75rem 1rem;position:absolute;top:-4rem;left:1rem}.skip-link:focus{top:1rem}.site-header{z-index:20;backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#090b12c7;position:sticky;top:0}.header-shell{justify-content:space-between;align-items:center;gap:1rem;min-height:4.75rem;display:flex}.brand{align-items:center;gap:.85rem;display:inline-flex}.brand span{gap:.1rem;display:grid}.brand strong{font-size:1rem}.brand small{color:var(--muted);font-size:.8rem}.desktop-nav,.nav-group,.footer-links{align-items:center;gap:1rem;display:flex}.nav-link,.mobile-link{color:var(--muted);padding:.5rem 0}.nav-link.active,.mobile-link.active,.nav-link:hover,.mobile-link:hover,.footer-links a:hover{color:var(--text)}.button,.button-quiet{border-radius:var(--radius);border:1px solid #0000;justify-content:center;align-items:center;min-height:2.9rem;padding:0 1.05rem;font-weight:600;display:inline-flex}.button{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#05070d;box-shadow:var(--shadow)}.button-quiet{border-color:var(--line-strong);color:var(--text);box-shadow:none;background:#ffffff14}.button:hover,.button-quiet:hover,.text-link:hover{transform:translateY(-1px)}.mobile-nav{display:none}.mobile-nav summary{border:1px solid var(--line-strong);border-radius:var(--radius);cursor:pointer;gap:.3rem;padding:.7rem;list-style:none;display:grid}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary span{background:var(--text);width:1.2rem;height:2px}.mobile-panel{border:1px solid var(--line);border-radius:var(--radius);width:min(18rem,100vw - 2rem);box-shadow:var(--shadow);background:#101521f5;gap:.8rem;padding:1rem;display:grid;position:absolute;top:calc(100% + .75rem);right:1rem}.section{padding:5rem 0}.section-tight{padding:3rem 0}.hero{padding:6rem 0 4rem}.hero-grid,.split-grid,.feature-grid,.product-grid,.support-grid,.support-layout,.cta-panel,.compare-grid,.workflow-grid,.faq-grid,.platform-grid{gap:1.5rem;display:grid}.hero-grid,.split-grid,.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}.eyebrow{color:var(--accent-2);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.9rem;font-size:.82rem;font-weight:700}.hero-copy,.section-copy{max-width:var(--prose)}.hero-copy p,.section-copy p{font-size:1.05rem}.button-row{flex-wrap:wrap;gap:.9rem;margin-top:1.5rem;display:flex}.metric-row,.pill-row,.mini-list{flex-wrap:wrap;gap:.75rem;display:flex}.pill,.metric,.mini-list span,.platform-item{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff06;padding:.75rem .95rem}.metric{min-width:10rem}.metric strong{color:var(--text);margin-bottom:.2rem;display:block}.panel,.product-card,.feature-card,.mock-window,.support-card,.faq-card,.cta-box,.video-frame,.image-frame{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(#151b2bf2,#0b0f18f2)}.product-card,.feature-card,.support-card,.support-form-card,.faq-card,.cta-box{padding:1.5rem}.feature-grid,.product-grid,.support-grid,.faq-grid,.platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.text-link{color:var(--accent-2);margin-top:1rem;font-weight:600;display:inline-flex}.mock-window{overflow:hidden}.window-top{border-bottom:1px solid var(--line);background:#ffffff05;align-items:center;gap:.5rem;padding:.85rem 1rem;display:flex}.window-dot{aspect-ratio:1;background:#ffffff38;border-radius:50%;width:.7rem}.window-body{padding:1.25rem}.build-layout{grid-template-columns:1.15fr .85fr;gap:1rem;display:grid}.status-stack,.progress-stack{gap:.75rem;display:grid}.progress-item,.status-item{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff08;padding:.9rem 1rem}.progress-bar{background:#ffffff14;border-radius:999px;height:.55rem;margin-top:.65rem;overflow:hidden}.progress-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;display:block}.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-card{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff05;padding:1.5rem}.compare-card ul,.faq-card ul,.support-card ul{margin-bottom:0;padding-left:1.1rem}.workflow-steps,.api-notes{gap:1rem;display:grid}.step{border-left:2px solid var(--accent);background:#ffffff05;gap:.35rem;padding:1rem 1.1rem;display:grid}.code-block{border:1px solid var(--line);border-radius:var(--radius);background:#0b1019;overflow:hidden}.code-block-header{border-bottom:1px solid var(--line);background:#ffffff05;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.code-block pre{margin:0;padding:1rem;font-size:.95rem;line-height:1.65;overflow-x:auto}.animated-compare{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:radial-gradient(circle at top,#58c6ff14,#0000 28%),linear-gradient(#151b2bf5,#0b0f18fa);overflow:hidden}.animated-compare-toolbar{border-bottom:1px solid var(--line);background:#ffffff05;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1rem .8rem;display:flex}.animated-compare-legend{flex-wrap:wrap;gap:.5rem;display:flex}.compare-chip,.compare-replay{border:1px solid var(--line-strong);border-radius:var(--radius);min-height:2.2rem;color:var(--text);font:inherit;background:#ffffff08;justify-content:center;align-items:center;padding:0 .85rem;display:inline-flex}.compare-chip{color:var(--muted)}.compare-chip-before{border-color:#ffcb6b47}.compare-chip-after{border-color:#6cd6b747}.compare-replay{cursor:pointer}.animated-compare-grid{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:1rem;padding:1rem;display:grid}.animated-code-window{border:1px solid var(--line);border-radius:var(--radius);background:#0b1019;overflow:hidden}.animated-code-window-before{box-shadow:inset 0 0 0 1px #ffcb6b12}.animated-code-window-after{box-shadow:inset 0 0 0 1px #6cd6b714}.animated-code-header{border-bottom:1px solid var(--line);background:#ffffff05;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1rem;display:flex}.animated-code-header small{color:var(--muted)}.animated-code-body{gap:.15rem;padding:1rem;display:grid}.animated-code-line{opacity:0;border-radius:.45rem;grid-template-columns:2.2rem minmax(0,1fr);gap:.85rem;min-height:1.85rem;padding:.15rem .45rem;display:grid;transform:translateY(10px)}[data-run=true] .animated-code-line,[data-run=true] .compare-rail-card,[data-run=true] .animated-callout{animation:.7s cubic-bezier(.2,.8,.2,1) forwards rise-in;animation-delay:var(--line-delay,0s)}.animated-code-number{color:#9ea8bd8c;text-align:right;user-select:none}.animated-code-line code{color:var(--text);white-space:pre-wrap;word-break:break-word}.tone-muted{background:#ffcb6b0d}.tone-accent{background:#7c8cff17}.tone-success{background:#6cd6b714}.tok-keyword,.tok-op{color:#8cb3ff}.tok-name{color:#f4f7fb}.tok-string{color:#6cd6b7}.tok-punc,.tok-space{color:#aeb8ca}.animated-compare-rail{align-content:center;gap:.85rem;min-width:10rem;display:grid}.compare-rail-card{border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);opacity:0;background:#ffffff08;justify-items:center;gap:.25rem;padding:.9rem .75rem;display:grid;transform:translateY(10px)}.compare-rail-card strong{color:var(--accent-2)}.animated-compare-callouts{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:0 1rem 1rem;display:grid}.animated-callout{border:1px solid var(--line);border-radius:var(--radius);opacity:0;background:#ffffff06;padding:1rem;transform:translateY(10px)}.animated-callout strong{margin-bottom:.4rem;display:block}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.platform-item strong{color:var(--text);display:block}.video-frame iframe,.image-frame img{border-radius:inherit;border:0;width:100%}.video-frame{overflow:hidden}.video-frame iframe{aspect-ratio:16/9;display:block}.video-frame-hero iframe{min-height:clamp(260px,28vw,360px)}.image-frame{overflow:hidden}.caption{border-top:1px solid var(--line);padding:.95rem 1rem;font-size:.92rem}.cta-panel{grid-template-columns:1.3fr .7fr;align-items:center;padding:1.75rem}.support-layout{gap:1.5rem}.support-form-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(#151b2bf2,#0b0f18f2)}.support-form{gap:1rem;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.form-field{gap:.45rem;display:grid}.form-field span{color:var(--text);font-weight:600}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--line-strong);border-radius:var(--radius);width:100%;color:var(--text);font:inherit;background:#ffffff0a;padding:.9rem 1rem}.form-field textarea{resize:vertical;min-height:7rem}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--muted)}.site-footer{border-top:1px solid var(--line);padding:2rem 0 3rem}.footer-grid{justify-content:space-between;align-items:center;gap:1.25rem;display:flex}.brand-footer img{opacity:.9}:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px}@media (width<=960px){.desktop-nav{display:none}.mobile-nav{display:block}.hero-grid,.split-grid,.workflow-grid,.compare-grid,.cta-panel,.build-layout,.animated-compare-grid{grid-template-columns:1fr}.animated-compare-rail{grid-template-columns:repeat(3,minmax(0,1fr));min-width:0}.animated-compare-callouts,.form-grid{grid-template-columns:1fr}.feature-grid,.product-grid,.support-grid,.faq-grid,.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.section,.hero{padding:4rem 0 3rem}.feature-grid,.product-grid,.support-grid,.faq-grid,.platform-grid{grid-template-columns:1fr}.footer-grid,.footer-links{flex-direction:column;align-items:flex-start}.metric-row,.pill-row,.button-row{flex-direction:column;align-items:stretch}}