:root{--x3o-bg:#080c14;--x3o-bg2:#0d1421;--x3o-bg3:#111827;--x3o-bg4:#1a2235;--x3o-border:#1e2d45;--x3o-border2:#253550;--x3o-accent:#e8a020;--x3o-accent2:#f0b840;--x3o-accentd:#7a4f08;--x3o-blue:#3b82f6;--x3o-teal:#14b8a6;--x3o-green:#22c55e;--x3o-red:#ef4444;--x3o-purple:#a78bfa;--x3o-t1:#f0f4ff;--x3o-t2:#8899bb;--x3o-t3:#4a5a78;--x3o-t4:#2a3555;--x3o-muted:#4a5a78}.x3o-root{background:var(--x3o-bg);color:var(--x3o-t1);min-height:100vh}.x3o-topbar{padding:0 2rem;height:52px;border-bottom:1px solid var(--x3o-border);background:var(--x3o-bg);position:sticky;top:0;z-index:100}.x3o-topbar,.x3o-topbar-inner{display:flex;align-items:center;justify-content:space-between}.x3o-topbar-inner{width:100%;max-width:1200px;margin:0 auto}.x3o-logo{font-weight:700;font-size:18px;color:var(--x3o-t1);letter-spacing:-.02em}.x3o-logo-dot{color:var(--x3o-accent)}.x3o-logo-mark{width:28px;height:28px;background:var(--x3o-accent);border-radius:6px;display:flex;align-items:center;justify-content:center}.x3o-logo-x{font-weight:800;font-size:14px;color:#000}.x3o-logo-text{font-weight:700;font-size:15px;color:var(--x3o-t1)}.x3o-logo-sup{font-family:DM Mono,monospace;font-size:10px;color:var(--x3o-accent);letter-spacing:.08em;margin-left:2px;vertical-align:super}.x3o-topbar-right{display:flex;align-items:center;gap:12px}.x3o-badge-claude{display:flex;align-items:center;gap:6px;background:rgba(167,139,250,.12);border:1px solid rgba(167,139,250,.25);border-radius:20px;padding:3px 10px;font-size:11px;color:var(--x3o-purple)}.x3o-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--x3o-green);animation:x3o-pulse 2s infinite}@keyframes x3o-pulse{0%,to{opacity:1}50%{opacity:.4}}.x3o-btn-primary{background:var(--x3o-accent);color:#000;border:none;border-radius:6px;padding:6px 16px;font-weight:600;font-size:12px;cursor:pointer;transition:background .15s;text-decoration:none;display:inline-block}.x3o-btn-primary:hover{background:var(--x3o-accent2)}.x3o-btn-ghost{background:transparent;color:var(--x3o-t2);border:1px solid var(--x3o-border2);border-radius:6px;padding:6px 14px;font-size:12px;cursor:pointer;transition:all .15s;text-decoration:none;display:inline-block}.x3o-btn-ghost:hover{border-color:var(--x3o-accent);color:var(--x3o-accent)}.x3o-nav{border-bottom:1px solid var(--x3o-border);background:var(--x3o-bg);overflow-x:auto}.x3o-nav-inner{max-width:1200px;margin:0 auto}.x3o-nav-inner,.x3o-nav-tabs{display:flex;align-items:center;gap:2px;padding:0 2rem}.x3o-nav-tabs{border-bottom:1px solid var(--x3o-border);background:var(--x3o-bg);overflow-x:auto}.x3o-nav-tab,.x3o-tab{padding:12px 16px;font-size:12px;color:var(--x3o-t3);cursor:pointer;background:none;border:none;border-bottom:2px solid transparent;white-space:nowrap;transition:all .15s;letter-spacing:.04em}.x3o-nav-tab:hover,.x3o-tab:hover{color:var(--x3o-t2)}.x3o-nav-tab.active,.x3o-tab.active{color:var(--x3o-accent);border-bottom-color:var(--x3o-accent)}.x3o-main{padding:2rem;max-width:1200px;margin:0 auto}.x3o-g4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:1.5rem}.x3o-g3{grid-template-columns:repeat(3,1fr)}.x3o-g2,.x3o-g3{display:grid;gap:14px;margin-bottom:1.5rem}.x3o-g2{grid-template-columns:repeat(2,1fr)}.x3o-card{background:var(--x3o-bg2);border:1px solid var(--x3o-border);border-radius:10px;padding:1.25rem}.x3o-card-accent{background:linear-gradient(135deg,#1a1500 0,var(--x3o-bg2) 60%);border:1px solid var(--x3o-accentd);border-radius:10px;padding:1.25rem}.x3o-sec-label{font-family:DM Mono,monospace;font-size:10px;color:var(--x3o-accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.5rem}.x3o-sec-title{font-weight:700;font-size:22px;color:var(--x3o-t1);margin-bottom:.375rem;line-height:1.2}.x3o-sec-sub{font-size:13px;color:var(--x3o-t2);margin-bottom:1.5rem;line-height:1.7}.x3o-h2{font-weight:600;font-size:16px;margin-bottom:.5rem}.x3o-h2,.x3o-h3{color:var(--x3o-t1)}.x3o-h3{font-weight:500;font-size:14px;margin-bottom:.25rem}.x3o-metric{background:var(--x3o-bg3);border:1px solid var(--x3o-border);border-radius:8px;padding:.875rem 1rem}.x3o-metric-label{font-family:DM Mono,monospace;font-size:10px;color:var(--x3o-t3);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}.x3o-metric-val{font-weight:700;font-size:24px;color:var(--x3o-t1)}.x3o-metric-sub{font-family:DM Mono,monospace;font-size:10px;margin-top:3px}.x3o-up{color:var(--x3o-green)}.x3o-down{color:var(--x3o-red)}.x3o-muted{color:var(--x3o-t3)}.x3o-val-green{color:var(--x3o-green)}.x3o-tag{display:inline-block;font-family:DM Mono,monospace;font-size:10px;padding:2px 8px;border-radius:4px;letter-spacing:.04em}.x3o-tag-green{background:rgba(34,197,94,.12);color:var(--x3o-green);border:1px solid rgba(34,197,94,.2)}.x3o-tag-amber{background:rgba(232,160,32,.12);color:var(--x3o-accent);border:1px solid rgba(232,160,32,.2)}.x3o-tag-blue{background:rgba(59,130,246,.12);color:var(--x3o-blue);border:1px solid rgba(59,130,246,.2)}.x3o-tag-purple{background:rgba(167,139,250,.12);color:var(--x3o-purple);border:1px solid rgba(167,139,250,.2)}.x3o-tag-teal{background:rgba(20,184,166,.12);color:var(--x3o-teal);border:1px solid rgba(20,184,166,.2)}.x3o-tag-red{background:rgba(239,68,68,.12);color:var(--x3o-red);border:1px solid rgba(239,68,68,.2)}.x3o-arch-node{background:var(--x3o-bg3);border:1px solid var(--x3o-border2);border-radius:8px;padding:.875rem 1.25rem;text-align:center;position:relative}.x3o-arch-node.highlight{border-color:var(--x3o-accentd);background:linear-gradient(135deg,#1a1200,var(--x3o-bg3))}.x3o-arch-node.claude-node{border-color:rgba(167,139,250,.4);background:rgba(167,139,250,.05)}.x3o-arch-row{display:flex;align-items:center;gap:6px;margin-bottom:12px}.x3o-arch-row .x3o-arch-node{flex:1}.x3o-vert-card{background:var(--x3o-bg2);border:1px solid var(--x3o-border);border-radius:10px;padding:1rem;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.x3o-vert-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--x3o-accent);transform:scaleX(0);transition:transform .2s;transform-origin:left}.x3o-vert-card:hover{border-color:var(--x3o-border2);transform:translateY(-2px)}.x3o-vert-card:hover:before{transform:scaleX(1)}.x3o-vert-card.featured{border-color:var(--x3o-accentd)}.x3o-vert-card.featured:before{transform:scaleX(1)}.x3o-vert-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;margin-bottom:.75rem}.x3o-price-card{background:var(--x3o-bg2);border:1px solid var(--x3o-border);border-radius:12px;padding:1.5rem;position:relative;transition:all .2s}.x3o-price-card.featured{border-color:var(--x3o-accentd);background:linear-gradient(160deg,#150f00,var(--x3o-bg2))}.x3o-badge-featured{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--x3o-accent);color:#000;font-family:DM Mono,monospace;font-size:10px;font-weight:500;padding:2px 12px;border-radius:10px;letter-spacing:.06em}.x3o-price-amount{font-weight:800;font-size:36px;color:var(--x3o-t1);line-height:1}.x3o-price-period{font-size:12px;color:var(--x3o-t3);margin-left:4px}.x3o-price-feat{display:flex;align-items:flex-start;gap:8px;padding:5px 0;font-size:12px;color:var(--x3o-t2)}.x3o-price-feat:before{content:"—";color:var(--x3o-accent);font-family:DM Mono,monospace;flex-shrink:0;margin-top:1px}.x3o-timeline-item{display:flex;gap:16px;padding-bottom:1.25rem;position:relative}.x3o-timeline-item:after{content:"";position:absolute;left:15px;top:32px;bottom:0;width:1px;background:var(--x3o-border)}.x3o-timeline-item:last-child:after{display:none}.x3o-tl-dot{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:DM Mono,monospace;font-size:11px;font-weight:500;flex-shrink:0;z-index:1}.x3o-tl-dot.done{background:rgba(34,197,94,.15);border:1px solid var(--x3o-green);color:var(--x3o-green)}.x3o-tl-dot.active{background:rgba(232,160,32,.15);border:1px solid var(--x3o-accent);color:var(--x3o-accent)}.x3o-tl-dot.future{background:var(--x3o-bg3);border:1px solid var(--x3o-border);color:var(--x3o-t3)}.x3o-table{width:100%;border-collapse:collapse}.x3o-table th{font-family:DM Mono,monospace;font-size:10px;color:var(--x3o-t3);letter-spacing:.08em;text-align:left;padding:6px 8px 8px}.x3o-table td,.x3o-table th{border-bottom:1px solid var(--x3o-border)}.x3o-table td{padding:9px 8px;font-size:12px;color:var(--x3o-t2)}.x3o-table tr:last-child td{border-bottom:none}.x3o-table tr:hover td{background:var(--x3o-bg3);color:var(--x3o-t1)}.x3o-code-block{background:#060a10;border:1px solid var(--x3o-border);border-radius:8px;padding:1rem;font-family:DM Mono,monospace;font-size:12px;line-height:1.8;overflow-x:auto;white-space:pre;color:var(--x3o-t2)}.x3o-code-block .kw{color:var(--x3o-purple)}.x3o-code-block .str{color:var(--x3o-green)}.x3o-code-block .num{color:var(--x3o-accent)}.x3o-code-block .cmt{color:var(--x3o-t4)}.x3o-code-block .fn{color:var(--x3o-blue)}.x3o-hero-strip{background:linear-gradient(90deg,rgba(232,160,32,.08),transparent 60%);border:1px solid var(--x3o-accentd);border-radius:10px;padding:2rem;margin-bottom:1.5rem;text-align:center}.x3o-hero-strip h1{font-size:28px;font-weight:800;color:var(--x3o-t1);margin:0 0 .5rem}.x3o-hero-sub{font-size:14px;color:var(--x3o-accent);margin-bottom:.75rem;letter-spacing:.02em}.x3o-arch-flow{display:flex;align-items:center;gap:8px;overflow-x:auto}.x3o-arch-flow .x3o-arch-node{flex:1;min-width:140px}.x3o-arch-arrow{color:var(--x3o-accent);font-size:18px;flex-shrink:0}.x3o-arch-node-title{font-size:11px;font-weight:600;color:var(--x3o-t1);margin-bottom:4px;text-transform:uppercase;letter-spacing:.06em}.x3o-arch-node-body{font-size:11px;color:var(--x3o-t3);line-height:1.5}.x3o-arch-node-highlight{border-color:var(--x3o-accentd)!important;background:linear-gradient(135deg,#1a1200,var(--x3o-bg3))!important}.x3o-code,.x3o-table-wrap{overflow-x:auto}.x3o-code{background:#060a10;border:1px solid var(--x3o-border);border-radius:8px;padding:1rem;font-family:DM Mono,monospace;font-size:12px;line-height:1.8;white-space:pre;color:var(--x3o-t2)}.x3o-price{font-weight:800;font-size:36px;color:var(--x3o-t1);line-height:1;margin:12px 0}.x3o-price-features{list-style:none;padding:0;margin:16px 0;display:flex;flex-direction:column;gap:6px}.x3o-price-features li{font-size:12px;color:var(--x3o-t2);display:flex;align-items:center}.x3o-price-featured{border-color:var(--x3o-accentd);background:linear-gradient(160deg,#150f00,var(--x3o-bg2))}.x3o-vert-tenant{font-family:DM Mono,monospace;font-size:11px;color:var(--x3o-t3);margin-top:8px}.x3o-timeline{display:flex;flex-direction:column}.x3o-tl-item{display:flex;gap:16px;padding-bottom:1.25rem;position:relative}.x3o-tl-item:after{content:"";position:absolute;left:15px;top:32px;bottom:0;width:1px;background:var(--x3o-border)}.x3o-tl-item:last-child:after{display:none}.x3o-tl-done .x3o-tl-dot{background:rgba(34,197,94,.15);border:1px solid var(--x3o-green);color:var(--x3o-green)}.x3o-tl-active .x3o-tl-dot{background:rgba(232,160,32,.15);border:1px solid var(--x3o-accent);color:var(--x3o-accent)}.x3o-tl-future .x3o-tl-dot{background:var(--x3o-bg3);border:1px solid var(--x3o-border);color:var(--x3o-t3)}.x3o-footer{padding:2rem;font-size:12px;margin-top:3rem}.x3o-footer a{color:var(--x3o-t2);text-decoration:none;transition:color .15s}.x3o-footer a:hover{color:var(--x3o-accent)}.x3o-cs-hero{background:var(--x3o-bg2);border:1px solid var(--x3o-border);border-radius:12px;padding:2rem;margin-bottom:1.5rem;position:relative;overflow:hidden}.x3o-cs-hero:after{content:"CUSTOMER #1";position:absolute;top:1.5rem;right:1.5rem;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.12em;color:var(--x3o-accent);background:rgba(232,160,32,.1);border:1px solid var(--x3o-accentd);border-radius:4px;padding:3px 10px}.x3o-divider{height:1px;background:var(--x3o-border);margin:1.5rem 0}@keyframes x3o-fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.x3o-sidebar{width:240px;background:var(--x3o-bg2);border-right:1px solid var(--x3o-border);display:flex;flex-direction:column;flex-shrink:0;height:100vh;position:sticky;top:0}.x3o-sidebar-logo{padding:20px;border-bottom:1px solid var(--x3o-border);display:flex;align-items:center;gap:10px;text-decoration:none}.x3o-sidebar-logo .logo-mark{width:28px;height:28px;background:var(--x3o-accent);border-radius:6px;flex-shrink:0}.x3o-sidebar-logo .logo-text{font-size:16px;font-weight:700;color:var(--x3o-t1);letter-spacing:-.02em}.x3o-sidebar-logo .logo-text sup{font-size:8px;color:var(--x3o-accent);margin-left:2px;vertical-align:super}.x3o-sidebar nav{flex:1;padding:12px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.x3o-nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;font-size:13px;color:var(--x3o-t2);transition:background .15s,color .15s;text-decoration:none}.x3o-nav-item:hover{background:var(--x3o-bg3);color:var(--x3o-t1)}.x3o-nav-item.active{background:var(--x3o-bg3);color:var(--x3o-accent)}.x3o-nav-item.disabled{color:var(--x3o-t4);cursor:default;pointer-events:none}.x3o-sidebar-footer{padding:16px 20px;border-top:1px solid var(--x3o-border);font-size:11px;color:var(--x3o-t3)}.x3o-insight{background:#0d2818;border:1px solid #166534;border-radius:10px;padding:16px 20px;color:#86efac;font-size:13px;line-height:1.5;margin-bottom:1.5rem}.x3o-agent-card{background:var(--x3o-bg2);border:1px solid var(--x3o-border);border-radius:12px;padding:28px;cursor:pointer;transition:border-color .2s,background .2s,transform .2s;text-align:left;width:100%}.x3o-agent-card:hover{border-color:var(--x3o-border2);background:var(--x3o-bg3);transform:translateY(-2px)}.x3o-chat-wrap{display:flex;flex-direction:column;height:100%}.x3o-chat-header{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--x3o-border);padding:12px 20px;background:var(--x3o-bg2);display:flex;align-items:center;justify-content:space-between}.x3o-chat-messages{flex:1;overflow-y:auto;padding:24px}.x3o-chat-input-wrap{border-top:1px solid var(--x3o-border);padding:16px 20px;background:var(--x3o-bg2)}.x3o-msg-user{background:#1a2742;max-width:75%;margin-left:auto}.x3o-msg-assistant,.x3o-msg-user{border-radius:12px;padding:14px 18px}.x3o-msg-assistant{background:#0f1a2e;max-width:85%}.x3o-footer{text-align:center;padding:3rem 1.5rem 2rem;border-top:1px solid var(--x3o-border);color:var(--x3o-t3);font-size:13px;margin-top:4rem}.x3o-footer p:first-child{font-size:15px;font-weight:600;color:var(--x3o-t2);letter-spacing:.02em}@media (max-width:1024px){.x3o-g3,.x3o-g4{grid-template-columns:repeat(2,1fr)}.x3o-arch-flow{flex-wrap:wrap}}@media (max-width:700px){.x3o-sidebar{width:200px}.x3o-g2,.x3o-g3,.x3o-g4{grid-template-columns:1fr}.x3o-main{padding:1rem}.x3o-topbar{padding:0 1rem}.x3o-topbar-inner{gap:8px}.x3o-nav-inner,.x3o-nav-tabs{padding:0 1rem}.x3o-hero-strip{padding:1.25rem}.x3o-hero-strip h1{font-size:22px}.x3o-arch-flow{flex-direction:column}.x3o-arch-arrow{transform:rotate(90deg)}.x3o-price{font-size:28px}}