:root{--bg:#eef9f8;--ink:#123;--muted:#5b7080;--card:#fff;--shadow:0 16px 40px rgba(15,80,90,.13);--radius:28px;}
*{box-sizing:border-box} body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(160deg,#e9fbfa,#f6fdff 45%,#fff);color:var(--ink);min-height:100vh;}
.office-wrap{width:min(980px,92vw);margin:0 auto;padding:44px 0 60px}.hero{text-align:center;margin-bottom:26px}.badge{display:inline-block;padding:9px 16px;border-radius:999px;background:#dff8f3;color:#08786f;font-weight:800}.hero h1{font-size:clamp(38px,8vw,72px);margin:14px 0 4px;letter-spacing:-.04em}.hero p{color:var(--muted);font-size:18px;margin:0}.office-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.office-card{min-height:210px;border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);text-decoration:none;color:var(--ink);padding:26px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:2px solid rgba(255,255,255,.6);transition:.15s transform,.15s box-shadow}.office-card:hover{transform:translateY(-2px);box-shadow:0 20px 50px rgba(15,80,90,.18)}.office-card .icon{font-size:46px;margin-bottom:16px}.office-card strong{font-size:26px;letter-spacing:.02em}.office-card small{font-size:15px;color:var(--muted);margin-top:8px}.call{background:linear-gradient(145deg,#e7fff1,#fff)}.db{background:linear-gradient(145deg,#e8f1ff,#fff)}.pay{background:linear-gradient(145deg,#fff6df,#fff)}.settings{background:linear-gradient(145deg,#f3efff,#fff)}@media(max-width:680px){.office-grid{grid-template-columns:1fr}.office-card{min-height:150px}.office-wrap{padding-top:28px}}