
:root{--oi-navy:#081b33;--oi-blue:#1e63ff;--oi-ink:#172033;--oi-muted:#5f6b7a;--oi-line:#dfe5ee;--oi-soft:#f4f7fb;--oi-green:#12845f;--oi-warm:#fff7e8}
.office-hero{background:linear-gradient(145deg,#06182d 0%,#0b2a4d 62%,#0d3260 100%);color:#fff;padding:72px 0 54px}.office-shell{width:min(1180px,calc(100% - 40px));margin:auto}.office-kicker{letter-spacing:.14em;font-size:.78rem;font-weight:800;color:#9ebfff}.office-hero h1{font-size:clamp(2.5rem,6vw,5.4rem);line-height:.96;margin:.55rem 0 1rem;max-width:900px}.office-hero .lead{max-width:900px;font-size:1.16rem;line-height:1.65;color:#dce9ff}.office-meta,.office-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.office-meta span{border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:8px 11px;font-size:.86rem}.office-btn{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--oi-navy);border-radius:10px;padding:11px 15px;text-decoration:none;font-weight:800}.office-btn.secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}
.office-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}.office-metric{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:18px}.office-metric small{display:block;color:#a9c8ff}.office-metric strong{display:block;font-size:1.7rem;margin:4px 0}.office-metric span{color:#dce9ff;font-size:.88rem}
.office-jump{position:sticky;top:0;z-index:12;background:#fff;border-bottom:1px solid var(--oi-line)}.office-jump-in{display:flex;gap:18px;overflow:auto;padding:13px 0}.office-jump a{white-space:nowrap;color:var(--oi-ink);font-weight:750;text-decoration:none;font-size:.9rem}.office-section{padding:58px 0}.office-section.soft{background:var(--oi-soft)}.office-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:24px}.office-head h2{font-size:clamp(1.8rem,3vw,2.8rem);margin:.25rem 0}.office-head>p{max-width:520px;color:var(--oi-muted)}.office-eyebrow{font-size:.77rem;letter-spacing:.13em;text-transform:uppercase;font-weight:850;color:var(--oi-blue)}
.answer-grid{display:grid;grid-template-columns:1.55fr .85fr;gap:18px}.answer-card,.dark-card,.finding,.model-card,.source-card,.method-card,.map-card{border:1px solid var(--oi-line);border-radius:16px;padding:24px;background:#fff}.answer-card h2{font-size:2rem;margin:.4rem 0 1rem}.answer-card p,.dark-card p,.finding p,.model-card p,.source-card p,.method-card p{color:var(--oi-muted);line-height:1.65}.dark-card{background:var(--oi-navy);color:#fff;border-color:var(--oi-navy)}.dark-card p{color:#dbe7f6}.findings,.models,.sources,.methods{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.finding small{color:var(--oi-blue);font-weight:850}.finding h3,.model-card h3,.source-card strong,.method-card h3{display:block;margin:.55rem 0}.finding strong{font-size:1.4rem;color:var(--oi-navy)}
.index-wrap{overflow:auto;border:1px solid var(--oi-line);border-radius:14px;background:#fff}.index-table{width:100%;border-collapse:collapse;min-width:880px}.index-table th,.index-table td{padding:13px 14px;border-bottom:1px solid var(--oi-line);text-align:left;vertical-align:top}.index-table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;color:#536175;background:#f8fafc}.index-table tr:last-child td{border-bottom:0}.bar{width:140px;height:10px;background:#e9edf4;border-radius:99px;overflow:hidden;margin-top:6px}.bar i{display:block;height:100%;background:var(--oi-blue);border-radius:99px}.badge{display:inline-block;border-radius:999px;padding:5px 8px;background:#eaf0ff;color:#153e89;font-size:.76rem;font-weight:800}.muted{color:var(--oi-muted);font-size:.84rem}.money{font-variant-numeric:tabular-nums;font-weight:800;color:var(--oi-navy)}
.flex-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.flex-card{border:1px solid var(--oi-line);background:#fff;border-radius:15px;padding:20px}.flex-card .price{font-size:1.75rem;font-weight:900;color:var(--oi-navy);margin:.35rem 0}.flex-card small{color:var(--oi-muted)}.flex-card a{color:var(--oi-blue);font-weight:750}.notice{background:var(--oi-warm);border:1px solid #f0d9ad;border-radius:13px;padding:16px 18px;color:#674d18;margin-top:18px}
.map-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.map-svg{width:100%;height:auto;background:#f7f9fc;border-radius:14px;border:1px solid var(--oi-line)}.map-svg .axis{stroke:#b6c2d2;stroke-width:3;fill:none}.map-svg .dot{fill:var(--oi-blue);stroke:#fff;stroke-width:3}.map-svg text{font-family:Arial,sans-serif;fill:#172033;font-size:13px;font-weight:700}.map-svg .sub{font-size:10px;fill:#6b7787;font-weight:500}.map-note{font-size:.82rem;color:var(--oi-muted);margin-top:8px}.comparison{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.model-card ul{padding-left:18px;color:var(--oi-muted);line-height:1.6}.model-card .fit{display:inline-block;background:#eaf7f1;color:#116745;padding:5px 8px;border-radius:8px;font-weight:800;font-size:.8rem;margin-bottom:8px}.source-card a{color:var(--oi-blue);font-weight:800}.source-card small{display:block;color:#6a7788;margin-bottom:8px}.callout{background:var(--oi-navy);color:#fff;border-radius:18px;padding:28px;display:flex;justify-content:space-between;gap:26px;align-items:center}.callout p{color:#dbe7f6}.faq details{background:#fff;border:1px solid var(--oi-line);border-radius:12px;padding:16px 18px;margin-bottom:10px}.faq summary{font-weight:850;cursor:pointer}.faq p{color:var(--oi-muted);line-height:1.6}.office-footer{padding:30px 0;background:#06182d;color:#b8c7da}.office-footer-in{display:flex;justify-content:space-between;gap:20px}.office-footer a{color:#dce8fa}
@media(max-width:900px){.office-metrics,.findings,.models,.sources,.methods,.comparison{grid-template-columns:1fr 1fr}.answer-grid,.map-layout,.flex-grid{grid-template-columns:1fr}.office-head{display:block}.callout{display:block}.office-actions{margin-top:16px}}
@media(max-width:620px){.office-shell{width:min(100% - 24px,1180px)}.office-hero{padding:52px 0 38px}.office-metrics,.findings,.models,.sources,.methods,.comparison{grid-template-columns:1fr}.office-metric strong{font-size:1.45rem}.office-section{padding:42px 0}.office-footer-in{display:block}.bar{width:100px}}
