.o020-hero{padding:clamp(4.5rem,9vw,7.2rem) 0 2.4rem;background:radial-gradient(circle at 84% 12%,rgba(87,205,188,.12),transparent 34%),radial-gradient(circle at 12% 28%,rgba(125,151,255,.11),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.02),transparent)}.o020-hero h1{font-size:clamp(2.55rem,7vw,5rem);line-height:.98;letter-spacing:-.052em;margin:.4rem 0 1rem;max-width:17ch}.o020-deck{max-width:78ch;color:#c7d0d8;font-size:clamp(1.02rem,2vw,1.17rem);line-height:1.7}.o020-badges{display:flex;flex-wrap:wrap;gap:.55rem;margin:1rem 0}.o020-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:#dae4ec;background:rgba(255,255,255,.026)}.o020-wrap{max-width:1160px;padding-bottom:6rem}.o020-section{padding:2.2rem 0;border-top:1px solid rgba(255,255,255,.1)}.o020-section h2{font-size:clamp(1.55rem,4vw,2.55rem);letter-spacing:-.035em;margin:.2rem 0 1rem}.o020-section p,.o020-section li{line-height:1.7}.o020-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.o020-card{border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:1.05rem;background:rgba(255,255,255,.026)}.o020-card.feature{border-color:rgba(87,205,188,.24);background:linear-gradient(145deg,rgba(87,205,188,.065),rgba(125,151,255,.035))}.o020-card h3{margin:.25rem 0 .55rem}.o020-tool{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:1rem;align-items:start}.o020-panel{border:1px solid rgba(255,255,255,.11);border-radius:1rem;padding:1rem;background:rgba(255,255,255,.025)}.o020-form{display:grid;gap:.8rem}.o020-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.o020-field{display:grid;gap:.32rem}.o020-field span{font-size:.82rem;color:#c0cad4;font-weight:750}.o020-field input,.o020-field select{width:100%;min-height:44px;padding:.66rem .72rem;border:1px solid rgba(255,255,255,.16);border-radius:.7rem;background:#0d1119;color:#f4f7fa;font:inherit}.o020-field input:focus,.o020-field select:focus{outline:2px solid #79d7c5;outline-offset:2px}.o020-unit{font-size:.75rem;color:#93a0ad}.o020-actions{display:flex;flex-wrap:wrap;gap:.55rem}.o020-actions button{min-height:44px}.o020-result{min-height:210px}.o020-result h3{margin:.1rem 0 .7rem}.o020-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.o020-metric{padding:.78rem;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;background:rgba(255,255,255,.02)}.o020-metric strong{display:block;font-size:1.3rem;letter-spacing:-.025em}.o020-metric span{font-size:.78rem;color:#9eabb7}.o020-message{padding:.85rem;border-left:3px solid #79d7c5;background:rgba(87,205,188,.055);line-height:1.55}.o020-message.error{border-color:#ff9b9b;background:rgba(255,120,120,.055)}.o020-message.warn{border-color:#f1cb73;background:rgba(241,203,115,.05)}.o020-eq{display:grid;gap:.5rem}.o020-eq code{display:block;white-space:normal;overflow-wrap:anywhere;padding:.68rem .75rem;border:1px solid rgba(255,255,255,.08);border-radius:.7rem;background:#090c12;color:#dce4ec}.o020-list{display:grid;gap:.45rem;padding-left:1.2rem}.o020-local-note{font-size:.88rem;color:#aeb9c3}.o020-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.o020-hub-card{display:flex;flex-direction:column;gap:.6rem;padding:1.1rem;border:1px solid rgba(255,255,255,.1);border-radius:1rem;background:rgba(255,255,255,.025)}.o020-hub-card .v5-button{align-self:flex-start;margin-top:auto}.o020-status{font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#9ee1d0}.o020-version{font-size:.76rem;color:#96a4b0}.o020-boundary{padding:1rem;border:1px solid rgba(125,151,255,.18);border-radius:.9rem;background:rgba(125,151,255,.04)}@media(max-width:820px){.o020-tool{grid-template-columns:1fr}.o020-hub-grid,.o020-grid{grid-template-columns:1fr}}@media(max-width:620px){.o020-wrap{padding-left:1rem;padding-right:1rem}.o020-fields,.o020-metrics{grid-template-columns:1fr}.o020-hero h1{font-size:clamp(2.25rem,11vw,3.7rem)}.o020-actions{display:grid;grid-template-columns:1fr}.o020-actions .v5-button{width:100%}}
