:root { --v2-ink:#101214; --v2-muted:#656b73; --v2-line:#dfe2e5; --v2-soft:#f5f6f7; }
.v2-hero { min-height:calc(100vh - 72px); align-items:center; gap:64px; padding-top:72px; padding-bottom:72px; }
.v2-hero-copy h1 { max-width:820px; font-size:64px; line-height:1.01; letter-spacing:0; }
.v2-hero-copy .hero-copy { max-width:700px; font-size:19px; }
.v2-live-system { min-width:0; border:1px solid var(--v2-line); border-radius:8px; background:#fff; box-shadow:0 24px 70px rgba(16,18,20,.08); overflow:hidden; }
.v2-system-bar,.v2-inbox-row,.v2-approval,.v2-analysis>div { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.v2-system-bar { padding:16px 18px; border-bottom:1px solid var(--v2-line); font-size:13px; color:var(--v2-muted); }
.v2-system-bar div { display:flex; align-items:center; gap:8px; color:var(--v2-ink); }
.v2-live-dot { width:8px; height:8px; border-radius:50%; background:#202326; box-shadow:0 0 0 4px #eceeef; }
.v2-inbox-row { padding:20px 18px; border-bottom:1px solid var(--v2-line); }
.v2-inbox-row>div { display:grid; gap:4px; flex:1; }
.v2-inbox-row small,.v2-approval small { color:var(--v2-muted); }
.v2-source { display:grid; place-items:center; width:38px; height:38px; border:1px solid #cfd3d7; border-radius:6px; font-weight:750; }
.v2-state { padding:7px 9px; border:1px solid #cfd3d7; border-radius:5px; font-size:12px; white-space:nowrap; }
.v2-analysis { padding:18px; background:var(--v2-soft); border-bottom:1px solid var(--v2-line); }
.v2-analysis>div { font-size:13px; margin-bottom:14px; }
.v2-analysis ul { display:grid; grid-template-columns:1fr 1fr; gap:10px; list-style:none; padding:0; margin:0; }
.v2-analysis li { display:flex; gap:8px; font-size:13px; }
.v2-analysis li span { font-weight:800; }
.v2-route { display:grid; grid-template-columns:repeat(5,1fr); padding:20px 18px; border-bottom:1px solid var(--v2-line); }
.v2-route div { position:relative; display:grid; justify-items:center; gap:7px; color:#9a9fa5; font-size:11px; }
.v2-route div:not(:last-child)::after { content:""; position:absolute; top:12px; left:62%; width:76%; height:1px; background:#d9dcdf; }
.v2-route i { position:relative; z-index:1; display:grid; place-items:center; width:25px; height:25px; border:1px solid #cfd3d7; border-radius:50%; background:#fff; font-style:normal; }
.v2-route .is-done,.v2-route .is-current { color:var(--v2-ink); }
.v2-route .is-done i { background:var(--v2-ink); color:#fff; border-color:var(--v2-ink); }
.v2-route .is-current i { border:2px solid var(--v2-ink); }
.v2-approval { padding:18px; }
.v2-approval>div { display:grid; gap:4px; }
.v2-approval button,.v2-os button,.v2-decision button { border:1px solid #cfd3d7; background:#fff; color:var(--v2-ink); border-radius:6px; padding:10px 13px; font:inherit; cursor:pointer; }
.v2-approval button,.v2-os button.is-primary,.v2-decision button.is-primary { background:var(--v2-ink); color:#fff; border-color:var(--v2-ink); }
.v2-event-log { padding:11px 18px; background:#f7f8f8; border-top:1px solid var(--v2-line); color:var(--v2-muted); font-size:12px; }
.v2-section-intro { max-width:850px; margin-bottom:36px; }
.v2-section-intro h2 { max-width:780px; margin:12px 0 16px; font-size:48px; line-height:1.05; letter-spacing:0; }
.v2-section-intro p { max-width:720px; color:var(--v2-muted); font-size:18px; }
.v2-contrast { border-top:1px solid var(--v2-line); }
.v2-contrast-grid { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--v2-line); border-radius:8px; overflow:hidden; }
.v2-contrast-side { padding:30px; min-width:0; }
.v2-contrast-side+article { border-left:1px solid var(--v2-line); background:#fafafa; }
.v2-contrast-side header { display:grid; gap:5px; margin-bottom:28px; }
.v2-contrast-side header span { color:var(--v2-muted); font-size:13px; }
.v2-chat-bubble,.v2-chat-answer { max-width:86%; padding:14px; border:1px solid var(--v2-line); border-radius:7px; margin-bottom:12px; }
.v2-chat-answer { margin-left:auto; background:var(--v2-soft); }
.v2-contrast-side ul { margin:26px 0 0; padding:20px 0 0 20px; border-top:1px solid var(--v2-line); color:var(--v2-muted); }
.v2-mini-flow { display:grid; }
.v2-mini-flow>div { display:flex; gap:14px; padding:13px 0; border-bottom:1px solid var(--v2-line); }
.v2-mini-flow i { display:grid; place-items:center; width:28px; height:28px; flex:0 0 28px; background:var(--v2-ink); color:#fff; border-radius:50%; font-style:normal; font-size:12px; }
.v2-mini-flow span { display:grid; gap:2px; }
.v2-mini-flow small { color:var(--v2-muted); }
.v2-product { background:#f7f7f7; max-width:none; padding-left:max(24px,calc((100vw - 1200px)/2)); padding-right:max(24px,calc((100vw - 1200px)/2)); }
.v2-os { display:grid; grid-template-columns:190px minmax(0,1fr) 230px; min-height:520px; border:1px solid #d7dade; border-radius:8px; background:#fff; overflow:hidden; }
.v2-os-nav { padding:22px 14px; border-right:1px solid var(--v2-line); display:flex; flex-direction:column; gap:6px; }
.v2-os-nav>strong { padding:0 10px 18px; font-size:20px; }
.v2-os-nav button { display:flex; justify-content:space-between; text-align:left; border-color:transparent; background:transparent; }
.v2-os-nav button.is-active { background:#eceeef; border-color:#e1e3e5; color:var(--v2-ink); }
.v2-os-nav button span { font-size:11px; }
.v2-os-main { display:flex; flex-direction:column; min-width:0; }
.v2-os-head { display:flex; justify-content:space-between; gap:20px; padding:24px; border-bottom:1px solid var(--v2-line); }
.v2-os-head small { color:var(--v2-muted); }
.v2-os-head h3 { margin:5px 0 0; font-size:23px; }
.v2-os-head>span { align-self:flex-start; padding:6px 9px; border:1px solid #cfd3d7; border-radius:5px; font-size:12px; }
.v2-module-content { flex:1; padding:24px; }
.v2-info-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.v2-info-item { padding:15px; border-bottom:1px solid var(--v2-line); }
.v2-info-item small { display:block; color:var(--v2-muted); margin-bottom:5px; }
.v2-draft { border:1px solid var(--v2-line); padding:18px; line-height:1.6; }
.v2-draft strong { display:block; margin-bottom:10px; }
.v2-action-list { display:grid; gap:10px; }
.v2-action-list div { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px 0; border-bottom:1px solid var(--v2-line); }
.v2-action-list span { color:var(--v2-muted); font-size:13px; }
.v2-decision,.v2-os-actions { display:flex; gap:9px; padding:14px 24px; border-top:1px solid var(--v2-line); }
.v2-os-actions { justify-content:space-between; }
.v2-activity { padding:22px 18px; border-left:1px solid var(--v2-line); background:#fafafa; }
.v2-activity ol { list-style:none; padding:18px 0 0; margin:0; }
.v2-activity li { display:grid; grid-template-columns:42px 1fr; gap:8px; padding:10px 0; border-bottom:1px solid var(--v2-line); font-size:12px; }
.v2-activity time { color:var(--v2-muted); }
.v2-demo-note { margin-top:14px; color:var(--v2-muted); font-size:13px; }
.v2-process-line { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--v2-line); border-radius:8px; overflow:hidden; }
.v2-process-line article { padding:24px; min-width:0; }
.v2-process-line article+article { border-left:1px solid var(--v2-line); }
.v2-process-line span,.v2-control-grid span { color:var(--v2-muted); font-size:12px; }
.v2-process-line h3,.v2-control-grid h3 { margin:12px 0 9px; font-size:20px; }
.v2-process-line p,.v2-control-grid p { color:var(--v2-muted); font-size:14px; }
.v2-process-line button { margin-top:16px; border:0; border-bottom:1px solid var(--v2-ink); background:transparent; padding:4px 0; color:var(--v2-ink); font:inherit; cursor:pointer; }
.v2-control { border-top:1px solid var(--v2-line); }
.v2-control-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--v2-line); border:1px solid var(--v2-line); border-radius:8px; overflow:hidden; }
.v2-control-grid article { background:#fff; padding:26px; }
.v2-control-note { max-width:850px; margin:20px 0 0; color:var(--v2-muted); font-size:13px; }
@media (max-width:980px){.v2-hero{grid-template-columns:1fr}.v2-hero-copy h1{font-size:52px}.v2-os{grid-template-columns:160px 1fr}.v2-activity{grid-column:1/-1;border-left:0;border-top:1px solid var(--v2-line)}.v2-activity ol{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.v2-process-line{grid-template-columns:1fr 1fr}.v2-process-line article:nth-child(3){border-left:0;border-top:1px solid var(--v2-line)}.v2-process-line article:nth-child(4){border-top:1px solid var(--v2-line)}}
@media (max-width:720px){.v2-hero{padding-top:40px;gap:36px}.v2-hero-copy h1{font-size:40px}.v2-section-intro h2{font-size:36px}.v2-contrast-grid{grid-template-columns:1fr}.v2-contrast-side+article{border-left:0;border-top:1px solid var(--v2-line)}.v2-os{grid-template-columns:1fr}.v2-os-nav{border-right:0;border-bottom:1px solid var(--v2-line);display:grid;grid-template-columns:1fr 1fr}.v2-os-nav>strong{grid-column:1/-1}.v2-activity{grid-column:auto}.v2-activity ol{grid-template-columns:1fr}.v2-analysis ul,.v2-info-grid,.v2-control-grid{grid-template-columns:1fr}.v2-route span{display:none}.v2-inbox-row{align-items:flex-start;flex-wrap:wrap}.v2-state{margin-left:54px}.v2-product{padding-left:16px;padding-right:16px}.v2-process-line{grid-template-columns:1fr}.v2-process-line article+article{border-left:0;border-top:1px solid var(--v2-line)}}
@media (max-width:420px){.v2-hero-copy h1{font-size:34px}.v2-os-nav{grid-template-columns:1fr}.v2-os-nav>strong{grid-column:auto}.v2-decision,.v2-os-actions{flex-wrap:wrap}.v2-decision button,.v2-os-actions button{flex:1 1 100%}}
@media (prefers-reduced-motion:reduce){.v2-live-dot{box-shadow:none}}