.landing .upcoming-office{background:linear-gradient(120deg,#243a40,#14232c 72%);border-top:1px solid #40565c;border-bottom:1px solid #364c57;padding:80px 0;scroll-margin-top:25px}.landing .upcoming-office-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.landing .upcoming-office-heading .section-label{color:#efbc9d;letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:12px}.upcoming-office-status{color:#e4ded4;border:1px solid #718084;border-radius:30px;padding:8px 14px;font-size:13px;line-height:1.5}.upcoming-office-intro{grid-template-columns:1fr 1fr;gap:70px;display:grid}.landing .upcoming-office h2{letter-spacing:-.045em;margin:0;font:400 clamp(36px,4.6vw,61px)/1.08 Arial,sans-serif}.landing .upcoming-office-name{color:#e9c2aa;margin:20px 0 0;font-size:16px;line-height:1.5}.upcoming-office-intro>div:last-child>p{color:#c0cfd5;margin:0 0 18px;font-size:17px;line-height:1.75}.upcoming-office-steps{grid-template-columns:repeat(3,1fr);gap:35px;margin:40px 0 35px;padding:0;list-style:none;display:grid}.upcoming-office-steps li{border-top:1px solid #5a6d73;padding-top:25px}.upcoming-office-steps li>span{color:#d8b6a0;font-size:13px}.landing .upcoming-office-steps h3{letter-spacing:-.03em;margin:17px 0 13px;font:400 25px/1.2 Arial,sans-serif}.upcoming-office-steps p{color:#b7c9d2;margin:0;font-size:16px;line-height:1.7}.upcoming-office-footer{border-top:1px solid #475e68;justify-content:space-between;align-items:center;gap:35px;padding-top:26px;display:flex}.upcoming-office-footer p{color:#b4c6d0;max-width:720px;margin:0;font-size:13px;line-height:1.7}.upcoming-office-footer strong{color:#efdbca;font-weight:500}.landing .upcoming-office-footer a{color:#f0c4a8;flex-shrink:0;font-size:14px}.upcoming-office-footer svg{flex-shrink:0}@media (max-width:800px){.upcoming-office-intro{gap:35px}.upcoming-office-steps{gap:25px}.upcoming-office-footer{flex-direction:column;align-items:flex-start;gap:20px}}@media (max-width:600px){.landing .upcoming-office{padding:55px 0}.landing .upcoming-office-heading{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:28px}.upcoming-office-intro{grid-template-columns:1fr;gap:26px}.landing .upcoming-office h2{font-size:40px}.upcoming-office-intro>div:last-child>p{font-size:16px}.upcoming-office-steps{grid-template-columns:1fr;gap:26px;margin:25px 0 30px}.upcoming-office-steps li{padding-top:21px}.landing .upcoming-office-steps h3{margin-top:12px}}.costar-visuals{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:22px;margin:44px 0 24px;display:grid}.costar-screen{background:#101e26;border:1px solid #506670;border-radius:14px;min-width:0;margin:0;overflow:hidden;box-shadow:0 24px 55px #06131b55}.costar-screen-label{color:#faf3ed;border-bottom:1px solid #405760;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-size:14px;line-height:1.4;display:flex}.costar-screen-label span{color:#c0ced4;font-size:13px}.costar-screen>a{background:#f5f7f9;line-height:0;display:block}.costar-screen img{object-fit:contain;width:100%;height:auto;display:block}.costar-screen>a:focus-visible{outline-offset:-4px;outline:3px solid #f0c4a8}.costar-screen figcaption{color:#c0cfd5;padding:16px 20px;font-size:14px;line-height:1.6}.costar-screen-side{gap:22px;min-width:0;padding-top:54px;display:grid}.costar-output{background:#203c3a;border:1px solid #657970;border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:18px;margin:0;padding:20px;display:grid}.costar-output img{width:100%;height:auto;display:block;box-shadow:0 10px 24px #08192366}.costar-output figcaption{color:#c8d8d4;font-size:14px;line-height:1.5}.costar-output strong{color:#fff0e1;margin:6px 0;font-size:18px;font-weight:400;display:block}.landing .costar-image-credit{color:#acbec7;max-width:900px;margin:16px 0 32px;font-size:13px;line-height:1.6}.costar-image-credit a{color:#dfc5b1;text-underline-offset:3px;text-decoration:underline}@media (max-width:800px){.costar-visuals{grid-template-columns:1fr;gap:20px}.costar-screen-side{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;padding-top:0}.costar-output{grid-template-columns:1fr}}@media (max-width:520px){.costar-visuals{margin-top:30px}.costar-screen-side{grid-template-columns:1fr}.costar-output{grid-template-columns:1fr 1.2fr}.costar-screen-label{flex-wrap:wrap;padding:14px 16px}.costar-screen figcaption{padding:14px 16px}}
