:root{--navy:#0b1635;--blue:#004aac;--light:#edf4ff;--text:#14213c;--sub:#53627b;--line:#dce5f2;--sky:#d9ebff;--white:#fff;--green:#156b56;--red:#a7383a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.56 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:#f4f7fd}
a{color:#004aac;text-decoration-thickness:1px;text-underline-offset:3px}a:hover{text-decoration-thickness:2px}
button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #7ab6ff;outline-offset:2px}
.wrapper{width:min(calc(100% - 36px),1120px);margin-inline:auto}
.site-header{background:#050f3e;border-bottom:3px solid #1b64d0;padding:15px 0}.brand img{display:block;width:min(190px,50vw);height:auto}
main{padding-bottom:60px}nav.breadcrumb{font-size:.88rem;padding:22px 0 8px;color:var(--sub)}nav.breadcrumb a{color:#435875}
.hero{background:linear-gradient(125deg,#061b51 0%,#004aac 56%,#2a71bc 100%);color:#fff;border-radius:24px;padding:clamp(22px,5vw,50px);margin:10px 0 22px;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;width:300px;height:300px;border:1px solid #ffffff32;border-radius:50%;right:-150px;top:-100px;pointer-events:none}
.eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.11em;color:#b8dcff;font-weight:800}
h1{font-size:clamp(2rem,4.5vw,3.15rem);line-height:1.13;margin:10px 0 18px;max-width:850px;letter-spacing:-.035em}
.hero p{font-size:clamp(1rem,2vw,1.13rem);max-width:800px;margin:0;color:#e7f1ff}
.hero-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.hero-meta span{font-size:.83rem;background:#ffffff20;border:1px solid #ffffff36;border-radius:100px;padding:5px 11px}
.layout{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:20px;align-items:start}
.panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(18px,3vw,28px);box-shadow:0 8px 25px #0c2e6510;margin:0 0 20px}
.panel h2{font-size:1.34rem;line-height:1.27;margin:0 0 9px;color:#101f4a}.panel h3{font-size:1rem;margin:20px 0 8px}.muted{color:var(--sub);font-size:.91rem;margin:3px 0 20px}
.field{display:block;margin:14px 0}.field label{display:block;font-weight:700;margin:0 0 5px;font-size:.93rem}
.field small{display:block;color:var(--sub);font-size:.81rem;margin-top:4px}
.field input{width:100%;min-height:46px;padding:10px 12px;border:1.5px solid #bdcce4;border-radius:10px;background:#fff;color:var(--text)}
.field input:focus{border-color:#005ac9}.grid-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 13px}
.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
.btn{border-radius:10px;border:1px solid #b7cae5;min-height:45px;padding:9px 16px;background:#fff;color:#123463;font-weight:700}
.btn-primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn:hover{filter:brightness(.95)}.btn:disabled{opacity:.45;cursor:not-allowed}
.error{margin:13px 0 0;color:#9a2428;font-size:.9rem;font-weight:650;min-height:1.4em}
.status{background:#eaf3ff;border-left:4px solid #1257ad;border-radius:12px;margin:17px 0;padding:13px 15px;color:#213b67}
.status-danger{background:#fff2f2;border-color:#b6373b;color:#792c2d}
.status-success{background:#e8f7f1;border-color:#1c7d5a;color:#1d5446}
.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:15px}
.metric{border:1px solid var(--line);background:#f8fbff;border-radius:13px;padding:14px;min-width:0}
.metric span{display:block;font-size:.81rem;font-weight:650;color:#5b6a82;line-height:1.4}
.metric strong{display:block;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.15;margin:5px 0 2px;color:#093975;overflow-wrap:anywhere}
.metric small{color:var(--sub);font-size:.76rem}
.metric-featured{background:linear-gradient(130deg,#0845a1,#046cc0);border-color:#0f52a4}
.metric-featured span,.metric-featured strong,.metric-featured small{color:#fff}
.capacity-line{display:flex;justify-content:space-between;gap:12px;margin-top:20px;font-weight:700;font-size:.88rem}
progress{display:block;width:100%;height:12px;margin:7px 0 8px;accent-color:#047aca}
.summary{font-size:.91rem;margin:0 0 11px}.summary strong{color:var(--blue)}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;margin:14px 0}
table{width:100%;border-collapse:collapse;min-width:370px;font-size:.88rem}
th,td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
thead{background:#edf5ff}th{font-size:.81rem;color:#244778}td:not(:first-child),th:not(:first-child){text-align:right}tr:last-child td{border-bottom:0}
.reco{padding:13px 15px;background:#edf9f5;border-left:4px solid #13715b;border-radius:10px;line-height:1.5;margin:12px 0}
.info-section{margin-top:14px}.info-section p{margin:10px 0}
.steps{padding-left:20px}.steps li{margin-bottom:10px}
.example{background:#eef4fd;border-radius:12px;padding:15px 18px;margin:14px 0}
details{border-bottom:1px solid var(--line);padding:12px 0}summary{font-weight:700;cursor:pointer;color:#102e66}details p{margin:8px 0 0;color:#3e4d69}
.cta{display:flex;align-items:center;gap:25px;justify-content:space-between;background:linear-gradient(115deg,#eaf3ff,#fff)}
.cta p{max-width:680px;margin:10px 0}.cta .btn{display:inline-flex;text-align:center;text-decoration:none;align-items:center;justify-content:center;flex-shrink:0}
.disclosure{font-size:.81rem;color:var(--sub);margin-top:12px}.rel-links{display:flex;gap:10px 18px;flex-wrap:wrap}
.screenreader{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:830px){.layout{grid-template-columns:1fr}.cta{display:block}.cta .btn{margin-top:10px}}
@media(max-width:390px){.wrapper{width:calc(100% - 24px)}.hero{border-radius:15px}.panel{border-radius:15px}.grid-fields{grid-template-columns:1fr}.metric{padding:11px}.actions .btn{flex:1 1 100%}.metric strong{font-size:1.38rem}}
@media print{body{background:white;color:#111}.site-header,nav.breadcrumb,.hero-meta,.actions,.cta,.rel-links,.ent-site-footer,.info-section,.form-panel{display:none!important}main{padding:0}.hero{background:#fff;color:#111;padding:0;margin:0}.hero p,.eyebrow{color:#333}.layout{display:block}.panel{border:1px solid #aaa;box-shadow:none;break-inside:avoid}.metric-featured{background:#fff}.metric-featured span,.metric-featured strong,.metric-featured small{color:#111}}