/* SEO topic cluster: useful feature pages, internal navigation and compact footer. */
.seo-footer-grid { grid-template-columns: 1.22fr .72fr 1.25fr .95fr !important; gap: 38px !important; }
.footer-solutions { grid-template-columns: 1fr 1fr; column-gap: 16px; }
.footer-solutions strong { grid-column: 1 / -1; }
.footer-active-link { color: #74ed99 !important; font-weight: 850; }
.cluster-page .site-header { position: fixed; }
.cluster-page .section { padding-block: 80px; }
.cluster-hero { min-height: 720px; padding-top: 122px !important; overflow: hidden; }
.cluster-hero::before { content:""; position:absolute; inset:0; z-index:-1; background:radial-gradient(circle at 80% 25%, rgba(56,212,101,.14), transparent 30%), linear-gradient(rgba(26,101,53,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(26,101,53,.035) 1px, transparent 1px); background-size:auto, 48px 48px, 48px 48px; mask-image:linear-gradient(to bottom,#000 5%,transparent 92%); }
.cluster-hero-grid { display:grid; grid-template-columns:1fr .78fr; gap:70px; align-items:center; }
.cluster-hero-copy h1 { margin:24px 0 22px; color:var(--shieldy-navy); font-size:clamp(52px,6vw,80px); line-height:.97; letter-spacing:-4px; font-weight:900; }
.cluster-hero-copy h1 span { color:var(--green-deep); }
.cluster-hero-copy > p { max-width:720px; margin:0; color:var(--muted); font-size:18px; line-height:1.75; }
.cluster-console { position:relative; padding:24px; border:1px solid #cde8d5; border-radius:30px; background:rgba(255,255,255,.96); box-shadow:0 30px 72px rgba(31,118,66,.16); overflow:hidden; }
.cluster-console::after { content:""; position:absolute; width:230px; height:230px; right:-100px; top:-110px; border-radius:50%; background:#3be36d; filter:blur(85px); opacity:.12; }
.cluster-console-head { position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; padding-bottom:17px; border-bottom:1px solid var(--line); color:var(--shieldy-navy); font-size:13px; font-weight:900; }
.cluster-console-head span { display:flex; align-items:center; gap:8px; }
.cluster-console-head span i { width:8px; height:8px; border-radius:50%; background:var(--green); box-shadow:0 0 12px rgba(40,207,96,.55); }
.cluster-console-head em { padding:6px 10px; border-radius:999px; color:#117c36; background:#e3f7e9; font-size:10px; font-style:normal; text-transform:uppercase; }
.cluster-console-logo { display:grid; place-items:center; height:185px; }
.cluster-console-logo img { border-radius:31px; box-shadow:0 16px 35px rgba(31,118,66,.2); }
.cluster-console-rows { display:grid; gap:9px; }
.cluster-console-rows > div { display:grid; grid-template-columns:86px 1fr auto; gap:10px; align-items:center; padding:12px; border:1px solid var(--line); border-radius:14px; background:#f8fcf9; }
.cluster-console-rows small { color:#7e9085; font-size:10px; font-weight:800; }
.cluster-console-rows strong { color:var(--shieldy-navy); font-size:12px; }
.cluster-console-rows span { color:#52705d; font-size:9px; font-weight:800; }
.cluster-console-ready { display:flex; align-items:center; gap:11px; margin-top:11px; padding:13px; border-radius:14px; color:#116f32; background:#e8f9ed; }
.cluster-console-ready > i { display:grid; place-items:center; width:32px; height:32px; border-radius:10px; color:#fff; background:#29cb5f; font-style:normal; font-weight:900; }
.cluster-console-ready span { display:grid; gap:1px; }
.cluster-console-ready strong { font-size:11px; }
.cluster-console-ready small { color:#63826c; font-size:9px; }
.cluster-card-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.cluster-info-card { position:relative; min-height:300px; padding:30px; border:1px solid var(--line); border-radius:26px; background:rgba(255,255,255,.95); box-shadow:0 18px 44px rgba(31,118,66,.09); overflow:hidden; }
.cluster-info-card:hover { transform:translateY(-5px); border-color:#bfe3c9; box-shadow:0 24px 56px rgba(31,118,66,.14); }
.cluster-info-card { transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.cluster-number { position:absolute; right:24px; top:23px; color:#d2e5d7; font-size:15px; font-weight:900; }
.cluster-info-card .icon-box { margin-bottom:42px; }
.cluster-info-card h3 { margin:0 0 13px; color:var(--shieldy-navy); font-size:25px; line-height:1.12; letter-spacing:-.8px; }
.cluster-info-card p { margin:0; color:var(--muted); font-size:14px; line-height:1.72; }
.cluster-steps-section { background:linear-gradient(180deg,rgba(229,248,235,.5),rgba(255,255,255,.2)); }
.cluster-steps-layout { display:grid; grid-template-columns:.82fr 1.18fr; gap:64px; align-items:start; }
.cluster-steps-copy { position:sticky; top:120px; }
.cluster-steps-copy h2 { margin:18px 0; color:var(--shieldy-navy); font-size:clamp(38px,4.5vw,56px); line-height:1.05; letter-spacing:-2px; }
.cluster-steps-copy > p { margin:0 0 20px; color:var(--muted); font-size:17px; line-height:1.72; }
.cluster-steps { display:grid; gap:13px; margin:0; padding:0; list-style:none; counter-reset:steps; }
.cluster-steps li { display:grid; grid-template-columns:52px 1fr; gap:16px; padding:22px; border:1px solid #d2e8d8; border-radius:20px; background:#fff; box-shadow:0 12px 30px rgba(31,118,66,.07); }
.cluster-steps li > span { display:grid; place-items:center; width:50px; height:50px; border-radius:16px; color:#0e7332; background:#e0f7e7; font-weight:900; }
.cluster-steps strong { color:var(--shieldy-navy); font-size:15px; }
.cluster-steps p { margin:6px 0 0; color:#708379; font-size:13px; line-height:1.6; }
.cluster-detail-section { background:rgba(255,255,255,.55); }
.cluster-demo { padding:26px; border:1px solid #cbe7d3; border-radius:29px; background:#fff; box-shadow:0 26px 66px rgba(31,118,66,.14); }
.cluster-demo-head { display:flex; align-items:center; justify-content:space-between; padding-bottom:20px; border-bottom:1px solid var(--line); color:var(--shieldy-navy); font-size:13px; font-weight:900; }
.cluster-demo-head em { padding:6px 10px; border-radius:999px; color:#117e38; background:#e1f7e8; font-size:9px; font-style:normal; text-transform:uppercase; }
.cluster-demo > div:not(.cluster-demo-head):not(.cluster-demo-footer) { display:grid; grid-template-columns:110px 1fr; gap:15px; padding:18px 0; border-bottom:1px solid var(--line); }
.cluster-demo small { color:#829187; font-size:10px; font-weight:800; }
.cluster-demo strong { color:var(--shieldy-navy); font-size:13px; }
.cluster-demo-footer { display:flex; align-items:center; justify-content:space-between; margin-top:18px; padding:14px; border-radius:14px; color:#126f33; background:#e8f9ed; font-size:11px; font-weight:900; }
.cluster-demo-footer i { display:grid; place-items:center; width:28px; height:28px; border-radius:9px; color:#fff; background:#29cb5f; font-style:normal; }
.cluster-related-section { background:linear-gradient(180deg,#fff,rgba(232,249,237,.58)); }
.cluster-related-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.cluster-related-card { position:relative; min-height:160px; padding:24px 52px 24px 24px; border:1px solid #d2e8d8; border-radius:20px; background:#fff; box-shadow:0 14px 34px rgba(31,118,66,.07); }
.cluster-related-card:hover { border-color:#aedaBA; transform:translateY(-3px); box-shadow:0 20px 42px rgba(31,118,66,.12); }
.cluster-related-card { transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.cluster-related-card span { color:var(--shieldy-navy); font-size:17px; font-weight:900; }
.cluster-related-card p { margin:9px 0 0; color:#72857a; font-size:12px; line-height:1.55; }
.cluster-related-card i { position:absolute; right:22px; top:23px; color:#159242; font-style:normal; font-size:20px; }
.feature-card-more { display:inline-flex; align-items:center; gap:6px; margin-top:17px; color:#168e3e; font-size:12px; font-weight:900; }
.feature-card-more:hover { text-decoration:underline; }
.seo-topic-section { padding-top:20px !important; }
.seo-topic-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.seo-topic-card { position:relative; min-height:185px; padding:24px 50px 24px 24px; border:1px solid #d3e9da; border-radius:21px; background:linear-gradient(145deg,#fff,#f5fbf7); box-shadow:0 14px 34px rgba(31,118,66,.07); }
.seo-topic-card span { color:#158e3e; font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:.7px; }
.seo-topic-card h3 { margin:18px 0 9px; color:var(--shieldy-navy); font-size:21px; line-height:1.15; }
.seo-topic-card p { margin:0; color:#72857a; font-size:12px; line-height:1.55; }
.seo-topic-card i { position:absolute; right:20px; top:20px; color:#159242; font-style:normal; font-size:20px; }
.seo-topic-card:hover { transform:translateY(-4px); border-color:#afdcb9; }
.seo-topic-card { transition:transform .2s ease,border-color .2s ease; }
@media (max-width:1100px) {
  .seo-footer-grid { grid-template-columns:1.2fr 1fr 1.2fr !important; }
  .seo-footer-grid > .footer-links:last-child { grid-column:2 / 4; }
  .cluster-hero-grid,.cluster-steps-layout { grid-template-columns:1fr; }
  .cluster-steps-copy { position:static; }
  .cluster-console { width:min(100%,620px); margin-inline:auto; }
  .cluster-card-grid,.cluster-related-grid,.seo-topic-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:780px) {
  .cluster-page .section { padding-block:64px; }
  .cluster-hero { min-height:auto; padding-top:105px !important; }
  .cluster-hero-grid { gap:40px; }
  .cluster-hero-copy h1 { font-size:clamp(45px,14vw,66px); letter-spacing:-3px; }
  .cluster-hero-copy > p { font-size:16px; }
  .cluster-card-grid,.cluster-related-grid,.seo-topic-grid { grid-template-columns:1fr; }
  .cluster-console-rows > div { grid-template-columns:80px 1fr; }
  .cluster-console-rows span { grid-column:2; }
  .footer-solutions { grid-template-columns:1fr; }
  .footer-solutions strong { grid-column:auto; }
  .seo-footer-grid { grid-template-columns:1fr 1fr !important; }
  .seo-footer-grid > .footer-links:last-child { grid-column:1 / -1; }
}
@media (max-width:520px) {
  .cluster-hero-copy h1 { font-size:43px; letter-spacing:-2.4px; }
  .cluster-console { padding:18px; border-radius:24px; }
  .cluster-console-logo { height:160px; }
  .cluster-info-card { min-height:260px; padding:24px; }
  .cluster-steps li { grid-template-columns:44px 1fr; padding:18px; }
  .cluster-steps li > span { width:42px; height:42px; border-radius:13px; }
  .cluster-demo { padding:20px; }
  .cluster-demo > div:not(.cluster-demo-head):not(.cluster-demo-footer) { grid-template-columns:1fr; gap:5px; }
  .seo-footer-grid { grid-template-columns:1fr !important; }
  .seo-footer-grid > .footer-links:last-child { grid-column:auto; }
}
@media (prefers-reduced-motion:reduce) { .cluster-info-card,.cluster-related-card,.seo-topic-card { transition:none; } }