:root{
  --suite-cyan:#00a5cf;
  --suite-cyan-dark:#007e9f;
  --suite-ink:#17232c;
  --suite-muted:#5d6b75;
  --suite-line:#dce4e8;
  --suite-bg:#f3f7f8;
  --suite-panel:#fff;
}
*{box-sizing:border-box}
.ecosystem{
  min-height:38px;padding:0 max(18px,calc((100vw - 1450px)/2));
  display:flex;align-items:center;gap:24px;background:#111;color:#fff;
  font:600 13px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;
}
.ecosystem a{color:#dbe2e6;text-decoration:none}
.ecosystem a:hover,.ecosystem a:focus-visible{color:#fff}
.ecosystem .cnk-wordmark{font-size:17px;font-weight:800;color:#fff;margin-right:8px}
.suite-nav{
  min-height:58px;padding:0 max(18px,calc((100vw - 1450px)/2));
  display:flex;align-items:center;gap:6px;background:#fff;border-bottom:1px solid var(--suite-line);
  font:600 15px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;
}
.suite-nav .suite-name{
  color:var(--suite-ink);font-size:18px;font-weight:780;text-decoration:none;margin-right:auto;
  display:flex;align-items:center;gap:10px;
}
.suite-mark{display:grid;grid-template-columns:repeat(3,4px);align-items:end;gap:3px;width:18px;height:20px}
.suite-mark i{display:block;background:var(--suite-cyan);border-radius:1px 1px 0 0}
.suite-mark i:nth-child(1){height:11px}.suite-mark i:nth-child(2){height:16px}.suite-mark i:nth-child(3){height:20px}
.suite-nav>a:not(.suite-name){
  color:#42515c;text-decoration:none;padding:10px 12px;border-radius:5px;
}
.suite-nav>a:not(.suite-name):hover,.suite-nav>a:not(.suite-name):focus-visible{background:#e9f7fb;color:#006e8a}
.suite-nav>a.active{background:var(--suite-cyan);color:#fff}
body>header{border-top:0}
.suite-home{margin:0;background:var(--suite-bg);color:var(--suite-ink);font:16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}
.home-main{max-width:1180px;margin:auto;padding:54px 24px 70px}
.home-intro{max-width:820px;margin-bottom:32px}
.home-kicker{margin:0 0 8px;color:var(--suite-cyan-dark);font-size:14px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.home-intro h1{font-size:clamp(34px,5vw,58px);line-height:1.06;letter-spacing:-.035em;margin:0 0 17px}
.home-intro p{font-size:19px;color:var(--suite-muted);margin:0;max-width:720px}
.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tool-card{
  display:flex;flex-direction:column;min-height:300px;padding:25px;border:1px solid var(--suite-line);
  border-top:5px solid var(--suite-cyan);border-radius:9px;background:var(--suite-panel);
  color:inherit;text-decoration:none;box-shadow:0 10px 28px rgba(23,35,44,.06);
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.tool-card:hover,.tool-card:focus-visible{transform:translateY(-3px);box-shadow:0 16px 34px rgba(23,35,44,.11);border-color:#a8dce8}
.tool-number{font-variant-numeric:tabular-nums;color:var(--suite-cyan-dark);font-size:13px;font-weight:800;letter-spacing:.08em}
.tool-card h2{font-size:25px;line-height:1.12;margin:35px 0 12px}
.tool-card p{color:var(--suite-muted);margin:0 0 24px}
.tool-link{margin-top:auto;color:var(--suite-cyan-dark);font-weight:750}
.home-foot{margin-top:26px;color:var(--suite-muted);font-size:14px}
@media(max-width:820px){
  .suite-nav{align-items:flex-start;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
  .suite-nav .suite-name{width:100%}
  .suite-nav>a:not(.suite-name){padding:8px 9px}
  .tool-grid{grid-template-columns:1fr}.tool-card{min-height:220px}.tool-card h2{margin-top:22px}
}
@media(max-width:520px){
  .ecosystem{gap:14px;overflow-x:auto;white-space:nowrap}
  .home-main{padding:36px 16px 50px}
  .suite-nav>a:not(.suite-name){font-size:14px}
}