/* COMPANY — the service-and-enterprise register.
   Deliberately nothing in common with wave4: cool slate on white instead of warm paper,
   sans throughout instead of serif display, boxier radii, tighter grids, blue as the one
   action colour. Utility over atmosphere — a support site is judged by how fast it routes
   you, so the design is tables-and-doors, not chapters. No .gnav/.localbar rules here. */

.co{--co-ink:#101828;--co-body:#344054;--co-mut:#667085;--co-line:#e4e7ec;--co-bg:#fff;
    --co-panel:#f8fafc;--co-blue:#175cd3;--co-blue-d:#1149a8;--co-blue-t:#f5f8ff;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
    color:var(--co-ink);background:var(--co-bg)}
.co .co-in{max-width:1180px;margin:0 auto;padding:0 24px}

/* hero: navy service banner, answer-first */
.co-hero{background:linear-gradient(180deg,#101828 0%,#182339 100%);color:#fff;padding:64px 0 72px}
.co-hero h1{font-size:clamp(28px,3.6vw,40px);font-weight:700;letter-spacing:-.02em;margin:0}
.co-sub{margin:10px 0 0;font-size:15.5px;color:#b6c1d4}
.co-quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:34px}
.co-q{display:block;background:#fff;border-radius:10px;padding:20px 20px 18px;text-decoration:none;color:var(--co-ink);
  border:1px solid transparent;transition:transform .15s ease,box-shadow .15s ease}
.co-q:hover{transform:translateY(-2px);box-shadow:0 12px 28px -14px rgba(16,24,40,.5)}
.co-qi{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:var(--co-blue-t);color:var(--co-blue);margin-bottom:12px}
.co-qi svg{width:19px;height:19px}
.co-q b{font-size:15.5px;font-weight:650}
.co-q p{margin:5px 0 0;font-size:13px;line-height:1.5;color:var(--co-mut)}

/* sections: heading left, content structured */
.co-sec{padding:64px 0;border-bottom:1px solid var(--co-line)}
.co-sec:last-child{border-bottom:0}
.co-alt{background:var(--co-panel)}
.co-head h2{font-size:clamp(21px,2.6vw,28px);font-weight:700;letter-spacing:-.015em;margin:0}
.co-head p{margin:8px 0 0;font-size:15px;line-height:1.6;color:var(--co-body);max-width:640px}
.co-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin-top:28px}
.co-card{border:1px solid var(--co-line);border-radius:10px;background:#fff;padding:20px}
.co-card b{display:block;font-size:15.5px;font-weight:650}
.co-card p{margin:7px 0 12px;font-size:13.5px;line-height:1.55;color:var(--co-mut)}
.co-card a{font-size:13.5px;font-weight:600;color:var(--co-blue);text-decoration:none}
.co-card a:hover{color:var(--co-blue-d)}
.co-four .co-card{display:flex;flex-direction:column;gap:8px}
.co-four .co-card a{margin-top:auto}

/* the registry link row */
.co-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.co-links a{border:1px solid var(--co-line);background:#fff;border-radius:8px;padding:11px 16px;
  font-size:14px;font-weight:600;color:var(--co-ink);text-decoration:none}
.co-links a:hover{border-color:var(--co-blue);color:var(--co-blue)}

.co-note{margin:30px 0 0;font-size:13px;color:var(--co-mut)}
.co-note a{color:var(--co-blue);text-decoration:none}

@media(max-width:640px){.co-hero{padding:44px 0 52px}.co-sec{padding:48px 0}}

/* cross-document view transitions (progressive) */
@view-transition{navigation:auto}