.vertical-os{display:grid;grid-template-columns:320px 1fr;gap:0;border:1px solid var(--line);background:var(--surface);min-height:720px;position:relative}.v-rail{border-right:1px solid var(--line);padding:24px 0;background:var(--bg-2)}.v-rail-head{font-family:var(--mono);font-size:11px;color:var(--ink-faint);letter-spacing:.15em;text-transform:uppercase;padding:0 24px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.v-rail-head:before{content:"◇";color:var(--accent)}.v-tab{display:grid;grid-template-columns:38px 1fr auto;gap:12px;padding:20px 24px;border:none;border-bottom:1px solid var(--line);background:transparent;color:inherit;cursor:none;transition:background .25s;align-items:center;position:relative;width:100%;text-align:left;font:inherit}.v-tab:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent);transform:scaleY(0);transform-origin:top;transition:transform .3s cubic-bezier(.4,0,.2,1)}.v-tab:hover{background:#c6ff4a08}.v-tab.active{background:#c6ff4a0f}.v-tab.active:before{transform:scaleY(1)}.v-tab-idx{font-family:var(--mono);font-size:10px;color:var(--ink-faint);letter-spacing:.1em}.v-tab.active .v-tab-idx{color:var(--accent)}.v-tab-name{font-family:var(--sans);font-size:15px;font-weight:500;color:var(--ink);letter-spacing:-.005em}.v-tab-sub{font-family:var(--mono);font-size:10px;color:var(--ink-faint);letter-spacing:.08em;text-transform:uppercase;margin-top:4px}.v-tab-arrow{font-family:var(--mono);color:var(--ink-faint);opacity:0;transition:all .25s}.v-tab.active .v-tab-arrow,.v-tab:hover .v-tab-arrow{opacity:1;color:var(--accent);transform:translate(2px)}.v-panels{position:relative;padding:40px 48px;min-height:720px}.v-panel{display:none;opacity:0}.v-panel.active{display:block;animation:v-in .5s cubic-bezier(.22,1,.36,1) forwards}@keyframes v-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.v-panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--line);gap:24px}.v-panel-head .title{font-family:var(--sans);font-size:36px;font-weight:500;letter-spacing:-.025em;line-height:1;margin-bottom:10px}.v-panel-head .title em{font-family:var(--serif);font-style:italic;color:var(--accent);font-weight:400}.v-panel-head .sub{color:var(--ink-dim);font-size:15px;max-width:460px;line-height:1.55}.v-panel-meta{font-family:var(--mono);font-size:10px;color:var(--ink-faint);text-align:right;letter-spacing:.1em;text-transform:uppercase;line-height:1.8;white-space:nowrap}.v-panel-meta span{color:var(--accent)}.v-panel-body{display:grid;grid-template-columns:1.1fr 1fr;gap:32px}.v-section-label{font-family:var(--mono);font-size:10px;color:var(--ink-faint);letter-spacing:.18em;text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:8px}.v-section-label:before{content:"";width:6px;height:6px;background:var(--accent)}.v-challenges{list-style:none}.v-challenges li{padding:14px 0;border-bottom:1px dashed var(--line);display:grid;grid-template-columns:24px 1fr;gap:14px;font-size:14px;line-height:1.5;color:var(--ink)}.v-challenges li:before{content:"—";color:var(--accent-red);font-family:var(--mono)}.v-challenges li strong{display:block;font-weight:500;margin-bottom:2px}.v-challenges li span{color:var(--ink-dim);font-size:13px}.v-capabilities{border:1px solid var(--line);background:var(--bg-2)}.v-cap-row{padding:14px 18px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.v-cap-row:last-child{border-bottom:none}.v-cap-row .cap-name{font-size:13px}.v-cap-row .cap-val{font-family:var(--mono);font-size:11px;color:var(--accent);letter-spacing:.05em}.v-proof{margin-top:28px;padding-top:24px;border-top:1px solid var(--line);grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.v-proof-cell .n{font-family:var(--sans);font-size:32px;font-weight:500;letter-spacing:-.03em;color:var(--accent);line-height:1;margin-bottom:6px}.v-proof-cell .lbl{font-family:var(--mono);font-size:10px;color:var(--ink-faint);letter-spacing:.1em;text-transform:uppercase}@media(max-width:900px){.vertical-os{grid-template-columns:1fr}.v-rail{border-right:none;border-bottom:1px solid var(--line)}.v-panel-body,.v-proof{grid-template-columns:1fr!important}.v-panels{padding:24px}}.flow-diagram{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;position:relative;margin-top:60px}.flow-step{border:1px solid var(--line);background:var(--surface);padding:20px;position:relative;transition:all .3s}.flow-step:hover{border-color:var(--accent);background:var(--surface-2);transform:translateY(-4px)}.flow-step .idx{font-family:var(--mono);font-size:10px;color:var(--accent);letter-spacing:.1em;margin-bottom:14px;display:flex;align-items:center;gap:8px}.flow-step .idx:before{content:"";width:6px;height:6px;background:var(--accent);border-radius:50%}.flow-step h4{font-family:var(--sans);font-size:16px;font-weight:500;margin-bottom:10px;letter-spacing:-.01em}.flow-step p{color:var(--ink-dim);font-size:13px;line-height:1.5}.flow-arrow{position:absolute;right:-16px;top:50%;transform:translateY(-50%);width:16px;height:1px;background:var(--line-2);z-index:1}.flow-arrow:after{content:"▸";position:absolute;right:-3px;top:-9px;color:var(--accent);font-size:14px}@media(max-width:900px){.flow-diagram{grid-template-columns:1fr}.flow-arrow{display:none}}.matrix{border:1px solid var(--line);background:var(--surface);overflow:hidden}.matrix-head,.matrix-row{display:grid;grid-template-columns:1.4fr repeat(6,1fr)}.matrix-head{background:var(--bg-2);border-bottom:1px solid var(--line);font-family:var(--mono);font-size:10px;color:var(--ink-faint);letter-spacing:.12em;text-transform:uppercase}.matrix-head>div,.matrix-row>div{padding:16px 18px;border-right:1px solid var(--line)}.matrix-head>div:last-child,.matrix-row>div:last-child{border-right:none}.matrix-row{border-bottom:1px solid var(--line);font-size:13px;align-items:center}.matrix-row:last-child{border-bottom:none}.matrix-row:hover{background:#c6ff4a08}.matrix-row .need{color:var(--ink);font-weight:500}.matrix-row .val{text-align:center;font-family:var(--mono);font-size:14px;color:var(--ink-faint)}.matrix-row .val.on{color:var(--accent)}.matrix-row .val.on:before{content:"●"}.matrix-row .val:not(.on):before{content:"○"}@media(max-width:900px){.matrix{overflow-x:auto;-webkit-overflow-scrolling:touch}.matrix-head,.matrix-row{min-width:640px}.matrix-head>div,.matrix-row>div{padding:12px 14px}.matrix-head>div{font-size:10px}.matrix-row{font-size:12px}.matrix-row .val{font-size:13px}.matrix:after{content:"";position:sticky;right:0;top:0;bottom:0;float:right;width:32px;height:100%;background:linear-gradient(90deg,transparent,var(--surface));pointer-events:none}}.integ-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.integ{aspect-ratio:1;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transition:all .3s;position:relative}.integ:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(198,255,74,.15),transparent 70%);opacity:0;transition:opacity .3s}.integ:hover{background:var(--surface-2)}.integ:hover:before{opacity:1}.integ-icon{width:36px;height:36px;border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:13px;color:var(--ink-dim);font-weight:700;transition:all .3s;position:relative;z-index:1}.integ:hover .integ-icon{border-color:var(--accent);color:var(--accent)}.integ-name{font-family:var(--mono);font-size:10px;color:var(--ink-faint);letter-spacing:.08em;text-transform:uppercase;position:relative;z-index:1}@media(max-width:900px){.integ-grid{grid-template-columns:repeat(3,1fr)}}