:root{color-scheme:dark;--ink: #070a14;--ink-2: #0b1020;--panel: #101526;--panel-2: #161c30;--panel-glass: rgba(16, 21, 38, .72);--line: rgba(227, 232, 247, .12);--line-strong: rgba(227, 232, 247, .22);--text: #f7f9ff;--muted: #aeb7d2;--soft: #dce3f8;--indigo: #4f46e5;--indigo-bright: #6b63f5;--indigo-deep: #4338ca;--cyan: #22d3ee;--cyan-deep: #06b6d4;--green: #3ec07b;--amber: #f2b84b;--rose: #fb7185;--radius: 16px;--radius-sm: 10px;--radius-pill: 999px;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--shadow-lg: 0 30px 80px rgba(2, 4, 12, .55);--shadow-md: 0 16px 44px rgba(2, 4, 12, .4);--ease: cubic-bezier(.22, .61, .36, 1);--accent: var(--indigo-bright);--accent-ring: rgba(79, 70, 229, .42);--accent-soft: rgba(79, 70, 229, .14)}[data-accent=indigo]{--accent: #7a73f7;--accent-ring: rgba(79, 70, 229, .45);--accent-soft: rgba(79, 70, 229, .16)}[data-accent=cyan]{--accent: #22d3ee;--accent-ring: rgba(34, 211, 238, .4);--accent-soft: rgba(34, 211, 238, .13)}[data-accent=green]{--accent: #3ec07b;--accent-ring: rgba(62, 192, 123, .4);--accent-soft: rgba(62, 192, 123, .13)}[data-accent=amber]{--accent: #f2b84b;--accent-ring: rgba(242, 184, 75, .4);--accent-soft: rgba(242, 184, 75, .13)}[data-accent=rose]{--accent: #fb7185;--accent-ring: rgba(251, 113, 133, .4);--accent-soft: rgba(251, 113, 133, .13)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1100px 620px at 82% -8%,rgba(79,70,229,.22),transparent 60%),radial-gradient(900px 520px at 2% 0%,rgba(34,211,238,.12),transparent 55%),var(--ink);color:var(--text);font-family:var(--font-body);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--cyan)}.mono{font-family:var(--font-mono)}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:#ffffff05;color:var(--text);font-size:14px;font-weight:500;transition:border-color .2s var(--ease),background .2s var(--ease),transform .15s var(--ease)}.btn:hover{border-color:var(--accent-ring);background:#ffffff0d}.btn:active{transform:translateY(1px)}.btn--ghost{border-color:transparent;background:transparent;color:var(--muted);padding:9px 12px}.btn--ghost:hover{color:var(--text);background:#ffffff0a}.btn--primary{border-color:transparent;background:var(--indigo);color:#fff;font-weight:600}.btn--primary:hover{filter:brightness(1.07);border-color:transparent}.btn[disabled]{opacity:.5;cursor:not-allowed}.brandmark{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:600;letter-spacing:-.01em}.brandmark img{display:block;height:26px;width:auto}.brandmark .tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);padding:2px 7px;border:1px solid var(--line-strong);border-radius:var(--radius-pill)}.chip{display:inline-flex;align-items:center;gap:8px;padding:5px 11px;border-radius:var(--radius-pill);border:1px solid var(--line-strong);font-family:var(--font-mono);font-size:12px;letter-spacing:.02em;color:var(--soft);white-space:nowrap}.chip .dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.chip[data-state=live]{color:#c8f6dd;border-color:#3ec07b73;background:#3ec07b1a}.chip[data-state=live] .dot{background:var(--green);box-shadow:0 0 0 4px #3ec07b2e}.chip[data-state=checking]{color:#fbe6b6;border-color:#f2b84b66}.chip[data-state=checking] .dot{background:var(--amber);animation:pulse 1.1s var(--ease) infinite}.chip[data-state=down]{color:#fecaca;border-color:#fb718566}.chip[data-state=down] .dot{background:var(--rose)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.cat{max-width:1120px;margin:0 auto;padding:28px 24px 80px}.cat-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.cat-top .links{display:flex;gap:6px;align-items:center}.cat-hero{padding:72px 0 40px;max-width:760px}.cat-hero h1{font-family:var(--font-display);font-weight:600;font-size:clamp(2.4rem,6vw,4rem);line-height:1.02;letter-spacing:-.025em;margin:18px 0 0}.cat-hero h1 .spark{color:var(--cyan)}.cat-hero p{margin:20px 0 0;font-size:clamp(1.02rem,2.2vw,1.2rem);color:var(--muted);max-width:620px}.cat-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.cat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.cat-grid .card--flagship{grid-column:1 / -1}.card{position:relative;display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(180deg,var(--panel-glass),rgba(11,16,32,.6));overflow:hidden;transition:border-color .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease)}.card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--accent),transparent 70%);opacity:.85}.card:after{content:"";position:absolute;inset:-40% -30% auto auto;width:280px;height:280px;background:radial-gradient(circle,var(--accent-soft),transparent 70%);opacity:0;transition:opacity .3s var(--ease);pointer-events:none}.card:hover{border-color:var(--accent-ring);transform:translateY(-3px);box-shadow:var(--shadow-md)}.card:hover:after{opacity:1}.card--building{opacity:.92}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card-label{font-family:var(--font-display);font-weight:600;font-size:1.3rem;letter-spacing:-.01em}.card--flagship .card-label{font-size:1.55rem}.card-biz{font-family:var(--font-mono);font-size:12px;color:var(--muted);letter-spacing:.02em;margin-top:2px}.card-tagline{color:var(--soft);font-size:.98rem;margin:0}.card--flagship .card-tagline{font-size:1.08rem;max-width:640px}.card-stack{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}.tagchip{font-family:var(--font-mono);font-size:11px;color:var(--muted);padding:3px 9px;border-radius:var(--radius-pill);border:1px solid var(--line);background:#ffffff05}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:4px}.card-service{font-size:13px;color:var(--muted)}.card-cta{display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:14px;color:var(--accent)}.card-cta .arrow{transition:transform .2s var(--ease)}.card:hover .card-cta .arrow{transform:translate(4px)}.ribbon{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);background:var(--accent);padding:4px 10px;border-radius:var(--radius-pill);font-weight:700}.cat-foot{margin-top:44px;padding-top:22px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}.cat-foot .tagline{font-family:var(--font-display);letter-spacing:.02em;color:var(--soft)}.state{display:grid;place-items:center;min-height:60vh;text-align:center;padding:24px;color:var(--muted)}.spinner{width:30px;height:30px;border-radius:50%;border:2px solid var(--line-strong);border-top-color:var(--accent);animation:spin .8s linear infinite;margin:0 auto 14px}@keyframes spin{to{transform:rotate(360deg)}}.sr{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.chrome{display:flex;align-items:center;gap:14px;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--panel-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:5}.chrome-left{display:flex;align-items:center;gap:12px;min-width:0}.chrome-crumb{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:14px;min-width:0}.chrome-crumb .sep{opacity:.5}.chrome-crumb .here{color:var(--text);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chrome-center{display:flex;align-items:center;gap:8px;margin:0 auto}.chrome-right{display:flex;align-items:center;gap:8px}.chrome-back{color:var(--muted)}.chrome-back:hover{color:var(--text)}.sr-stage{position:relative;display:flex;flex:1;min-height:0}.sr-viewport{position:relative;flex:1;min-width:0;background:var(--ink-2)}.sr-viewport iframe{display:block;width:100%;height:100%;border:0;background:#fff}.frame-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--ink-2);color:var(--muted);transition:opacity .4s var(--ease)}.frame-loading[data-hidden=true]{opacity:0;pointer-events:none}.workshop{display:grid;place-items:center;height:100%;padding:32px;text-align:center}.workshop-inner{max-width:520px}.workshop-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);border:1px solid rgba(242,184,75,.4);padding:6px 12px;border-radius:var(--radius-pill)}.workshop h2{font-family:var(--font-display);font-weight:600;font-size:1.9rem;letter-spacing:-.02em;margin:18px 0 10px}.workshop p{color:var(--muted);margin:0 auto 22px;max-width:440px}.inspector{width:340px;flex-shrink:0;border-left:1px solid var(--line);background:var(--panel);padding:22px;overflow-y:auto;transition:width .3s var(--ease),padding .3s var(--ease)}.inspector[data-open=false]{width:0;padding:22px 0;border-left-color:transparent;overflow:hidden}.inspector h3{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}.inspector .ins-section+.ins-section{margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}.inspector .ins-proof{color:var(--soft);font-size:.95rem;margin:0}.inspector .ins-policy{color:var(--muted);font-size:.88rem;margin:0}.inspector .ins-cta{width:100%;justify-content:center;margin-top:6px}.demo-banner{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--muted);text-align:center;padding:7px 12px;border-top:1px solid var(--line);background:var(--ink-2)}@media(max-width:760px){.cat-grid{grid-template-columns:1fr}.cat-top .links .label-hide,.chrome-center,.chrome-right .label-hide{display:none}.sr-stage{flex-direction:column}.inspector{width:100%;border-left:none;border-top:1px solid var(--line);max-height:42vh}.inspector[data-open=false]{width:100%;height:0;max-height:0;padding:0;border-top-color:transparent}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}