:root{--nav:#103b6e;--blue:#0e62d7;--bg:#f3f6fa;--card:#fff;--line:#dce4ee;--ink:#101d32;--muted:#5e6f88;--green:#087a45;--greenbg:#e5f7ee;--amber:#9c6000;--amberbg:#fff1cf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif}.shell{width:min(1320px,calc(100% - 36px));margin:auto}.top{background:linear-gradient(115deg,#103b6e,#0a2c55);color:#fff;padding:30px 0}.topin{display:flex;justify-content:space-between;gap:40px;align-items:center}.eyebrow,.sect{font-size:11px;font-weight:900;letter-spacing:.16em;color:#2b68aa}.top .eyebrow{color:#9fc7f6}.top h1{font-size:31px;margin:7px 0}.version{font-size:13px;background:#ffffff18;border:1px solid #ffffff2d;border-radius:18px;padding:6px 10px;vertical-align:middle}.top p{color:#d5e2f2;max-width:780px;margin:0;line-height:1.55}.market-note{max-width:820px;background:#ffffff12;border:1px solid #ffffff20;border-radius:8px;padding:10px 12px;margin-top:15px;font-size:11px;line-height:1.5;color:#cddced}.topactions{display:flex;gap:8px;align-items:end;flex-wrap:wrap;justify-content:flex-end;min-width:410px}.topactions label{font-size:9px;color:#d5e2f2}.topactions select{display:block;margin-top:4px;border:1px solid #ffffff40;color:#fff;background:#173f6d;padding:9px;border-radius:7px}.topactions button{border:1px solid #ffffff45;border-radius:7px;padding:10px 13px;font-size:11px;font-weight:800;cursor:pointer}.ghost{background:#ffffff0d;color:#fff}.primary{background:#fff;color:#123b69}.main{display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:18px;padding:24px 0 45px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.step{background:#e6edf6;color:#57708e;border-radius:10px;padding:12px;font-size:12px;font-weight:800}.step span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#d3dfed;margin-right:7px}.step.active{background:#d9e8fd;color:#075ac8}.step.active span{background:#1265d8;color:#fff}.panel,.quote{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:14px;box-shadow:0 6px 18px #0c31530b}.intro{display:flex;justify-content:space-between;align-items:center}.panel h2,.quote h2{font-size:19px;margin:4px 0 6px}.panel p{color:var(--muted);font-size:13px;margin:0;line-height:1.6}.pill,.compat{border-radius:20px;padding:9px 12px;font-size:11px;font-weight:800;background:#edf5ff;color:#0b59be;white-space:nowrap}.compat.ok{background:var(--greenbg);color:var(--green)}label{display:block;color:#405573;font-size:11px;font-weight:800}select,input{display:block;width:100%;margin-top:7px;border:1px solid #cbd7e5;border-radius:8px;background:#fff;color:#15243a;padding:11px 10px;min-height:42px;font-size:12px;font-weight:700;outline:none}select:focus,input:focus{border-color:#3d8cff;box-shadow:0 0 0 3px #3d8cff20}input:disabled{background:#f7f9fc;color:#405573}.filterGrid{display:grid;grid-template-columns:1fr 1.15fr 1.3fr .7fr;gap:12px;margin:18px 0}.grid2{display:grid;grid-template-columns:1.5fr 1fr;gap:12px}.grid3{display:grid;grid-template-columns:1.3fr 1fr .7fr;gap:12px}.panelhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.info{background:#f3f6fa;border-radius:8px;padding:11px 13px;color:#526884;font-size:12px;margin-top:12px;line-height:1.5}.facts{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.fact{border:1px solid var(--line);border-radius:8px;padding:8px 10px;color:#425976;font-size:11px}.fact b{color:#14253d}.featureGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.feature{border:1px solid var(--line);background:#f9fbfd;border-radius:9px;padding:11px 12px;font-size:12px;color:#3f5673}.feature:before{content:'✓';color:#14834f;font-weight:900;margin-right:8px}.notes{border-left:4px solid #1d70dc}.notes .source{margin-top:8px;font-size:11px}.source a{color:#0e62d7}.summary{position:relative}.quote{position:sticky;top:18px;margin:0}.quotehead{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:5px}.quotehead .eyebrow{font-size:9px}.quotehead span{font-size:9px;color:#718198}.sumline{padding:13px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;font-size:11px}.sumline div{font-weight:800}.sumline small{display:block;color:#77869a;margin-top:4px;font-weight:400}.sumline b{white-space:nowrap}.totals{padding-top:10px}.totals>div{display:flex;justify-content:space-between;padding:8px 0;font-size:11px}.totals .grand{border-top:2px solid #183e6b;margin-top:8px;padding-top:14px;align-items:end}.totals .grand strong{font-size:25px;color:#0b5fc9}.summaryCurrency{border-top:1px solid var(--line);margin-top:12px;padding-top:14px}.summaryCurrency small{display:block;color:#7b899b;margin-top:8px}.quoteButton{width:100%;border:0;background:#0e62d7;color:#fff;border-radius:8px;padding:13px;margin-top:15px;font-weight:900;cursor:pointer}.priceNote{font-size:9px;line-height:1.55;color:#79879a;background:#f5f7fa;border-radius:8px;padding:10px;margin-top:12px}footer{background:#0c2d52;color:#a9bfd8;padding:18px 0;font-size:11px}
@media(max-width:1000px){.main{grid-template-columns:1fr}.quote{position:static}.topin{display:block}.topactions{justify-content:flex-start;min-width:0;margin-top:20px}}
@media(max-width:700px){.shell{width:min(100% - 22px,1320px)}.top h1{font-size:24px}.steps{grid-template-columns:1fr 1fr}.intro,.panelhead{align-items:flex-start;gap:14px}.intro{display:block}.pill{display:inline-block;margin-top:15px}.filterGrid,.grid2,.grid3,.featureGrid{grid-template-columns:1fr}.topactions{display:grid;grid-template-columns:1fr 1fr}.topactions label{grid-column:1/3}.topactions button{width:100%}}
@media print{body{background:#fff}.top{padding:18px 0}.topactions,.steps,.filterGrid,.builder .panel:not(.notes),footer{display:none}.main{display:block;padding:20px 0}.builder{display:none}.summary{display:block}.quote{position:static;border:0;box-shadow:none}.quoteButton{display:none}.priceNote{border:1px solid var(--line)}}