.pub-art-upgrade{--au-bg:#071522;--au-panel:rgba(9,27,43,.96);--au-panel2:#0d2437;--au-line:#20506c;--au-text:#e7f2fb;--au-muted:#87a0b4;--au-cyan:#5bdef4;--au-green:#5de5af}.pub-art-upgrade main{min-height:calc(100vh - 72px)}.au{width:min(1480px,calc(100% - 48px));margin:auto;padding:48px 0 76px}.au section{padding:0}.au-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:24px}.au-kicker,.au-result-label,.au-breakdown-head span{color:var(--au-cyan);font-size:11px;font-weight:900;letter-spacing:.14em}.au h1{margin:7px 0 0;color:var(--au-text);font-size:clamp(38px,4vw,58px);letter-spacing:-.045em}.au-hero p{max-width:760px;margin:8px 0 0;color:#96adbf;font-size:16px}.au-badge{display:grid;grid-template-columns:auto auto;gap:2px 8px;padding:12px 15px;border:1px solid var(--au-line);border-radius:12px;background:#091c2c;color:var(--au-muted);font-size:11px}.au-badge i{grid-row:1/3;width:8px;height:8px;margin-top:5px;border-radius:50%;background:#55e3a8;box-shadow:0 0 12px #55e3a8}.au-badge b{color:var(--au-text)}.au-workspace{display:grid;grid-template-columns:minmax(0,1fr) 380px;border:1px solid var(--au-line);border-radius:17px;background:var(--au-panel);overflow:hidden;box-shadow:0 28px 80px #0004}.au-config{padding:26px}.au-result{padding:30px;border-left:1px solid var(--au-line);background:linear-gradient(150deg,#10324a,#081a2a)}.au-section-title{display:flex;align-items:center;gap:12px}.au-section-title>span{display:grid;width:34px;height:34px;place-items:center;border:1px solid #347697;border-radius:9px;color:var(--au-cyan);font-weight:900}.au-section-title h2,.au-result h2,.au-breakdown h2{margin:0;color:var(--au-text);font-size:20px}.au-section-title p{margin:3px 0 0;color:var(--au-muted);font-size:12px}.au-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.au-fields label{display:flex;flex-direction:column;gap:7px;color:#91aabe;font-size:11px;font-weight:700}.au input,.au select{height:45px;padding:0 12px;border:1px solid #285777;border-radius:10px;outline:0;background:#071927;color:var(--au-text);font:inherit}.au input:focus,.au select:focus{border-color:var(--au-cyan);box-shadow:0 0 0 3px #55dff21c}.au-fields small{margin-top:-3px;color:#5e7d93}.au-material-head{margin-top:27px}.au-materials{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.au-materials label{display:grid;grid-template-columns:42px 1fr 105px;align-items:center;gap:10px;padding:11px;border:1px solid #214b67;border-radius:12px;background:#0a1e2e}.au-materials b,.au-materials small{display:block}.au-materials b{color:var(--au-text);font-size:12px}.au-materials small{margin-top:3px;color:#6f8ca1;font-size:10px}.au-mat-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;background:#102b40;color:#64dcf0;font-size:20px}.au-materials input{width:100%;height:38px;text-align:right}.au-result h2{margin-top:8px;font-size:26px}.au-result>strong{display:block;margin-top:8px;color:var(--au-green);font-size:32px}.au-result>p{color:#8ba3b5;font-size:12px;line-height:1.5}.au-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.au-result-grid div{padding:12px;border:1px solid #28516c;border-radius:10px;background:#081a29}.au-result-grid span,.au-compare span{display:block;color:#718da2;font-size:10px;text-transform:uppercase}.au-result-grid b{display:block;margin-top:5px;color:var(--au-text);font-size:16px}.au-compare{margin-top:14px;padding:14px;border-radius:11px;background:#071724}.au-compare b{display:block;margin-top:5px;color:var(--au-text);font-size:20px}.au-compare small{display:block;margin-top:4px}.is-good{color:var(--au-green)}.is-bad{color:#ff758a}.au-breakdown{margin-top:16px;border:1px solid var(--au-line);border-radius:17px;background:var(--au-panel);overflow:hidden}.au-breakdown-head{display:flex;align-items:end;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--au-line)}.au-breakdown-head p{margin:0;color:var(--au-muted);font-size:11px}.au-table-wrap{overflow:auto}.au table{width:100%;border-collapse:collapse}.au th,.au td{padding:13px 18px;border-bottom:1px solid #173c54;text-align:right;white-space:nowrap}.au th:first-child,.au td:first-child{text-align:left}.au th{background:#0b2132;color:#7392a7;font-size:10px;letter-spacing:.07em;text-transform:uppercase}.au td{color:#afc3d2;font-size:13px}.au td small{display:block;margin-top:3px;color:#607f95;font-size:10px}.au td.is-accent,.au tfoot td{color:var(--au-cyan);font-weight:800}.au tfoot{background:#0c2537}.au-note{margin-top:14px;padding:18px 21px!important;border:1px solid #214a64;border-radius:13px;background:#091b2a;color:#8ea7b9}.au-note b{color:var(--au-text)}.au-note p{margin:5px 0 0;line-height:1.55}@media(max-width:1050px){.au-workspace{grid-template-columns:1fr}.au-result{border-top:1px solid var(--au-line);border-left:0}.au-fields{grid-template-columns:1fr 1fr}.au-materials{grid-template-columns:1fr}}@media(max-width:680px){.au{width:calc(100% - 24px);padding:28px 0 56px}.au-hero{display:block}.au-badge{display:none}.au-fields{grid-template-columns:1fr}.au-config,.au-result{padding:18px}.au-materials label{grid-template-columns:38px 1fr 90px}.au-breakdown-head{display:block}.au-breakdown-head p{margin-top:8px}.au-table-wrap{max-width:100%}}
.au-material{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:11px;border:1px solid #214b67;border-radius:12px;background:#0a1e2e}.au-material>strong{color:var(--au-cyan);font-size:12px;white-space:nowrap}@media(max-width:680px){.au-material{grid-template-columns:38px 1fr auto}}
.au-mat-icon img{width:34px;height:34px;object-fit:contain}.au-scenarios{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.au-scenarios article{padding:17px 18px;border:1px solid #214a64;border-radius:13px;background:#091b2a}.au-scenarios b{color:var(--au-text);font-size:13px}.au-scenarios p{margin:6px 0 0;color:#829eb1;font-size:11px;line-height:1.5}@media(max-width:760px){.au-scenarios{grid-template-columns:1fr}}