.o021-hero{padding:clamp(4.5rem,9vw,7.2rem) 0 2.4rem;background:radial-gradient(circle at 85% 12%,rgba(255,178,92,.12),transparent 34%),radial-gradient(circle at 12% 28%,rgba(114,214,194,.10),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.02),transparent)}.o021-hero h1{font-size:clamp(2.55rem,7vw,5rem);line-height:.98;letter-spacing:-.052em;margin:.4rem 0 1rem;max-width:18ch}.o021-deck{max-width:78ch;color:#c7d0d8;font-size:clamp(1.02rem,2vw,1.17rem);line-height:1.7}.o021-badges{display:flex;flex-wrap:wrap;gap:.55rem;margin:1rem 0}.o021-badge{display:inline-flex;border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:.36rem .64rem;font-size:.78rem;font-weight:800;color:#e2e8ed;background:rgba(255,255,255,.026)}.o021-badge.prototype{border-color:rgba(255,178,92,.32);color:#ffd8ad}.o021-wrap{max-width:1180px;padding-bottom:6rem}.o021-section{padding:2.2rem 0;border-top:1px solid rgba(255,255,255,.1)}.o021-section h2{font-size:clamp(1.55rem,4vw,2.5rem);letter-spacing:-.035em;margin:.2rem 0 1rem}.o021-section p,.o021-section li{line-height:1.68}.o021-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.o021-card,.o021-panel{border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:1rem;background:rgba(255,255,255,.025)}.o021-card h2,.o021-card h3{margin:.2rem 0 .6rem}.o021-hub-card{display:flex;flex-direction:column;gap:.6rem;min-height:250px}.o021-hub-card .v5-button{align-self:flex-start;margin-top:auto}.o021-app{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(310px,.88fr);gap:1rem;align-items:start}.o021-controls{display:grid;gap:.85rem}.o021-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem}.o021-field{display:grid;gap:.32rem}.o021-field.wide{grid-column:1/-1}.o021-field span{font-size:.82rem;color:#c3ccd5;font-weight:760}.o021-field input,.o021-field select,.o021-field textarea{width:100%;min-height:44px;padding:.68rem .72rem;border:1px solid rgba(255,255,255,.16);border-radius:.7rem;background:#0d1119;color:#f4f7fa;font:inherit}.o021-field textarea{min-height:86px;resize:vertical}.o021-field input:focus,.o021-field select:focus,.o021-field textarea:focus{outline:2px solid #7cd9c6;outline-offset:2px}.o021-check{display:flex;align-items:center;gap:.5rem;min-height:44px}.o021-check input{width:20px;height:20px}.o021-actions{display:flex;flex-wrap:wrap;gap:.55rem}.o021-actions button,.o021-actions label{min-height:44px}.o021-file{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.o021-muted{font-size:.86rem;color:#aab6c0}.o021-notice{min-height:1.4em;color:#b9c4cd;font-size:.88rem}.o021-boundary{padding:1rem;border:1px solid rgba(255,178,92,.22);border-radius:.9rem;background:rgba(255,178,92,.045)}.o021-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.o021-metric{padding:.72rem;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;background:rgba(255,255,255,.02)}.o021-metric strong{display:block;font-size:1.25rem}.o021-metric span{font-size:.76rem;color:#9da9b4}.o021-list{display:grid;gap:.58rem;margin-top:.75rem}.o021-item{border:1px solid rgba(255,255,255,.09);border-radius:.8rem;padding:.78rem;background:#0b0f16;display:grid;gap:.55rem}.o021-item-head{display:flex;justify-content:space-between;gap:.8rem;align-items:flex-start}.o021-item h3{margin:0;font-size:1.05rem}.o021-meta{font-size:.78rem;color:#9eabb6}.o021-item-actions{display:flex;flex-wrap:wrap;gap:.42rem}.o021-mini{min-height:38px;border:1px solid rgba(255,255,255,.14);border-radius:.6rem;background:rgba(255,255,255,.04);color:#e8edf2;padding:.45rem .58rem;font:inherit;font-size:.82rem;cursor:pointer}.o021-mini:hover{background:rgba(255,255,255,.08)}.o021-mini.danger{border-color:rgba(255,130,130,.28);color:#ffc1c1}.o021-empty{padding:1rem;border:1px dashed rgba(255,255,255,.13);border-radius:.8rem;color:#aab5bf}.o021-proto-board{display:grid;gap:.8rem}.o021-demo-banner{padding:.85rem;border:1px solid rgba(255,178,92,.28);border-radius:.8rem;background:rgba(255,178,92,.055);font-weight:760}.o021-stagebar{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}.o021-stage{padding:.62rem .35rem;text-align:center;border-radius:.6rem;border:1px solid rgba(255,255,255,.09);font-size:.78rem;color:#8f9aa5}.o021-stage.active{border-color:#7cd9c6;color:#eafffa;background:rgba(124,217,198,.07)}.o021-stage.done{color:#bcd9d3;background:rgba(124,217,198,.035)}.o021-ticket{padding:1rem;border:1px solid rgba(124,217,198,.18);border-radius:.9rem;background:linear-gradient(145deg,rgba(124,217,198,.055),rgba(255,178,92,.035))}.o021-ticket h3{margin:.15rem 0 .65rem}.o021-storyboard{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem;list-style:none;padding:0}.o021-storyboard li{padding:.7rem;border:1px solid rgba(255,255,255,.09);border-radius:.7rem;text-align:center}.o021-manual{overflow-x:auto}.o021-manual table{width:100%;border-collapse:collapse;min-width:560px}.o021-manual th,.o021-manual td{padding:.65rem;border-bottom:1px solid rgba(255,255,255,.1);text-align:left}.o021-noscript{padding:1rem;border:1px solid rgba(255,178,92,.25);border-radius:.85rem;background:rgba(255,178,92,.04)}@media(max-width:850px){.o021-app,.o021-grid{grid-template-columns:1fr}}@media(max-width:640px){.o021-wrap{padding-left:1rem;padding-right:1rem}.o021-fields,.o021-summary{grid-template-columns:1fr}.o021-stagebar,.o021-storyboard{grid-template-columns:repeat(2,1fr)}.o021-actions{display:grid;grid-template-columns:1fr}.o021-actions .v5-button,.o021-actions label.v5-button{width:100%;justify-content:center}.o021-hero h1{font-size:clamp(2.25rem,11vw,3.7rem)}}