/* Clickoz CMS final layer: loaded after every other stylesheet. */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root{
  --font-sans: "Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-display: "Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --cms-text-size: 19px;
  --cms-ui-size: 16px;
  --cms-card-title-size: 18px;
}

/* v84: centered hero, final route strips and request CTA placement */
.home-workdesk .hero-simple-v2{
  position:relative;
  display:block;
  max-width:min(1180px, calc(100% - 32px));
  min-height:calc(100svh - 92px);
  margin:0 auto 36px;
  padding:clamp(82px, 9vw, 132px) clamp(18px, 5vw, 72px) clamp(42px, 7vw, 84px);
  overflow:hidden;
  text-align:center;
  border:1px solid rgba(255,255,255,.14);
  background:
    linear-gradient(110deg, rgba(5,10,24,.74), rgba(8,16,32,.42) 48%, rgba(8,6,16,.78)),
    linear-gradient(90deg, rgba(var(--accent-rgb,34,211,238),.20), rgba(255,92,64,.10) 48%, rgba(255,210,92,.12));
  box-shadow:0 28px 95px rgba(0,0,0,.46), inset 0 0 70px rgba(var(--accent-rgb,34,211,238),.11);
  isolation:isolate;
}
.home-workdesk .hero-simple-v2::before{
  content:"";
  position:absolute;
  inset:-2px;
  z-index:-2;
  background:
    repeating-linear-gradient(118deg, transparent 0 36px, rgba(255,255,255,.10) 37px, transparent 39px),
    linear-gradient(90deg, rgba(var(--accent-rgb,34,211,238),.24), rgba(255,68,68,.12), rgba(255,208,80,.12), rgba(var(--accent-rgb,34,211,238),.20));
  opacity:.54;
  transform:translate3d(-4%,0,0);
  animation:clickozLightRails 8s linear infinite;
}
.home-workdesk .hero-simple-v2::after{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  bottom:28px;
  height:2px;
  z-index:-1;
  background:linear-gradient(90deg, transparent, rgba(var(--accent-rgb,34,211,238),.80), rgba(255,82,82,.68), transparent);
  box-shadow:0 0 28px rgba(var(--accent-rgb,34,211,238),.46), 0 0 48px rgba(255,82,82,.18);
}
.home-workdesk .hero-simple-v2 .workdesk-copy{
  width:100%;
  max-width:980px;
  margin:0 auto;
  text-align:center;
  background:transparent;
  border:0;
  box-shadow:none;
  padding:0;
}
.home-workdesk .hero-simple-v2 .workdesk-copy::after,
.home-workdesk .hero-route-panel{
  display:none !important;
}
.home-workdesk .hero-simple-v2 .dash-kicker{
  justify-content:center;
  color:rgba(var(--accent-rgb,34,211,238),.98);
  text-shadow:0 0 22px rgba(var(--accent-rgb,34,211,238),.45);
}
.home-workdesk .hero-simple-v2 .workdesk-copy h1{
  max-width:930px;
  margin:10px auto 18px;
  font-size:clamp(46px, 8vw, 104px);
  line-height:.88;
  text-wrap:balance;
  background:linear-gradient(90deg, #fff 0%, #dffbff 34%, rgb(var(--accent-rgb,34,211,238)) 62%, #fff 100%);
  background-size:220% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 0 34px rgba(var(--accent-rgb,34,211,238),.18);
  animation:clickozHeroSheen 7s ease-in-out infinite;
}
.home-workdesk .hero-simple-v2 .hero-workdesk-sub{
  max-width:820px;
  margin:0 auto 20px;
  font-size:clamp(17px, 2vw, 22px);
  color:rgba(245,248,255,.82);
}
.home-workdesk .hero-simple-v2 .hero-statusbar,
.home-workdesk .hero-direct-actions,
.home-workdesk .hero-job-chips,
.home-workdesk .hero-flow-row{
  justify-content:center;
}
.home-workdesk .hero-proof-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:12px;
  margin:24px auto 22px;
}
.home-workdesk .hero-proof-grid article{
  min-height:116px;
  padding:18px;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(180deg, rgba(255,255,255,.092), rgba(255,255,255,.035));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 18px 45px rgba(0,0,0,.24);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  animation:routeCardFloat 6.8s ease-in-out infinite;
  animation-delay:calc(var(--hero-card-delay, 0) * 90ms);
}
.home-workdesk .hero-proof-grid article:nth-child(1){--hero-card-delay:1}
.home-workdesk .hero-proof-grid article:nth-child(2){--hero-card-delay:2}
.home-workdesk .hero-proof-grid article:nth-child(3){--hero-card-delay:3}
.home-workdesk .hero-proof-grid article:nth-child(4){--hero-card-delay:4}
.home-workdesk .hero-proof-grid strong{
  color:#fff;
  font-size:15px;
}
.home-workdesk .hero-proof-grid span{
  color:rgba(230,238,255,.72);
  font-size:13px;
  line-height:1.45;
}
.home-workdesk .hero-simple-v2 .hero-fix-console{
  max-width:760px;
  margin:22px auto 18px;
  background:linear-gradient(180deg, rgba(4,9,20,.56), rgba(4,9,20,.28));
  border-color:rgba(var(--accent-rgb,34,211,238),.25);
  box-shadow:0 0 48px rgba(var(--accent-rgb,34,211,238),.14), inset 0 1px 0 rgba(255,255,255,.12);
  backdrop-filter:blur(18px);
}
.home-workdesk .hero-direct-actions .btn{
  min-width:168px;
  justify-content:center;
}
.route-final-strip{
  display:grid;
  grid-template-columns:repeat(5, minmax(0,1fr));
  gap:12px;
  margin:clamp(38px, 7vw, 78px) auto 18px;
}
.route-final-strip article{
  position:relative;
  min-height:150px;
  padding:18px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.028));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 18px 52px rgba(0,0,0,.24);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:12px;
  text-align:left;
}
.route-final-strip article::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, transparent, rgba(var(--accent-rgb,34,211,238),.12), transparent);
  transform:translateX(-120%);
  transition:transform .7s ease;
}
.route-final-strip article:hover::before,
.route-final-strip article:focus-within::before{
  transform:translateX(120%);
}
.route-final-strip span{
  width:max-content;
  padding:7px 10px;
  border:1px solid rgba(var(--accent-rgb,34,211,238),.28);
  color:rgba(var(--accent-rgb,34,211,238),.96);
  background:rgba(var(--accent-rgb,34,211,238),.08);
  font-weight:800;
  font-size:12px;
}
.route-final-strip strong{
  color:#fff;
  font-size:clamp(16px, 1.4vw, 19px);
}
.route-final-strip p{
  margin:0;
  color:rgba(232,238,255,.68);
  font-size:14px;
  line-height:1.5;
}
.request-mega-cta{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin:18px auto clamp(42px, 7vw, 86px);
  padding:clamp(24px, 4vw, 42px);
  border:1px solid rgba(255,255,255,.16);
  background:
    linear-gradient(100deg, rgba(var(--accent-rgb,34,211,238),.18), rgba(255,82,82,.12) 48%, rgba(255,212,96,.12)),
    rgba(7,12,24,.72);
  box-shadow:0 26px 78px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.16);
  overflow:hidden;
}
.request-mega-cta::before{
  content:"";
  position:absolute;
  inset:auto 18px 0 18px;
  height:2px;
  background:linear-gradient(90deg, transparent, rgba(var(--accent-rgb,34,211,238),.85), rgba(255,82,82,.72), transparent);
  box-shadow:0 0 34px rgba(var(--accent-rgb,34,211,238),.35);
}
.request-mega-cta h2{
  margin:4px 0 8px;
  font-size:clamp(28px, 4.5vw, 54px);
  line-height:1;
  color:#fff;
  text-wrap:balance;
}
.request-mega-cta p:not(.guide-kicker){
  max-width:720px;
  margin:0;
  color:rgba(232,238,255,.72);
  line-height:1.55;
}
.request-mega-cta .btn{
  min-width:220px;
  min-height:58px;
  justify-content:center;
  box-shadow:0 0 40px rgba(var(--accent-rgb,34,211,238),.30), 0 18px 44px rgba(0,0,0,.22);
}
.cluster-focus-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:12px;
  margin-top:24px;
}
.cluster-focus-grid a{
  display:flex;
  min-height:150px;
  flex-direction:column;
  gap:10px;
  justify-content:space-between;
  padding:18px;
  text-decoration:none;
  border:1px solid rgba(255,255,255,.13);
  background:linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.030));
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11);
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.cluster-focus-grid a:hover,
.cluster-focus-grid a:focus-visible{
  transform:translateY(-4px);
  border-color:rgba(var(--accent-rgb,34,211,238),.42);
  box-shadow:0 18px 48px rgba(0,0,0,.26), 0 0 28px rgba(var(--accent-rgb,34,211,238),.14);
}
.cluster-focus-grid span{
  color:rgba(var(--accent-rgb,34,211,238),.94);
  font-weight:900;
  font-size:12px;
}
.cluster-focus-grid strong{
  font-size:17px;
  line-height:1.2;
}
.cluster-focus-grid em{
  color:rgba(230,238,255,.68);
  font-size:13px;
  line-height:1.45;
  font-style:normal;
}
.cluster-request-card{
  background:linear-gradient(130deg, rgba(var(--accent-rgb,34,211,238),.18), rgba(255,82,82,.10), rgba(255,255,255,.04)) !important;
}
@keyframes clickozHeroSheen{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}
@keyframes clickozLightRails{
  0%{transform:translate3d(-5%,0,0)}
  100%{transform:translate3d(5%,0,0)}
}
@keyframes routeCardFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-4px)}
}
@media (max-width: 980px){
  .home-workdesk .hero-proof-grid,
  .cluster-focus-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
  .route-final-strip{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
  .request-mega-cta{
    align-items:flex-start;
    flex-direction:column;
  }
}

/* v115: final premium lock for generated tool apps and result cards. */
body.cms-tool-body .cms-tool-app.cms-box-action,
body.cms-tool-body .cms-tool-app.cms-box-action.cms-reveal,
body.cms-tool-body .cms-result-card.cms-box-action,
body.cms-tool-body .cms-result-card.cms-box-action.cms-reveal,
body.cms-tool-body .cms-result-card.cms-box-action.has-output{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid rgba(var(--accent-rgb,34,211,238),.30) !important;
  background:
    radial-gradient(520px 250px at 16% 0%, rgba(var(--accent-rgb,34,211,238),.20), transparent 72%),
    radial-gradient(380px 190px at 96% 12%, rgba(var(--accent-rgb,34,211,238),.13), transparent 74%),
    linear-gradient(180deg, rgba(255,255,255,.090), rgba(255,255,255,.022)),
    rgba(7,13,28,.68) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 24px 72px rgba(0,0,0,.30),
    0 0 52px rgba(var(--accent-rgb,34,211,238),.15) !important;
  backdrop-filter:blur(18px) saturate(1.14) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.14) !important;
}

body.cms-tool-body .cms-tool-app.cms-box-action::after,
body.cms-tool-body .cms-result-card.cms-box-action::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  border-radius:inherit !important;
  pointer-events:none !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.16), transparent 36%),
    linear-gradient(90deg, rgba(var(--accent-rgb,34,211,238),.50), transparent 44%) !important;
  opacity:.24 !important;
  mask-image:linear-gradient(180deg, #000 0%, transparent 52%) !important;
}

body.cms-tool-body .cms-tool-app.cms-box-action > *,
body.cms-tool-body .cms-result-card.cms-box-action > *{
  position:relative !important;
  z-index:1 !important;
}

/* v117: final cascade lock for neon grid, dark glass and selected-color polish. */
:root{
  --cz-glow-rgb:var(--accent-rgb,56,232,255);
  --cz-accent-bright:color-mix(in srgb, rgb(var(--cz-glow-rgb)) 68%, white 32%);
  --cz-accent-ultra:color-mix(in srgb, rgb(var(--cz-glow-rgb)) 50%, white 50%);
}

body.bigtext,
body{
  background:
    radial-gradient(1180px 780px at 50% -8%, rgba(var(--cz-glow-rgb),.48), transparent 68%),
    radial-gradient(860px 620px at 8% 30%, rgba(var(--cz-glow-rgb),.25), transparent 74%),
    radial-gradient(900px 660px at 92% 34%, rgba(var(--cz-glow-rgb),.20), transparent 76%),
    linear-gradient(180deg, color-mix(in srgb, rgb(var(--cz-glow-rgb)) 17%, #070a14 83%) 0%, #090d1b 46%, #05070d 100%) !important;
}

body.bigtext::before,
body::before{
  content:"" !important;
  position:fixed !important;
  inset:-48% !important;
  z-index:0 !important;
  pointer-events:none !important;
  opacity:1 !important;
  background:
    radial-gradient(820px 520px at var(--cz-mx, 50%) var(--cz-my, 24%), rgba(var(--cz-glow-rgb),.38), transparent 58%),
    radial-gradient(1320px 780px at 8% 4%, rgba(var(--cz-glow-rgb),.18), transparent 64%),
    radial-gradient(1240px 760px at 94% 10%, rgba(var(--cz-glow-rgb),.15), transparent 66%),
    radial-gradient(1500px 960px at 50% 106%, rgba(var(--cz-glow-rgb),.12), transparent 72%) !important;
  filter:blur(54px) saturate(1.18) !important;
}

body.bigtext::after,
body::after{
  content:"" !important;
  position:fixed !important;
  inset:-24% !important;
  z-index:0 !important;
  pointer-events:none !important;
  opacity:.92 !important;
  background:
    linear-gradient(rgba(var(--cz-glow-rgb),.080) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--cz-glow-rgb),.068) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px),
    radial-gradient(circle at var(--cz-mx, 50%) var(--cz-my, 24%), rgba(var(--cz-glow-rgb),.18), transparent 22%) !important;
  background-size:74px 74px, 74px 74px, 18px 18px, 18px 18px, auto !important;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.96), rgba(0,0,0,.86) 58%, transparent 100%) !important;
}

.cz-neon-grid,
body.page-guide .cz-neon-grid,
body.guides-page .cz-neon-grid,
html.mobile-perf-mode .cz-neon-grid{
  position:fixed !important;
  inset:0 !important;
  z-index:0 !important;
  display:block !important;
  pointer-events:none !important;
  opacity:.70 !important;
  background:
    linear-gradient(rgba(var(--cz-glow-rgb),.075) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--cz-glow-rgb),.062) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.020) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.017) 1px, transparent 1px) !important;
  background-size:74px 74px, 74px 74px, 18px 18px, 18px 18px !important;
  mix-blend-mode:screen !important;
  mask-image:radial-gradient(ellipse at 50% 18%, #000 0%, rgba(0,0,0,.72) 48%, transparent 88%) !important;
}

.platform-main,
.platform-console,
.package-grid article,
.quick-job-grid a,
.desk-tool-card,
.pipeline-grid a,
.growth-grid article,
.workbench-list,
.pillar-grid a,
.route-final-strip article,
.request-mega-cta,
.tools-hero,
.tool-section,
.tools-route-grid a,
.card.tool-card-enhanced,
.guide-hub-hero,
.guide-hub-card,
.guide-route-panel a,
.guide-category-band,
.updates-hero-v2,
.updates-release-strip article,
.updates-quality-board article,
.release-card,
.contact-hero,
.contact-form-card,
.contact-support-panel article,
.contact-next-links a,
body.cms-tool-body .cms-tool-panel,
body.cms-tool-body .cms-tool-app,
body.cms-tool-body .cms-result-card,
body.cms-tool-body .cms-info-card,
body.cms-tool-body .cms-related-box,
body.cms-tool-body .cms-ops-strip article{
  border-color:rgba(var(--cz-glow-rgb),.34) !important;
  background:
    radial-gradient(560px 270px at 16% 0%, rgba(var(--cz-glow-rgb),.20), transparent 72%),
    radial-gradient(420px 220px at 98% 0%, rgba(255,255,255,.070), transparent 74%),
    linear-gradient(180deg, rgba(255,255,255,.105), rgba(255,255,255,.030)),
    linear-gradient(180deg, rgba(3,7,17,.72), rgba(5,10,22,.58)),
    rgba(0,0,0,.24) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(var(--cz-glow-rgb),.12),
    0 24px 76px rgba(0,0,0,.36),
    0 0 52px rgba(var(--cz-glow-rgb),.17) !important;
  backdrop-filter:blur(18px) saturate(1.18) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.18) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-console{
  padding:14px !important;
  border:1px solid rgba(var(--cz-glow-rgb),.30) !important;
  border-radius:26px 26px 0 0 !important;
  background:
    radial-gradient(560px 260px at 50% 0%, rgba(var(--cz-glow-rgb),.18), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.090), rgba(255,255,255,.024)),
    rgba(2,7,17,.68) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 22px 68px rgba(0,0,0,.30),
    0 0 58px rgba(var(--cz-glow-rgb),.18) !important;
  backdrop-filter:blur(18px) saturate(1.18) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.18) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-input-row,
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row a,
.tools-page .chips,
.tools-page .tools-search .search,
.guide-search-control .search,
.guide-search-panel .search,
body.cms-tool-body .cms-output,
body.cms-tool-body textarea,
body.cms-tool-body input,
body.cms-tool-body select{
  border-color:rgba(var(--cz-glow-rgb),.38) !important;
  background:
    radial-gradient(360px 160px at 16% 0%, rgba(var(--cz-glow-rgb),.14), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.080), rgba(255,255,255,.020)),
    rgba(1,5,13,.76) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.11),
    0 16px 48px rgba(0,0,0,.30),
    0 0 38px rgba(var(--cz-glow-rgb),.14) !important;
}

.dot,
.logo-badge,
.section-ico,
.card-ico,
.pick-icon,
.tools-page .tool-sections .card.tool-card-enhanced .card-ico,
.authority-card-head span,
.console-dot,
.time-chip{
  border-color:rgba(var(--cz-glow-rgb),.42) !important;
  background:
    radial-gradient(circle at 32% 24%, rgba(255,255,255,.88), transparent 23%),
    linear-gradient(135deg, var(--cz-accent-ultra), rgb(var(--cz-glow-rgb))) !important;
  color:#061018 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.46),
    0 0 28px rgba(var(--cz-glow-rgb),.48),
    0 0 76px rgba(var(--cz-glow-rgb),.22) !important;
}

.btn.btn-accent,
.btn.primary,
.cz-btn.primary,
.request-mega-cta .btn,
.home-workdesk > .request-mega-cta .btn,
.tools-page .chip.active,
.tools-page .chip[aria-pressed="true"]{
  border-color:rgba(255,255,255,.38) !important;
  color:#061018 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,.10)),
    linear-gradient(135deg, var(--cz-accent-ultra), rgb(var(--cz-glow-rgb))) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    0 18px 54px rgba(0,0,0,.28),
    0 0 56px rgba(var(--cz-glow-rgb),.38) !important;
}

#colorMenu.menu,
.cz-theme-dropdown #colorMenu{
  border-color:rgba(var(--cz-glow-rgb),.34) !important;
  background:
    radial-gradient(420px 240px at 18% 0%, rgba(var(--cz-glow-rgb),.28), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.120), rgba(255,255,255,.040)),
    rgba(2,7,17,.94) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 30px 90px rgba(0,0,0,.62),
    0 0 70px rgba(var(--cz-glow-rgb),.22) !important;
}

#colorMenu .color-option,
.nav #colorMenu .color-option,
.m-menu .m-colors .color-option,
.m-colors .color-option,
.cz-theme-dropdown .cz-theme-option{
  border-radius:20px !important;
  border-color:rgba(255,255,255,.16) !important;
  background:
    radial-gradient(150px 80px at 18% 50%, color-mix(in srgb, var(--swatch, #38e8ff) 36%, transparent), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.095), rgba(255,255,255,.030)),
    rgba(0,0,0,.30) !important;
}

.color-swatch{
  border:1px solid rgba(255,255,255,.36) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.42),
    0 0 18px color-mix(in srgb, var(--swatch, #38e8ff) 68%, transparent),
    0 0 42px color-mix(in srgb, var(--swatch, #38e8ff) 34%, transparent) !important;
}

#colorMenu .color-option:hover,
#colorMenu .color-option.active,
.m-colors .color-option:hover,
.m-colors .color-option.active{
  border-color:color-mix(in srgb, var(--swatch, #38e8ff) 72%, rgba(255,255,255,.34)) !important;
  background:
    radial-gradient(170px 92px at 18% 50%, color-mix(in srgb, var(--swatch, #38e8ff) 52%, transparent), transparent 74%),
    linear-gradient(180deg, rgba(255,255,255,.155), rgba(255,255,255,.050)),
    rgba(0,0,0,.36) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 16px 40px rgba(0,0,0,.38),
    0 0 34px color-mix(in srgb, var(--swatch, #38e8ff) 44%, transparent) !important;
}

@media (max-width: 820px), (pointer: coarse){
  body::before{
    opacity:.78 !important;
    filter:blur(44px) saturate(1.08) !important;
  }

  body::after,
  .cz-neon-grid,
  body.page-guide .cz-neon-grid,
  body.guides-page .cz-neon-grid{
    opacity:.52 !important;
    background-size:86px 86px, 86px 86px, 24px 24px, 24px 24px, auto !important;
  }
}

/* v116: restore dark transparent glass, visible grid squares and picked neon coherence. */
:root{
  --cz-glow-rgb:var(--accent-rgb,56,232,255);
  --cz-accent-bright:color-mix(in srgb, rgb(var(--cz-glow-rgb)) 68%, white 32%);
  --cz-accent-ultra:color-mix(in srgb, rgb(var(--cz-glow-rgb)) 50%, white 50%);
  --cz-dark-glass:rgba(3,7,17,.72);
  --cz-dark-glass-soft:rgba(5,10,22,.58);
  --cz-dark-glass-deep:rgba(0,0,0,.36);
}

body.bigtext,
body{
  background:
    radial-gradient(1180px 780px at 50% -8%, rgba(var(--cz-glow-rgb),.48), transparent 68%),
    radial-gradient(860px 620px at 8% 30%, rgba(var(--cz-glow-rgb),.25), transparent 74%),
    radial-gradient(900px 660px at 92% 34%, rgba(var(--cz-glow-rgb),.20), transparent 76%),
    linear-gradient(180deg, color-mix(in srgb, rgb(var(--cz-glow-rgb)) 17%, #070a14 83%) 0%, #090d1b 46%, #05070d 100%) !important;
}

body::before{
  content:"" !important;
  position:fixed !important;
  inset:-48% !important;
  z-index:0 !important;
  pointer-events:none !important;
  opacity:1 !important;
  background:
    radial-gradient(820px 520px at var(--cz-mx, 50%) var(--cz-my, 24%), rgba(var(--cz-glow-rgb),.38), transparent 58%),
    radial-gradient(1320px 780px at 8% 4%, rgba(var(--cz-glow-rgb),.18), transparent 64%),
    radial-gradient(1240px 760px at 94% 10%, rgba(var(--cz-glow-rgb),.15), transparent 66%),
    radial-gradient(1500px 960px at 50% 106%, rgba(var(--cz-glow-rgb),.12), transparent 72%) !important;
  filter:blur(54px) saturate(1.18) !important;
}

body::after{
  content:"" !important;
  position:fixed !important;
  inset:-24% !important;
  z-index:0 !important;
  pointer-events:none !important;
  opacity:.92 !important;
  background:
    linear-gradient(rgba(var(--cz-glow-rgb),.080) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--cz-glow-rgb),.068) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px),
    radial-gradient(circle at var(--cz-mx, 50%) var(--cz-my, 24%), rgba(var(--cz-glow-rgb),.18), transparent 22%) !important;
  background-size:74px 74px, 74px 74px, 18px 18px, 18px 18px, auto !important;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.96), rgba(0,0,0,.86) 58%, transparent 100%) !important;
}

.cz-neon-grid{
  position:fixed !important;
  inset:0 !important;
  z-index:0 !important;
  display:block !important;
  pointer-events:none !important;
  opacity:.70 !important;
  background:
    linear-gradient(rgba(var(--cz-glow-rgb),.075) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--cz-glow-rgb),.062) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.020) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.017) 1px, transparent 1px) !important;
  background-size:74px 74px, 74px 74px, 18px 18px, 18px 18px !important;
  mix-blend-mode:screen !important;
  mask-image:radial-gradient(ellipse at 50% 18%, #000 0%, rgba(0,0,0,.72) 48%, transparent 88%) !important;
}

.cz-orb{
  width:60vw !important;
  height:44vw !important;
  min-width:720px !important;
  min-height:420px !important;
  opacity:.74 !important;
  background:
    radial-gradient(closest-side at 50% 44%, rgba(255,255,255,.20), rgba(var(--cz-glow-rgb),.34) 42%, transparent 78%) !important;
  filter:blur(28px) saturate(1.35) !important;
  mix-blend-mode:screen !important;
}

.platform-main,
.platform-console,
.package-grid article,
.quick-job-grid a,
.desk-tool-card,
.pipeline-grid a,
.growth-grid article,
.workbench-list,
.pillar-grid a,
.route-final-strip article,
.request-mega-cta,
.tools-hero,
.tool-section,
.tools-route-grid a,
.card.tool-card-enhanced,
.guide-hub-hero,
.guide-hub-card,
.guide-route-panel a,
.guide-category-band,
.updates-hero-v2,
.updates-release-strip article,
.updates-quality-board article,
.release-card,
.contact-hero,
.contact-form-card,
.contact-support-panel article,
.contact-next-links a,
body.cms-tool-body .cms-tool-panel,
body.cms-tool-body .cms-tool-app,
body.cms-tool-body .cms-result-card,
body.cms-tool-body .cms-info-card,
body.cms-tool-body .cms-related-box,
body.cms-tool-body .cms-ops-strip article{
  border-color:rgba(var(--cz-glow-rgb),.34) !important;
  background:
    radial-gradient(560px 270px at 16% 0%, rgba(var(--cz-glow-rgb),.20), transparent 72%),
    radial-gradient(420px 220px at 98% 0%, rgba(255,255,255,.070), transparent 74%),
    linear-gradient(180deg, rgba(255,255,255,.105), rgba(255,255,255,.030)),
    linear-gradient(180deg, var(--cz-dark-glass), var(--cz-dark-glass-soft)),
    rgba(0,0,0,.24) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(var(--cz-glow-rgb),.12),
    0 24px 76px rgba(0,0,0,.36),
    0 0 52px rgba(var(--cz-glow-rgb),.17) !important;
  backdrop-filter:blur(18px) saturate(1.18) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.18) !important;
}

.platform-main::after,
.package-grid article::after,
.quick-job-grid a::after,
.desk-tool-card::after,
.pipeline-grid a::after,
.pillar-grid a::after,
.tools-route-grid a::after,
.card.tool-card-enhanced::after,
.guide-hub-card::after,
.guide-route-panel a::after,
.release-card::after,
.contact-next-links a::after,
body.cms-tool-body .cms-tool-app::after,
body.cms-tool-body .cms-result-card::after{
  background:
    linear-gradient(135deg, rgba(255,255,255,.16), transparent 34%),
    linear-gradient(90deg, rgba(var(--cz-glow-rgb),.60), transparent 43%) !important;
  opacity:.30 !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2::before{
  opacity:1 !important;
  background:
    radial-gradient(closest-side at 50% 34%, rgba(255,255,255,.18), rgba(var(--cz-glow-rgb),.32) 31%, rgba(var(--cz-glow-rgb),.14) 62%, transparent 86%),
    linear-gradient(rgba(var(--cz-glow-rgb),.095) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--cz-glow-rgb),.080) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.030) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.024) 1px, transparent 1px) !important;
  background-size:auto, 76px 76px, 76px 76px, 19px 19px, 19px 19px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-input-row,
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row a,
.tools-page .chips,
.tools-page .tools-search .search,
.guide-search-control .search,
.guide-search-panel .search,
body.cms-tool-body .cms-output,
body.cms-tool-body textarea,
body.cms-tool-body input,
body.cms-tool-body select{
  border-color:rgba(var(--cz-glow-rgb),.38) !important;
  background:
    radial-gradient(360px 160px at 16% 0%, rgba(var(--cz-glow-rgb),.14), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.080), rgba(255,255,255,.020)),
    rgba(1,5,13,.76) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.11),
    0 16px 48px rgba(0,0,0,.30),
    0 0 38px rgba(var(--cz-glow-rgb),.14) !important;
}

.dot,
.logo-badge,
.section-ico,
.card-ico,
.pick-icon,
.tools-page .tool-sections .card.tool-card-enhanced .card-ico,
.authority-card-head span,
.console-dot,
.time-chip{
  border-color:rgba(var(--cz-glow-rgb),.42) !important;
  background:
    radial-gradient(circle at 32% 24%, rgba(255,255,255,.88), transparent 23%),
    linear-gradient(135deg, var(--cz-accent-ultra), rgb(var(--cz-glow-rgb))) !important;
  color:#061018 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.46),
    0 0 28px rgba(var(--cz-glow-rgb),.48),
    0 0 76px rgba(var(--cz-glow-rgb),.22) !important;
}

.btn.btn-accent,
.btn.primary,
.cz-btn.primary,
.request-mega-cta .btn,
.home-workdesk > .request-mega-cta .btn,
.tools-page .chip.active,
.tools-page .chip[aria-pressed="true"]{
  border-color:rgba(255,255,255,.38) !important;
  color:#061018 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,.10)),
    linear-gradient(135deg, var(--cz-accent-ultra), rgb(var(--cz-glow-rgb))) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    0 18px 54px rgba(0,0,0,.28),
    0 0 56px rgba(var(--cz-glow-rgb),.38) !important;
}

#colorMenu.menu,
.cz-theme-dropdown #colorMenu{
  border-color:rgba(var(--cz-glow-rgb),.34) !important;
  background:
    radial-gradient(420px 240px at 18% 0%, rgba(var(--cz-glow-rgb),.28), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.120), rgba(255,255,255,.040)),
    rgba(2,7,17,.94) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 30px 90px rgba(0,0,0,.62),
    0 0 70px rgba(var(--cz-glow-rgb),.22) !important;
}

#colorMenu .color-option,
.nav #colorMenu .color-option,
.m-menu .m-colors .color-option,
.m-colors .color-option,
.cz-theme-dropdown .cz-theme-option{
  border-radius:20px !important;
  border-color:rgba(255,255,255,.16) !important;
  background:
    radial-gradient(150px 80px at 18% 50%, color-mix(in srgb, var(--swatch, #38e8ff) 36%, transparent), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.095), rgba(255,255,255,.030)),
    rgba(0,0,0,.30) !important;
}

.color-swatch{
  border:1px solid rgba(255,255,255,.36) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.42),
    0 0 18px color-mix(in srgb, var(--swatch, #38e8ff) 68%, transparent),
    0 0 42px color-mix(in srgb, var(--swatch, #38e8ff) 34%, transparent) !important;
}

#colorMenu .color-option:hover,
#colorMenu .color-option.active,
.m-colors .color-option:hover,
.m-colors .color-option.active{
  border-color:color-mix(in srgb, var(--swatch, #38e8ff) 72%, rgba(255,255,255,.34)) !important;
  background:
    radial-gradient(170px 92px at 18% 50%, color-mix(in srgb, var(--swatch, #38e8ff) 52%, transparent), transparent 74%),
    linear-gradient(180deg, rgba(255,255,255,.155), rgba(255,255,255,.050)),
    rgba(0,0,0,.36) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 16px 40px rgba(0,0,0,.38),
    0 0 34px color-mix(in srgb, var(--swatch, #38e8ff) 44%, transparent) !important;
}

@media (max-width: 820px), (pointer: coarse){
  body::before{
    opacity:.78 !important;
    filter:blur(44px) saturate(1.08) !important;
  }

  body::after,
  .cz-neon-grid{
    opacity:.52 !important;
    background-size:86px 86px, 86px 86px, 24px 24px, 24px 24px, auto !important;
  }

  .platform-main,
  .platform-console,
  .package-grid article,
  .quick-job-grid a,
  .desk-tool-card,
  .pipeline-grid a,
  .growth-grid article,
  .workbench-list,
  .pillar-grid a,
  .route-final-strip article,
  .request-mega-cta,
  .tools-hero,
  .tool-section,
  .tools-route-grid a,
  .card.tool-card-enhanced,
  .guide-hub-hero,
  .guide-hub-card,
  .guide-route-panel a,
  .guide-category-band,
  .updates-hero-v2,
  .updates-release-strip article,
  .updates-quality-board article,
  .release-card,
  .contact-hero,
  .contact-form-card,
  .contact-support-panel article,
  .contact-next-links a,
  body.cms-tool-body .cms-tool-panel,
  body.cms-tool-body .cms-tool-app,
  body.cms-tool-body .cms-result-card,
  body.cms-tool-body .cms-info-card,
  body.cms-tool-body .cms-related-box,
  body.cms-tool-body .cms-ops-strip article{
    background:
      radial-gradient(420px 210px at 16% 0%, rgba(var(--cz-glow-rgb),.16), transparent 72%),
      linear-gradient(180deg, rgba(255,255,255,.090), rgba(255,255,255,.026)),
      rgba(2,7,17,.78) !important;
  }
}

/* v114: lock premium tech depth on individual tool work surfaces. */
body.cms-tool-body .cms-tool-panel,
body.cms-tool-body .cms-tool-app,
body.cms-tool-body .cms-result-card,
body.cms-tool-body .cms-info-card,
body.cms-tool-body .cms-related-box,
body.cms-tool-body .cms-ops-strip article{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid rgba(var(--accent-rgb,34,211,238),.30) !important;
  background:
    radial-gradient(520px 250px at 16% 0%, rgba(var(--accent-rgb,34,211,238),.20), transparent 72%),
    radial-gradient(380px 190px at 96% 12%, rgba(var(--accent-rgb,34,211,238),.13), transparent 74%),
    linear-gradient(180deg, rgba(255,255,255,.090), rgba(255,255,255,.022)),
    rgba(7,13,28,.68) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 24px 72px rgba(0,0,0,.30),
    0 0 52px rgba(var(--accent-rgb,34,211,238),.15) !important;
  backdrop-filter:blur(18px) saturate(1.14) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.14) !important;
}

body.cms-tool-body .cms-tool-panel::after,
body.cms-tool-body .cms-tool-app::after,
body.cms-tool-body .cms-result-card::after,
body.cms-tool-body .cms-info-card::after,
body.cms-tool-body .cms-related-box::after,
body.cms-tool-body .cms-ops-strip article::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  border-radius:inherit !important;
  pointer-events:none !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.16), transparent 36%),
    linear-gradient(90deg, rgba(var(--accent-rgb,34,211,238),.50), transparent 44%) !important;
  opacity:.24 !important;
  mask-image:linear-gradient(180deg, #000 0%, transparent 52%) !important;
}

body.cms-tool-body .cms-tool-panel > *,
body.cms-tool-body .cms-tool-app > *,
body.cms-tool-body .cms-result-card > *,
body.cms-tool-body .cms-info-card > *,
body.cms-tool-body .cms-related-box > *,
body.cms-tool-body .cms-ops-strip article > *{
  position:relative !important;
  z-index:1 !important;
}

body.cms-tool-body .cms-output,
body.cms-tool-body .tool-output,
body.cms-tool-body pre,
body.cms-tool-body code,
body.cms-tool-body textarea,
body.cms-tool-body input,
body.cms-tool-body select{
  border:1px solid rgba(var(--accent-rgb,34,211,238),.28) !important;
  background:
    radial-gradient(440px 180px at 10% 0%, rgba(var(--accent-rgb,34,211,238),.12), transparent 74%),
    linear-gradient(180deg, rgba(255,255,255,.060), rgba(255,255,255,.014)),
    rgba(3,8,18,.72) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 30px rgba(var(--accent-rgb,34,211,238),.09) !important;
}

@media (hover:hover) and (pointer:fine){
  body.cms-tool-body .cms-result-card:hover,
  body.cms-tool-body .cms-info-card:hover,
  body.cms-tool-body .cms-related-box:hover,
  body.cms-tool-body .cms-ops-strip article:hover{
    transform:translateY(-4px) !important;
    border-color:rgba(var(--accent-rgb,34,211,238),.55) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.17),
      0 28px 84px rgba(0,0,0,.34),
      0 0 66px rgba(var(--accent-rgb,34,211,238),.22) !important;
  }
}

@media (max-width: 640px){
  .home-workdesk .hero-simple-v2{
    max-width:calc(100% - 18px);
    min-height:auto;
    padding:78px 14px 38px;
  }
  .home-workdesk .hero-simple-v2 .workdesk-copy h1{
    font-size:clamp(42px, 15vw, 66px);
  }
  .home-workdesk .hero-proof-grid,
  .cluster-focus-grid,
  .route-final-strip{
    grid-template-columns:1fr;
  }
  .home-workdesk .hero-proof-grid article,
  .route-final-strip article,
  .cluster-focus-grid a{
    min-height:auto;
    text-align:center;
    align-items:center;
  }
  .request-mega-cta{
    text-align:center;
    align-items:center;
  }
  .request-mega-cta .btn,
  .home-workdesk .hero-direct-actions .btn{
    width:100%;
  }
}

/* v109: premium minimal brand mark, search-result polish and lighter app chrome. */
.logo{
  gap:10px !important;
  min-width:max-content !important;
  isolation:isolate !important;
}

.logo-badge{
  position:relative !important;
  width:42px !important;
  height:42px !important;
  flex:0 0 42px !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
  border-radius:15px !important;
  color:var(--accent, #38e8ff) !important;
  background:
    radial-gradient(circle at 34% 24%, rgba(255,255,255,.34), transparent 23%),
    radial-gradient(circle at 68% 74%, rgba(var(--cz-glow-rgb, 56,232,255),.28), transparent 32%),
    linear-gradient(145deg, rgba(var(--cz-glow-rgb, 56,232,255),.28), rgba(255,255,255,.045) 42%, rgba(0,0,0,.18)),
    rgba(10,15,28,.74) !important;
  border:1px solid rgba(var(--cz-glow-rgb, 56,232,255),.38) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -18px 32px rgba(0,0,0,.16),
    0 0 0 1px rgba(255,255,255,.04),
    0 12px 28px rgba(0,0,0,.22),
    0 0 34px rgba(var(--cz-glow-rgb, 56,232,255),.22) !important;
  transform:translateZ(0) !important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease !important;
}

.logo-badge::before{
  content:"" !important;
  position:absolute !important;
  inset:-42% !important;
  background:conic-gradient(from 120deg, transparent 0 30%, rgba(var(--cz-glow-rgb, 56,232,255),.55), transparent 58% 100%) !important;
  opacity:.42 !important;
  transform:rotate(0deg) !important;
  transition:opacity .22s ease, transform .55s ease !important;
}

.logo-badge::after{
  content:"" !important;
  position:absolute !important;
  inset:8px !important;
  border-radius:11px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  pointer-events:none !important;
}

.logo-mark,
.cz-logo-mark{
  position:relative !important;
  z-index:1 !important;
  width:30px !important;
  height:30px !important;
  display:block !important;
  filter:drop-shadow(0 0 12px rgba(var(--cz-glow-rgb, 56,232,255),.36)) !important;
}

.cz-logo-cut{
  stroke:currentColor !important;
}

.cz-logo-circuit{
  stroke:currentColor !important;
  stroke-dasharray:1 0 !important;
  transition:opacity .22s ease, stroke-dashoffset .32s ease !important;
}

.cz-logo-chip,
.cz-logo-node{
  fill:currentColor !important;
  transform-box:fill-box !important;
  transform-origin:center !important;
  filter:drop-shadow(0 0 8px currentColor) !important;
  transition:transform .22s ease !important;
}

.logo:hover .logo-badge,
.logo:focus-visible .logo-badge{
  transform:translateY(-1px) scale(1.035) !important;
  border-color:rgba(var(--cz-glow-rgb, 56,232,255),.62) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.32),
    0 16px 34px rgba(0,0,0,.26),
    0 0 46px rgba(var(--cz-glow-rgb, 56,232,255),.36) !important;
}

.logo:hover .logo-badge::before,
.logo:focus-visible .logo-badge::before{
  opacity:.74 !important;
  transform:rotate(42deg) !important;
}

.logo:hover .cz-logo-node,
.logo:focus-visible .cz-logo-node,
.logo:hover .cz-logo-chip,
.logo:focus-visible .cz-logo-chip{
  transform:translateX(1px) scale(1.16) !important;
}

.logo:hover .cz-logo-circuit,
.logo:focus-visible .cz-logo-circuit{
  opacity:1 !important;
  stroke-dashoffset:-4 !important;
}

.logo-text{
  font-family:"Oxanium", "Space Grotesk", system-ui, sans-serif !important;
  font-size:clamp(17px, 1.55vw, 21px) !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
  color:rgba(255,255,255,.93) !important;
  text-transform:uppercase !important;
  text-shadow:0 0 18px rgba(255,255,255,.08) !important;
}

.logo-oz{
  color:var(--accent, #38e8ff) !important;
  text-shadow:0 0 18px rgba(var(--cz-glow-rgb, 56,232,255),.42) !important;
}

.footer-logo-badge{
  color:var(--accent, #38e8ff) !important;
}

.footer-logo-mark.cz-logo-mark{
  width:28px !important;
  height:28px !important;
}

@media (prefers-reduced-motion: no-preference){
  .logo:hover .cz-logo-orbit,
  .logo:focus-visible .cz-logo-orbit{
    animation:czLogoOrbit 1.25s ease both !important;
  }
}

@keyframes czLogoOrbit{
  from{ stroke-dasharray:12 90; stroke-dashoffset:36; }
  to{ stroke-dasharray:80 12; stroke-dashoffset:0; }
}

@media (max-width: 560px){
  .logo-badge{
    width:38px !important;
    height:38px !important;
    flex-basis:38px !important;
    border-radius:13px !important;
  }

  .logo-mark,
  .cz-logo-mark{
    width:27px !important;
    height:27px !important;
  }

  .logo-text{
    font-size:17px !important;
  }
}
@media (prefers-reduced-motion: reduce){
  .home-workdesk .hero-simple-v2::before,
  .home-workdesk .hero-simple-v2 .workdesk-copy h1,
  .home-workdesk .hero-proof-grid article{
    animation:none !important;
  }
}

html,
body,
body *,
button,
input,
select,
textarea{
  font-family: var(--font-sans) !important;
}

body,
body.bigtext{
  font-size: var(--cms-text-size) !important;
  line-height: 1.68 !important;
}

p,
li,
.section-sub,
.tools-sub,
.updates-sub,
.guides-hero .section-sub,
.box-sub,
.card p,
.small-card p,
.guide-x p,
.release-card p,
.tool-standard-card p,
.seo-card p,
.faq-a,
.wc-stat .label,
.callout{
  font-size: max(16px, 1em) !important;
  line-height: 1.72 !important;
}

button,
.btn,
.cz-btn,
.chip,
.guide-cta,
.tool-cta,
.gt-fallback,
.goog-te-combo,
.goog-te-gadget select,
.nav-links a,
.m-link{
  font-size: var(--cms-ui-size) !important;
  line-height: 1 !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.section-title,
.tools-title,
.guides-title,
.updates-title,
.hero h1,
.friendly-hero-copy h1,
.box-title,
.card h3,
.small-card h3,
.guide-x h3,
.release-card h3,
.tool-standard-card h3,
.seo-card h4,
.faq-q,
.guide-kicker,
.menu-title,
.m-title,
.logo-text,
.nav-links a{
  font-family: var(--font-display) !important;
  text-transform: uppercase !important;
  letter-spacing: .035em !important;
  line-height: 1.12 !important;
  font-weight: 700 !important;
}

h1,
.section-title,
.tools-title,
.guides-title,
.updates-title,
.tool-hero h1,
.cz-hero h1,
.hero h1,
.friendly-hero-copy h1,
main h1{
  letter-spacing: .02em !important;
  line-height: .98 !important;
}

.card h3,
.small-card h3,
.guide-x h3,
.release-card h3,
.tool-standard-card h3,
.box-title{
  font-size: var(--cms-card-title-size) !important;
}

.hero-box,
.card,
.small-card,
.guide-x,
.release-card,
.tool-panel,
.cz-panel,
.tool-standard-card,
.seo-card,
.wc-first-use article,
.wc-page-first-use article,
.reading-map-grid article,
.wc-relbox,
.guides-command-main,
.guides-command-side a,
.tools-command-main,
.tools-command-side a{
  position: relative;
  overflow: hidden;
  border-radius: 18px !important;
  border-color: rgba(var(--accent-rgb), .22) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.082), rgba(255,255,255,.026)),
    radial-gradient(620px 260px at var(--spot-x, 18%) var(--spot-y, 0%), rgba(var(--accent-rgb), .14), transparent 66%),
    rgba(8,16,30,.82) !important;
}

.hero-box::before,
.card::before,
.small-card::before,
.guide-x::before,
.release-card::before,
.tool-panel::before,
.cz-panel::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background: linear-gradient(110deg, transparent 0%, rgba(255,255,255,.075) 42%, transparent 72%);
  opacity:.18;
  transform: translateX(-38%);
  transition: transform .55s ease, opacity .25s ease;
}

.hero-box:hover::before,
.card:hover::before,
.small-card:hover::before,
.guide-x:hover::before,
.release-card:hover::before,
.tool-panel:hover::before,
.cz-panel:hover::before{
  opacity:.42;
  transform: translateX(28%);
}

.card-head,
.rec-head,
.guide-top,
.tool-standard-card h3,
.seo-card h4,
.box-title,
.wc-first-use article,
.reading-map-grid article{
  align-items: center !important;
}

.thumb,
.rec-icon,
.guide-ico,
.wc-first-use .wc-first-icon,
.wc-guide-ico,
.reading-map-grid span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex: 0 0 auto;
}

.hero-box h2::before,
.box-title::before{
  content:"✦ ";
  color: var(--accent);
  text-shadow: 0 0 18px rgba(var(--accent-rgb), .52);
}

.guide-kicker::before{
  content:"◆ ";
  color: var(--accent);
}

.card:hover,
.small-card:hover,
.guide-x:hover,
.release-card:hover,
.tool-standard-card:hover,
.seo-card:hover,
.wc-first-use article:hover,
.wc-page-first-use article:hover,
.reading-map-grid article:hover,
.wc-relbox:hover{
  transform: translateY(-3px) scale(1.006) !important;
}

.gt-fallback.error{
  border-color: rgba(var(--accent-rgb), .24) !important;
}

.gt-fallback.loading{
  opacity: 1 !important;
}

#google_translate_element:has(.goog-te-combo) .gt-fallback,
#google_translate_element.gt-ready .gt-fallback,
#google_translate_element_mobile:has(.goog-te-combo) .gt-fallback{
  display:none !important;
}

@keyframes cmsRiseIn{
  from{ opacity:0; transform: translateY(14px); }
  to{ opacity:1; transform: translateY(0); }
}

.hero-box,
.tools-hero,
.guides-hero,
.updates-hero,
.card,
.small-card,
.guide-x,
.release-card,
.tool-panel,
.cz-panel{
  animation: cmsRiseIn .46s ease both;
}

@media (prefers-reduced-motion: reduce){
  .hero-box,
  .tools-hero,
  .guides-hero,
  .updates-hero,
  .card,
  .small-card,
  .guide-x,
  .release-card,
  .tool-panel,
  .cz-panel{
    animation:none !important;
  }
}

/* CMS precision pass: stronger work-desk affordance, clearer result surfaces, tighter interaction states. */
:root{
  --cms-focus-ring: 0 0 0 3px rgba(var(--accent-rgb), .20);
  --cms-premium-border: rgba(var(--accent-rgb), .28);
  --cms-panel-shadow: 0 22px 64px rgba(0,0,0,.36), 0 0 0 1px rgba(255,255,255,.04) inset;
}

body.cms-tool-body .cms-tool-page,
.guide-article{
  isolation:isolate;
}

body.cms-tool-body .cms-tool-panel.cms-box-action{
  border-color:var(--cms-premium-border) !important;
  box-shadow:var(--cms-panel-shadow) !important;
}

body.cms-tool-body .cms-tool-app.cms-box-action,
body.cms-tool-body .cms-result-card.cms-box-action,
.guide-block,
.guide-visual-card{
  background:
    linear-gradient(145deg, rgba(255,255,255,.082), rgba(255,255,255,.024)),
    radial-gradient(640px 260px at 12% 0%, rgba(var(--accent-rgb), .13), transparent 68%),
    rgba(6,13,26,.84) !important;
  border-color:rgba(var(--accent-rgb), .24) !important;
  box-shadow:0 18px 48px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

body.cms-tool-body .cms-tool-app.cms-box-action:focus-within,
body.cms-tool-body .cms-result-card.cms-box-action:focus-within,
.guide-block:focus-within{
  border-color:rgba(var(--accent-rgb), .52) !important;
  box-shadow:var(--cms-panel-shadow), var(--cms-focus-ring) !important;
}

body.cms-tool-body .cms-field label,
body.cms-tool-body .cms-output-label span,
.guide-block h2{
  letter-spacing:.045em !important;
}

body.cms-tool-body .cms-field input,
body.cms-tool-body .cms-field textarea,
body.cms-tool-body .cms-field select{
  border-color:rgba(255,255,255,.13) !important;
  background:rgba(3,9,20,.58) !important;
  color:rgba(248,252,255,.94) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045) !important;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease, transform .18s ease !important;
}

body.cms-tool-body .cms-field input::placeholder,
body.cms-tool-body .cms-field textarea::placeholder{
  color:rgba(248,252,255,.42) !important;
}

body.cms-tool-body .cms-field input:focus,
body.cms-tool-body .cms-field textarea:focus,
body.cms-tool-body .cms-field select:focus{
  outline:none !important;
  border-color:rgba(var(--accent-rgb), .58) !important;
  background:rgba(4,12,25,.82) !important;
  box-shadow:var(--cms-focus-ring), inset 0 1px 0 rgba(255,255,255,.07) !important;
}

body.cms-tool-body .cms-tool-actions .btn,
body.cms-tool-body .cms-example-option,
body.cms-tool-body .cms-history-chip,
.cms-next-chips a,
.guide-related-tools a,
.guide-related-grid a{
  transition:transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease !important;
}

body.cms-tool-body .cms-tool-actions .btn:hover,
body.cms-tool-body .cms-example-option:hover,
body.cms-tool-body .cms-history-chip:hover,
.cms-next-chips a:hover,
.guide-related-tools a:hover,
.guide-related-grid a:hover{
  transform:translateY(-2px) !important;
  border-color:rgba(var(--accent-rgb), .52) !important;
  box-shadow:0 14px 34px rgba(var(--accent-rgb), .18) !important;
}

body.cms-tool-body .cms-tool-actions .btn[data-busy="true"]{
  cursor:progress !important;
  opacity:.78 !important;
}

body.cms-tool-body .cms-output{
  border:1px solid rgba(var(--accent-rgb), .20) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.014)),
    rgba(2,8,18,.72) !important;
}

body.cms-tool-body .cms-output-pack{
  gap:12px !important;
}

body.cms-tool-body .cms-result-hero{
  border:1px solid rgba(var(--accent-rgb), .24) !important;
  background:
    radial-gradient(460px 170px at 0% 0%, rgba(var(--accent-rgb), .18), transparent 70%),
    rgba(255,255,255,.045) !important;
}

body.cms-tool-body .cms-output-cards article,
body.cms-tool-body .cms-quality-card,
body.cms-tool-body .cms-output-list,
body.cms-tool-body .cms-text-section{
  border-color:rgba(255,255,255,.105) !important;
  background:rgba(255,255,255,.035) !important;
}

body.cms-tool-body .cms-output-cards article b,
body.cms-tool-body .cms-quality-card strong,
body.cms-tool-body .cms-output-list b{
  color:rgba(248,252,255,.96) !important;
}

body.cms-tool-body .cms-output-cards article span,
body.cms-tool-body .cms-quality-card span,
body.cms-tool-body .cms-output-list span,
body.cms-tool-body .cms-text-section span{
  color:rgba(248,252,255,.76) !important;
}

body.cms-tool-body .cms-next-action,
body.cms-tool-body .cms-quality-action,
body.cms-tool-body .cms-input-warnings,
body.cms-tool-body .cms-local-history{
  border-color:rgba(var(--accent-rgb), .18) !important;
  background:rgba(4,12,25,.62) !important;
}

body.cms-tool-body .cms-tool-feedback.show{
  box-shadow:0 16px 34px rgba(0,0,0,.34), 0 0 0 1px rgba(255,255,255,.07) inset !important;
}

.guide-check-card,
.guide-problem-card,
.guide-alternative-card,
.guide-example-card,
.guide-trouble-grid article,
.guide-playbook-grid article,
.guide-path-step{
  border-color:rgba(var(--accent-rgb), .18) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.058), rgba(255,255,255,.020)),
    rgba(6,13,26,.62) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

.guide-check-card:hover,
.guide-problem-card:hover,
.guide-alternative-card:hover,
.guide-example-card:hover,
.guide-trouble-grid article:hover,
.guide-playbook-grid article:hover,
.guide-path-step:hover{
  transform:translateY(-2px);
  border-color:rgba(var(--accent-rgb), .38) !important;
  box-shadow:0 16px 38px rgba(var(--accent-rgb), .12), inset 0 1px 0 rgba(255,255,255,.07) !important;
}

.guide-check-card .mark,
.guide-problem-card .mark,
.guide-alternative-card .mark,
.guide-example-card .mark{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  height:34px;
  border-radius:12px;
  border:1px solid rgba(var(--accent-rgb), .30);
  color:#061018 !important;
  background:linear-gradient(135deg, var(--accent), var(--accent2));
  font-weight:900;
  line-height:1;
}

.guide-decision-table{
  border-color:rgba(var(--accent-rgb), .20) !important;
  box-shadow:0 16px 42px rgba(0,0,0,.22) !important;
}

.guide-decision-table th{
  color:rgba(248,252,255,.94) !important;
  background:rgba(var(--accent-rgb), .10) !important;
}

.guide-faq details{
  border-color:rgba(var(--accent-rgb), .18) !important;
  background:rgba(255,255,255,.032) !important;
}

.guide-faq details[open]{
  border-color:rgba(var(--accent-rgb), .38) !important;
  box-shadow:0 16px 34px rgba(var(--accent-rgb), .10) !important;
}

@media (max-width: 720px){
  body.cms-tool-body .cms-tool-panel.cms-box-action{
    padding:12px !important;
    border-radius:22px !important;
  }

  body.cms-tool-body .cms-tool-app.cms-box-action,
  body.cms-tool-body .cms-result-card.cms-box-action,
  .guide-block{
    border-radius:18px !important;
  }

  body.cms-tool-body .cms-tool-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }

  body.cms-tool-body .cms-tool-actions .btn[data-action="run"]{
    grid-column:1 / -1;
    min-height:50px !important;
  }

  body.cms-tool-body .cms-output,
  body.cms-tool-body .cms-output-pack,
  body.cms-tool-body .cms-result-hero,
  body.cms-tool-body .cms-output-list{
    max-width:100% !important;
  }

  .guide-block{
    padding:18px !important;
  }
}

/* Catalogue rhythm: tools, guides, updates and legacy tool pages must read as one CMS. */
.chips{
  align-items: center !important;
}

.chip{
  min-height: 42px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(var(--accent-rgb), .24) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.025)),
    rgba(7,14,28,.78) !important;
  color: rgba(255,255,255,.82) !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.22) !important;
  transition: transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease, color .22s ease !important;
}

.chip:hover,
.chip.active{
  color: #061018 !important;
  border-color: rgba(var(--accent-rgb), .72) !important;
  background: linear-gradient(135deg, var(--accent), var(--accent2)) !important;
  box-shadow: 0 16px 42px rgba(var(--accent-rgb), .32) !important;
  transform: translateY(-2px) !important;
}

.card,
.guide-x,
.small-card,
.release-card{
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  padding: 20px !important;
  min-height: 100% !important;
}

.card-top,
.guide-top,
.rec-head{
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.card-ico,
.guide-ico,
.thumb,
.rec-icon,
.section-ico,
.guide-category-icon{
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  border-radius: 15px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  color: #fff !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.30), transparent 34%),
    linear-gradient(145deg, rgba(var(--accent-rgb), .42), rgba(255,255,255,.055)) !important;
  border: 1px solid rgba(var(--accent-rgb), .36) !important;
  box-shadow: 0 16px 34px rgba(var(--accent-rgb), .18), inset 0 1px 0 rgba(255,255,255,.16) !important;
}

.card h3,
.guide-x h3,
.small-card h3,
.release-card h3{
  font-size: 21px !important;
  margin: 0 0 8px !important;
}

.card p,
.guide-x p,
.small-card p,
.release-card p{
  margin: 0 !important;
  color: rgba(245,248,255,.74) !important;
}

.tool-mini-features{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding-top: 4px;
  width: 100%;
  text-align: center;
}

.tool-mini-features span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 30px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(var(--accent-rgb), .20);
  background: rgba(var(--accent-rgb), .075);
  color: rgba(255,255,255,.82);
  font-size: 13px !important;
  font-weight: 700;
  line-height: 1 !important;
}

.tool-mini-features span b{
  font-size: 14px !important;
  line-height: 1 !important;
}

.tool-cta,
.guide-cta,
.updates-btn,
.release-more,
.btn,
.cz-btn,
button.btn{
  border-radius: 14px !important;
  font-weight: 700 !important;
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease, border-color .22s ease !important;
}

.tool-cta:hover,
.guide-cta:hover,
.updates-btn:hover,
.release-more:hover,
.btn:hover,
.cz-btn:hover,
button.btn:hover{
  transform: translateY(-2px) !important;
  border-color: rgba(var(--accent-rgb), .64) !important;
  box-shadow: 0 16px 36px rgba(var(--accent-rgb), .24) !important;
}

.updates-btn-primary,
.updates-btn.primary,
.updates-btn:hover,
.release-more:hover{
  color: #061018 !important;
  background: linear-gradient(135deg, var(--accent), var(--accent2)) !important;
}

.updates-btn-primary:hover{
  filter: brightness(1.06) saturate(1.08) !important;
}

.cms-empty-box{
  max-width: 820px;
  margin: 14px auto 0;
  padding: 18px;
  border-radius: 18px;
  border: 1px solid rgba(var(--accent-rgb), .22);
  background:
    radial-gradient(520px 220px at 15% 0%, rgba(var(--accent-rgb), .14), transparent 66%),
    rgba(8,16,30,.80);
  text-align: center;
  box-shadow: 0 16px 38px rgba(0,0,0,.28);
}

.cms-empty-box strong,
.cms-empty-box span{
  display: block;
}

.cms-empty-box strong{
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.cms-empty-box span{
  margin-top: 7px;
  color: rgba(245,248,255,.70);
}

.guide-category-sections{
  display: grid;
  gap: 24px;
}

.guide-category-section{
  scroll-margin-top: 110px;
}

.guide-category-head{
  display: grid;
  justify-items: center;
  text-align: center;
  gap: 16px;
  margin: 4px 0 14px;
  padding: 18px;
  border-radius: 20px;
  border: 1px solid rgba(var(--accent-rgb), .22);
  background:
    linear-gradient(145deg, rgba(255,255,255,.070), rgba(255,255,255,.024)),
    radial-gradient(520px 220px at 12% 0%, rgba(var(--accent-rgb), .14), transparent 70%),
    rgba(7,14,28,.82);
}

.guide-category-head h3{
  margin: 0 0 5px !important;
  font-size: clamp(23px, 2.2vw, 32px) !important;
}

.guide-category-head p{
  margin: 0 !important;
  color: rgba(245,248,255,.72) !important;
}

.guide-category-grid{
  margin-bottom: 10px;
}

.guide-category-section .guides-grid{
  align-items: stretch !important;
}

.guide-x{
  text-align: left !important;
}

.guide-x .guide-top{
  align-items: center !important;
}

.guide-x .guide-bottom{
  margin-top: auto !important;
  align-items: center !important;
}

.guide-x .guide-tag,
.guide-x .guide-cta{
  border-color: rgba(var(--accent-rgb), .24) !important;
}

/* Home + Updates orbit panels */
.home-wow{
  padding-top: 4px !important;
}

.home-wow.container,
.updates-shell.container{
  max-width: 1320px !important;
}

.wow-grid{
  grid-template-columns: minmax(0, 1.42fr) minmax(320px, .58fr) !important;
  gap: 18px !important;
}

.wow-panel{
  min-height: 266px !important;
  padding: 20px !important;
}

.wow-main h2{
  font-size: clamp(30px, 3.2vw, 48px) !important;
}

.wow-main p:not(.guide-kicker){
  line-height: 1.62 !important;
}

.surprise-card{
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px 12px;
  align-items: center;
  padding: 13px 14px !important;
}

.surprise-card::before{
  content: "🚀";
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 13px;
  background: rgba(var(--accent-rgb), .14);
  border: 1px solid rgba(var(--accent-rgb), .24);
}

.surprise-card strong,
.surprise-card span{
  grid-column: 2;
}

.system-map,
.updates-command-panel{
  min-height: 266px !important;
  isolation: isolate;
}

.system-map::before,
.updates-command-panel::before{
  content: "";
  position: absolute;
  inset: 18px;
  border-radius: 999px;
  border: 1px solid rgba(var(--accent-rgb), .18);
  background:
    radial-gradient(circle at 50% 50%, rgba(var(--accent-rgb), .16), transparent 13%),
    repeating-radial-gradient(circle at 50% 50%, rgba(var(--accent-rgb), .16) 0 1px, transparent 1px 52px);
  box-shadow: inset 0 0 80px rgba(var(--accent-rgb), .07);
  z-index: 0;
}

.map-node{
  width: 82px !important;
  height: 82px !important;
  font-size: 13px !important;
  z-index: 2;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}

.map-node.core{
  width: 112px !important;
  height: 112px !important;
  z-index: 3;
}

.system-map .map-node:not(.core){
  left: 50% !important;
  top: 50% !important;
  animation: cmsOrbit 13s linear infinite;
  transform:
    translate(-50%, -50%)
    rotate(var(--orbit-angle))
    translateX(var(--orbit-radius, 128px))
    rotate(calc(var(--orbit-angle) * -1));
}

.system-map .map-node.n1{ --orbit-angle: 0deg; --orbit-radius: 128px; }
.system-map .map-node.n2{ --orbit-angle: 90deg; --orbit-radius: 128px; animation-duration: 15s; }
.system-map .map-node.n3{ --orbit-angle: 180deg; --orbit-radius: 128px; animation-duration: 17s; }
.system-map .map-node.n4{ --orbit-angle: 270deg; --orbit-radius: 128px; animation-duration: 19s; }

.system-map:hover .map-node,
.updates-command-panel:hover .cms-planet{
  animation-play-state: paused !important;
}

.map-node:hover{
  border-color: rgba(var(--accent-rgb), .72) !important;
  box-shadow: 0 0 0 4px rgba(var(--accent-rgb), .12), 0 20px 46px rgba(var(--accent-rgb), .24) !important;
}

@keyframes cmsOrbit{
  from{
    transform:
      translate(-50%, -50%)
      rotate(var(--orbit-angle))
      translateX(var(--orbit-radius, 128px))
      rotate(calc(var(--orbit-angle) * -1));
  }
  to{
    transform:
      translate(-50%, -50%)
      rotate(calc(var(--orbit-angle) + 360deg))
      translateX(var(--orbit-radius, 128px))
      rotate(calc((var(--orbit-angle) + 360deg) * -1));
  }
}

.updates-command-panel{
  position: relative;
  overflow: hidden;
}

.updates-command-panel .command-rings{
  position: absolute !important;
  inset: 0 !important;
  z-index: 1;
  pointer-events: none;
}

.updates-command-panel .command-rings span{
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 54px !important;
  height: 54px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(var(--accent-rgb), .26) !important;
  background:
    radial-gradient(circle at 35% 25%, rgba(255,255,255,.55), transparent 26%),
    linear-gradient(135deg, rgba(var(--accent-rgb), .55), rgba(255,255,255,.08)) !important;
  box-shadow: 0 0 36px rgba(var(--accent-rgb), .18) !important;
  animation: cmsOrbit 14s linear infinite !important;
  transform:
    translate(-50%, -50%)
    rotate(var(--orbit-angle))
    translateX(var(--orbit-radius, 116px))
    rotate(calc(var(--orbit-angle) * -1));
}

.updates-command-panel .command-rings span:nth-child(1){ --orbit-angle: 25deg; --orbit-radius: 112px; }
.updates-command-panel .command-rings span:nth-child(2){ --orbit-angle: 150deg; --orbit-radius: 128px; animation-duration: 17s !important; }
.updates-command-panel .command-rings span:nth-child(3){ --orbit-angle: 270deg; --orbit-radius: 100px; animation-duration: 20s !important; }

.updates-command-panel .command-top,
.updates-command-panel .command-grid{
  position: relative;
  z-index: 4;
}

/* Footer: same weight as the nav, not an afterthought. */
.footer{
  position: relative;
  overflow: hidden;
  margin-top: 44px !important;
  border-top: 1px solid rgba(var(--accent-rgb), .34) !important;
  border-bottom: 1px solid rgba(var(--accent-rgb), .20) !important;
  background:
    radial-gradient(900px 360px at 12% 0%, rgba(var(--accent-rgb), .08), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.020), rgba(255,255,255,.006)),
    rgba(4,9,18,.34) !important;
  box-shadow:
    0 -1px 0 rgba(var(--accent-rgb), .24),
    0 -18px 70px rgba(var(--accent-rgb), .11),
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 0 -1px 0 rgba(var(--accent-rgb), .16) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.footer::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, transparent, rgba(var(--accent-rgb), .22), transparent),
    radial-gradient(620px 170px at 82% 18%, rgba(var(--accent-rgb), .04), transparent 68%);
  opacity: .45;
}

.footer::after{
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: min(760px, 86vw);
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, var(--accent), var(--accent2), transparent);
  box-shadow:
    0 0 18px rgba(var(--accent-rgb), .62),
    0 0 46px rgba(var(--accent-rgb), .30);
  pointer-events: none;
}

.footer .container{
  position: relative;
  z-index: 1;
}

.footer-grid{
  align-items: start !important;
  gap: 18px !important;
}

.footer-grid > div{
  padding: 18px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(var(--accent-rgb), .16) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
    rgba(8,16,30,.56) !important;
}

.footer-brand{
  display: flex;
  align-items: center;
  gap: 13px;
  color: #fff;
  text-decoration: none;
  margin-bottom: 14px;
}

.footer-logo-badge{
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: 18px;
  color: var(--accent);
  border: 1px solid rgba(var(--accent-rgb), .28);
  background:
    radial-gradient(circle at 35% 25%, rgba(255,255,255,.24), transparent 30%),
    linear-gradient(145deg, rgba(var(--accent-rgb), .18), rgba(255,255,255,.035));
  box-shadow: 0 18px 44px rgba(var(--accent-rgb), .16);
  font-size: 32px;
}

.footer-brand-copy strong{
  display: block;
  font-size: 22px;
  text-transform: uppercase;
  letter-spacing: .04em;
  line-height: 1;
}

.footer-brand-copy em{
  display: block;
  max-width: 260px;
  margin-top: 6px;
  color: rgba(245,248,255,.68);
  font-size: 14px;
  font-style: normal;
  line-height: 1.35;
}

.footer h4{
  margin-top: 0 !important;
  color: rgba(255,255,255,.94) !important;
}

.footer-links{
  gap: 8px !important;
}

.footer-links a{
  display: inline-flex !important;
  align-items: center;
  min-height: 34px;
  width: fit-content;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.09);
  background: rgba(255,255,255,.035);
  color: rgba(245,248,255,.76) !important;
  transition: transform .2s ease, border-color .2s ease, color .2s ease, background .2s ease !important;
}

.footer-links a:hover{
  transform: translateX(3px);
  border-color: rgba(var(--accent-rgb), .34);
  background: rgba(var(--accent-rgb), .08);
  color: rgba(255,255,255,.96) !important;
}

/* Tool card content alignment: icon + title row, description below the whole row. */
.tool-sections .card .card-top{
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) !important;
  grid-template-areas:
    "icon title"
    "copy copy" !important;
  align-items: center !important;
  column-gap: 12px !important;
  row-gap: 11px !important;
}

.tool-sections .card .card-ico{
  grid-area: icon !important;
}

.tool-sections .card .card-top > div:not(.card-ico){
  display: contents !important;
}

.tool-sections .card h3{
  grid-area: title !important;
  margin: 0 !important;
  align-self: center !important;
}

.tool-sections .card p{
  grid-area: copy !important;
  width: 100% !important;
  margin: 0 !important;
  text-align: left !important;
  padding-top: 2px !important;
}

/* Footer v2: lighter structure, centered brand at the bottom. */
.footer{
  padding-top: 30px !important;
  padding-bottom: 24px !important;
}

.footer-grid{
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

@media (min-width: 766px){
  .footer-grid{
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

.footer-grid > div{
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.footer h4{
  font-size: 14px !important;
  color: rgba(255,255,255,.78) !important;
}

.footer-links{
  display: grid !important;
  gap: 7px !important;
}

.footer-links a{
  min-height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: rgba(245,248,255,.66) !important;
}

.footer-links a:hover{
  transform: translateX(4px) !important;
  background: transparent !important;
  color: var(--accent) !important;
}

.footer-brand-bottom{
  display: grid !important;
  justify-items: center !important;
  gap: 10px !important;
  width: 100%;
  margin: 0 !important;
  text-align: center;
}

.footer-brand-bottom .footer-logo-badge{
  width: 44px !important;
  height: 44px !important;
  border-radius: 15px !important;
  font-size: 27px !important;
}

.footer-brand-bottom .footer-brand-copy strong{
  font-size: clamp(24px, 2.1vw, 32px) !important;
  letter-spacing: .01em !important;
  text-transform: none !important;
}

.footer-brand-bottom .footer-brand-copy strong span{
  color: var(--accent) !important;
  text-shadow: 0 0 24px rgba(var(--accent-rgb), .36);
}

.footer-brand-bottom .footer-brand-copy em{
  max-width: 240px !important;
  margin: 7px auto 0 !important;
  font-size: 14px !important;
  color: rgba(245,248,255,.58) !important;
}

.footer-brand-col{
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
}

.footer-brand-col::after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: -12px;
  width: min(210px, 80%);
  height: 34px;
  transform: translateX(-50%);
  border-radius: 999px;
  background: radial-gradient(ellipse at 50% 50%, rgba(var(--accent-rgb), .18), transparent 68%);
  filter: blur(16px);
  opacity: .42;
  pointer-events: none;
}

.footer-brand-bottom .footer-logo-badge{
  position: relative;
  color: var(--accent) !important;
  border-color: rgba(var(--accent-rgb), .70) !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(var(--accent-rgb), .20), transparent 62%),
    rgba(3,8,16,.20) !important;
  box-shadow:
    0 0 0 1px rgba(var(--accent-rgb), .34) inset,
    0 0 18px rgba(var(--accent-rgb), .24),
    0 0 32px rgba(var(--accent-rgb), .12),
    0 18px 44px rgba(0,0,0,.28) !important;
  transition: background .22s ease, box-shadow .22s ease, transform .22s ease, border-color .22s ease;
  animation: none !important;
}

.footer-brand-bottom .footer-logo-badge::after{
  content: "";
  position: absolute;
  inset: -8px;
  border-radius: 22px;
  background: radial-gradient(circle at 50% 50%, rgba(var(--accent-rgb), .26), transparent 62%);
  filter: blur(13px);
  opacity: .34;
  z-index: -1;
}

.footer-brand-bottom:hover .footer-logo-badge{
  background:
    radial-gradient(circle at 50% 50%, rgba(var(--accent-rgb), .60), transparent 62%),
    rgba(3,8,16,.34) !important;
  border-color: rgba(var(--accent-rgb), .92) !important;
  box-shadow:
    0 0 0 1px rgba(var(--accent-rgb), .48) inset,
    0 0 24px rgba(var(--accent-rgb), .38),
    0 0 48px rgba(var(--accent-rgb), .20),
    0 18px 44px rgba(0,0,0,.30) !important;
  transform: translateY(-2px);
}

.footer-brand-bottom:hover .footer-logo-badge::after{
  opacity: .60;
}

.footer-logo-mark{
  width: 1.08em;
  height: 1.08em;
  overflow: visible;
}

.footer-logo-c{
  stroke: var(--accent);
  filter: drop-shadow(0 0 8px rgba(var(--accent-rgb), .58));
}

/* Trust / legal / error pages */
.trust-shell{
  padding-top: 32px !important;
}

.trust-hero{
  max-width: 1120px;
  margin: 0 auto 18px;
  padding: clamp(22px, 4vw, 42px);
  text-align: center;
}

.trust-hero .section-sub{
  max-width: 850px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.trust-grid{
  display: grid;
  grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr);
  gap: 16px;
  align-items: start;
  max-width: 1120px;
  margin: 0 auto;
}

.trust-nav-card,
.trust-content-card,
.trust-card{
  border-radius: 22px;
  border: 1px solid rgba(var(--accent-rgb), .20);
  background:
    linear-gradient(145deg, rgba(255,255,255,.064), rgba(255,255,255,.018)),
    radial-gradient(620px 260px at 10% 0%, rgba(var(--accent-rgb), .10), transparent 66%),
    rgba(7,14,28,.62);
  box-shadow: 0 18px 54px rgba(0,0,0,.26);
}

.trust-nav-card{
  position: sticky;
  top: 92px;
  padding: 18px;
}

.trust-nav-card h2,
.trust-content-card h2,
.trust-card h2{
  margin-top: 0 !important;
}

.trust-nav-card a,
.trust-link-grid a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 44px;
  padding: 0 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.035);
  color: rgba(255,255,255,.82);
  text-decoration: none;
  font-weight: 700;
  margin-top: 8px;
}

.trust-nav-card a:hover,
.trust-link-grid a:hover{
  border-color: rgba(var(--accent-rgb), .36);
  color: #fff;
  background: rgba(var(--accent-rgb), .08);
}

.trust-content-card{
  padding: clamp(20px, 3vw, 34px);
}

.trust-content-card section + section{
  margin-top: 24px;
  padding-top: 22px;
  border-top: 1px solid rgba(255,255,255,.09);
}

.trust-content-card p,
.trust-content-card li,
.trust-card p{
  color: rgba(245,248,255,.72);
  line-height: 1.78;
}

.trust-content-card ul{
  padding-left: 20px;
}

.trust-badges{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 9px;
  margin-top: 16px;
}

.trust-badges span{
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(var(--accent-rgb), .22);
  background: rgba(var(--accent-rgb), .075);
  color: rgba(255,255,255,.82);
  font-weight: 700;
  font-size: 14px;
}

.trust-card-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  max-width: 1120px;
  margin: 16px auto 0;
}

.trust-card{
  padding: 18px;
}

.trust-card h3{
  margin: 0 0 8px !important;
  font-size: 21px !important;
}

.trust-link-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.error-code{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 96px;
  height: 96px;
  margin-bottom: 18px;
  border-radius: 30px;
  border: 1px solid rgba(var(--accent-rgb), .32);
  background: rgba(var(--accent-rgb), .08);
  color: var(--accent);
  font-size: 36px;
  font-weight: 700;
  box-shadow: 0 0 50px rgba(var(--accent-rgb), .18);
}

@media (max-width: 860px){
  .trust-grid,
  .trust-card-grid,
  .trust-link-grid{
    grid-template-columns: 1fr;
  }
  .trust-nav-card{
    position: relative;
    top: auto;
  }
}

@keyframes footerRgbPulse{
  0%,100%{
    filter: saturate(1.05) hue-rotate(0deg);
    transform: translateY(0);
  }
  50%{
    filter: saturate(1.28) hue-rotate(18deg);
    transform: translateY(-2px);
  }
}

.footer .sep{
  border-color: rgba(var(--accent-rgb), .16) !important;
  opacity: 1 !important;
}

.footer .container[style*="margin-top"]{
  margin-top: 16px !important;
}

@media (max-width: 920px){
  .wow-grid{
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 560px){
  .system-map .map-node:not(.core){
    --orbit-radius: 96px !important;
  }
}

.wc-page-first-use{
  max-width: 1180px;
  margin: 18px auto 0;
}

.wc-first-use{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.wc-first-use article{
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr);
  grid-template-areas:
    "icon title"
    "icon copy";
  column-gap: 15px;
  row-gap: 6px;
  padding: 18px !important;
  min-height: 154px;
}

.wc-guide-ico{
  grid-area: icon;
  width: 58px !important;
  height: 58px !important;
  border-radius: 18px !important;
  font-size: 26px !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.30), transparent 34%),
    linear-gradient(145deg, rgba(var(--accent-rgb), .42), rgba(255,255,255,.055)) !important;
  border: 1px solid rgba(var(--accent-rgb), .36) !important;
  box-shadow: 0 16px 34px rgba(var(--accent-rgb), .18), inset 0 1px 0 rgba(255,255,255,.16) !important;
}

.wc-first-use article h3{
  grid-area: title;
  margin: 2px 0 0 !important;
  font-size: 21px !important;
}

.wc-first-use article p{
  grid-area: copy;
  margin: 0 !important;
  color: rgba(245,248,255,.74) !important;
}

@media (max-width: 860px){
  .wc-first-use{
    grid-template-columns: 1fr;
  }
}

/* Word Counter is the reference tool, but it should still obey the CMS surface. */
body.wc .tool-hero,
body.wc .tool-panel,
body.wc .tool-wc-standard{
  max-width: 1180px !important;
}

body.wc .section-title,
body.wc .tool-hero h1{
  text-transform: uppercase !important;
}

body.wc .tool-panel{
  border-radius: 22px !important;
  border-color: rgba(var(--accent-rgb), .24) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.082), rgba(255,255,255,.026)),
    radial-gradient(740px 320px at 18% 0%, rgba(var(--accent-rgb), .16), transparent 66%),
    rgba(8,16,30,.84) !important;
}

body.wc .mini-pill,
body.wc .stepbadge,
body.wc .wc-rellinks a,
body.wc .rel-links a,
body.wc .wc-standard-links a,
body.wc .qchip{
  border-color: rgba(var(--accent-rgb), .22) !important;
  background: rgba(var(--accent-rgb), .075) !important;
}

body.wc .wc-ex,
body.wc .wc-stat,
body.wc .callout,
body.wc .wc-relbox,
body.wc .tool-standard-card,
body.wc .seo-card,
body.wc .faq-item{
  border-radius: 18px !important;
  border-color: rgba(var(--accent-rgb), .22) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.070), rgba(255,255,255,.024)),
    rgba(7,14,28,.80) !important;
}

body.wc .wc-ex h3,
body.wc .wc-relbox h3,
body.wc .tool-standard-card h3,
body.wc .seo-card h4,
body.wc .faq-q{
  font-size: 21px !important;
}

body.wc .tool-actions .btn,
body.wc .wc-ex-actions .btn,
body.wc .wc-voice-row .btn{
  min-height: 46px !important;
  padding: 0 16px !important;
}

@keyframes cmsGlowPulse{
  0%, 100%{ box-shadow: 0 0 0 rgba(var(--accent-rgb), 0); }
  50%{ box-shadow: 0 0 34px rgba(var(--accent-rgb), .12); }
}

.card-ico,
.guide-ico,
.guide-category-icon,
.section-ico{
  animation: cmsGlowPulse 3.8s ease-in-out infinite;
}

/* CMS foundation v11: cluster pages, guide library and update dashboard */
.cluster-shell{
  padding-top: 24px !important;
}

.cluster-hero{
  max-width: 1180px;
  margin: 0 auto 18px;
  padding: clamp(22px, 4vw, 42px) !important;
  text-align: center;
}

.cluster-paths{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 18px;
}

.cluster-paths a,
.cluster-card,
.guide-card-meta span,
.updates-system-strip article,
.tool-mini-features span{
  border: 1px solid rgba(var(--accent-rgb), .22);
  background:
    linear-gradient(145deg, rgba(255,255,255,.070), rgba(255,255,255,.024)),
    rgba(7,14,28,.72);
}

.cluster-paths a{
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border-radius: 999px;
  color: rgba(255,255,255,.90);
  text-decoration: none;
  font-weight: 700;
}

.cluster-section{
  max-width: 1180px;
  margin: 18px auto 0;
}

.cluster-head{
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  margin-bottom: 12px;
}

.cluster-head > span{
  display: inline-flex;
  width: 58px;
  height: 58px;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  border: 1px solid rgba(var(--accent-rgb), .32);
  background: rgba(var(--accent-rgb), .10);
  color: var(--accent);
  font-weight: 700;
  box-shadow: 0 18px 44px rgba(var(--accent-rgb), .14);
}

.cluster-head h2{
  margin: 0 0 5px !important;
  font-size: clamp(24px, 3vw, 34px) !important;
}

.cluster-head p{
  margin: 0 !important;
  color: rgba(245,248,255,.72) !important;
}

.cluster-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.cluster-card{
  display: flex;
  min-height: 178px;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  padding: 18px;
  border-radius: 20px;
  color: rgba(255,255,255,.88);
  text-decoration: none;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.cluster-card:hover{
  transform: translateY(-4px);
  border-color: rgba(var(--accent-rgb), .45);
  background:
    linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.032)),
    rgba(var(--accent-rgb), .07);
}

.cluster-card-type{
  width: max-content;
  border-radius: 999px;
  padding: 6px 10px;
  background: rgba(var(--accent-rgb), .12);
  color: var(--accent);
  font-size: 13px;
  font-weight: 700;
}

.cluster-card strong{
  font-size: 22px;
  line-height: 1.12;
  text-transform: uppercase;
  letter-spacing: .035em;
}

.cluster-card span:last-child{
  color: rgba(245,248,255,.72);
}

.guide-card-meta,
.tool-mini-features{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 12px 0;
}

.guide-card-meta span,
.tool-mini-features span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 10px;
  border-radius: 999px;
  color: rgba(255,255,255,.82);
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 700;
}

.guide-x{
  display: flex !important;
  flex-direction: column;
  gap: 10px;
}

.guide-x .guide-top{
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 14px;
  align-items: start !important;
  text-align: left;
}

.guide-x .guide-top h3{
  margin-top: 0 !important;
  font-size: 21px !important;
}

.guide-x .guide-top p{
  margin: 7px 0 0 !important;
}

.guide-cms-summary{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 18px 0;
}

.guide-cms-summary article{
  border: 1px solid rgba(var(--accent-rgb), .22);
  border-radius: 20px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.024)),
    rgba(7,14,28,.78);
  padding: 18px;
}

.guide-cms-summary span{
  display: inline-flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  margin-bottom: 10px;
  border: 1px solid rgba(var(--accent-rgb), .30);
  background: rgba(var(--accent-rgb), .10);
  color: var(--accent);
  font-weight: 700;
}

.guide-cms-summary h2{
  margin: 0 0 8px !important;
  font-size: 21px !important;
}

.guide-cms-summary p{
  margin: 0 !important;
  color: rgba(245,248,255,.74) !important;
}

.guide-cms-summary a{
  color: rgba(255,255,255,.92);
  text-decoration-color: rgba(var(--accent-rgb), .45);
}

.guide-category-head{
  border: 1px solid rgba(var(--accent-rgb), .22);
  border-radius: 22px;
  background:
    radial-gradient(540px 210px at 0% 0%, rgba(var(--accent-rgb), .15), transparent 70%),
    linear-gradient(145deg, rgba(255,255,255,.060), rgba(255,255,255,.020));
  padding: 18px !important;
}

.updates-system-strip{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 14px auto 18px;
}

.updates-system-strip article{
  min-height: 148px;
  padding: 16px;
  border-radius: 20px;
  transition: transform .18s ease, border-color .18s ease;
}

.updates-system-strip article:hover{
  transform: translateY(-3px);
  border-color: rgba(var(--accent-rgb), .45);
}

.updates-system-strip span{
  color: var(--accent);
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.updates-system-strip strong{
  display: block;
  margin: 8px 0 6px;
  font-size: 20px;
  line-height: 1.12;
  text-transform: uppercase;
  letter-spacing: .035em;
}

.updates-system-strip p{
  margin: 0 !important;
  color: rgba(245,248,255,.70) !important;
}

.updates-btn:hover,
.cluster-paths a:hover{
  border-color: rgba(var(--accent-rgb), .48) !important;
  background: rgba(var(--accent-rgb), .14) !important;
  box-shadow: 0 0 32px rgba(var(--accent-rgb), .16) !important;
}

@media (max-width: 980px){
  .cluster-grid,
  .guide-cms-summary,
  .updates-system-strip{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px){
  .cluster-head,
  .guide-x .guide-top{
    grid-template-columns: 1fr;
  }
}

/* Page-specific final refinements loaded after page CSS. */
body:has(.updates-canvas) .updates-command-panel{
  min-height: 360px !important;
  display: grid !important;
  grid-template-rows: auto 1fr auto !important;
  align-items: center !important;
}

body:has(.updates-canvas) .updates-command-panel::before{
  inset: 20px !important;
  opacity: .58 !important;
}

body:has(.updates-canvas) .updates-command-panel .command-rings{
  position: relative !important;
  inset: auto !important;
  width: min(100%, 320px) !important;
  height: 198px !important;
  margin: 8px auto 14px !important;
  z-index: 2 !important;
  display: grid !important;
  place-items: center !important;
}

body:has(.updates-canvas) .updates-command-panel .command-rings span{
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  translate: none !important;
  width: 52px !important;
  height: 52px !important;
  transform:
    translate(-50%, -50%)
    rotate(var(--orbit-angle))
    translateX(var(--orbit-radius, 116px))
    rotate(calc(var(--orbit-angle) * -1)) !important;
  animation: cmsOrbit 14s linear infinite !important;
  border-radius: 999px !important;
  border: 1px solid rgba(var(--accent-rgb), .30) !important;
  background:
    radial-gradient(circle at 35% 24%, rgba(255,255,255,.62), transparent 28%),
    linear-gradient(135deg, rgba(var(--accent-rgb), .62), rgba(255,255,255,.08)) !important;
  box-shadow: 0 0 36px rgba(var(--accent-rgb), .22), inset 0 0 22px rgba(255,255,255,.08) !important;
}

body:has(.updates-canvas) .updates-command-panel:hover .command-rings span{
  animation-play-state: paused !important;
}

body:has(.updates-canvas) .updates-command-panel .command-rings span::before{
  display: none !important;
}

body:has(.updates-canvas) .updates-command-panel .command-rings span:nth-child(1){
  --orbit-angle: 25deg;
  --orbit-radius: 112px;
}

body:has(.updates-canvas) .updates-command-panel .command-rings span:nth-child(2){
  --orbit-angle: 150deg;
  --orbit-radius: 128px;
  width: 38px !important;
  height: 38px !important;
  animation-duration: 17s !important;
}

body:has(.updates-canvas) .updates-command-panel .command-rings span:nth-child(3){
  --orbit-angle: 270deg;
  --orbit-radius: 92px;
  width: 24px !important;
  height: 24px !important;
  animation-duration: 20s !important;
}

body:has(.updates-canvas) .command-core{
  z-index: 4 !important;
}

body:has(.updates-canvas) .release-highlights{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 9px !important;
  margin: 14px 0 0 !important;
  padding: 0 !important;
}

body:has(.updates-canvas) .release-highlights span{
  display: block !important;
}

body:has(.guides-hero) .guides-command-side a{
  display: grid !important;
  grid-template-columns: 52px minmax(0, 1fr) !important;
  grid-template-areas:
    "icon title"
    "icon text" !important;
  column-gap: 14px !important;
  align-content: center !important;
}

body:has(.guides-hero) .guides-command-side a::before{
  grid-area: icon !important;
  width: 52px !important;
  height: 52px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 17px !important;
  font-size: 24px !important;
  letter-spacing: 0 !important;
}

body:has(.guides-hero) .guides-command-side strong{
  grid-area: title !important;
  margin: 2px 0 0 !important;
}

body:has(.guides-hero) .guides-command-side span{
  grid-area: text !important;
  margin: 7px 0 0 !important;
}

body:has(.guides-hero) .guide-category-head{
  display: grid !important;
  grid-template-columns: 64px minmax(0, 1fr) !important;
  gap: 16px !important;
  align-items: center !important;
}

body:has(.guides-hero) .guide-category-meta{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 12px !important;
}

body:has(.guides-hero) .guide-category-meta span{
  min-height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(var(--accent-rgb), .18) !important;
  background: rgba(var(--accent-rgb), .07) !important;
  font-size: 12px !important;
}

body:has(.guides-hero) .guide-x .guide-top{
  grid-template-columns: 56px minmax(0, 1fr) !important;
}

body:has(.guides-hero) .guide-x .guide-ico{
  width: 56px !important;
  height: 56px !important;
  font-size: 0 !important;
}

@media (max-width: 980px){
  body:has(.updates-canvas) .release-highlights{
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 720px){
  body:has(.guides-hero) .guides-command-side a,
  body:has(.guides-hero) .guide-category-head,
  body:has(.guides-hero) .guide-x .guide-top{
    grid-template-columns: 1fr !important;
  }
}

/* CMS personality pass: precise tool-card alignment and richer guide/home/update surfaces. */
.card[href^="/tools/"]{
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  min-height: 242px !important;
}

.card[href^="/tools/"] .card-top{
  display: grid !important;
  grid-template-columns: 62px minmax(0, 1fr) !important;
  gap: 15px !important;
  align-items: start !important;
  text-align: left !important;
}

.card[href^="/tools/"] .card-ico{
  width: 58px !important;
  height: 58px !important;
  border-radius: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: start !important;
  margin-top: 1px !important;
  font-size: 22px !important;
  line-height: 1 !important;
}

.card[href^="/tools/"] h3{
  margin: 2px 0 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  font-size: 21px !important;
  line-height: 1.12 !important;
  text-align: left !important;
}

.card[href^="/tools/"] p{
  margin: 8px 0 0 !important;
  text-align: left !important;
  color: rgba(248,252,255,.72) !important;
}

.card[href^="/tools/"] .tool-cta{
  margin-top: auto !important;
}

.tool-mini-features{
  justify-content: flex-start !important;
  gap: 8px !important;
  margin: 2px 0 8px !important;
}

.tool-mini-features span,
.guide-card-meta span{
  gap: 6px !important;
  border-color: rgba(var(--accent-rgb), .20) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.060), rgba(255,255,255,.020)),
    rgba(var(--accent-rgb), .065) !important;
}

.tool-mini-features b{
  display: inline-flex;
  min-width: 17px;
  justify-content: center;
  font-weight: 800;
}

body:has(.guides-hero) .guide-category-icon{
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  justify-self: center !important;
  padding: 0 !important;
  font-size: 30px !important;
  line-height: 1 !important;
  text-align: center !important;
  transform: translateY(0) !important;
}

body:has(.guides-hero) .guide-card-meta{
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 0 !important;
}

body:has(.guides-hero) .guide-card-meta span{
  min-height: 34px !important;
  font-size: 12px !important;
  white-space: normal !important;
  line-height: 1.2 !important;
}

body:has(.guides-hero) .guide-card-meta .guide-tool-chip{
  border-color: rgba(255,255,255,.13) !important;
  background: rgba(255,255,255,.045) !important;
  color: rgba(248,252,255,.70) !important;
}

body:has(.guides-hero) .guide-x{
  min-height: 286px !important;
}

body:has(.guides-hero) .guide-x[data-cat="seo"]{ --lane-rgb: 34, 211, 238; }
body:has(.guides-hero) .guide-x[data-cat="writing"]{ --lane-rgb: 167, 139, 250; }
body:has(.guides-hero) .guide-x[data-cat="dev"]{ --lane-rgb: 52, 211, 153; }
body:has(.guides-hero) .guide-x[data-cat="web"]{ --lane-rgb: 34, 197, 94; }
body:has(.guides-hero) .guide-x[data-cat="tracking"]{ --lane-rgb: 56, 189, 248; }
body:has(.guides-hero) .guide-x[data-cat="youtube"]{ --lane-rgb: 239, 68, 68; }
body:has(.guides-hero) .guide-x[data-cat="creator"]{ --lane-rgb: 236, 72, 153; }

body:has(.guides-hero) .guide-x{
  border-color: rgba(var(--lane-rgb, var(--accent-rgb)), .26) !important;
  background:
    radial-gradient(560px 260px at 16% 0%, rgba(var(--lane-rgb, var(--accent-rgb)), .16), transparent 64%),
    linear-gradient(145deg, rgba(255,255,255,.078), rgba(255,255,255,.024)),
    rgba(8,16,30,.80) !important;
}

body:has(.guides-hero) .guide-x::after{
  background: linear-gradient(90deg, transparent, rgba(var(--lane-rgb, var(--accent-rgb)), .90), transparent) !important;
}

body:has(.guides-hero) .guide-x .guide-ico{
  border-color: rgba(var(--lane-rgb, var(--accent-rgb)), .34) !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.24), transparent 34%),
    linear-gradient(145deg, rgba(var(--lane-rgb, var(--accent-rgb)), .38), rgba(255,255,255,.045)) !important;
  box-shadow: 0 18px 40px rgba(var(--lane-rgb, var(--accent-rgb)), .14) !important;
}

body:has(.guides-hero) .guide-card-meta span{
  border-color: rgba(var(--lane-rgb, var(--accent-rgb)), .20) !important;
  background: rgba(var(--lane-rgb, var(--accent-rgb)), .075) !important;
}

body:has(.guides-hero) .guide-tag,
body:has(.guides-hero) .guide-cta{
  border-color: rgba(var(--lane-rgb, var(--accent-rgb)), .22) !important;
  background: rgba(var(--lane-rgb, var(--accent-rgb)), .075) !important;
}

body:has(.guides-hero) .guide-x:hover{
  border-color: rgba(var(--accent-rgb), .48) !important;
  box-shadow: 0 26px 70px rgba(0,0,0,.42), 0 0 54px rgba(var(--accent-rgb), .12) !important;
}

.home-personality-board{
  margin-top: 18px;
}

.home-personality-head{
  max-width: 960px;
  margin: 0 auto 14px;
  text-align: center;
}

.home-personality-head h2{
  margin: 0;
  font-size: clamp(30px, 4vw, 56px) !important;
}

.home-personality-head p:not(.guide-kicker){
  margin: 10px auto 0;
  max-width: 760px;
  color: rgba(248,252,255,.72);
}

.home-personality-grid{
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}

.home-personality-grid a{
  min-height: 220px;
  display: grid;
  align-content: space-between;
  gap: 14px;
  padding: 20px;
  border-radius: 24px;
  border: 1px solid rgba(var(--accent-rgb), .22);
  background:
    radial-gradient(420px 220px at 18% 0%, rgba(var(--accent-rgb), .16), transparent 62%),
    linear-gradient(145deg, rgba(255,255,255,.078), rgba(255,255,255,.024)),
    rgba(7,14,28,.78);
  color: rgba(248,252,255,.90);
  text-decoration: none;
  box-shadow: 0 22px 62px rgba(0,0,0,.32);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.home-personality-grid a:hover{
  transform: translateY(-5px);
  border-color: rgba(var(--accent-rgb), .50);
  box-shadow: 0 30px 80px rgba(0,0,0,.42), 0 0 60px rgba(var(--accent-rgb), .14);
}

.home-personality-grid span{
  width: 62px;
  height: 62px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  border: 1px solid rgba(var(--accent-rgb), .28);
  background: rgba(var(--accent-rgb), .10);
  font-size: 28px;
  line-height: 1;
}

.home-personality-grid strong{
  display: block;
  font-size: 22px;
  line-height: 1.12;
  text-transform: uppercase;
  letter-spacing: .035em;
}

.home-personality-grid small{
  color: rgba(248,252,255,.70);
  font-size: 15px;
  line-height: 1.55;
}

body:has(.updates-canvas) .updates-system-strip article{
  display: grid !important;
  align-content: start !important;
  gap: 8px !important;
  min-height: 170px !important;
  border-radius: 22px !important;
}

body:has(.updates-canvas) .updates-system-strip span{
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  min-height: 30px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(var(--accent-rgb), .20) !important;
  background: rgba(var(--accent-rgb), .07) !important;
}

body:has(.updates-canvas) .showcase-card,
body:has(.updates-canvas) .quality-grid div,
body:has(.updates-canvas) .roadmap-column{
  border-color: rgba(var(--accent-rgb), .22) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.070), rgba(255,255,255,.024)),
    rgba(7,14,28,.72) !important;
}

@media (max-width: 1100px){
  .home-personality-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 620px){
  .card[href^="/tools/"] .card-top,
  body:has(.guides-hero) .guide-x .guide-top{
    grid-template-columns: 1fr !important;
  }
  .home-personality-grid{
    grid-template-columns: 1fr;
  }
}

/* Final button alignment and hover polish across generated CMS pages. */
.cms-tool-body .cms-tool-actions{
  justify-content:center !important;
}

.cms-tool-body .cms-tool-actions .btn{
  min-width:158px !important;
  text-align:center !important;
}

.updates-actions,
body:has(.guides-hero) .premium-link-grid,
body:has(.guides-hero) .guides-command-side{
  justify-content:center !important;
}

body .updates-btn:not(.updates-btn-primary):not(.primary):hover,
body .release-more:not(.primary):hover,
body:has(.guides-hero) #guidesChips .chip:hover,
body:has(.guides-hero) .guide-cta:hover,
body:has(.guides-hero) .premium-link-grid a:hover,
body:has(.guides-hero) .guides-command-side a:hover,
body:has(.guides-hero) .btn:not(.primary):hover{
  color: rgba(248,252,255,.96) !important;
  background:
    radial-gradient(220px 120px at 50% 0%, rgba(var(--accent-rgb), .24), transparent 70%),
    rgba(var(--accent-rgb), .13) !important;
  border-color: rgba(var(--accent-rgb), .56) !important;
  box-shadow:
    0 0 0 1px rgba(var(--accent-rgb), .16) inset,
    0 18px 42px rgba(var(--accent-rgb), .22),
    0 14px 34px rgba(0,0,0,.28) !important;
}

body .updates-btn-primary:hover,
body .updates-btn.primary:hover,
body:has(.guides-hero) .btn.primary:hover{
  color:#061018 !important;
  background: linear-gradient(135deg, var(--accent), var(--accent2)) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.18) inset,
    0 22px 54px rgba(var(--accent-rgb), .30) !important;
}

/* Home + Updates alignment pass: centered reading flow, stable grids and balanced CTAs. */
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-dashboard.home-friendly{
  display:grid !important;
  grid-template-columns:minmax(0, 1.08fr) minmax(360px, .92fr) !important;
  gap:clamp(18px, 3vw, 34px) !important;
  align-items:stretch !important;
  margin-top:clamp(22px, 4vw, 44px) !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-hero-copy,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-start-panel,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-featured-tools,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .workflow-box{
  text-align:center !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-hero-copy{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .hero-statusbar,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .dash-actions,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .picks-actions,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .workflow-actions,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .wbtns{
  justify-content:center !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-hero-copy h1,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-hero-copy .dash-lead{
  max-width:820px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
  text-wrap:balance;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-goal-grid{
  width:100% !important;
  max-width:860px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:12px !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .goal-card{
  min-height:118px !important;
  display:grid !important;
  place-items:center !important;
  align-content:center !important;
  gap:8px !important;
  padding:16px !important;
  text-align:center !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .goal-card b,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-preview-card b,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-task-list b{
  text-wrap:balance;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-start-panel{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  justify-content:center !important;
  gap:14px !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-panel-top{
  justify-content:center !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-preview-card{
  text-align:center !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-preview-card a{
  width:fit-content !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-task-list a{
  grid-template-columns:96px minmax(0, 1fr) !important;
  align-items:center !important;
  text-align:left !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-task-list span{
  text-align:center !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-metrics{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:10px !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .featured-head{
  display:grid !important;
  grid-template-columns:1fr auto !important;
  gap:16px !important;
  align-items:end !important;
  text-align:left !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .picks-actions .btn,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .workflow-actions .btn,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .wbtns .btn{
  min-width:154px !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .workflow-head{
  grid-template-columns:1fr !important;
  justify-items:center !important;
  text-align:center !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .workflow-head .section-sub{
  margin-left:auto !important;
  margin-right:auto !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .workflow-proof-grid .workflow-pill{
  grid-template-columns:1fr !important;
  justify-items:center !important;
  text-align:center !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .workflow-card{
  align-items:center !important;
  text-align:center !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .workflow-card .wbtns{
  width:100% !important;
}

body:has(.updates-canvas) .updates-controls-v2{
  max-width:980px !important;
  display:grid !important;
  justify-items:center !important;
  gap:12px !important;
  text-align:center !important;
}

body:has(.updates-canvas) #updatesChips{
  justify-content:center !important;
  margin:0 !important;
}

body:has(.updates-canvas) .updates-box{
  max-width:1120px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

body:has(.updates-canvas) .updates-section-head{
  display:grid !important;
  grid-template-columns:1fr !important;
  justify-items:center !important;
  text-align:center !important;
  gap:14px !important;
}

body:has(.updates-canvas) .updates-section-head .section-sub{
  max-width:760px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

body:has(.updates-canvas) .updates-mini-link{
  justify-content:center !important;
}

body:has(.updates-canvas) .updates-grid{
  max-width:1040px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:16px !important;
}

body:has(.updates-canvas) .release-card{
  padding:clamp(18px, 2.6vw, 28px) !important;
  text-align:center !important;
}

body:has(.updates-canvas) .release-meta,
body:has(.updates-canvas) .release-left{
  display:grid !important;
  justify-items:center !important;
  text-align:center !important;
  gap:10px !important;
}

body:has(.updates-canvas) .release-left{
  grid-template-columns:auto !important;
}

body:has(.updates-canvas) .release-desc{
  max-width:760px !important;
  margin:16px auto 0 !important;
}

body:has(.updates-canvas) .release-highlights{
  justify-items:stretch !important;
}

body:has(.updates-canvas) .release-highlights span{
  display:grid !important;
  align-content:center !important;
  text-align:center !important;
}

body:has(.updates-canvas) .release-tags{
  justify-content:center !important;
}

body:has(.updates-canvas) .release-more{
  width:fit-content !important;
  margin:16px auto 0 !important;
}

body:has(.updates-canvas) .release-details{
  max-width:820px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}

body:has(.updates-canvas) .updates-showcase-v2,
body:has(.updates-canvas) .quality-board,
body:has(.updates-canvas) .roadmap-board,
body:has(.updates-canvas) .seo-clusters-v2,
body:has(.updates-canvas) .donate-box-v2{
  max-width:1040px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}

body:has(.updates-canvas) .quality-board{
  grid-template-columns:1fr !important;
}

body:has(.updates-canvas) .quality-grid div,
body:has(.updates-canvas) .roadmap-column,
body:has(.updates-canvas) .showcase-card{
  text-align:center !important;
  align-items:center !important;
}

body:has(.updates-canvas) .seo-cluster-links,
body:has(.updates-canvas) .donate-actions{
  justify-content:center !important;
}

body:has(.updates-canvas) .donate-head{
  display:grid !important;
  grid-template-columns:1fr !important;
  justify-items:center !important;
  text-align:center !important;
}

body:has(.updates-canvas) .donate-box-v2 .donate-body p,
body:has(.updates-canvas) .donate-note{
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}

@media (max-width: 980px){
  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-dashboard.home-friendly,
  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .featured-head{
    grid-template-columns:1fr !important;
    justify-items:center !important;
    text-align:center !important;
  }

  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-goal-grid{
    grid-template-columns:1fr !important;
  }

  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-task-list a{
    grid-template-columns:1fr !important;
    text-align:center !important;
  }

  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-task-list span{
    width:fit-content !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

@media (max-width: 620px){
  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-metrics,
  body:has(.updates-canvas) .release-highlights{
    grid-template-columns:1fr !important;
  }
}

/* Home + Updates refinement pass: stronger section rhythm and centered interactive blocks. */
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .hero-statusbar{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  max-width:680px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .hero-statusbar span{
  min-height:38px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 14px !important;
  border-radius:999px !important;
  border:1px solid rgba(var(--accent-rgb), .22) !important;
  background:rgba(var(--accent-rgb), .08) !important;
  color:rgba(255,255,255,.90) !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-section-intro,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-featured-tools,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .creator-lab-box,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .guides-grid,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .workflow-box{
  max-width:1120px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-section-intro h2,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .featured-head h2,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .creator-lab-box h2,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .workflow-box h2{
  text-align:center !important;
  text-wrap:balance;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .workflow-rail,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .creator-tool-strip,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .rec-actions{
  justify-content:center !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .workflow-rail a,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .creator-tool-strip a{
  min-height:54px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .picks-grid,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .guides-grid,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .workflow-grid{
  align-items:stretch !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .pick-card,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .guide-card,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .workflow-card{
  min-height:100% !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-align:center !important;
  gap:12px !important;
  padding:clamp(18px, 2.2vw, 24px) !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .pick-head{
  width:100% !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  justify-items:center !important;
  gap:10px !important;
  text-align:center !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .pick-icon,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .workflow-icon{
  width:52px !important;
  height:52px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:18px !important;
  border:1px solid rgba(var(--accent-rgb), .30) !important;
  background:rgba(var(--accent-rgb), .12) !important;
  box-shadow:0 16px 34px rgba(var(--accent-rgb), .12) !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .pick-desc,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .guide-card p,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .workflow-card p{
  max-width:34ch !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .pick-meta,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .guide-cta{
  width:100% !important;
  margin-top:auto !important;
  justify-content:center !important;
  text-align:center !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .workflow-pills{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:10px !important;
  max-width:920px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .workflow-pill{
  min-height:72px !important;
  align-content:center !important;
  justify-content:center !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .wbtns{
  margin-top:auto !important;
}

body:has(.updates-canvas) .updates-controls-v2,
body:has(.updates-canvas) .updates-box{
  border-color:rgba(var(--accent-rgb), .22) !important;
  background:
    radial-gradient(760px 260px at 50% 0%, rgba(var(--accent-rgb), .10), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025)) !important;
}

body:has(.updates-canvas) .updates-filter-label{
  display:grid !important;
  justify-items:center !important;
  gap:4px !important;
}

body:has(.updates-canvas) .release-card{
  border-color:rgba(var(--accent-rgb), .20) !important;
  background:
    radial-gradient(540px 220px at 50% 0%, rgba(var(--accent-rgb), .12), transparent 66%),
    linear-gradient(180deg, rgba(255,255,255,.060), rgba(255,255,255,.028)) !important;
}

body:has(.updates-canvas) .release-badge{
  width:58px !important;
  height:58px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:20px !important;
  border:1px solid rgba(var(--accent-rgb), .35) !important;
  background:rgba(var(--accent-rgb), .13) !important;
}

body:has(.updates-canvas) .release-title{
  max-width:760px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
  text-wrap:balance;
}

body:has(.updates-canvas) .release-type,
body:has(.updates-canvas) .tag{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:32px !important;
}

body:has(.updates-canvas) .release-highlights{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:10px !important;
  max-width:900px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

body:has(.updates-canvas) .release-highlights span,
body:has(.updates-canvas) .quality-grid div,
body:has(.updates-canvas) .roadmap-column,
body:has(.updates-canvas) .showcase-card{
  min-height:96px !important;
  display:grid !important;
  place-items:center !important;
  gap:6px !important;
  padding:16px !important;
  border-color:rgba(var(--accent-rgb), .18) !important;
  background:rgba(255,255,255,.035) !important;
}

body:has(.updates-canvas) .quality-grid,
body:has(.updates-canvas) .roadmap-board,
body:has(.updates-canvas) .updates-showcase-v2{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:12px !important;
}

body:has(.updates-canvas) .quality-grid{
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
}

body:has(.updates-canvas) .quality-main{
  max-width:760px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}

body:has(.updates-canvas) .seo-cluster-links a,
body:has(.updates-canvas) .donate-actions a{
  min-height:42px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

@media (max-width: 980px){
  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .workflow-pills,
  body:has(.updates-canvas) .release-highlights,
  body:has(.updates-canvas) .quality-grid,
  body:has(.updates-canvas) .roadmap-board,
  body:has(.updates-canvas) .updates-showcase-v2{
    grid-template-columns:1fr !important;
  }
}

/* Targeted rebuild: Updates hero source-map and clearer Home first viewport. */
body:has(.updates-canvas) .updates-hero-v2{
  display:grid !important;
  grid-template-columns:minmax(0, .98fr) minmax(420px, 1.02fr) !important;
  gap:clamp(22px, 3vw, 42px) !important;
  align-items:center !important;
  overflow:hidden !important;
}

body:has(.updates-canvas) .updates-hero-copy{
  position:relative !important;
  z-index:3 !important;
  max-width:680px !important;
  min-width:0 !important;
}

body:has(.updates-canvas) .updates-title{
  max-width:11ch !important;
  line-height:.96 !important;
  text-wrap:balance;
}

body:has(.updates-canvas) .updates-sub{
  max-width:62ch !important;
}

body:has(.updates-canvas) .source-command-panel{
  position:relative !important;
  z-index:2 !important;
  min-height:470px !important;
  padding:18px !important;
  display:grid !important;
  grid-template-rows:auto minmax(270px, 1fr) auto !important;
  gap:14px !important;
  overflow:hidden !important;
  border:1px solid rgba(var(--accent-rgb), .28) !important;
  background:
    radial-gradient(640px 320px at 50% 20%, rgba(var(--accent-rgb), .18), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.026)),
    rgba(5,11,22,.78) !important;
  box-shadow:
    0 28px 90px rgba(0,0,0,.36),
    inset 0 0 0 1px rgba(255,255,255,.045),
    inset 0 0 70px rgba(var(--accent-rgb), .06) !important;
}

body:has(.updates-canvas) .source-command-panel::before{
  inset:-12% !important;
  border-radius:0 !important;
  border:0 !important;
  opacity:.9 !important;
  background:
    radial-gradient(circle at 50% 46%, rgba(var(--accent-rgb), .18), transparent 19%),
    conic-gradient(from 90deg, transparent, rgba(var(--accent-rgb), .20), transparent, rgba(var(--accent-rgb), .14), transparent) !important;
  animation: sourceGlowSpin 18s linear infinite !important;
}

body:has(.updates-canvas) .source-command-panel .command-top,
body:has(.updates-canvas) .source-command-panel .command-grid,
body:has(.updates-canvas) .source-map-visual{
  position:relative !important;
  z-index:3 !important;
}

body:has(.updates-canvas) .source-command-panel .command-top{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  text-align:left !important;
}

body:has(.updates-canvas) .source-map-visual{
  width:100% !important;
  min-height:292px !important;
  border-radius:24px !important;
  border:1px solid rgba(var(--accent-rgb), .22) !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(var(--accent-rgb), .18), transparent 16%),
    radial-gradient(circle at 20% 22%, rgba(255,255,255,.07), transparent 20%),
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)) !important;
  overflow:hidden !important;
  transform-origin:center !important;
  transition:transform .45s ease, border-color .3s ease, box-shadow .3s ease !important;
}

body:has(.updates-canvas) .source-command-panel:hover .source-map-visual{
  transform:scale(1.035) !important;
  border-color:rgba(var(--accent-rgb), .44) !important;
  box-shadow:0 0 0 5px rgba(var(--accent-rgb), .09), 0 24px 70px rgba(var(--accent-rgb), .16) !important;
}

body:has(.updates-canvas) .source-grid-lines{
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(rgba(var(--accent-rgb), .10) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--accent-rgb), .10) 1px, transparent 1px) !important;
  background-size:34px 34px !important;
  mask-image:radial-gradient(circle at 50% 50%, #000 0 62%, transparent 88%) !important;
  opacity:.55 !important;
  animation: sourceGridDrift 16s linear infinite !important;
}

body:has(.updates-canvas) .source-map-visual::before,
body:has(.updates-canvas) .source-map-visual::after{
  content:"" !important;
  position:absolute !important;
  inset:28px !important;
  border-radius:999px !important;
  border:1px solid rgba(var(--accent-rgb), .22) !important;
  animation: sourcePulse 3.8s ease-in-out infinite !important;
}

body:has(.updates-canvas) .source-map-visual::after{
  inset:68px !important;
  animation-delay:1.2s !important;
  opacity:.72 !important;
}

body:has(.updates-canvas) .source-core{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%, -50%) !important;
  width:122px !important;
  height:122px !important;
  border-radius:32px !important;
  display:grid !important;
  place-items:center !important;
  align-content:center !important;
  gap:4px !important;
  text-align:center !important;
  border:1px solid rgba(var(--accent-rgb), .48) !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.28), transparent 38%),
    linear-gradient(145deg, rgba(var(--accent-rgb), .34), rgba(255,255,255,.055)) !important;
  box-shadow:0 0 54px rgba(var(--accent-rgb), .26), inset 0 0 26px rgba(255,255,255,.09) !important;
}

body:has(.updates-canvas) .source-core strong,
body:has(.updates-canvas) .source-core small{
  display:block !important;
}

body:has(.updates-canvas) .source-core strong{
  font-size:20px !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
}

body:has(.updates-canvas) .source-core small{
  color:rgba(255,255,255,.72) !important;
  font-weight:800 !important;
}

body:has(.updates-canvas) .source-node,
body:has(.updates-canvas) .source-file{
  position:absolute !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
  border:1px solid rgba(var(--accent-rgb), .28) !important;
  background:rgba(6,13,26,.82) !important;
  color:rgba(255,255,255,.90) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.24), 0 0 22px rgba(var(--accent-rgb), .10) !important;
  animation: sourceFloat 5.4s ease-in-out infinite !important;
}

body:has(.updates-canvas) .source-node{
  width:86px !important;
  height:42px !important;
  border-radius:999px !important;
  font-size:13px !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
}

body:has(.updates-canvas) .source-file{
  height:30px !important;
  padding:0 10px !important;
  border-radius:11px !important;
  font-size:12px !important;
  font-weight:900 !important;
  color:rgba(255,255,255,.76) !important;
}

body:has(.updates-canvas) .node-tools{ left:9%; top:21%; animation-delay:.1s !important; }
body:has(.updates-canvas) .node-guides{ right:8%; top:24%; animation-delay:.55s !important; }
body:has(.updates-canvas) .node-seo{ left:10%; bottom:20%; animation-delay:1.05s !important; }
body:has(.updates-canvas) .node-ui{ right:10%; bottom:22%; animation-delay:1.45s !important; }
body:has(.updates-canvas) .node-updates{ left:50%; top:8%; transform:translateX(-50%) !important; animation-delay:1.85s !important; }
body:has(.updates-canvas) .file-a{ left:22%; top:47%; animation-delay:.25s !important; }
body:has(.updates-canvas) .file-b{ right:18%; top:48%; animation-delay:.75s !important; }
body:has(.updates-canvas) .file-c{ left:28%; bottom:8%; animation-delay:1.2s !important; }
body:has(.updates-canvas) .file-d{ right:28%; bottom:8%; animation-delay:1.65s !important; }

body:has(.updates-canvas) .source-command-panel .command-grid{
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:10px !important;
  text-align:center !important;
}

body:has(.updates-canvas) .source-command-panel .command-grid div{
  min-height:76px !important;
  display:grid !important;
  place-items:center !important;
  gap:3px !important;
  padding:10px !important;
  border-radius:16px !important;
  border:1px solid rgba(var(--accent-rgb), .18) !important;
  background:rgba(255,255,255,.035) !important;
}

body:has(.updates-canvas) .updates-stats-v2{
  max-width:1040px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:12px !important;
}

body:has(.updates-canvas) .updates-stats-v2 .stat-pill{
  display:grid !important;
  place-items:center !important;
  min-height:82px !important;
  text-align:center !important;
  padding:14px !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-dashboard.home-friendly{
  margin-top:clamp(8px, 1.8vw, 18px) !important;
  padding-top:clamp(12px, 2vw, 22px) !important;
  grid-template-columns:minmax(0, 1.05fr) minmax(340px, .95fr) !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-hero-copy{
  gap:12px !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-hero-copy h1{
  max-width:760px !important;
  font-size:clamp(42px, 6.4vw, 80px) !important;
  line-height:.94 !important;
  margin-top:2px !important;
  margin-bottom:2px !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-hero-copy .dash-lead{
  max-width:680px !important;
  font-size:clamp(18px, 1.45vw, 22px) !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-goal-grid{
  margin-top:6px !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .goal-card{
  min-height:108px !important;
  border-color:rgba(var(--accent-rgb), .22) !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .goal-card b{
  font-size:20px !important;
  letter-spacing:.02em !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .goal-card span{
  max-width:30ch !important;
  color:rgba(255,255,255,.72) !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-start-panel{
  min-height:0 !important;
  padding:clamp(16px, 2vw, 22px) !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-preview-card{
  padding:18px !important;
  border-color:rgba(var(--accent-rgb), .24) !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-task-list{
  display:grid !important;
  gap:9px !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-task-list a{
  min-height:54px !important;
  border-color:rgba(var(--accent-rgb), .16) !important;
}

@keyframes sourceGlowSpin{
  to{ transform:rotate(360deg); }
}

@keyframes sourceGridDrift{
  from{ background-position:0 0, 0 0; }
  to{ background-position:68px 34px, 34px 68px; }
}

@keyframes sourcePulse{
  0%, 100%{ transform:scale(.96); opacity:.35; }
  50%{ transform:scale(1.045); opacity:.86; }
}

@keyframes sourceFloat{
  0%, 100%{ translate:0 0; }
  50%{ translate:0 -8px; }
}

@media (prefers-reduced-motion: reduce){
  body:has(.updates-canvas) .source-command-panel::before,
  body:has(.updates-canvas) .source-grid-lines,
  body:has(.updates-canvas) .source-map-visual::before,
  body:has(.updates-canvas) .source-map-visual::after,
  body:has(.updates-canvas) .source-node,
  body:has(.updates-canvas) .source-file{
    animation:none !important;
  }
}

@media (max-width: 980px){
  body:has(.updates-canvas) .updates-hero-v2,
  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-dashboard.home-friendly{
    grid-template-columns:1fr !important;
  }

  body:has(.updates-canvas) .updates-hero-copy,
  body:has(.updates-canvas) .updates-title,
  body:has(.updates-canvas) .updates-sub{
    max-width:100% !important;
    text-align:center !important;
  }

  body:has(.updates-canvas) .updates-actions,
  body:has(.updates-canvas) .updates-manifesto{
    justify-content:center !important;
  }

  body:has(.updates-canvas) .source-command-panel .command-grid,
  body:has(.updates-canvas) .updates-stats-v2{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 620px){
  body:has(.updates-canvas) .source-command-panel{
    min-height:430px !important;
    padding:14px !important;
  }

  body:has(.updates-canvas) .source-map-visual{
    min-height:250px !important;
  }

  body:has(.updates-canvas) .source-node{
    width:72px !important;
    height:36px !important;
    font-size:11px !important;
  }

  body:has(.updates-canvas) .source-file{
    display:none !important;
  }

  body:has(.updates-canvas) .source-command-panel .command-grid,
  body:has(.updates-canvas) .updates-stats-v2{
    grid-template-columns:1fr !important;
  }
}

/* CMS control stability: keeps theme picker / language box identical across generated pages. */
:root{
  --accent:#9b8cff;
  --accent2:#d6ccff;
  --accent-rgb:155,140,255;
}

.nav-actions{
  align-items:center;
  gap:10px;
}

.nav-actions .dropdown,
#gtNavWrap{
  flex: 0 0 auto;
}

.dot-btn{
  width:44px;
  height:44px;
  min-width:44px;
  min-height:44px;
  flex:0 0 44px;
}

#colorMenu{
  width:236px;
  max-width:calc(100vw - 24px);
}

.color-grid{
  align-items:center;
}

.color-option{
  width:30px;
  height:30px;
  min-width:30px;
  min-height:30px;
}

.goog-te-combo,
.gt-fallback{
  min-height:44px;
  max-width:min(260px, 42vw);
}

/* Home clarity pass: stable lanes, readable sections, stronger hover feedback. */
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-personality-board{
  margin-top: clamp(22px, 4vw, 46px) !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-personality-head{
  max-width: 860px !important;
  margin-bottom: 18px !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-personality-grid{
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-personality-grid a{
  min-height: 178px !important;
  display: grid !important;
  grid-template-columns: 56px minmax(0, 1fr) !important;
  grid-template-areas:
    "ico title"
    "copy copy" !important;
  align-items: center !important;
  align-content: start !important;
  gap: 14px !important;
  padding: 18px !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-personality-grid span{
  grid-area: ico !important;
  width: 56px !important;
  height: 56px !important;
  font-size: 24px !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-personality-grid strong{
  grid-area: title !important;
  font-size: clamp(18px, 2vw, 24px) !important;
  line-height: 1.05 !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-personality-grid small{
  grid-area: copy !important;
  align-self: start !important;
  font-size: 15.5px !important;
  line-height: 1.58 !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .creator-lab-box,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .workflow-box,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) section[aria-label="Guides"] .hero-box{
  padding: clamp(22px, 3vw, 34px) !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .creator-tool-strip{
  gap: 12px !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .creator-tool-strip a,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .guide-card,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .workflow-card{
  position: relative !important;
  overflow: hidden !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .creator-tool-strip a::before,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .guide-card::before,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .workflow-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    radial-gradient(320px 160px at 18% 0%, rgba(var(--accent-rgb), .20), transparent 65%),
    linear-gradient(135deg, rgba(255,255,255,.06), transparent 42%) !important;
  opacity:.38 !important;
  pointer-events:none !important;
  transition: opacity .18s ease !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .creator-tool-strip a:hover,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .guide-card:hover,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .workflow-card:hover{
  transform: translateY(-4px) !important;
  border-color: rgba(var(--accent-rgb), .52) !important;
  box-shadow: 0 26px 70px rgba(0,0,0,.42), 0 0 52px rgba(var(--accent-rgb), .16) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.088), rgba(255,255,255,.028)),
    rgba(var(--accent-rgb), .055) !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .creator-tool-strip a:hover::before,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .guide-card:hover::before,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .workflow-card:hover::before{
  opacity:.76 !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .guide-card{
  min-height: 230px !important;
  gap: 12px !important;
  padding: 18px !important;
  border-radius: 22px !important;
  border-color: rgba(var(--accent-rgb), .18) !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .guide-card > *{
  position: relative;
  z-index: 1;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .guide-chip{
  width: fit-content;
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(var(--accent-rgb), .22);
  background: rgba(var(--accent-rgb), .08);
  color: rgba(248,252,255,.86);
  font-size: 12px;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .04em;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .guide-card h3{
  font-size: clamp(18px, 1.9vw, 22px) !important;
  line-height: 1.12 !important;
  text-transform: uppercase;
  letter-spacing: .02em !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .guide-card p{
  font-size: 15.5px !important;
  line-height: 1.62 !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .guide-card .guide-cta{
  min-height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 13px !important;
  border: 1px solid rgba(var(--accent-rgb), .22) !important;
  background: rgba(var(--accent-rgb), .075) !important;
  color: rgba(248,252,255,.92) !important;
  font-weight: 1000 !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .workflow-head{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 18px !important;
  align-items: end !important;
  padding-bottom: 18px !important;
  border-bottom: 1px solid rgba(var(--accent-rgb), .14) !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .workflow-actions{
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .workflow-proof-grid{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 18px 0 !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .workflow-proof-grid .workflow-pill{
  min-height: 72px !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 12px !important;
  border: 1px solid rgba(var(--accent-rgb), .18) !important;
  background: rgba(255,255,255,.035) !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .workflow-proof-grid .workflow-pill b{
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(var(--accent-rgb), .11);
  border: 1px solid rgba(var(--accent-rgb), .24);
  color: #fff;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .workflow-proof-grid .workflow-pill span{
  color: rgba(248,252,255,.78);
  font-weight: 900;
  line-height: 1.28;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .workflow-grid{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .workflow-card{
  min-height: 280px !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 20px !important;
  border-radius: 24px !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .workflow-card > *{
  position: relative;
  z-index: 1;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .workflow-icon{
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 17px;
  border: 1px solid rgba(var(--accent-rgb), .24);
  background: rgba(var(--accent-rgb), .10);
  font-size: 23px;
  margin-bottom: 14px;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .workflow-card h3{
  margin: 0 !important;
  font-size: clamp(22px, 2.3vw, 30px) !important;
  line-height: 1.08 !important;
  text-transform: uppercase;
  letter-spacing: .02em !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .workflow-card p{
  margin: 12px 0 0 !important;
  color: rgba(248,252,255,.72) !important;
  line-height: 1.65 !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .workflow-card .wbtns{
  margin-top: auto !important;
  padding-top: 18px !important;
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .btn-outline:hover,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .btn-accent:hover,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .rec-refresh:hover{
  transform: translateY(-2px) !important;
  border-color: rgba(var(--accent-rgb), .56) !important;
  box-shadow: 0 18px 48px rgba(var(--accent-rgb), .18), 0 14px 34px rgba(0,0,0,.28) !important;
}

@media (max-width: 980px){
  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-personality-grid,
  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .workflow-grid{
    grid-template-columns: 1fr !important;
  }

  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .workflow-head{
    grid-template-columns: 1fr !important;
  }

  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .workflow-actions{
    justify-content: flex-start !important;
  }

  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .workflow-proof-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 620px){
  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-personality-grid a{
    grid-template-columns: 48px minmax(0, 1fr) !important;
    min-height: 0 !important;
  }

  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-personality-grid span{
    width: 48px !important;
    height: 48px !important;
  }

  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .workflow-proof-grid,
  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .guides-grid{
    grid-template-columns: 1fr !important;
  }

  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .workflow-actions .btn,
  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .workflow-card .btn,
  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .wow-actions .btn{
    width: 100% !important;
    justify-content: center !important;
  }
}

/* Mobile hardening: no horizontal drift, predictable cards, readable controls. */
html,
body{
  max-width:100%;
  overflow-x:hidden;
}

.container{
  max-width:min(1180px, calc(100vw - 28px));
}

img,
svg,
canvas,
video,
iframe{
  max-width:100%;
}

.card,
.guide-x,
.cms-tool-panel,
.tool-section,
.tools-hero,
.updates-command-panel,
.hero-box,
.footer{
  min-width:0;
}

.card p,
.guide-x p,
.cms-tool-sub,
.tools-sub,
.section-desc,
.updates-copy p,
.release-card p{
  overflow-wrap:anywhere;
}

@media (max-width: 920px){
  .home-dashboard,
  .updates-hero-v2,
  .updates-hero,
  .home-command-center,
  .guides-hero{
    grid-template-columns:1fr !important;
  }

  .updates-command-panel{
    min-height:320px !important;
  }

  .command-grid,
  .console-metrics,
  .updates-stats-v2,
  .updates-system-strip{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .tools-title,
  .cms-tool-title{
    font-size:clamp(34px, 9vw, 52px) !important;
    line-height:1.03 !important;
  }

  .tools-hero,
  .cms-tool-panel,
  .tool-section,
  .updates-command-panel{
    border-radius:22px !important;
  }
}

@media (max-width: 620px){
  .container{
    max-width:calc(100vw - 20px);
  }

  .nav-inner{
    gap:8px;
  }

  .nav-actions{
    gap:7px;
  }

  #gtNavWrap{
    max-width:168px;
  }

  .goog-te-combo,
  .gt-fallback{
    max-width:168px;
    min-width:0;
  }

  .command-grid,
  .console-metrics,
  .updates-stats-v2,
  .updates-system-strip,
  .guide-trust-board{
    grid-template-columns:1fr !important;
  }

  .tools-hero,
  .cms-tool-panel,
  .tool-section,
  .hero-box{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .card[href^="/tools/"] .card-top,
  body:has(.guides-hero) .guide-x .guide-top{
    grid-template-columns:44px minmax(0, 1fr) !important;
    grid-template-areas:
      "icon title"
      "copy copy" !important;
    align-items:center !important;
    text-align:left !important;
  }

  .card[href^="/tools/"] .card-ico,
  body:has(.guides-hero) .guide-x .guide-emoji{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    font-size:19px !important;
  }

  .tools-trust-row span,
  .cms-pill,
  .tool-mini-features span,
  .cms-related-links a{
    width:100%;
    justify-content:center;
    text-align:center;
  }

  .cms-tool-actions,
  .cms-example-options,
  .chips{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  .chip,
  .cms-example-option,
  .cms-tool-actions .btn{
    width:100%;
  }
}

/* Neural Updates + memorable Home hero: final override layer. */
body:has(.updates-canvas) .updates-shell{
  padding-top:clamp(18px, 3vw, 34px) !important;
}

body:has(.updates-canvas) .updates-hero-v2{
  max-width:1240px !important;
  margin:0 auto 22px !important;
  display:grid !important;
  grid-template-columns:minmax(0, .92fr) minmax(460px, 1.08fr) !important;
  gap:clamp(24px, 3.2vw, 46px) !important;
  align-items:center !important;
  min-height:0 !important;
}

body:has(.updates-canvas) .updates-title{
  max-width:760px !important;
  font-size:clamp(44px, 5.4vw, 78px) !important;
  line-height:.94 !important;
  letter-spacing:0 !important;
  text-align:left !important;
}

body:has(.updates-canvas) .updates-sub{
  max-width:62ch !important;
  text-align:left !important;
}

body:has(.updates-canvas) .updates-actions,
body:has(.updates-canvas) .updates-manifesto{
  justify-content:flex-start !important;
}

body:has(.updates-canvas) .source-command-panel{
  min-height:520px !important;
  padding:16px !important;
  border-radius:30px !important;
}

body:has(.updates-canvas) .source-map-visual.neural-map-shell{
  position:relative !important;
  min-height:340px !important;
  height:clamp(340px, 30vw, 430px) !important;
  cursor:grab !important;
  touch-action:none !important;
}

body:has(.updates-canvas) .source-map-visual.neural-map-shell:active{
  cursor:grabbing !important;
}

body:has(.updates-canvas) .cms-neural-canvas{
  position:absolute !important;
  inset:0 !important;
  z-index:4 !important;
  width:100% !important;
  height:100% !important;
  display:block !important;
}

body.neural-map-ready:has(.updates-canvas) .source-grid-lines,
body.neural-map-ready:has(.updates-canvas) .source-core,
body.neural-map-ready:has(.updates-canvas) .source-node,
body.neural-map-ready:has(.updates-canvas) .source-file{
  display:none !important;
}

body:has(.updates-canvas) .neural-map-hud,
body:has(.updates-canvas) .neural-map-controls,
body:has(.updates-canvas) .neural-map-tip{
  position:absolute !important;
  z-index:8 !important;
}

body:has(.updates-canvas) .neural-map-hud{
  left:12px !important;
  top:12px !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:7px !important;
  max-width:70% !important;
}

body:has(.updates-canvas) .neural-map-hud span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:28px !important;
  padding:0 9px !important;
  border-radius:999px !important;
  border:1px solid rgba(var(--accent-rgb), .22) !important;
  background:rgba(3,8,18,.72) !important;
  color:rgba(255,255,255,.72) !important;
  font-size:11px !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
}

body:has(.updates-canvas) .neural-map-controls{
  right:12px !important;
  top:12px !important;
  display:flex !important;
  gap:7px !important;
}

body:has(.updates-canvas) .neural-map-controls button{
  min-width:34px !important;
  height:34px !important;
  border-radius:12px !important;
  border:1px solid rgba(var(--accent-rgb), .24) !important;
  background:rgba(4,10,22,.78) !important;
  color:#fff !important;
  font-weight:1000 !important;
  cursor:pointer !important;
}

body:has(.updates-canvas) .neural-map-controls button:hover{
  background:rgba(var(--accent-rgb), .20) !important;
  border-color:rgba(var(--accent-rgb), .58) !important;
  transform:translateY(-1px) !important;
}

body:has(.updates-canvas) .neural-map-tip{
  left:12px !important;
  right:12px !important;
  bottom:12px !important;
  min-height:38px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:8px 12px !important;
  border-radius:16px !important;
  border:1px solid rgba(var(--accent-rgb), .18) !important;
  background:rgba(3,8,18,.74) !important;
  color:rgba(255,255,255,.78) !important;
  font-size:13px !important;
  font-weight:800 !important;
  text-align:center !important;
  backdrop-filter:blur(10px) !important;
}

body:has(.updates-canvas) .source-command-panel .command-grid{
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:8px !important;
}

body:has(.updates-canvas) .updates-stats-v2{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:10px !important;
}

body:has(.updates-canvas) .release-card{
  text-align:left !important;
  padding:clamp(20px, 2.5vw, 30px) !important;
  display:grid !important;
  gap:16px !important;
  overflow:hidden !important;
}

body:has(.updates-canvas) .release-meta{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto !important;
  align-items:start !important;
  justify-items:stretch !important;
  gap:16px !important;
  text-align:left !important;
}

body:has(.updates-canvas) .release-left{
  display:grid !important;
  grid-template-columns:64px minmax(0, 1fr) !important;
  gap:16px !important;
  align-items:center !important;
  justify-items:start !important;
  text-align:left !important;
}

body:has(.updates-canvas) .release-badge{
  width:58px !important;
  height:58px !important;
  border-radius:18px !important;
}

body:has(.updates-canvas) .release-title{
  max-width:none !important;
  margin:0 !important;
  text-align:left !important;
  font-size:clamp(23px, 2.5vw, 34px) !important;
  line-height:1.08 !important;
}

body:has(.updates-canvas) .release-date{
  margin-top:6px !important;
  text-align:left !important;
}

body:has(.updates-canvas) .release-type{
  align-self:start !important;
  justify-self:end !important;
}

body:has(.updates-canvas) .release-desc{
  max-width:76ch !important;
  margin:2px 0 0 !important;
  text-align:left !important;
  font-size:clamp(16px, 1.25vw, 20px) !important;
  line-height:1.7 !important;
}

body:has(.updates-canvas) .release-highlights{
  max-width:none !important;
  margin:4px 0 0 !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:12px !important;
}

body:has(.updates-canvas) .release-highlights span{
  min-height:118px !important;
  place-items:start !important;
  align-content:center !important;
  text-align:left !important;
  padding:18px !important;
}

body:has(.updates-canvas) .release-highlights b{
  display:block !important;
  margin-bottom:7px !important;
  text-align:left !important;
}

body:has(.updates-canvas) .release-tags{
  justify-content:flex-start !important;
}

body:has(.updates-canvas) .release-more{
  margin:4px 0 0 !important;
  width:fit-content !important;
}

body:has(.updates-canvas) .release-details{
  margin-left:0 !important;
  margin-right:0 !important;
  max-width:84ch !important;
  text-align:left !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-dashboard.home-friendly{
  position:relative !important;
  max-width:1220px !important;
  min-height:auto !important;
  margin-top:clamp(4px, 1vw, 12px) !important;
  padding:clamp(18px, 2.5vw, 30px) !important;
  grid-template-columns:minmax(0, 1.08fr) minmax(340px, .92fr) !important;
  border-radius:32px !important;
  border:1px solid rgba(var(--accent-rgb), .22) !important;
  background:
    radial-gradient(760px 340px at 12% 0%, rgba(var(--accent-rgb), .16), transparent 62%),
    radial-gradient(540px 260px at 86% 24%, rgba(255,255,255,.075), transparent 64%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.020)) !important;
  overflow:hidden !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-dashboard.home-friendly::before{
  content:"" !important;
  position:absolute !important;
  inset:-20% !important;
  background:
    linear-gradient(115deg, transparent 0 38%, rgba(var(--accent-rgb), .12) 45%, transparent 54% 100%),
    repeating-linear-gradient(90deg, rgba(var(--accent-rgb), .055) 0 1px, transparent 1px 72px) !important;
  opacity:.8 !important;
  animation:homeHeroScan 9s linear infinite !important;
  pointer-events:none !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-hero-copy,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-start-panel{
  position:relative !important;
  z-index:1 !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-hero-copy h1{
  font-size:clamp(38px, 5.6vw, 68px) !important;
  line-height:.96 !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-goal-grid{
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  max-width:100% !important;
  gap:10px !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .goal-card{
  min-height:132px !important;
  border-radius:22px !important;
  padding:15px !important;
  background:
    radial-gradient(260px 130px at 50% 0%, rgba(var(--accent-rgb), .12), transparent 70%),
    rgba(255,255,255,.035) !important;
  transition:transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .goal-card:hover{
  transform:translateY(-4px) !important;
  border-color:rgba(var(--accent-rgb), .50) !important;
  box-shadow:0 24px 60px rgba(0,0,0,.34), 0 0 42px rgba(var(--accent-rgb), .14) !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-live-map{
  position:relative !important;
  min-height:150px !important;
  border-radius:24px !important;
  border:1px solid rgba(var(--accent-rgb), .20) !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(var(--accent-rgb), .18), transparent 22%),
    repeating-radial-gradient(circle at 50% 50%, rgba(var(--accent-rgb), .16) 0 1px, transparent 1px 42px),
    rgba(255,255,255,.026) !important;
  overflow:hidden !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-live-map::before,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-live-map::after{
  content:"" !important;
  position:absolute !important;
  inset:18px !important;
  border-radius:999px !important;
  border:1px solid rgba(var(--accent-rgb), .18) !important;
  animation:sourcePulse 4s ease-in-out infinite !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-map-core,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-map-node{
  position:absolute !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(var(--accent-rgb), .28) !important;
  background:rgba(4,10,22,.78) !important;
  color:rgba(255,255,255,.90) !important;
  font-weight:1000 !important;
  box-shadow:0 0 28px rgba(var(--accent-rgb), .13) !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-map-core{
  left:50% !important;
  top:50% !important;
  width:82px !important;
  height:82px !important;
  border-radius:26px !important;
  transform:translate(-50%, -50%) !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-map-node{
  width:66px !important;
  height:34px !important;
  border-radius:999px !important;
  font-size:12px !important;
  animation:homeNodeOrbit 12s linear infinite !important;
  left:50% !important;
  top:50% !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-map-node.node-a{ --angle:0deg; --radius:112px; }
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-map-node.node-b{ --angle:90deg; --radius:112px; animation-duration:14s !important; }
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-map-node.node-c{ --angle:180deg; --radius:112px; animation-duration:16s !important; }
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-map-node.node-d{ --angle:270deg; --radius:112px; animation-duration:18s !important; }

@keyframes homeHeroScan{
  from{ transform:translateX(-8%) rotate(0deg); }
  to{ transform:translateX(8%) rotate(0deg); }
}

@keyframes homeNodeOrbit{
  from{
    transform:translate(-50%, -50%) rotate(var(--angle)) translateX(var(--radius)) rotate(calc(var(--angle) * -1));
  }
  to{
    transform:translate(-50%, -50%) rotate(calc(var(--angle) + 360deg)) translateX(var(--radius)) rotate(calc((var(--angle) + 360deg) * -1));
  }
}

@media (max-width: 1100px){
  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-goal-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 980px){
  body:has(.updates-canvas) .updates-hero-v2,
  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-dashboard.home-friendly{
    grid-template-columns:1fr !important;
  }

  body:has(.updates-canvas) .updates-title,
  body:has(.updates-canvas) .updates-sub{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  body:has(.updates-canvas) .updates-actions,
  body:has(.updates-canvas) .updates-manifesto{
    justify-content:center !important;
  }

  body:has(.updates-canvas) .release-meta{
    grid-template-columns:1fr !important;
  }

  body:has(.updates-canvas) .release-type{
    justify-self:start !important;
  }

  body:has(.updates-canvas) .release-highlights{
    grid-template-columns:1fr !important;
  }
}

@media (max-width: 620px){
  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-dashboard.home-friendly{
    padding:16px !important;
    border-radius:24px !important;
  }

  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-goal-grid{
    grid-template-columns:1fr !important;
  }

  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .goal-card{
    min-height:106px !important;
  }

  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-live-map{
    min-height:132px !important;
  }

  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-map-node{
    --radius:88px !important;
    width:58px !important;
    font-size:11px !important;
  }

  body:has(.updates-canvas) .source-map-visual.neural-map-shell{
    height:310px !important;
    min-height:310px !important;
  }

  body:has(.updates-canvas) .neural-map-hud{
    display:none !important;
  }

  body:has(.updates-canvas) .release-left{
    grid-template-columns:1fr !important;
    justify-items:start !important;
  }
}

/* Home proportion correction after neural visual: compact, not stretched. */
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-dashboard.home-friendly .friendly-goal-grid{
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-dashboard.home-friendly .goal-card{
  min-height:104px !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-task-list{
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-task-list a{
  grid-template-columns:1fr !important;
  justify-items:center !important;
  text-align:center !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-task-list span{
  margin-left:auto !important;
  margin-right:auto !important;
}

@media (max-width: 620px){
  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-dashboard.home-friendly .friendly-goal-grid,
  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-task-list{
    grid-template-columns:1fr !important;
  }
}

/* Mobile performance mode: keep the premium layout, remove expensive continuous effects. */
@media (max-width: 820px), (pointer: coarse){
  html.mobile-perf-mode #clickozParticles,
  html.mobile-perf-mode #spaceParticles,
  html.mobile-perf-mode .__grain{
    display:none !important;
  }

  html.mobile-perf-mode body::before,
  html.mobile-perf-mode body::after{
    opacity:.18 !important;
    filter:none !important;
    transform:none !important;
  }

  html.mobile-perf-mode .nav,
  html.mobile-perf-mode .footer,
  html.mobile-perf-mode .cookie-card,
  html.mobile-perf-mode .neural-map-tip{
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  html.mobile-perf-mode .home-dashboard.home-friendly::before,
  html.mobile-perf-mode .home-live-map::before,
  html.mobile-perf-mode .home-live-map::after,
  html.mobile-perf-mode .home-map-node,
  html.mobile-perf-mode .source-command-panel::before,
  html.mobile-perf-mode .source-map-visual::before,
  html.mobile-perf-mode .source-map-visual::after,
  html.mobile-perf-mode .source-grid-lines,
  html.mobile-perf-mode .footer::before,
  html.mobile-perf-mode .footer::after{
    animation:none !important;
  }

  html.mobile-perf-mode .hero-box,
  html.mobile-perf-mode .tools-hero,
  html.mobile-perf-mode .guides-hero,
  html.mobile-perf-mode .updates-hero,
  html.mobile-perf-mode .card,
  html.mobile-perf-mode .small-card,
  html.mobile-perf-mode .guide-x,
  html.mobile-perf-mode .release-card,
  html.mobile-perf-mode .tool-panel,
  html.mobile-perf-mode .cz-panel{
    animation:none !important;
  }

  html.mobile-perf-mode .card,
  html.mobile-perf-mode .small-card,
  html.mobile-perf-mode .guide-x,
  html.mobile-perf-mode .release-card,
  html.mobile-perf-mode .cms-tool-panel,
  html.mobile-perf-mode .tool-section,
  html.mobile-perf-mode .hero-box,
  html.mobile-perf-mode .home-dashboard.home-friendly,
  html.mobile-perf-mode .source-command-panel{
    box-shadow:0 14px 34px rgba(0,0,0,.24) !important;
  }

  html.mobile-perf-mode .btn:hover,
  html.mobile-perf-mode .chip:hover,
  html.mobile-perf-mode .card:hover,
  html.mobile-perf-mode .small-card:hover,
  html.mobile-perf-mode .guide-x:hover,
  html.mobile-perf-mode .release-card:hover,
  html.mobile-perf-mode .goal-card:hover,
  html.mobile-perf-mode .workflow-card:hover{
    transform:none !important;
  }

  body:has(.updates-canvas) .source-command-panel{
    min-height:auto !important;
  }

  body:has(.updates-canvas) .source-map-visual.neural-map-shell{
    height:280px !important;
    min-height:280px !important;
    border-radius:20px !important;
    touch-action:pan-y !important;
  }

  body:has(.updates-canvas) .cms-neural-canvas{
    touch-action:pan-y !important;
  }

  body:has(.updates-canvas) .neural-map-controls{
    top:8px !important;
    right:8px !important;
  }

  body:has(.updates-canvas) .neural-map-controls button{
    min-width:32px !important;
    height:32px !important;
  }

  body:has(.updates-canvas) .neural-map-tip{
    left:8px !important;
    right:8px !important;
    bottom:8px !important;
    min-height:34px !important;
    font-size:12px !important;
  }

  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-dashboard.home-friendly{
    margin-top:8px !important;
    padding:16px !important;
    gap:16px !important;
  }

  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-hero-copy h1{
    font-size:clamp(34px, 11vw, 52px) !important;
    line-height:1 !important;
  }

  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-hero-copy .dash-lead{
    font-size:17px !important;
    line-height:1.55 !important;
  }

  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-live-map{
    min-height:116px !important;
  }

  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-map-node{
    animation:none !important;
  }

  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-map-node.node-a{ transform:translate(-50%, -50%) translate(-92px, 0) !important; }
  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-map-node.node-b{ transform:translate(-50%, -50%) translate(92px, 0) !important; }
  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-map-node.node-c{ transform:translate(-50%, -50%) translate(0, -48px) !important; }
  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-map-node.node-d{ transform:translate(-50%, -50%) translate(0, 48px) !important; }
}

/* Authority pass: product identity, guide hubs and cleaner updates. */
.brand-hero,
.guide-hub-hero,
.about-hero,
.authority-split,
.updates-quality-board{
  max-width:1240px;
  margin:clamp(18px, 3vw, 38px) auto;
}

.brand-hero,
.guide-hub-hero,
.authority-split{
  display:grid;
  grid-template-columns:minmax(0, 1.04fr) minmax(360px, .96fr);
  gap:clamp(18px, 3.2vw, 42px);
  align-items:stretch;
}

.brand-hero,
.guide-hub-hero,
.about-hero,
.authority-panel,
.authority-card,
.guide-hub-card,
.updates-quality-board article{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(var(--accent-rgb), .22);
  border-radius:24px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.086), rgba(255,255,255,.026)),
    radial-gradient(620px 280px at var(--spot-x, 18%) var(--spot-y, 0%), rgba(var(--accent-rgb), .14), transparent 66%),
    rgba(7,14,27,.78);
  box-shadow:0 24px 70px rgba(0,0,0,.32), 0 0 0 1px rgba(255,255,255,.04) inset;
}

.brand-hero,
.guide-hub-hero,
.about-hero{
  padding:clamp(18px, 3vw, 34px);
}

.brand-hero::before,
.guide-hub-hero::before,
.about-hero::before,
.authority-card::before,
.guide-hub-card::before,
.updates-quality-board article::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg, transparent, rgba(255,255,255,.08), transparent);
  opacity:.16;
  transform:translateX(-36%);
  transition:transform .55s ease, opacity .24s ease;
}

.authority-card:hover::before,
.guide-hub-card:hover::before,
.updates-quality-board article:hover::before{
  opacity:.38;
  transform:translateX(32%);
}

.brand-hero-copy,
.guide-hub-hero > div,
.about-hero > *{
  position:relative;
  z-index:2;
}

.brand-hero h1,
.guide-hub-hero h1,
.about-hero h1{
  margin:.14em 0 .18em;
  max-width:950px;
  font-size:clamp(42px, 6.5vw, 86px) !important;
  line-height:.92 !important;
  letter-spacing:.01em !important;
}

.guide-hub-hero h1,
.about-hero h1{
  font-size:clamp(38px, 5vw, 66px) !important;
}

.brand-hero .dash-lead,
.guide-hub-hero p,
.about-hero p,
.authority-head p,
.authority-panel p{
  color:rgba(248,252,255,.76);
  font-size:clamp(17px, 1.8vw, 21px) !important;
  line-height:1.62 !important;
}

.brand-orbit{
  position:relative;
  min-height:420px;
  border:1px solid rgba(var(--accent-rgb), .22);
  border-radius:26px;
  background:
    radial-gradient(circle at 50% 50%, rgba(var(--accent-rgb), .18), transparent 31%),
    radial-gradient(circle at 18% 15%, rgba(255,255,255,.09), transparent 24%),
    rgba(4,9,20,.62);
  overflow:hidden;
  box-shadow:0 22px 70px rgba(0,0,0,.30) inset;
}

.brand-orbit::before,
.brand-orbit::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:78%;
  aspect-ratio:1;
  border:1px solid rgba(var(--accent-rgb), .24);
  border-radius:999px;
  transform:translate(-50%, -50%);
  box-shadow:0 0 44px rgba(var(--accent-rgb), .12);
}

.brand-orbit::after{
  width:54%;
  opacity:.72;
}

.orbit-core,
.orbit-node{
  position:absolute;
  z-index:2;
  display:grid;
  place-items:center;
  text-align:center;
  text-decoration:none;
  color:rgba(255,255,255,.94);
}

.orbit-core{
  left:50%;
  top:50%;
  width:144px;
  height:144px;
  transform:translate(-50%, -50%);
  border-radius:999px;
  border:1px solid rgba(var(--accent-rgb), .42);
  background:radial-gradient(circle at 35% 25%, rgba(255,255,255,.24), rgba(var(--accent-rgb), .22), rgba(4,10,20,.88));
  box-shadow:0 0 70px rgba(var(--accent-rgb), .24);
}

.orbit-core strong{
  font-size:18px;
}

.orbit-core span{
  display:block;
  margin-top:-18px;
  font-size:13px;
  color:rgba(255,255,255,.72);
}

.orbit-node{
  width:132px;
  min-height:76px;
  padding:12px;
  border-radius:18px;
  border:1px solid rgba(var(--accent-rgb), .25);
  background:rgba(255,255,255,.055);
  backdrop-filter:blur(10px);
  transition:transform .24s ease, border-color .24s ease, background .24s ease, box-shadow .24s ease;
}

.orbit-node b{
  display:block;
  font-size:18px;
}

.orbit-node span{
  font-size:12.5px;
  color:rgba(255,255,255,.68);
  line-height:1.35;
}

.orbit-node:hover{
  transform:translateY(-4px) scale(1.03);
  border-color:rgba(var(--accent-rgb), .58);
  background:rgba(var(--accent-rgb), .13);
  box-shadow:0 16px 42px rgba(var(--accent-rgb), .16);
}

.node-seo{ left:8%; top:14%; }
.node-write{ right:8%; top:18%; }
.node-creator{ left:9%; bottom:15%; }
.node-dev{ right:9%; bottom:14%; }

.authority-head{
  max-width:940px;
  margin:0 auto 18px;
  text-align:center;
}

.authority-head h2,
.authority-panel h2{
  margin:0;
  font-size:clamp(30px, 4vw, 56px) !important;
}

.authority-grid,
.guide-hub-grid,
.pillar-grid,
.updates-quality-board{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:16px;
}

.authority-grid-3{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}

.authority-card,
.guide-hub-card,
.updates-quality-board article,
.pillar-grid a{
  min-width:0;
  text-decoration:none;
  color:rgba(255,255,255,.92);
  padding:18px;
  transition:transform .24s ease, border-color .24s ease, box-shadow .24s ease, background .24s ease;
}

.authority-card:hover,
.guide-hub-card:hover,
.updates-quality-board article:hover,
.pillar-grid a:hover{
  transform:translateY(-4px);
  border-color:rgba(var(--accent-rgb), .55);
  box-shadow:0 26px 72px rgba(0,0,0,.36), 0 0 60px rgba(var(--accent-rgb), .14);
}

.authority-card-head{
  display:grid;
  grid-template-columns:54px minmax(0, 1fr);
  gap:12px;
  align-items:center;
  margin-bottom:12px;
}

.authority-card-head span{
  display:inline-flex;
  width:54px;
  height:54px;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  border:1px solid rgba(var(--accent-rgb), .30);
  background:rgba(var(--accent-rgb), .12);
  color:rgba(255,255,255,.95);
  font-size:13px;
  font-weight:800;
  box-shadow:0 0 28px rgba(var(--accent-rgb), .13) inset;
}

.authority-card h2,
.authority-card h3,
.guide-hub-card h2,
.guide-hub-card h3{
  margin:0;
  font-size:clamp(18px, 2vw, 26px) !important;
  line-height:1.05 !important;
}

.authority-card p,
.guide-hub-card p,
.updates-quality-board p,
.pillar-grid span{
  margin:0;
  color:rgba(248,252,255,.72);
  line-height:1.62;
}

.authority-panel,
.pillar-grid a{
  padding:22px;
  border-radius:22px;
  border:1px solid rgba(var(--accent-rgb), .22);
  background:rgba(255,255,255,.045);
}

.pillar-grid{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

.pillar-grid a{
  display:grid;
  align-content:start;
  gap:8px;
}

.pillar-grid strong,
.updates-quality-board strong{
  color:rgba(255,255,255,.94);
  font-size:20px;
  line-height:1.1;
}

.guide-hub-checklist{
  display:grid;
  gap:12px;
}

.guide-hub-checklist article{
  display:grid;
  grid-template-columns:56px minmax(0, 1fr);
  gap:10px 14px;
  align-items:center;
  padding:16px;
  border-radius:18px;
  border:1px solid rgba(var(--accent-rgb), .22);
  background:rgba(255,255,255,.045);
}

.guide-hub-checklist span{
  grid-row:1 / span 2;
  display:inline-flex;
  width:56px;
  height:56px;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  background:rgba(var(--accent-rgb), .13);
  border:1px solid rgba(var(--accent-rgb), .28);
  font-weight:800;
}

.guide-hub-checklist strong{
  align-self:end;
}

.guide-hub-checklist p{
  margin:0 !important;
  font-size:15px !important;
}

.guide-hub-overview{
  margin-bottom:24px;
}

.guide-category-band{
  margin-top:clamp(28px, 5vw, 58px);
}

.guide-category-band .authority-head{
  margin-bottom:14px;
}

.guide-category-band .authority-head a{
  color:rgba(255,255,255,.88);
  border-bottom:1px solid rgba(var(--accent-rgb), .4);
  text-decoration:none;
}

.about-shell .authority-grid{
  margin-top:18px;
}

.about-hero{
  text-align:center;
}

.about-hero p{
  max-width:900px;
  margin:12px auto 0;
}

.updates-quality-board{
  margin-top:18px;
}

.updates-quality-board article{
  display:grid;
  gap:8px;
  text-align:center;
}

.updates-quality-board article > span{
  display:inline-flex;
  justify-self:center;
  align-items:center;
  justify-content:center;
  min-width:54px;
  height:38px;
  border-radius:999px;
  border:1px solid rgba(var(--accent-rgb), .28);
  background:rgba(var(--accent-rgb), .12);
  font-weight:800;
  font-size:13px;
}

.release-lab-grid{
  max-width:1080px !important;
  margin:0 auto !important;
}

.release-lab-grid .release-card{
  padding:20px !important;
}

.release-lab-grid .release-card p{
  text-align:center;
  max-width:820px;
  margin:14px auto !important;
}

html.mobile-perf-mode .brand-orbit::before,
html.mobile-perf-mode .brand-orbit::after,
html.mobile-perf-mode .brand-hero::before,
html.mobile-perf-mode .guide-hub-hero::before,
html.mobile-perf-mode .authority-card::before,
html.mobile-perf-mode .guide-hub-card::before{
  animation:none !important;
  filter:none !important;
}

@media (max-width: 1100px){
  .authority-grid,
  .guide-hub-grid,
  .updates-quality-board{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

/* v69: restored tool guidance without returning to the old cluttered layout. */
body.cms-tool-body .cms-tool-guide-panel{
  max-width:1080px !important;
  margin:clamp(18px, 3vw, 30px) auto 0 !important;
  padding:clamp(14px, 2vw, 18px) !important;
  border:1px solid rgba(var(--accent-rgb), .18) !important;
  border-radius:16px !important;
  background:
    radial-gradient(520px 220px at 0 0, rgba(var(--accent-rgb), .10), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.042), rgba(255,255,255,.016)),
    rgba(4,10,23,.42) !important;
  box-shadow:0 18px 46px rgba(0,0,0,.22) !important;
}

body.cms-tool-body .cms-tool-guide-head{
  display:flex !important;
  align-items:center !important;
  gap:11px !important;
  margin-bottom:12px !important;
}

body.cms-tool-body .cms-tool-guide-head > span{
  width:36px !important;
  height:36px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(var(--accent-rgb), .26) !important;
  border-radius:12px !important;
  background:rgba(var(--accent-rgb), .10) !important;
}

body.cms-tool-body .cms-tool-guide-head h2{
  margin:0 !important;
  color:rgba(248,252,255,.96) !important;
  font:900 17px/1.1 var(--font-head, "Space Grotesk", system-ui) !important;
}

body.cms-tool-body .cms-tool-guide-head p{
  margin:4px 0 0 !important;
  color:rgba(248,252,255,.58) !important;
  font-size:13px !important;
  line-height:1.35 !important;
}

body.cms-tool-body .cms-tool-guide-grid,
body.cms-tool-body .cms-tool-guide-more-grid{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:8px !important;
}

body.cms-tool-body .cms-tool-guide-grid article,
body.cms-tool-body .cms-tool-guide-more-grid article{
  min-width:0 !important;
  min-height:96px !important;
  display:grid !important;
  align-content:start !important;
  gap:7px !important;
  padding:12px !important;
  border:1px solid rgba(255,255,255,.09) !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.024) !important;
}

body.cms-tool-body .cms-tool-guide-grid b,
body.cms-tool-body .cms-tool-guide-more-grid b{
  color:rgba(248,252,255,.94) !important;
  font:850 11.5px/1.1 var(--font-head, "Space Grotesk", system-ui) !important;
  text-transform:uppercase !important;
  letter-spacing:.025em !important;
}

body.cms-tool-body .cms-tool-guide-grid span,
body.cms-tool-body .cms-tool-guide-more-grid span{
  display:-webkit-box !important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
  overflow:hidden !important;
  color:rgba(248,252,255,.64) !important;
  font-size:12.5px !important;
  line-height:1.38 !important;
}

body.cms-tool-body .cms-tool-guide-more{
  margin-top:9px !important;
}

body.cms-tool-body .cms-tool-guide-more summary{
  min-height:38px !important;
  display:flex !important;
  align-items:center !important;
  padding:0 12px !important;
  border:1px solid rgba(255,255,255,.09) !important;
  border-radius:11px !important;
  color:rgba(248,252,255,.76) !important;
  background:rgba(255,255,255,.024) !important;
  cursor:pointer !important;
  font:850 12px/1 var(--font-head, "Space Grotesk", system-ui) !important;
}

body.cms-tool-body .cms-tool-guide-more[open] summary{
  margin-bottom:8px !important;
  border-color:rgba(var(--accent-rgb), .24) !important;
  background:rgba(var(--accent-rgb), .075) !important;
}

@media (hover:hover) and (pointer:fine){
  body.cms-tool-body .cms-tool-guide-grid article:hover,
  body.cms-tool-body .cms-tool-guide-more-grid article:hover{
    transform:translateY(-1px) !important;
    border-color:rgba(var(--accent-rgb), .28) !important;
    background:rgba(var(--accent-rgb), .055) !important;
  }
}

@media (max-width: 980px){
  body.cms-tool-body .cms-tool-guide-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  body.cms-tool-body .cms-tool-guide-more-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 820px), (pointer: coarse){
  body.cms-tool-body .cms-tool-guide-panel{
    margin-top:16px !important;
    padding:12px !important;
    border-radius:15px !important;
  }

  body.cms-tool-body .cms-tool-guide-grid,
  body.cms-tool-body .cms-tool-guide-more-grid{
    display:flex !important;
    overflow-x:auto !important;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }

  body.cms-tool-body .cms-tool-guide-grid::-webkit-scrollbar,
  body.cms-tool-body .cms-tool-guide-more-grid::-webkit-scrollbar{
    display:none;
  }

  body.cms-tool-body .cms-tool-guide-grid article,
  body.cms-tool-body .cms-tool-guide-more-grid article{
    flex:0 0 min(78vw, 310px) !important;
    min-height:104px !important;
    scroll-snap-align:start;
  }
}

@media (max-width: 980px){
  .brand-hero,
  .guide-hub-hero,
  .authority-split{
    grid-template-columns:1fr;
  }

  .brand-orbit{
    min-height:320px;
  }
}

@media (max-width: 680px){
  .brand-hero,
  .guide-hub-hero,
  .about-hero{
    padding:16px;
    border-radius:22px;
  }

  .brand-hero h1,
  .guide-hub-hero h1,
  .about-hero h1{
    font-size:clamp(34px, 12vw, 48px) !important;
    line-height:.98 !important;
  }

  .authority-grid,
  .guide-hub-grid,
  .pillar-grid,
  .updates-quality-board{
    grid-template-columns:1fr;
  }

  .authority-card-head{
    grid-template-columns:48px minmax(0, 1fr);
  }

  .authority-card-head span{
    width:48px;
    height:48px;
    border-radius:15px;
  }

  .brand-orbit{
    min-height:260px;
  }

  .orbit-core{
    width:116px;
    height:116px;
  }

  .orbit-node{
    width:112px;
    min-height:66px;
    padding:9px;
  }
}

/* Restoration pass: keep the organized CMS, restore the stronger Clickoz personality. */
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-dashboard.home-friendly{
  margin-top:clamp(14px, 2.4vw, 28px) !important;
  margin-bottom:clamp(20px, 3vw, 34px) !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-hero-copy,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-start-panel,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-tools-section{
  border-color:rgba(var(--accent-rgb), .24) !important;
  background:
    radial-gradient(680px 300px at var(--spot-x, 18%) var(--spot-y, 0%), rgba(var(--accent-rgb), .15), transparent 68%),
    linear-gradient(145deg, rgba(255,255,255,.082), rgba(255,255,255,.024)),
    rgba(6,13,26,.76) !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-hero-copy h1{
  max-width:840px !important;
  text-wrap:balance;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-preview-card{
  min-width:0 !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-metrics span{
  min-height:66px !important;
  display:grid !important;
  place-items:center !important;
  gap:3px !important;
  padding:10px !important;
  border-radius:18px !important;
  border:1px solid rgba(var(--accent-rgb), .20) !important;
  background:rgba(255,255,255,.035) !important;
  color:rgba(245,248,255,.68) !important;
  text-align:center !important;
  font-size:13px !important;
  font-weight:800 !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-metrics b{
  display:block !important;
  color:#fff !important;
  font-size:clamp(22px, 2.2vw, 30px) !important;
  line-height:1 !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-tools-section{
  margin-top:clamp(16px, 2.6vw, 28px) !important;
  padding:clamp(18px, 2.6vw, 28px) !important;
  border-radius:28px !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-section-intro{
  align-items:center !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-section-intro .section-sub{
  max-width:62ch !important;
  margin-top:8px !important;
  color:rgba(245,248,255,.70) !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .rec-refresh{
  color:rgba(245,248,255,.94) !important;
  border-color:rgba(var(--accent-rgb), .30) !important;
  background:rgba(var(--accent-rgb), .10) !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .rec-refresh:hover{
  color:#061018 !important;
  background:linear-gradient(135deg, var(--accent), var(--accent2)) !important;
}

body:has(.updates-canvas) .updates-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
  gap:10px !important;
}

body:has(.updates-canvas) .updates-btn,
body:has(.updates-canvas) .updates-btn:visited{
  min-height:46px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 16px !important;
  border-radius:15px !important;
  border:1px solid rgba(var(--accent-rgb), .28) !important;
  color:rgba(245,248,255,.94) !important;
  background:
    radial-gradient(260px 130px at 50% 0%, rgba(var(--accent-rgb), .12), transparent 68%),
    rgba(255,255,255,.045) !important;
  text-decoration:none !important;
}

body:has(.updates-canvas) .updates-btn:not(.updates-btn-primary):not(.primary):hover{
  color:rgba(255,255,255,.98) !important;
  background:
    radial-gradient(320px 150px at 50% 0%, rgba(var(--accent-rgb), .28), transparent 68%),
    rgba(var(--accent-rgb), .14) !important;
}

body:has(.updates-canvas) .updates-btn-primary,
body:has(.updates-canvas) .updates-btn.primary,
body:has(.updates-canvas) .updates-btn-primary:hover,
body:has(.updates-canvas) .updates-btn.primary:hover{
  color:#061018 !important;
  background:linear-gradient(135deg, var(--accent), var(--accent2)) !important;
  border-color:rgba(255,255,255,.22) !important;
}

body:has(.updates-canvas) .source-command-panel{
  align-self:stretch !important;
}

.footer .footer-grid{
  align-items:stretch !important;
  gap:18px !important;
}

@media (min-width: 980px){
  .footer .footer-grid{
    grid-template-columns:repeat(4, minmax(0, 1fr)) minmax(230px, .9fr) !important;
  }
}

.footer .footer-brand-col{
  min-height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

.footer .footer-brand-bottom{
  min-height:100% !important;
  display:grid !important;
  justify-items:center !important;
  align-content:center !important;
  gap:10px !important;
  padding:18px !important;
  border-radius:22px !important;
  border:1px solid rgba(var(--accent-rgb), .26) !important;
  background:
    radial-gradient(260px 130px at 50% 18%, rgba(var(--accent-rgb), .20), transparent 70%),
    rgba(255,255,255,.020) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.035) inset,
    0 0 34px rgba(var(--accent-rgb), .10) !important;
  transition:background .22s ease, border-color .22s ease, box-shadow .22s ease, transform .22s ease !important;
}

.footer .footer-brand-bottom:hover{
  transform:translateY(-3px) !important;
  border-color:rgba(var(--accent-rgb), .60) !important;
  background:
    radial-gradient(300px 150px at 50% 18%, rgba(var(--accent-rgb), .38), transparent 70%),
    rgba(255,255,255,.034) !important;
  box-shadow:
    0 0 0 1px rgba(var(--accent-rgb), .22) inset,
    0 20px 48px rgba(0,0,0,.24),
    0 0 54px rgba(var(--accent-rgb), .18) !important;
}

.footer .footer-brand-col::after{
  bottom:4px !important;
  opacity:.32 !important;
}

@media (max-width: 979px){
  .footer .footer-brand-col{
    justify-content:center !important;
    order:5 !important;
  }

  .footer .footer-brand-bottom{
    width:100% !important;
  }
}

@media (max-width: 620px){
  body:has(.updates-canvas) .updates-actions,
  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .picks-actions{
    width:100% !important;
  }

  body:has(.updates-canvas) .updates-btn,
  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .picks-actions .btn{
    width:100% !important;
  }
}

/* v30: lighter mobile-first personality pass. */
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-start-panel-lean{
  justify-content:start !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-start-panel-lean .friendly-preview-card-main{
  order:0 !important;
  margin-top:0 !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-start-panel-lean .friendly-preview-card-main b{
  font-size:clamp(28px, 3vw, 42px) !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-start-panel-lean .friendly-task-list{
  margin-top:2px !important;
}

body:has(.updates-canvas) .source-command-panel-lite{
  min-height:auto !important;
  grid-template-rows:auto minmax(280px, 1fr) !important;
}

body:has(.updates-canvas) .source-command-panel-lite::before{
  animation:none !important;
  opacity:.48 !important;
  background:
    radial-gradient(480px 220px at 50% 16%, rgba(var(--accent-rgb), .18), transparent 68%),
    linear-gradient(135deg, rgba(var(--accent-rgb), .10), transparent 48%) !important;
}

body:has(.updates-canvas) .source-map-visual.source-map-lite{
  min-height:300px !important;
  display:grid !important;
  place-items:center !important;
  padding:18px !important;
  transform:none !important;
  background:
    linear-gradient(rgba(var(--accent-rgb), .08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--accent-rgb), .07) 1px, transparent 1px),
    radial-gradient(420px 220px at 50% 45%, rgba(var(--accent-rgb), .16), transparent 70%),
    rgba(255,255,255,.028) !important;
  background-size:42px 42px, 42px 42px, auto, auto !important;
}

body:has(.updates-canvas) .source-map-visual.source-map-lite::before,
body:has(.updates-canvas) .source-map-visual.source-map-lite::after{
  display:none !important;
  animation:none !important;
}

body:has(.updates-canvas) .source-command-panel-lite:hover .source-map-lite{
  transform:none !important;
}

body:has(.updates-canvas) .source-lite-core{
  position:relative !important;
  z-index:2 !important;
  width:128px !important;
  height:128px !important;
  display:grid !important;
  place-items:center !important;
  align-content:center !important;
  gap:2px !important;
  border-radius:34px !important;
  border:1px solid rgba(var(--accent-rgb), .42) !important;
  background:
    radial-gradient(circle at 35% 22%, rgba(255,255,255,.20), transparent 34%),
    linear-gradient(145deg, rgba(var(--accent-rgb), .30), rgba(255,255,255,.045)) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.06) inset,
    0 0 48px rgba(var(--accent-rgb), .20) !important;
  text-align:center !important;
}

body:has(.updates-canvas) .source-lite-core strong,
body:has(.updates-canvas) .source-lite-core span{
  display:block !important;
}

body:has(.updates-canvas) .source-lite-core strong{
  color:#fff !important;
  font-size:20px !important;
  line-height:1 !important;
}

body:has(.updates-canvas) .source-lite-core span{
  color:rgba(255,255,255,.62) !important;
  font-weight:900 !important;
  font-size:13px !important;
}

body:has(.updates-canvas) .source-lite-row{
  position:absolute !important;
  left:18px !important;
  right:18px !important;
  z-index:2 !important;
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:12px !important;
}

body:has(.updates-canvas) .source-lite-row-top{ top:18px !important; }
body:has(.updates-canvas) .source-lite-row-bottom{ bottom:18px !important; }

body:has(.updates-canvas) .source-lite-row a{
  min-height:72px !important;
  display:grid !important;
  place-items:center !important;
  align-content:center !important;
  gap:4px !important;
  padding:12px !important;
  border-radius:18px !important;
  border:1px solid rgba(var(--accent-rgb), .22) !important;
  background:rgba(4,10,22,.66) !important;
  color:rgba(255,255,255,.90) !important;
  text-decoration:none !important;
  text-align:center !important;
  box-shadow:0 14px 34px rgba(0,0,0,.18) !important;
}

body:has(.updates-canvas) .source-lite-row a:hover{
  border-color:rgba(var(--accent-rgb), .50) !important;
  background:rgba(var(--accent-rgb), .12) !important;
  transform:translateY(-2px) !important;
}

body:has(.updates-canvas) .source-lite-row b{
  color:#fff !important;
  font-size:clamp(18px, 2vw, 26px) !important;
  line-height:1 !important;
}

body:has(.updates-canvas) .source-lite-row span{
  color:rgba(255,255,255,.64) !important;
  font-size:13px !important;
  font-weight:800 !important;
}

body:has(.updates-canvas) .source-lite-lines{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:
    linear-gradient(90deg, transparent 12%, rgba(var(--accent-rgb), .22) 49%, transparent 88%),
    linear-gradient(0deg, transparent 12%, rgba(var(--accent-rgb), .14) 49%, transparent 88%) !important;
  opacity:.42 !important;
  mask-image:radial-gradient(circle at 50% 50%, #000 0 58%, transparent 76%) !important;
}

/* v37: lightweight Updates CMS map. CSS-only, low-paint, mobile-safe. */
body:has(.updates-canvas) .source-command-panel-lite{
  overflow:hidden !important;
  gap:16px !important;
  background:
    radial-gradient(520px 260px at 50% 0%, rgba(var(--accent-rgb), .13), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)) !important;
}

body:has(.updates-canvas) .source-command-panel-lite .source-panel-head{
  position:relative !important;
  z-index:3 !important;
  display:grid !important;
  place-items:center !important;
  gap:6px !important;
  text-align:center !important;
  padding:4px 8px 0 !important;
}

body:has(.updates-canvas) .source-command-panel-lite .source-panel-head span{
  color:rgb(var(--accent-rgb)) !important;
  font-family:var(--font-display, inherit) !important;
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
}

body:has(.updates-canvas) .source-command-panel-lite .source-panel-head strong{
  max-width:34ch !important;
  color:rgba(255,255,255,.86) !important;
  font-size:15px !important;
  line-height:1.35 !important;
}

body:has(.updates-canvas) .source-map-visual.source-map-lite{
  min-height:360px !important;
  isolation:isolate !important;
  border-color:rgba(var(--accent-rgb), .30) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.05) inset,
    0 22px 70px rgba(0,0,0,.22),
    0 0 42px rgba(var(--accent-rgb), .08) !important;
}

body:has(.updates-canvas) .source-lite-orbit,
body:has(.updates-canvas) .source-lite-pulse{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  pointer-events:none !important;
  z-index:1 !important;
}

body:has(.updates-canvas) .source-lite-orbit{
  width:min(62%, 310px) !important;
  aspect-ratio:1 !important;
  border-radius:50% !important;
  border:1px solid rgba(var(--accent-rgb), .24) !important;
  transform:translate(-50%, -50%) rotate(0deg) !important;
  animation:sourceLiteSpin 28s linear infinite !important;
}

body:has(.updates-canvas) .source-lite-orbit::before,
body:has(.updates-canvas) .source-lite-orbit::after{
  content:"" !important;
  position:absolute !important;
  width:10px !important;
  height:10px !important;
  border-radius:50% !important;
  background:rgb(var(--accent-rgb)) !important;
  box-shadow:0 0 18px rgba(var(--accent-rgb), .42) !important;
}

body:has(.updates-canvas) .source-lite-orbit::before{ left:10%; top:16%; }
body:has(.updates-canvas) .source-lite-orbit::after{ right:12%; bottom:18%; opacity:.72; }

body:has(.updates-canvas) .source-lite-orbit-b{
  width:min(78%, 390px) !important;
  opacity:.55 !important;
  animation-duration:42s !important;
  animation-direction:reverse !important;
  border-style:dashed !important;
}

body:has(.updates-canvas) .source-lite-pulse{
  width:176px !important;
  height:176px !important;
  border-radius:44px !important;
  transform:translate(-50%, -50%) !important;
  background:radial-gradient(circle at 50% 50%, rgba(var(--accent-rgb), .18), transparent 68%) !important;
  animation:sourceLitePulse 4.8s ease-in-out infinite !important;
}

body:has(.updates-canvas) .source-lite-core{
  animation:sourceLiteCore 5.6s ease-in-out infinite !important;
}

body:has(.updates-canvas) .source-lite-status{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  z-index:3 !important;
  width:min(70%, 330px) !important;
  display:flex !important;
  justify-content:space-between !important;
  gap:8px !important;
  transform:translate(-50%, calc(-50% + 88px)) !important;
}

body:has(.updates-canvas) .source-lite-status span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:28px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  border:1px solid rgba(var(--accent-rgb), .24) !important;
  background:rgba(4,10,22,.68) !important;
  color:rgba(255,255,255,.72) !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

body:has(.updates-canvas) .source-lite-row a{
  transition:transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease !important;
}

body:has(.updates-canvas) .source-lite-row a:hover{
  box-shadow:
    0 0 0 1px rgba(var(--accent-rgb), .16) inset,
    0 18px 42px rgba(0,0,0,.24),
    0 0 30px rgba(var(--accent-rgb), .10) !important;
}

@keyframes sourceLiteSpin{
  to{ transform:translate(-50%, -50%) rotate(360deg); }
}

@keyframes sourceLitePulse{
  0%, 100%{ opacity:.62; transform:translate(-50%, -50%) scale(.96); }
  50%{ opacity:1; transform:translate(-50%, -50%) scale(1.04); }
}

@keyframes sourceLiteCore{
  0%, 100%{ opacity:.96; transform:scale(.99); }
  50%{ opacity:1; transform:scale(1.02); }
}

@media (max-width: 820px), (pointer: coarse), (prefers-reduced-motion: reduce){
  body:has(.updates-canvas) .source-lite-orbit,
  body:has(.updates-canvas) .source-lite-pulse,
  body:has(.updates-canvas) .source-lite-core{
    animation:none !important;
  }

  body:has(.updates-canvas) .source-lite-orbit{
    opacity:.24 !important;
  }

  body:has(.updates-canvas) .source-lite-status{
    transform:translate(-50%, calc(-50% + 74px)) !important;
    width:min(86%, 310px) !important;
  }

  body:has(.updates-canvas) .source-map-visual.source-map-lite{
    min-height:340px !important;
  }
}

.footer .footer-brand-bottom{
  min-height:auto !important;
  padding:4px 0 12px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  transform:translateY(-8px) !important;
}

.footer .footer-brand-bottom:hover{
  transform:translateY(-11px) !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.footer .footer-brand-bottom .footer-logo-badge{
  width:48px !important;
  height:48px !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.footer .footer-brand-bottom .footer-logo-badge::after{
  inset:-10px !important;
  opacity:.44 !important;
  background:radial-gradient(circle at 50% 50%, rgba(var(--accent-rgb), .50), transparent 62%) !important;
}

.footer .footer-brand-bottom:hover .footer-logo-badge{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.footer .footer-brand-col::after{
  bottom:-4px !important;
  width:min(260px, 92%) !important;
  height:42px !important;
  opacity:.46 !important;
  background:radial-gradient(ellipse at 50% 50%, rgba(var(--accent-rgb), .30), transparent 70%) !important;
}

@media (max-width: 820px), (pointer: coarse){
  html.mobile-perf-mode *,
  html.mobile-perf-mode *::before,
  html.mobile-perf-mode *::after{
    animation:none !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }

  html.mobile-perf-mode #clickozParticles,
  html.mobile-perf-mode #spaceParticles,
  html.mobile-perf-mode .__grain{
    display:none !important;
  }

  html.mobile-perf-mode .home-dashboard.home-friendly::before,
  html.mobile-perf-mode .source-command-panel-lite::before,
  html.mobile-perf-mode .footer::before,
  html.mobile-perf-mode .footer::after{
    opacity:.18 !important;
    filter:none !important;
  }

  body:has(.updates-canvas) .source-command-panel-lite,
  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-start-panel-lean{
    min-height:auto !important;
  }

  body:has(.updates-canvas) .source-map-visual.source-map-lite{
    min-height:340px !important;
  }

  body:has(.updates-canvas) .source-lite-core{
    width:104px !important;
    height:104px !important;
    border-radius:28px !important;
  }
}

/* v31: stable dark language selector. No script reload loops, no white third-party UI. */
#gtNavWrap{
  display:inline-flex !important;
  align-items:center !important;
  min-width:190px !important;
}

#google_translate_element,
#google_translate_element_mobile,
#google_translate_native,
.goog-te-gadget{
  display:inline-flex !important;
  align-items:center !important;
  min-height:46px !important;
  max-height:46px !important;
  overflow:hidden !important;
  position:relative !important;
  color:transparent !important;
}

.gt-fallback,
.goog-te-combo,
.goog-te-gadget select{
  min-width:190px !important;
  max-width:min(270px, 44vw) !important;
  height:46px !important;
  min-height:46px !important;
  padding:0 38px 0 14px !important;
  border-radius:14px !important;
  border:1px solid rgba(var(--accent-rgb), .26) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.025)),
    #03070e !important;
  color:rgba(255,255,255,.96) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.075),
    0 16px 38px rgba(0,0,0,.30) !important;
  font-family:var(--font-sans) !important;
  font-size:15px !important;
  font-weight:900 !important;
  line-height:46px !important;
  text-align:left !important;
  cursor:pointer !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
}

.goog-te-combo option,
.goog-te-gadget select option{
  background:#03070e !important;
  color:#fff !important;
}

.gt-fallback:hover,
.goog-te-combo:hover,
.goog-te-gadget select:hover,
.gt-fallback:focus,
.goog-te-combo:focus,
.goog-te-gadget select:focus{
  outline:none !important;
  border-color:rgba(var(--accent-rgb), .62) !important;
  background:
    radial-gradient(260px 120px at 50% 0%, rgba(var(--accent-rgb), .18), transparent 70%),
    #03070e !important;
  color:#fff !important;
  box-shadow:
    0 0 0 4px rgba(var(--accent-rgb), .13),
    0 16px 42px rgba(var(--accent-rgb), .14),
    inset 0 1px 0 rgba(255,255,255,.09) !important;
}

.gt-fallback.loading{
  cursor:wait !important;
  opacity:1 !important;
}

.gt-fallback.loading::before{
  content:"" !important;
  width:8px !important;
  height:8px !important;
  display:inline-block !important;
  margin-right:8px !important;
  border-radius:999px !important;
  background:var(--accent) !important;
  box-shadow:0 0 16px rgba(var(--accent-rgb), .62) !important;
}

.gt-fallback.error{
  border-color:rgba(var(--accent-rgb), .38) !important;
  color:rgba(255,255,255,.92) !important;
}

.goog-logo-link,
.goog-te-gadget span,
.goog-te-gadget > span,
body > .skiptranslate,
body > iframe.skiptranslate,
.goog-te-banner-frame,
.skiptranslate iframe{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

html,
body{
  top:0 !important;
}

body.translated-ltr,
body.translated-rtl{
  top:0 !important;
  min-height:100% !important;
}

@media (max-width: 980px){
  #gtNavWrap{
    display:none !important;
  }

  #google_translate_element_mobile,
  #google_translate_element_mobile .gt-fallback,
  #google_translate_element_mobile .goog-te-combo{
    width:100% !important;
    max-width:100% !important;
  }
}

/* v32: Home first-viewport balance. Remove the initial hole, keep the impact clean. */
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-dashboard.home-friendly{
  width:min(100% - 32px, 1180px) !important;
  max-width:1180px !important;
  grid-template-columns:minmax(0, 1fr) minmax(340px, .86fr) !important;
  align-items:start !important;
  gap:clamp(16px, 2.2vw, 28px) !important;
  padding:clamp(14px, 2vw, 24px) !important;
  margin-top:clamp(16px, 2.2vw, 28px) !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-hero-copy,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-start-panel-lean{
  min-height:auto !important;
  height:auto !important;
  align-self:start !important;
  padding:clamp(18px, 2.4vw, 28px) !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-hero-copy{
  gap:clamp(10px, 1.5vw, 14px) !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-hero-copy h1{
  max-width:760px !important;
  font-size:clamp(44px, 5.2vw, 72px) !important;
  line-height:.96 !important;
  margin-top:0 !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-hero-copy .dash-lead{
  max-width:660px !important;
  font-size:clamp(16px, 1.35vw, 19px) !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-goal-grid{
  margin-top:8px !important;
  gap:10px !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-dashboard.home-friendly .goal-card{
  min-height:92px !important;
  padding:14px !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .goal-card b{
  font-size:clamp(16px, 1.25vw, 20px) !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .goal-card span{
  font-size:13px !important;
  line-height:1.35 !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-start-panel-lean{
  display:grid !important;
  align-content:start !important;
  gap:12px !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-preview-card-main{
  padding:clamp(18px, 2.3vw, 28px) !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-start-panel-lean .friendly-preview-card-main b{
  font-size:clamp(28px, 2.8vw, 42px) !important;
  max-width:12ch !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-start-panel-lean .friendly-preview-card-main p{
  max-width:38ch !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-task-list{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:10px !important;
  margin-top:0 !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-task-list a{
  min-height:84px !important;
  padding:12px !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-metrics{
  margin-top:0 !important;
  align-self:start !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-metrics span{
  min-height:58px !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .surprise-card-result[hidden]{
  display:none !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .surprise-card-result.is-open{
  margin-top:12px !important;
  padding:14px !important;
  display:grid !important;
  justify-items:center !important;
  gap:8px !important;
  text-align:center !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .surprise-card-result b{
  color:#fff !important;
  font-size:clamp(20px, 1.8vw, 28px) !important;
  line-height:1.05 !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .surprise-card-result p{
  max-width:46ch !important;
  margin:0 auto !important;
  color:rgba(245,248,255,.70) !important;
  line-height:1.5 !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .surprise-links{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  gap:8px !important;
}

body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .surprise-links a{
  min-height:38px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 12px !important;
  border-radius:12px !important;
  border:1px solid rgba(var(--accent-rgb), .26) !important;
  background:rgba(var(--accent-rgb), .10) !important;
  color:rgba(255,255,255,.92) !important;
  text-decoration:none !important;
  font-weight:900 !important;
}

@media (max-width: 980px){
  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-dashboard.home-friendly{
    width:min(100% - 22px, 760px) !important;
    grid-template-columns:1fr !important;
    padding:12px !important;
    gap:12px !important;
  }

  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-hero-copy,
  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-start-panel-lean{
    padding:16px !important;
    border-radius:24px !important;
  }

  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-hero-copy h1{
    font-size:clamp(34px, 9vw, 52px) !important;
  }
}

@media (max-width: 620px){
  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-dashboard.home-friendly{
    width:min(100% - 14px, 520px) !important;
    margin-top:10px !important;
    border-radius:22px !important;
  }

  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .hero-statusbar{
    gap:7px !important;
  }

  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .hero-statusbar span{
    min-height:32px !important;
    padding:0 10px !important;
    font-size:12px !important;
  }

  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-goal-grid,
  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-task-list{
    grid-template-columns:1fr !important;
  }

  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-dashboard.home-friendly .goal-card,
  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-task-list a{
    min-height:auto !important;
  }

  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-start-panel-lean .friendly-preview-card-main b{
    max-width:100% !important;
    font-size:clamp(26px, 8vw, 34px) !important;
  }

  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-metrics{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:7px !important;
  }

  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-metrics span{
    min-height:52px !important;
    padding:8px 6px !important;
    font-size:11px !important;
  }

  body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .friendly-metrics b{
    font-size:20px !important;
  }
}

/* v33: nav/footer are the only global control surfaces. */
.nav{
  position:sticky !important;
  top:0 !important;
  z-index:1000 !important;
}

.footer .footer-grid{
  grid-auto-flow:row !important;
}

/* v34: stable language control. One Clickoz select on each surface. */
#gtNavWrap{
  display:inline-flex !important;
  align-items:center !important;
  min-width:190px !important;
}

#google_translate_element,
#google_translate_element_mobile{
  display:inline-flex !important;
  align-items:center !important;
  min-height:46px !important;
  max-height:46px !important;
  overflow:visible !important;
  position:relative !important;
}

#google_translate_native{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  min-width:1px !important;
  min-height:1px !important;
  max-width:1px !important;
  max-height:1px !important;
  opacity:0 !important;
  overflow:hidden !important;
  pointer-events:none !important;
}

#google_translate_native .goog-te-gadget,
#google_translate_native .goog-te-combo{
  position:absolute !important;
  inset:0 auto auto 0 !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}

.gt-select{
  min-width:190px !important;
  max-width:min(270px, 44vw) !important;
  height:46px !important;
  min-height:46px !important;
  padding:0 38px 0 14px !important;
  border-radius:14px !important;
  border:1px solid rgba(var(--accent-rgb), .30) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.025)),
    #03070e !important;
  color:rgba(255,255,255,.96) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 16px 38px rgba(0,0,0,.30) !important;
  font-family:var(--font-sans) !important;
  font-size:15px !important;
  font-weight:900 !important;
  line-height:46px !important;
  text-align:left !important;
  cursor:pointer !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
}

.gt-select:hover,
.gt-select:focus{
  outline:none !important;
  border-color:rgba(var(--accent-rgb), .66) !important;
  background:
    radial-gradient(260px 120px at 50% 0%, rgba(var(--accent-rgb), .20), transparent 70%),
    #03070e !important;
  box-shadow:
    0 0 0 4px rgba(var(--accent-rgb), .13),
    0 16px 42px rgba(var(--accent-rgb), .16),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
}

.gt-select.is-loading{
  cursor:progress !important;
  border-color:rgba(var(--accent-rgb), .48) !important;
}

.gt-select.is-error{
  border-color:rgba(239,68,68,.58) !important;
}

.gt-select option{
  background:#03070e !important;
  color:#fff !important;
}

@media (max-width: 980px){
  #gtNavWrap{
    display:none !important;
  }

  #google_translate_element_mobile,
  #google_translate_element_mobile .gt-select{
    width:100% !important;
    max-width:100% !important;
  }
}

/* v38: Clickoz cyber/minimal premium system layer.
   Goal: glass UI, realtime/dashboard feeling, terminal + AI hybrid, mobile-safe motion. */
:root{
  --cz-ink:#f6fbff;
  --cz-muted:rgba(235,246,255,.72);
  --cz-dim:rgba(235,246,255,.54);
  --cz-panel:rgba(8,14,25,.68);
  --cz-panel-strong:rgba(12,19,34,.82);
  --cz-glass:linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.026));
  --cz-line:rgba(var(--accent-rgb), .24);
  --cz-line-strong:rgba(var(--accent-rgb), .52);
  --cz-shadow:0 22px 70px rgba(0,0,0,.34);
  --cz-glow:0 0 44px rgba(var(--accent-rgb), .15);
}

html{
  color-scheme:dark !important;
  background:#040914 !important;
}

body{
  background:
    radial-gradient(900px 520px at 50% -8%, rgba(var(--accent-rgb), .12), transparent 68%),
    linear-gradient(180deg, #050a14 0%, #07101d 42%, #040811 100%) !important;
}

body::after{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  z-index:-1 !important;
  pointer-events:none !important;
  background:
    linear-gradient(rgba(var(--accent-rgb), .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--accent-rgb), .03) 1px, transparent 1px) !important;
  background-size:64px 64px !important;
  mask-image:linear-gradient(to bottom, #000, rgba(0,0,0,.74) 38%, transparent 100%) !important;
}

.nav{
  backdrop-filter:blur(18px) saturate(150%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(150%) !important;
  background:linear-gradient(180deg, rgba(3,8,16,.86), rgba(3,8,16,.68)) !important;
  border-bottom:1px solid rgba(var(--accent-rgb), .24) !important;
  box-shadow:0 18px 54px rgba(0,0,0,.26), 0 0 0 1px rgba(255,255,255,.025) inset !important;
}

.nav::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:-1px !important;
  height:1px !important;
  pointer-events:none !important;
  background:linear-gradient(90deg, transparent, rgba(var(--accent-rgb), .82), transparent) !important;
  transform:translateX(-38%) !important;
  animation:czRealtimeRail 8s linear infinite !important;
}

.logo-badge,
.dot-btn{
  border-color:rgba(var(--accent-rgb), .34) !important;
  background:linear-gradient(180deg, rgba(var(--accent-rgb), .16), rgba(255,255,255,.035)) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.05) inset, 0 0 28px rgba(var(--accent-rgb), .16) !important;
}

.logo-text,
.logo-oz{
  letter-spacing:.02em !important;
}

.logo-oz{
  color:rgb(var(--accent-rgb)) !important;
  text-shadow:0 0 22px rgba(var(--accent-rgb), .42) !important;
}

.nav-links a,
.m-link{
  border:1px solid transparent !important;
  transition:background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease !important;
}

.nav-links a:hover,
.m-link:hover{
  color:#fff !important;
  border-color:rgba(var(--accent-rgb), .26) !important;
  background:rgba(var(--accent-rgb), .08) !important;
}

.nav-links a.active,
.m-link.active{
  border-color:rgba(var(--accent-rgb), .46) !important;
  background:linear-gradient(180deg, rgba(var(--accent-rgb), .22), rgba(var(--accent-rgb), .08)) !important;
  box-shadow:0 0 24px rgba(var(--accent-rgb), .14) !important;
}

.hero-box,
.tools-hero,
.guides-hero,
.updates-hero,
.brand-hero,
.guide-hub-hero,
.about-hero,
.authority-panel,
.authority-card,
.guide-hub-card,
.guide-x,
.card,
.small-card,
.tool-section,
.cms-tool-panel,
.tool-panel,
.release-card,
.updates-box,
.updates-quality-board article,
.source-command-panel,
.friendly-hero-copy,
.friendly-start-panel,
.friendly-tools-section,
.friendly-preview-card,
.goal-card,
.pick-card,
.pillar-grid a,
.guide-hub-checklist article{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid var(--cz-line) !important;
  background:
    radial-gradient(520px 240px at 22% 0%, rgba(var(--accent-rgb), .115), transparent 70%),
    var(--cz-glass),
    var(--cz-panel) !important;
  box-shadow:var(--cz-shadow), 0 0 0 1px rgba(255,255,255,.035) inset !important;
}

.hero-box::after,
.tools-hero::after,
.guides-hero::after,
.updates-hero::after,
.guide-hub-hero::after,
.authority-card::after,
.guide-hub-card::after,
.card::after,
.release-card::after,
.goal-card::after,
.pick-card::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  opacity:.34 !important;
  background:
    linear-gradient(90deg, transparent, rgba(var(--accent-rgb), .14), transparent),
    linear-gradient(180deg, rgba(255,255,255,.05), transparent 32%) !important;
  transform:translateX(-115%) !important;
  transition:transform .62s ease, opacity .24s ease !important;
}

.authority-card:hover::after,
.guide-hub-card:hover::after,
.card:hover::after,
.release-card:hover::after,
.goal-card:hover::after,
.pick-card:hover::after{
  transform:translateX(115%) !important;
  opacity:.58 !important;
}

.authority-card:hover,
.guide-hub-card:hover,
.card:hover,
.release-card:hover,
.goal-card:hover,
.pick-card:hover,
.pillar-grid a:hover,
.friendly-task-list a:hover,
.guide-hub-checklist article:hover{
  border-color:var(--cz-line-strong) !important;
  transform:translateY(-3px) !important;
  box-shadow:0 28px 76px rgba(0,0,0,.40), var(--cz-glow), 0 0 0 1px rgba(var(--accent-rgb), .12) inset !important;
}

.tools-title,
.updates-title,
.section-title,
.tool-hero h1,
.friendly-hero-copy h1,
.guide-hub-hero h1,
.brand-hero h1,
.about-hero h1,
.authority-head h2,
.authority-panel h2,
.source-panel-head strong{
  color:var(--cz-ink) !important;
  letter-spacing:.012em !important;
  text-shadow:0 0 34px rgba(var(--accent-rgb), .13) !important;
}

.tools-sub,
.updates-sub,
.section-sub,
.dash-lead,
.authority-head p,
.authority-panel p,
.guide-hub-hero p,
.brand-hero p,
.about-hero p,
.card p,
.guide-hub-card p,
.authority-card p,
.release-card p,
.pick-desc,
.goal-card span{
  color:var(--cz-muted) !important;
}

.guide-kicker,
.updates-eyebrow,
.section-kicker,
.friendly-preview-card small,
.guide-card-meta span,
.tool-mini-features span,
.release-tags span,
.release-type,
.section-count,
.chip{
  font-family:var(--font-display, var(--font-sans)) !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
}

.guide-kicker::before,
.updates-eyebrow::before,
.section-kicker::before{
  content:">" !important;
  margin-right:8px !important;
  color:rgb(var(--accent-rgb)) !important;
  text-shadow:0 0 16px rgba(var(--accent-rgb), .52) !important;
}

.btn,
.updates-btn,
.chip,
button.btn,
.tool-cta,
.guide-cta,
.friendly-preview-card a{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid rgba(var(--accent-rgb), .30) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.025)),
    rgba(5,10,20,.82) !important;
  color:rgba(255,255,255,.94) !important;
  box-shadow:0 13px 34px rgba(0,0,0,.24), 0 0 0 1px rgba(255,255,255,.035) inset !important;
  transition:transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease, color .2s ease !important;
}

.btn::after,
.updates-btn::after,
.chip::after,
.tool-cta::after,
.guide-cta::after,
.friendly-preview-card a::after{
  content:"" !important;
  position:absolute !important;
  inset:-1px !important;
  pointer-events:none !important;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.16), transparent) !important;
  transform:translateX(-120%) !important;
  transition:transform .48s ease !important;
}

.btn:hover::after,
.updates-btn:hover::after,
.chip:hover::after,
.tool-cta:hover::after,
.guide-cta:hover::after,
.friendly-preview-card a:hover::after{
  transform:translateX(120%) !important;
}

.btn:hover,
.updates-btn:hover,
.chip:hover,
.tool-cta:hover,
.guide-cta:hover,
.friendly-preview-card a:hover{
  color:#fff !important;
  border-color:rgba(var(--accent-rgb), .62) !important;
  background:
    radial-gradient(260px 120px at 50% 0%, rgba(var(--accent-rgb), .22), transparent 70%),
    rgba(5,10,20,.88) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.28), 0 0 34px rgba(var(--accent-rgb), .16) !important;
  transform:translateY(-2px) !important;
}

.btn.primary,
.btn-accent,
.updates-btn-primary,
.updates-btn.primary,
.friendly-preview-card-main a{
  color:#061018 !important;
  border-color:rgba(255,255,255,.24) !important;
  background:linear-gradient(135deg, var(--accent), var(--accent2)) !important;
  box-shadow:0 18px 48px rgba(var(--accent-rgb), .23), 0 0 0 1px rgba(255,255,255,.18) inset !important;
}

.card-top,
.authority-card-head,
.pick-head,
.guide-x .guide-top{
  display:grid !important;
  grid-template-columns:auto minmax(0, 1fr) !important;
  align-items:start !important;
  gap:14px !important;
}

.card-ico,
.guide-ico,
.guide-emoji,
.pick-icon,
.authority-card-head > span,
.section-ico{
  display:inline-grid !important;
  place-items:center !important;
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  border-radius:16px !important;
  border:1px solid rgba(var(--accent-rgb), .34) !important;
  background:
    radial-gradient(circle at 34% 22%, rgba(255,255,255,.22), transparent 35%),
    linear-gradient(145deg, rgba(var(--accent-rgb), .28), rgba(255,255,255,.04)) !important;
  box-shadow:0 0 28px rgba(var(--accent-rgb), .14), 0 0 0 1px rgba(255,255,255,.045) inset !important;
  color:#fff !important;
  font-size:16px !important;
  font-weight:1000 !important;
  line-height:1 !important;
  text-align:center !important;
}

.section-kicker{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}

.section-kicker::before{
  display:none !important;
}

.card h3,
.guide-hub-card h3,
.guide-hub-card h2,
.authority-card h3,
.pick-title,
.goal-card b,
.friendly-task-list b,
.release-card h3{
  color:var(--cz-ink) !important;
  font-size:clamp(18px, 1.55vw, 23px) !important;
  line-height:1.14 !important;
}

.card-top p,
.authority-card-head + p,
.guide-hub-card .authority-card-head + p,
.pick-desc{
  margin-top:9px !important;
  line-height:1.68 !important;
}

.tool-mini-features,
.guide-card-meta,
.release-tags,
.chips,
.updates-actions,
.dash-actions,
.picks-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
  gap:10px !important;
}

.tool-mini-features span,
.guide-card-meta span,
.release-tags span,
.section-count,
.release-type{
  border:1px solid rgba(var(--accent-rgb), .24) !important;
  background:rgba(3,8,16,.54) !important;
  color:rgba(255,255,255,.78) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.025) inset !important;
}

.tool-mini-features span b{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin-right:6px !important;
  color:rgb(var(--accent-rgb)) !important;
  text-shadow:0 0 12px rgba(var(--accent-rgb), .34) !important;
}

input,
textarea,
select,
.search,
.gt-select,
.cms-tool-input,
.cms-tool-textarea{
  border-color:rgba(var(--accent-rgb), .28) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
    rgba(2,7,15,.84) !important;
  color:#fff !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.035) inset, 0 12px 36px rgba(0,0,0,.18) !important;
}

input:focus,
textarea:focus,
select:focus,
.search:focus,
.gt-select:focus,
.cms-tool-input:focus,
.cms-tool-textarea:focus{
  outline:none !important;
  border-color:rgba(var(--accent-rgb), .66) !important;
  box-shadow:0 0 0 4px rgba(var(--accent-rgb), .13), 0 0 42px rgba(var(--accent-rgb), .12) !important;
}

.tools-search,
.cms-tool-actions,
.tool-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
}

.release-card{
  border-radius:26px !important;
}

.release-meta{
  align-items:center !important;
}

.release-version{
  display:inline-grid !important;
  place-items:center !important;
  min-width:56px !important;
  height:56px !important;
  border-radius:18px !important;
  border:1px solid rgba(var(--accent-rgb), .34) !important;
  background:rgba(var(--accent-rgb), .13) !important;
  color:#fff !important;
  box-shadow:0 0 28px rgba(var(--accent-rgb), .12) !important;
}

.source-lite-core::after,
.friendly-preview-card-main::after,
.updates-manifesto .dot,
.source-lite-orbit::before{
  animation:czLivePulse 2.6s ease-in-out infinite !important;
}

.footer{
  background:
    radial-gradient(620px 220px at 50% 0%, rgba(var(--accent-rgb), .10), transparent 72%),
    rgba(3,8,16,.64) !important;
  border-top:1px solid rgba(var(--accent-rgb), .24) !important;
}

.footer h4{
  color:#fff !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

.footer-links a{
  border-radius:12px !important;
  border:1px solid transparent !important;
  transition:background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease !important;
}

.footer-links a:hover{
  color:#fff !important;
  border-color:rgba(var(--accent-rgb), .28) !important;
  background:rgba(var(--accent-rgb), .08) !important;
  transform:translateX(2px) !important;
}

@keyframes czRealtimeRail{
  to{ transform:translateX(38%); }
}

@keyframes czLivePulse{
  0%, 100%{ opacity:.62; }
  50%{ opacity:1; }
}

@media (max-width: 820px), (pointer: coarse), (prefers-reduced-motion: reduce){
  body::after{
    opacity:.28 !important;
    background-size:84px 84px !important;
  }

  .nav::after,
  .source-lite-core::after,
  .friendly-preview-card-main::after,
  .updates-manifesto .dot,
  .source-lite-orbit::before{
    animation:none !important;
  }

  .hero-box::after,
  .tools-hero::after,
  .guides-hero::after,
  .updates-hero::after,
  .guide-hub-hero::after,
  .authority-card::after,
  .guide-hub-card::after,
  .card::after,
  .release-card::after,
  .goal-card::after,
  .pick-card::after{
    display:none !important;
  }

  .authority-card:hover,
  .guide-hub-card:hover,
  .card:hover,
  .release-card:hover,
  .goal-card:hover,
  .pick-card:hover,
  .pillar-grid a:hover,
  .friendly-task-list a:hover{
    transform:none !important;
  }

  .card-top,
  .authority-card-head,
  .pick-head,
  .guide-x .guide-top{
    gap:12px !important;
  }

  .card-ico,
  .guide-ico,
  .guide-emoji,
  .pick-icon,
  .authority-card-head > span,
  .section-ico{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    border-radius:14px !important;
  }
}

/* v39: stronger visible cyber cockpit pass. More obvious, still lightweight. */
body{
  background:
    radial-gradient(760px 420px at 16% 8%, rgba(var(--accent-rgb), .16), transparent 64%),
    radial-gradient(820px 460px at 84% 18%, rgba(var(--accent-rgb), .10), transparent 66%),
    linear-gradient(180deg, #030712 0%, #07111f 42%, #030711 100%) !important;
}

body::before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  z-index:-2 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at 20% 20%, rgba(var(--accent-rgb), .13), transparent 9%),
    radial-gradient(circle at 80% 28%, rgba(var(--accent-rgb), .09), transparent 10%),
    radial-gradient(circle at 56% 86%, rgba(var(--accent-rgb), .08), transparent 12%),
    #030711 !important;
}

.home-dashboard.home-friendly,
.tools-hero,
.guide-hub-hero,
.updates-hero-v2,
.brand-hero,
.about-hero{
  border-color:rgba(var(--accent-rgb), .42) !important;
  background:
    linear-gradient(90deg, rgba(var(--accent-rgb), .075) 1px, transparent 1px),
    linear-gradient(rgba(var(--accent-rgb), .06) 1px, transparent 1px),
    radial-gradient(720px 320px at 18% 0%, rgba(var(--accent-rgb), .18), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.024)),
    rgba(6,12,23,.82) !important;
  background-size:52px 52px, 52px 52px, auto, auto, auto !important;
  box-shadow:
    0 28px 90px rgba(0,0,0,.42),
    0 0 0 1px rgba(255,255,255,.055) inset,
    0 0 80px rgba(var(--accent-rgb), .12) !important;
}

.home-dashboard.home-friendly::after,
.tools-hero::after,
.guide-hub-hero::after,
.updates-hero-v2::after{
  content:"" !important;
  position:absolute !important;
  left:24px !important;
  right:24px !important;
  top:18px !important;
  height:2px !important;
  pointer-events:none !important;
  border-radius:999px !important;
  background:linear-gradient(90deg, transparent, rgba(var(--accent-rgb), .95), transparent) !important;
  box-shadow:0 0 26px rgba(var(--accent-rgb), .42) !important;
  opacity:.78 !important;
  transform:none !important;
  animation:czSignalSweep 5.8s ease-in-out infinite !important;
}

.friendly-hero-copy,
.friendly-start-panel-lean,
.friendly-tools-section,
.tool-section,
.guide-category-band,
.updates-box,
.authority-split > *,
.authority-panel{
  border-radius:30px !important;
}

.friendly-hero-copy,
.friendly-start-panel-lean{
  border-color:rgba(var(--accent-rgb), .34) !important;
  background:
    radial-gradient(520px 260px at 50% 0%, rgba(var(--accent-rgb), .16), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.095), rgba(255,255,255,.026)),
    rgba(7,13,25,.82) !important;
}

.friendly-hero-copy h1,
.tools-title,
.guide-hub-hero h1,
.updates-title{
  background:linear-gradient(180deg, #ffffff 0%, #d9f7ff 54%, rgba(var(--accent-rgb), .86) 120%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  text-shadow:none !important;
}

.friendly-goal-grid .goal-card,
.friendly-task-list a,
.pick-card,
.authority-card,
.guide-hub-card,
.card.tool-card-enhanced,
.release-card{
  border-color:rgba(var(--accent-rgb), .28) !important;
  background:
    radial-gradient(260px 120px at 18% 0%, rgba(var(--accent-rgb), .15), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.018)),
    rgba(6,11,21,.76) !important;
}

.friendly-goal-grid .goal-card::before,
.friendly-task-list a::before,
.pick-card::before,
.authority-card::before,
.guide-hub-card::before,
.card.tool-card-enhanced::before,
.release-card::before{
  content:"" !important;
  position:absolute !important;
  inset:10px auto auto 10px !important;
  width:28px !important;
  height:28px !important;
  pointer-events:none !important;
  border-left:2px solid rgba(var(--accent-rgb), .55) !important;
  border-top:2px solid rgba(var(--accent-rgb), .55) !important;
  border-radius:8px 0 0 0 !important;
  opacity:.54 !important;
  background:none !important;
}

.friendly-goal-grid .goal-card:hover::before,
.friendly-task-list a:hover::before,
.pick-card:hover::before,
.authority-card:hover::before,
.guide-hub-card:hover::before,
.card.tool-card-enhanced:hover::before,
.release-card:hover::before{
  opacity:1 !important;
}

.card-ico,
.guide-ico,
.guide-emoji,
.pick-icon,
.authority-card-head > span,
.section-ico,
.release-version{
  background:
    radial-gradient(circle at 36% 24%, rgba(255,255,255,.30), transparent 34%),
    linear-gradient(145deg, rgba(var(--accent-rgb), .42), rgba(255,255,255,.045)) !important;
  border-color:rgba(var(--accent-rgb), .54) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.07) inset,
    0 0 30px rgba(var(--accent-rgb), .23),
    0 14px 30px rgba(0,0,0,.22) !important;
}

.tool-mini-features span,
.guide-card-meta span,
.release-tags span{
  min-height:32px !important;
  padding:7px 10px !important;
  border-radius:999px !important;
  background:
    linear-gradient(180deg, rgba(var(--accent-rgb), .13), rgba(255,255,255,.025)),
    rgba(4,9,18,.76) !important;
}

.btn,
.updates-btn,
.chip{
  min-height:44px !important;
  border-radius:15px !important;
}

.btn-accent,
.btn.primary,
.updates-btn-primary,
.friendly-preview-card-main a{
  color:#031018 !important;
  background:
    linear-gradient(135deg, #ffffff 0%, rgba(255,255,255,.72) 3%, var(--accent) 18%, var(--accent2) 100%) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.22) inset,
    0 18px 48px rgba(var(--accent-rgb), .28),
    0 0 44px rgba(var(--accent-rgb), .18) !important;
}

.source-map-visual.source-map-lite{
  background:
    linear-gradient(90deg, rgba(var(--accent-rgb), .095) 1px, transparent 1px),
    linear-gradient(rgba(var(--accent-rgb), .08) 1px, transparent 1px),
    radial-gradient(380px 220px at 50% 45%, rgba(var(--accent-rgb), .22), transparent 70%),
    rgba(4,9,18,.82) !important;
  background-size:38px 38px, 38px 38px, auto, auto !important;
}

.source-lite-core{
  border-radius:50% !important;
  width:138px !important;
  height:138px !important;
}

.source-lite-core strong{
  font-size:22px !important;
}

.source-lite-core span{
  color:rgb(var(--accent-rgb)) !important;
}

@keyframes czSignalSweep{
  0%, 100%{ opacity:.34; transform:scaleX(.42); }
  50%{ opacity:1; transform:scaleX(1); }
}

@media (max-width: 820px), (pointer: coarse), (prefers-reduced-motion: reduce){
  .home-dashboard.home-friendly::after,
  .tools-hero::after,
  .guide-hub-hero::after,
  .updates-hero-v2::after{
    animation:none !important;
    opacity:.45 !important;
  }

  .home-dashboard.home-friendly,
  .tools-hero,
  .guide-hub-hero,
  .updates-hero-v2{
    background-size:72px 72px, 72px 72px, auto, auto, auto !important;
    box-shadow:0 18px 52px rgba(0,0,0,.32), 0 0 0 1px rgba(255,255,255,.04) inset !important;
  }

  .friendly-goal-grid .goal-card::before,
  .friendly-task-list a::before,
  .pick-card::before,
  .authority-card::before,
  .guide-hub-card::before,
  .card.tool-card-enhanced::before,
  .release-card::before{
    width:20px !important;
    height:20px !important;
    opacity:.42 !important;
  }
}

/* v40/v41: restore particles/mouse glow, cleaner card hover, theme-aware premium hover. */
body::before{
  content:"" !important;
  position:fixed !important;
  inset:-55% !important;
  z-index:-4 !important;
  pointer-events:none !important;
  background:
    radial-gradient(900px 540px at var(--cz-mx, 50%) var(--cz-my, 20%), rgba(var(--accent-rgb), .30), transparent 58%),
    radial-gradient(1200px 760px at 10% 0%, rgba(var(--accent-rgb), .13), transparent 62%),
    radial-gradient(1200px 820px at 90% 8%, rgba(var(--accent-rgb), .10), transparent 64%),
    radial-gradient(1500px 960px at 50% 106%, rgba(var(--accent-rgb), .08), transparent 70%) !important;
  filter:blur(56px) !important;
  opacity:.98 !important;
}

body::after{
  content:"" !important;
  position:fixed !important;
  inset:-28% !important;
  z-index:-3 !important;
  pointer-events:none !important;
  background:
    linear-gradient(rgba(var(--accent-rgb), .040) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--accent-rgb), .034) 1px, transparent 1px),
    radial-gradient(circle at var(--cz-mx, 50%) var(--cz-my, 20%), rgba(var(--accent-rgb), .16), transparent 18%) !important;
  background-size:66px 66px, 66px 66px, auto !important;
  opacity:.80 !important;
  mask-image:linear-gradient(to bottom, #000, rgba(0,0,0,.84) 52%, transparent 100%) !important;
}

#clickozParticles{
  display:block !important;
  z-index:-1 !important;
  opacity:1 !important;
  mix-blend-mode:screen !important;
  filter:drop-shadow(0 0 10px rgba(var(--accent-rgb), .28)) !important;
}

#clickozParticles .pidle,
#clickozParticles .pburst{
  background:rgba(var(--accent-rgb), .98) !important;
  box-shadow:
    0 0 18px rgba(var(--accent-rgb), .68),
    0 0 52px rgba(var(--accent-rgb), .30) !important;
}

.cz-orb{
  opacity:.78 !important;
  filter:blur(18px) saturate(130%) !important;
  mix-blend-mode:screen !important;
}

.friendly-goal-grid .goal-card::before,
.friendly-task-list a::before,
.pick-card::before,
.authority-card::before,
.guide-hub-card::before,
.card.tool-card-enhanced::before,
.release-card::before{
  content:"" !important;
  position:absolute !important;
  left:16px !important;
  right:16px !important;
  top:auto !important;
  bottom:12px !important;
  width:auto !important;
  height:2px !important;
  pointer-events:none !important;
  border:0 !important;
  border-radius:999px !important;
  opacity:.42 !important;
  background:linear-gradient(90deg, transparent, rgba(var(--accent-rgb), .62), transparent) !important;
  transform:scaleX(.38) !important;
  transform-origin:center !important;
  transition:opacity .22s ease, transform .22s ease, background .22s ease !important;
}

.friendly-goal-grid .goal-card:hover::before,
.friendly-task-list a:hover::before,
.pick-card:hover::before,
.authority-card:hover::before,
.guide-hub-card:hover::before,
.card.tool-card-enhanced:hover::before,
.release-card:hover::before{
  opacity:.92 !important;
  transform:scaleX(1) !important;
  background:linear-gradient(90deg, transparent, rgba(var(--accent-rgb), .96), rgba(var(--accent-rgb), .62), transparent) !important;
}

.btn-accent:hover,
.btn.primary:hover,
.updates-btn-primary:hover,
.updates-btn.primary:hover,
.friendly-preview-card-main a:hover,
.cookie .primary:hover{
  color:#fff !important;
  border-color:rgba(var(--accent-rgb), .66) !important;
  background:
    radial-gradient(260px 120px at 50% 0%, rgba(255,255,255,.16), transparent 66%),
    linear-gradient(135deg, var(--accent) 0%, var(--accent2) 100%) !important;
  background:
    radial-gradient(260px 120px at 50% 0%, rgba(255,255,255,.18), transparent 66%),
    linear-gradient(135deg,
      color-mix(in srgb, var(--accent) 64%, #020611) 0%,
      color-mix(in srgb, var(--accent) 76%, #020611) 48%,
      color-mix(in srgb, var(--accent2) 78%, #020611) 100%) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.18) inset,
    0 18px 52px rgba(var(--accent-rgb), .28),
    0 0 44px rgba(var(--accent-rgb), .22) !important;
  transform:translateY(-2px) !important;
}

.btn-accent:hover::after,
.btn.primary:hover::after,
.updates-btn-primary:hover::after,
.updates-btn.primary:hover::after,
.friendly-preview-card-main a:hover::after{
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.32), transparent) !important;
}

@media (max-width: 820px), (pointer: coarse), (prefers-reduced-motion: reduce){
  body::before{
    inset:-40% !important;
    filter:blur(42px) !important;
    opacity:.72 !important;
  }

  body::after{
    opacity:.38 !important;
    background-size:86px 86px, 86px 86px, auto !important;
  }

  #clickozParticles{
    display:block !important;
    opacity:.58 !important;
    filter:drop-shadow(0 0 8px rgba(var(--accent-rgb), .18)) !important;
  }

  #clickozParticles .pidle{
    width:2px !important;
    height:2px !important;
    opacity:.34 !important;
    box-shadow:
      0 0 10px rgba(var(--accent-rgb), .45),
      0 0 24px rgba(var(--accent-rgb), .14) !important;
  }

  .cz-orb{
    display:none !important;
  }

  .friendly-goal-grid .goal-card::before,
  .friendly-task-list a::before,
  .pick-card::before,
  .authority-card::before,
  .guide-hub-card::before,
  .card.tool-card-enhanced::before,
  .release-card::before{
    display:none !important;
  }
}

/* v41: theme-aware hover states and lightweight orbital particles. */
@keyframes idleDrift{
  0%{
    transform:translate3d(0,0,0) rotate(0deg) scale(.78);
    opacity:.18;
  }
  45%{
    transform:translate3d(calc(var(--ix) * .76), calc(var(--iy) * .76), 0) rotate(150deg) scale(1);
    opacity:.46;
  }
  72%{
    transform:translate3d(calc(var(--ix) * .32), calc(var(--iy) * -.22), 0) rotate(260deg) scale(.92);
    opacity:.30;
  }
  100%{
    transform:translate3d(0,0,0) rotate(360deg) scale(.78);
    opacity:.18;
  }
}

.pidle{
  animation:
    idleDrift var(--idur) cubic-bezier(.46,0,.24,1) infinite,
    idleTwinkle calc(var(--idur) * .82) ease-in-out infinite !important;
}

html.mobile-perf-mode #clickozParticles{
  display:block !important;
}

html.mobile-perf-mode #spaceParticles{
  display:none !important;
}

html.mobile-perf-mode .pburst{
  display:none !important;
}

.btn-accent,
.btn.primary,
.updates-btn-primary,
.friendly-preview-card-main a{
  transition:
    color .18s ease,
    background .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease !important;
}

.btn-outline:hover,
.btn.ghost:hover,
.updates-btn:hover,
.chip:hover,
.cms-related-links a:hover{
  color:#fff !important;
  border-color:rgba(var(--accent-rgb), .42) !important;
  background:
    radial-gradient(220px 100px at 50% 0%, rgba(255,255,255,.12), transparent 64%),
    rgba(var(--accent-rgb), .16) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.08) inset,
    0 12px 32px rgba(var(--accent-rgb), .16) !important;
  transform:translateY(-1px) !important;
}

/* v42: visible FX layer. Keep particles/glow above the body background and below UI. */
html{
  background:#070b13 !important;
}

body{
  isolation:isolate !important;
}

body::before{
  z-index:0 !important;
  opacity:1 !important;
  background:
    radial-gradient(820px 500px at var(--cz-mx, 50%) var(--cz-my, 22%), rgba(var(--accent-rgb), .34), transparent 56%),
    radial-gradient(1200px 740px at 8% 0%, rgba(var(--accent-rgb), .15), transparent 62%),
    radial-gradient(1200px 820px at 92% 6%, rgba(var(--accent-rgb), .12), transparent 64%),
    radial-gradient(1400px 860px at 50% 105%, rgba(var(--accent-rgb), .09), transparent 70%) !important;
  filter:blur(50px) saturate(1.12) !important;
}

body::after{
  z-index:0 !important;
  opacity:.84 !important;
  background:
    linear-gradient(rgba(var(--accent-rgb), .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--accent-rgb), .038) 1px, transparent 1px),
    radial-gradient(circle at var(--cz-mx, 50%) var(--cz-my, 22%), rgba(var(--accent-rgb), .18), transparent 20%) !important;
  background-size:66px 66px, 66px 66px, auto !important;
}

#clickozParticles,
.__grain,
.cz-neon-grid,
.cz-scanline,
.cz-orb{
  z-index:0 !important;
}

#clickozParticles{
  position:fixed !important;
  inset:0 !important;
  z-index:1 !important;
  display:block !important;
  overflow:hidden !important;
  opacity:1 !important;
  pointer-events:none !important;
  mix-blend-mode:screen !important;
  filter:drop-shadow(0 0 12px rgba(var(--accent-rgb), .34)) !important;
}

#clickozParticles .pidle{
  display:block !important;
  position:absolute !important;
  width:3.2px !important;
  height:3.2px !important;
  border-radius:999px !important;
  background:rgba(var(--accent-rgb), .98) !important;
  opacity:.58 !important;
  box-shadow:
    0 0 16px rgba(var(--accent-rgb), .72),
    0 0 54px rgba(var(--accent-rgb), .28) !important;
}

#clickozParticles .pburst{
  display:none !important;
}

body > :not(#clickozParticles):not(#spaceParticles):not(.__grain):not(.cz-neon-grid):not(.cz-scanline):not(.cz-orb){
  position:relative;
  z-index:2;
}

.nav{
  z-index:80 !important;
}

.m-overlay,
.m-menu,
.cookie{
  z-index:120 !important;
}

@media (max-width: 820px), (pointer: coarse){
  body::before{
    opacity:.72 !important;
    filter:blur(42px) saturate(1.05) !important;
  }

  body::after{
    opacity:.46 !important;
    background-size:86px 86px, 86px 86px, auto !important;
  }

  #clickozParticles{
    opacity:.72 !important;
    filter:drop-shadow(0 0 8px rgba(var(--accent-rgb), .22)) !important;
  }

  #clickozParticles .pidle{
    width:2.1px !important;
    height:2.1px !important;
    opacity:.38 !important;
    box-shadow:
      0 0 10px rgba(var(--accent-rgb), .48),
      0 0 28px rgba(var(--accent-rgb), .16) !important;
  }
}

/* v43: sticky navigation and premium mobile control center. */
:root{
  --navH:76px;
}

html{
  scroll-padding-top:calc(var(--navH) + 18px) !important;
}

body{
  padding-top:0 !important;
}

.nav{
  position:sticky !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  min-height:var(--navH) !important;
  background:
    linear-gradient(180deg, rgba(6,10,18,.92), rgba(6,10,18,.72)) !important;
  border-bottom:1px solid rgba(var(--accent-rgb), .22) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.05) inset,
    0 14px 44px rgba(0,0,0,.34),
    0 0 34px rgba(var(--accent-rgb), .08) !important;
  backdrop-filter:blur(18px) saturate(1.14) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.14) !important;
  transform:none !important;
  z-index:150 !important;
}

.nav::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:-1px !important;
  height:1px !important;
  background:linear-gradient(90deg, transparent, rgba(var(--accent-rgb), .68), transparent) !important;
  opacity:.54 !important;
  pointer-events:none !important;
}

.nav.is-scrolled{
  background:
    linear-gradient(180deg, rgba(5,8,15,.97), rgba(7,11,20,.86)) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.07) inset,
    0 18px 52px rgba(0,0,0,.42),
    0 0 42px rgba(var(--accent-rgb), .13) !important;
}

.nav-inner{
  min-height:var(--navH) !important;
  height:var(--navH) !important;
  padding:0 !important;
}

.burger{
  position:relative !important;
  overflow:hidden !important;
  background:
    radial-gradient(120px 80px at 50% 0%, rgba(var(--accent-rgb), .16), transparent 66%),
    rgba(255,255,255,.055) !important;
  border-color:rgba(var(--accent-rgb), .24) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.05) inset !important;
}

.burger::after{
  content:"" !important;
  position:absolute !important;
  inset:auto 9px 7px !important;
  height:2px !important;
  border-radius:999px !important;
  background:rgba(var(--accent-rgb), .78) !important;
  opacity:.62 !important;
}

.burger:hover,
.burger[aria-expanded="true"]{
  background:
    radial-gradient(140px 90px at 50% 0%, rgba(var(--accent-rgb), .28), transparent 68%),
    rgba(var(--accent-rgb), .12) !important;
  border-color:rgba(var(--accent-rgb), .46) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.08) inset,
    0 16px 36px rgba(var(--accent-rgb), .16) !important;
}

.m-overlay{
  z-index:140 !important;
  background:
    radial-gradient(820px 520px at 78% 0%, rgba(var(--accent-rgb), .16), transparent 60%),
    rgba(0,0,0,.64) !important;
  backdrop-filter:blur(4px) !important;
  -webkit-backdrop-filter:blur(4px) !important;
}

.m-overlay[hidden]{
  display:none !important;
}

.m-menu{
  top:calc(var(--navH) + 10px) !important;
  right:10px !important;
  height:calc(100dvh - var(--navH) - 20px) !important;
  width:min(430px, calc(100vw - 20px)) !important;
  padding:14px !important;
  gap:12px !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  border:1px solid rgba(var(--accent-rgb), .28) !important;
  border-radius:24px !important;
  background:
    radial-gradient(520px 280px at 82% -8%, rgba(var(--accent-rgb), .18), transparent 62%),
    linear-gradient(180deg, rgba(13,18,31,.96), rgba(8,12,22,.92)) !important;
  box-shadow:
    0 24px 80px rgba(0,0,0,.55),
    0 0 0 1px rgba(255,255,255,.05) inset,
    0 0 52px rgba(var(--accent-rgb), .12) !important;
  transform:translateX(calc(100% + 24px)) scale(.985) !important;
  transform-origin:top right !important;
  transition:transform .24s cubic-bezier(.2,.8,.2,1), opacity .18s ease !important;
  opacity:.98 !important;
  z-index:160 !important;
}

.m-menu.open{
  transform:translateX(0) scale(1) !important;
}

.m-head{
  align-items:center !important;
  gap:12px !important;
  padding:2px 2px 14px !important;
  border-bottom:1px solid rgba(var(--accent-rgb), .18) !important;
}

.m-brand{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-width:0 !important;
}

.m-brand-mark{
  width:44px !important;
  height:44px !important;
  flex:0 0 44px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:16px !important;
  border:1px solid rgba(var(--accent-rgb), .34) !important;
  background:
    radial-gradient(circle at 50% 32%, rgba(var(--accent-rgb), .30), transparent 58%),
    rgba(255,255,255,.045) !important;
  color:var(--accent) !important;
  font-family:"Oxanium", "Space Grotesk", system-ui, sans-serif !important;
  font-size:22px !important;
  font-weight:900 !important;
  box-shadow:
    0 0 28px rgba(var(--accent-rgb), .14),
    0 0 0 1px rgba(255,255,255,.05) inset !important;
}

.m-title{
  font-family:"Oxanium", "Space Grotesk", system-ui, sans-serif !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
  font-size:15px !important;
  line-height:1.1 !important;
}

.m-kicker{
  margin-top:4px !important;
  color:rgba(255,255,255,.66) !important;
  font-size:12.5px !important;
  line-height:1.35 !important;
}

.m-close{
  flex:0 0 42px !important;
  border-color:rgba(var(--accent-rgb), .22) !important;
  background:rgba(255,255,255,.055) !important;
  color:#fff !important;
}

.m-close:hover{
  background:rgba(var(--accent-rgb), .16) !important;
  border-color:rgba(var(--accent-rgb), .44) !important;
}

.m-command-card{
  display:grid !important;
  grid-template-columns:44px 1fr !important;
  gap:12px !important;
  align-items:center !important;
  padding:14px !important;
  border-radius:20px !important;
  border:1px solid rgba(var(--accent-rgb), .22) !important;
  background:
    radial-gradient(320px 160px at 20% 0%, rgba(var(--accent-rgb), .18), transparent 68%),
    rgba(255,255,255,.045) !important;
}

.m-command-icon{
  width:44px !important;
  height:44px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:16px !important;
  background:rgba(var(--accent-rgb), .14) !important;
  border:1px solid rgba(var(--accent-rgb), .22) !important;
}

.m-command-card strong{
  display:block !important;
  font-family:"Oxanium", "Space Grotesk", system-ui, sans-serif !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
  font-size:13px !important;
}

.m-command-card p{
  margin:5px 0 0 !important;
  color:rgba(255,255,255,.68) !important;
  font-size:13px !important;
  line-height:1.45 !important;
}

.m-links{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:10px !important;
}

.m-link{
  min-height:58px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  padding:12px !important;
  border-radius:18px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.035)) !important;
  color:rgba(255,255,255,.90) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.03) inset !important;
}

.m-link span{
  width:28px !important;
  height:28px !important;
  flex:0 0 28px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:10px !important;
  background:rgba(var(--accent-rgb), .12) !important;
  border:1px solid rgba(var(--accent-rgb), .18) !important;
  color:var(--accent) !important;
}

.m-link strong{
  font-family:"Oxanium", "Space Grotesk", system-ui, sans-serif !important;
  text-transform:uppercase !important;
  letter-spacing:.035em !important;
  font-size:13px !important;
}

.m-link:hover,
.m-link.active,
.m-link[aria-current="page"]{
  color:#fff !important;
  border-color:rgba(var(--accent-rgb), .46) !important;
  background:
    radial-gradient(180px 90px at 50% 0%, rgba(var(--accent-rgb), .18), transparent 66%),
    rgba(var(--accent-rgb), .10) !important;
  transform:translateY(-1px) !important;
}

.m-quick-grid{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:10px !important;
}

.m-quick-grid a,
.m-quick-grid button{
  min-height:70px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  padding:12px !important;
  text-decoration:none !important;
  text-align:center !important;
  border-radius:18px !important;
  border:1px solid rgba(var(--accent-rgb), .18) !important;
  background:
    radial-gradient(180px 90px at 50% 0%, rgba(var(--accent-rgb), .11), transparent 68%),
    rgba(255,255,255,.04) !important;
  color:inherit !important;
  font:inherit !important;
  cursor:pointer !important;
  -webkit-tap-highlight-color:transparent !important;
}

.m-quick-grid a:hover,
.m-quick-grid button:hover{
  border-color:rgba(var(--accent-rgb), .42) !important;
  background:rgba(var(--accent-rgb), .13) !important;
  transform:translateY(-1px) !important;
}

.m-quick-grid button:focus-visible{
  outline:2px solid rgba(var(--accent-rgb), .72) !important;
  outline-offset:2px !important;
}

.m-quick-grid b{
  font-family:"Oxanium", "Space Grotesk", system-ui, sans-serif !important;
  text-transform:uppercase !important;
  letter-spacing:.05em !important;
  font-size:12px !important;
  color:#fff !important;
}

.m-quick-grid span{
  color:rgba(255,255,255,.64) !important;
  font-size:12.5px !important;
}

.m-block{
  border-radius:20px !important;
  border:1px solid rgba(var(--accent-rgb), .18) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.03)) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.03) inset !important;
}

.m-label{
  font-family:"Oxanium", "Space Grotesk", system-ui, sans-serif !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
  text-align:center !important;
  font-size:12px !important;
  color:rgba(255,255,255,.80) !important;
}

.m-colors{
  display:flex !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
  padding:2px 0 0 !important;
}

.m-lang-block #google_translate_element_mobile,
.m-lang-block #google_translate_native_mobile,
.m-lang-block .cz-lang-select{
  width:100% !important;
}

@media (max-width: 820px), (pointer: coarse){
  :root{
    --navH:66px;
  }

  .nav{
    min-height:var(--navH) !important;
  }

  .nav-inner{
    min-height:var(--navH) !important;
    height:var(--navH) !important;
  }

  .logo-badge{
    width:40px !important;
    height:40px !important;
  }

  .logo-mark{
    width:34px !important;
    height:34px !important;
  }

  .logo-text{
    font-size:17px !important;
  }

  .dot-btn,
  .burger{
    width:42px !important;
    height:42px !important;
  }

  .m-menu{
    top:calc(var(--navH) + 8px) !important;
    right:8px !important;
    width:calc(100vw - 16px) !important;
    height:calc(100dvh - var(--navH) - 16px) !important;
    border-radius:22px !important;
  }
}

@media (max-width: 390px){
  .m-menu{
    padding:12px !important;
  }

  .m-links,
  .m-quick-grid{
    gap:8px !important;
  }

  .m-link{
    min-height:54px !important;
    padding:10px !important;
  }

  .m-link strong{
    font-size:12px !important;
  }
}

/* v44: leaner mobile drawer, larger theme swatches, full-width language select. */
.m-head-minimal{
  justify-content:flex-end !important;
  padding:0 0 6px !important;
  border-bottom:0 !important;
  min-height:42px !important;
}

.m-head-minimal .m-close{
  margin-left:auto !important;
}

.m-head-minimal + .m-command-card{
  margin-top:-2px !important;
}

.m-theme-block{
  padding:14px !important;
}

.m-menu .m-colors,
.m-colors{
  display:grid !important;
  grid-template-columns:repeat(5, 48px) !important;
  justify-content:center !important;
  justify-items:center !important;
  gap:12px !important;
  padding:6px 0 0 !important;
}

.m-menu .m-colors .color-option,
.m-colors .color-option{
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  min-height:46px !important;
  border-width:2px !important;
  border-color:rgba(255,255,255,.18) !important;
  box-shadow:
    0 10px 24px rgba(0,0,0,.24),
    0 0 0 1px rgba(0,0,0,.18) inset !important;
}

.m-menu .m-colors .color-option:hover,
.m-menu .m-colors .color-option.active,
.m-colors .color-option:hover,
.m-colors .color-option.active{
  transform:translateY(-1px) scale(1.04) !important;
  border-color:rgba(255,255,255,.86) !important;
  box-shadow:
    0 0 0 3px rgba(var(--accent-rgb), .16),
    0 16px 34px rgba(var(--accent-rgb), .16),
    0 0 0 1px rgba(0,0,0,.18) inset !important;
}

.m-lang-block{
  overflow:visible !important;
}

.m-lang-block #google_translate_element_mobile{
  display:block !important;
  width:100% !important;
  min-width:100% !important;
  max-width:none !important;
  min-height:50px !important;
  max-height:none !important;
}

.m-lang-block #google_translate_element_mobile .gt-select,
.m-lang-block #google_translate_element_mobile .gt-fallback,
.m-lang-block #google_translate_element_mobile .goog-te-combo{
  display:block !important;
  width:100% !important;
  min-width:100% !important;
  max-width:none !important;
  height:50px !important;
  min-height:50px !important;
  line-height:50px !important;
  box-sizing:border-box !important;
  padding-left:16px !important;
  padding-right:46px !important;
  text-overflow:ellipsis !important;
}

.m-lang-block #google_translate_element_mobile::after{
  right:16px !important;
}

@media (max-width: 390px){
  .m-menu .m-colors,
  .m-colors{
    grid-template-columns:repeat(5, 42px) !important;
    gap:10px !important;
  }

  .m-menu .m-colors .color-option,
  .m-colors .color-option{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    min-height:40px !important;
  }
}

/* v46: compact mobile drawer and subtle accent aurora behind particles. */
@keyframes czAuroraDrift{
  0%{
    transform:translate3d(-1.6%, -1.2%, 0) rotate(-1deg) scale(1.02);
    opacity:.86;
  }
  45%{
    transform:translate3d(1.4%, .8%, 0) rotate(1.2deg) scale(1.05);
    opacity:1;
  }
  100%{
    transform:translate3d(-.4%, 1.8%, 0) rotate(-.6deg) scale(1.03);
    opacity:.90;
  }
}

body::before{
  background:
    radial-gradient(760px 460px at var(--cz-mx, 50%) var(--cz-my, 22%), rgba(var(--accent-rgb), .26), transparent 58%),
    conic-gradient(from 215deg at 50% 32%, transparent 0 12%, rgba(var(--accent-rgb), .10) 18%, transparent 32%, rgba(var(--accent-rgb), .075) 46%, transparent 66%, rgba(255,255,255,.025) 74%, transparent 100%),
    linear-gradient(112deg, transparent 0 16%, rgba(var(--accent-rgb), .070) 28%, transparent 43%, rgba(var(--accent-rgb), .052) 62%, transparent 82%),
    radial-gradient(1200px 760px at 4% 8%, rgba(var(--accent-rgb), .13), transparent 62%),
    radial-gradient(1180px 800px at 96% 10%, rgba(var(--accent-rgb), .10), transparent 64%),
    radial-gradient(1400px 860px at 50% 110%, rgba(var(--accent-rgb), .08), transparent 70%) !important;
  filter:blur(54px) saturate(1.18) !important;
  animation:czAuroraDrift 24s ease-in-out infinite alternate !important;
  will-change:transform, opacity !important;
}

.m-menu{
  height:auto !important;
  max-height:calc(100dvh - var(--navH) - 20px) !important;
}

@media (max-width: 820px), (pointer: coarse){
  body::before{
    animation-duration:34s !important;
    opacity:.72 !important;
    filter:blur(44px) saturate(1.08) !important;
  }

  .m-menu{
    height:auto !important;
    max-height:calc(100dvh - var(--navH) - 16px) !important;
  }
}

@media (prefers-reduced-motion: reduce){
  body::before{
    animation:none !important;
  }
}

/* v47: remove circular stain, replace it with a stronger accent aurora field. */
@keyframes czAuroraFlow{
  0%{
    transform:translate3d(-2%, -1%, 0) skewY(-2deg) scale(1.04);
    background-position:0% 42%, 15% 55%, 80% 35%, 50% 50%;
  }
  50%{
    transform:translate3d(1.5%, .8%, 0) skewY(1.5deg) scale(1.07);
    background-position:54% 46%, 62% 52%, 38% 40%, 50% 50%;
  }
  100%{
    transform:translate3d(-.6%, 1.4%, 0) skewY(-1deg) scale(1.05);
    background-position:100% 40%, 84% 56%, 18% 38%, 50% 50%;
  }
}

body::before{
  background:
    linear-gradient(112deg,
      transparent 0 13%,
      rgba(var(--accent-rgb), .18) 22%,
      rgba(255,255,255,.040) 28%,
      transparent 40%,
      rgba(var(--accent-rgb), .135) 55%,
      transparent 73%),
    linear-gradient(72deg,
      transparent 0 18%,
      rgba(var(--accent-rgb), .105) 34%,
      transparent 50%,
      rgba(var(--accent-rgb), .145) 67%,
      transparent 86%),
    conic-gradient(from 225deg at 48% 42%,
      transparent 0 12%,
      rgba(var(--accent-rgb), .11) 20%,
      transparent 34%,
      rgba(var(--accent-rgb), .080) 49%,
      transparent 66%,
      rgba(255,255,255,.026) 76%,
      transparent 100%),
    radial-gradient(1400px 840px at 50% 105%, rgba(var(--accent-rgb), .09), transparent 72%) !important;
  background-size:180% 180%, 170% 170%, 150% 150%, auto !important;
  opacity:1 !important;
  filter:blur(48px) saturate(1.30) !important;
  animation:czAuroraFlow 28s ease-in-out infinite alternate !important;
}

body::after{
  background:
    linear-gradient(rgba(var(--accent-rgb), .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--accent-rgb), .038) 1px, transparent 1px),
    linear-gradient(118deg,
      transparent 0 16%,
      rgba(var(--accent-rgb), .070) 30%,
      transparent 45%,
      rgba(var(--accent-rgb), .050) 62%,
      transparent 82%) !important;
  background-size:66px 66px, 66px 66px, 180% 180% !important;
  opacity:.92 !important;
}

.cz-orb{
  display:none !important;
}

@media (max-width: 820px), (pointer: coarse){
  body::before{
    opacity:.84 !important;
    filter:blur(44px) saturate(1.18) !important;
    animation-duration:42s !important;
  }

  body::after{
    opacity:.58 !important;
    background-size:86px 86px, 86px 86px, 180% 180% !important;
  }
}

/* v48: desktop nav cleanup, updates hero balance, more visible moving aurora. */
@keyframes czAuroraRibbonShift{
  0%{
    background-position:-28% 34%, 118% 52%, 46% 22%, 50% 100%;
    transform:translate3d(-1.4%, -.8%, 0) skewY(-1.4deg) scale(1.05);
  }
  35%{
    background-position:18% 42%, 76% 45%, 58% 34%, 50% 100%;
  }
  70%{
    background-position:86% 38%, 30% 58%, 42% 46%, 50% 100%;
  }
  100%{
    background-position:124% 46%, -18% 50%, 54% 28%, 50% 100%;
    transform:translate3d(1.3%, 1%, 0) skewY(1.2deg) scale(1.08);
  }
}

@keyframes czAuroraVeilSlide{
  0%{ background-position:0 0, 0 0, -30% 48%; }
  100%{ background-position:66px 66px, 66px 0, 130% 50%; }
}

@media (min-width:981px){
  .burger,
  .m-overlay,
  .m-menu{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
}

@media (max-width:980px){
  .burger{
    display:flex !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  .m-menu{
    display:flex !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
}

body::before{
  background:
    linear-gradient(103deg,
      transparent 0 10%,
      rgba(var(--accent-rgb), .20) 21%,
      rgba(255,255,255,.052) 28%,
      transparent 42%,
      rgba(var(--accent-rgb), .16) 56%,
      transparent 76%),
    linear-gradient(67deg,
      transparent 0 14%,
      rgba(var(--accent-rgb), .13) 31%,
      transparent 49%,
      rgba(var(--accent-rgb), .18) 70%,
      transparent 90%),
    conic-gradient(from 222deg at 48% 40%,
      transparent 0 10%,
      rgba(var(--accent-rgb), .13) 20%,
      transparent 35%,
      rgba(var(--accent-rgb), .10) 51%,
      transparent 68%,
      rgba(255,255,255,.036) 78%,
      transparent 100%),
    radial-gradient(1400px 820px at 50% 105%, rgba(var(--accent-rgb), .11), transparent 72%) !important;
  background-size:230% 210%, 220% 220%, 170% 170%, auto !important;
  opacity:1 !important;
  filter:blur(38px) saturate(1.36) !important;
  animation:czAuroraRibbonShift 16s ease-in-out infinite alternate !important;
}

body::after{
  background:
    linear-gradient(rgba(var(--accent-rgb), .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--accent-rgb), .038) 1px, transparent 1px),
    linear-gradient(112deg,
      transparent 0 12%,
      rgba(var(--accent-rgb), .095) 27%,
      rgba(255,255,255,.026) 34%,
      transparent 47%,
      rgba(var(--accent-rgb), .072) 64%,
      transparent 84%) !important;
  background-size:66px 66px, 66px 66px, 230% 230% !important;
  opacity:.94 !important;
  animation:czAuroraVeilSlide 24s linear infinite !important;
}

body:has(.updates-canvas) .updates-hero-v2{
  max-width:1120px !important;
  margin:clamp(18px, 3vw, 44px) auto clamp(22px, 4vw, 50px) !important;
  padding:clamp(24px, 3vw, 38px) !important;
  grid-template-columns:minmax(0, .95fr) minmax(360px, .85fr) !important;
  gap:clamp(24px, 3.2vw, 44px) !important;
  align-items:center !important;
}

body:has(.updates-canvas) .updates-hero-copy{
  max-width:580px !important;
  text-align:left !important;
}

body:has(.updates-canvas) .updates-title{
  max-width:560px !important;
  width:auto !important;
  font-size:clamp(48px, 5.3vw, 76px) !important;
  line-height:.98 !important;
  letter-spacing:.01em !important;
  text-wrap:balance !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
}

body:has(.updates-canvas) .updates-sub{
  max-width:560px !important;
  font-size:clamp(16px, 1.22vw, 19px) !important;
  line-height:1.72 !important;
}

body:has(.updates-canvas) .updates-actions,
body:has(.updates-canvas) .updates-manifesto{
  justify-content:flex-start !important;
}

body:has(.updates-canvas) .source-command-panel-lite{
  justify-self:end !important;
  max-width:520px !important;
  width:100% !important;
  min-height:390px !important;
}

@media (max-width:980px){
  body:has(.updates-canvas) .updates-hero-v2{
    grid-template-columns:1fr !important;
    padding:22px !important;
  }

  body:has(.updates-canvas) .updates-hero-copy,
  body:has(.updates-canvas) .updates-title,
  body:has(.updates-canvas) .updates-sub{
    max-width:100% !important;
    text-align:center !important;
  }

  body:has(.updates-canvas) .updates-actions,
  body:has(.updates-canvas) .updates-manifesto{
    justify-content:center !important;
  }

  body:has(.updates-canvas) .source-command-panel-lite{
    justify-self:center !important;
    max-width:100% !important;
    min-height:360px !important;
  }
}

@media (max-width:820px), (pointer:coarse){
  body::before{
    animation-duration:24s !important;
    opacity:.88 !important;
    filter:blur(42px) saturate(1.22) !important;
  }

  body::after{
    animation-duration:34s !important;
    opacity:.58 !important;
  }
}

@media (prefers-reduced-motion: reduce){
  body::before,
  body::after{
    animation:none !important;
  }
}

/* v49: workflow cluster + mobile performance */
.workflows-page-shell{
  padding-top:clamp(24px, 4vw, 58px) !important;
}

.workflow-cluster-hero{
  display:grid;
  grid-template-columns:minmax(0, 1.05fr) minmax(340px, .78fr);
  gap:clamp(18px, 3vw, 34px);
  align-items:stretch;
  max-width:1180px;
  margin:0 auto clamp(22px, 4vw, 46px);
  padding:clamp(18px, 3vw, 34px);
  border-radius:30px;
  border:1px solid rgba(var(--accent-rgb), .20);
  background:
    radial-gradient(680px 360px at 0% 0%, rgba(var(--accent-rgb), .18), transparent 68%),
    linear-gradient(145deg, rgba(255,255,255,.070), rgba(255,255,255,.026)),
    rgba(8,13,24,.58);
  box-shadow:0 22px 70px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08);
}

.workflow-hero-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}

.workflow-hero-copy h1{
  margin:8px 0 12px;
  max-width:780px;
  color:rgba(248,252,255,.98);
  font-size:clamp(44px, 6.2vw, 86px);
  line-height:.96;
  letter-spacing:.01em;
  text-transform:uppercase;
  text-wrap:balance;
}

.workflow-hero-copy p:not(.guide-kicker){
  max-width:650px;
  color:rgba(248,252,255,.74);
  font-size:clamp(16px, 1.22vw, 19px);
  line-height:1.72;
}

.workflow-control-card{
  position:relative;
  overflow:hidden;
  min-height:380px;
  padding:22px;
  border-radius:26px;
  border:1px solid rgba(var(--accent-rgb), .22);
  background:
    radial-gradient(280px 180px at 50% 22%, rgba(var(--accent-rgb), .20), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.026)),
    rgba(0,0,0,.18);
  display:grid;
  gap:18px;
  align-content:center;
}

.workflow-control-card::before{
  content:"";
  position:absolute;
  inset:28px;
  border-radius:999px;
  border:1px solid rgba(var(--accent-rgb), .15);
  box-shadow:0 0 0 46px rgba(var(--accent-rgb), .025), 0 0 80px rgba(var(--accent-rgb), .12);
  opacity:.86;
  pointer-events:none;
}

.workflow-core{
  position:relative;
  z-index:1;
  width:132px;
  height:132px;
  margin:0 auto;
  border-radius:31px;
  border:1px solid rgba(var(--accent-rgb), .30);
  background:
    radial-gradient(circle at 35% 25%, rgba(255,255,255,.20), transparent 32%),
    linear-gradient(145deg, rgba(var(--accent-rgb), .30), rgba(255,255,255,.035));
  color:rgba(248,252,255,.96);
  display:grid;
  place-items:center;
  text-align:center;
  font-weight:1000;
  box-shadow:0 18px 44px rgba(var(--accent-rgb), .14);
}

.workflow-core span{
  display:block;
  margin-top:4px;
  color:rgba(248,252,255,.68);
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.workflow-map-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
}

.workflow-map-grid a,
.workflow-symptom-grid a,
.pillar-grid a{
  text-decoration:none;
}

.workflow-map-grid a{
  padding:13px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(0,0,0,.20);
  color:rgba(248,252,255,.86);
  transition:transform .18s ease, border-color .18s ease, background .18s ease;
}

.workflow-map-grid a:hover{
  transform:translateY(-2px);
  border-color:rgba(var(--accent-rgb), .34);
  background:rgba(var(--accent-rgb), .10);
}

.workflow-map-grid b,
.workflow-map-grid span{
  display:block;
}

.workflow-map-grid b{
  color:rgb(var(--accent-rgb));
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.workflow-map-grid span{
  margin-top:6px;
  color:rgba(248,252,255,.78);
  font-size:13.5px;
  line-height:1.35;
}

.workflow-map-note{
  position:relative;
  z-index:1;
  color:rgba(248,252,255,.68);
  font-size:14px;
  line-height:1.62;
  text-align:center;
}

.workflow-lane-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:18px;
  max-width:1180px;
  margin:0 auto clamp(22px, 4vw, 48px);
}

.workflow-lane-card,
.workflow-decision-board,
.workflow-faq-panel{
  border-radius:26px;
  border:1px solid rgba(var(--accent-rgb), .17);
  background:
    radial-gradient(520px 260px at 0% 0%, rgba(var(--accent-rgb), .11), transparent 68%),
    linear-gradient(180deg, rgba(255,255,255,.056), rgba(255,255,255,.020)),
    rgba(8,13,24,.54);
  box-shadow:0 18px 54px rgba(0,0,0,.22);
}

.workflow-lane-card{
  padding:clamp(17px, 2vw, 24px);
}

.workflow-lane-head{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  gap:14px;
  align-items:start;
}

.workflow-lane-head > span{
  min-width:56px;
  height:56px;
  border-radius:18px;
  border:1px solid rgba(var(--accent-rgb), .28);
  background:rgba(var(--accent-rgb), .11);
  color:rgb(var(--accent-rgb));
  display:grid;
  place-items:center;
  font-size:13px;
  font-weight:1000;
  letter-spacing:.08em;
}

.workflow-lane-head h2,
.workflow-decision-board h2,
.workflow-faq-panel h2{
  margin:0;
  color:rgba(248,252,255,.97);
  font-size:clamp(24px, 2.55vw, 36px);
  line-height:1.08;
  text-transform:uppercase;
  letter-spacing:.01em;
}

.workflow-lane-head p,
.workflow-decision-board p{
  margin:9px 0 0;
  color:rgba(248,252,255,.70);
  line-height:1.65;
}

.workflow-step-list{
  display:grid;
  gap:10px;
  margin:18px 0;
  padding:0;
  list-style:none;
}

.workflow-step-list li{
  display:grid;
  grid-template-columns:44px minmax(0, .68fr) minmax(0, 1.32fr);
  gap:12px;
  align-items:center;
  padding:12px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.030);
}

.workflow-step-list b{
  width:34px;
  height:34px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:rgba(var(--accent-rgb), .10);
  color:rgb(var(--accent-rgb));
  font-size:12px;
}

.workflow-step-list strong{
  color:rgba(248,252,255,.92);
  font-size:14px;
  line-height:1.25;
}

.workflow-step-list span{
  color:rgba(248,252,255,.68);
  font-size:13.5px;
  line-height:1.48;
}

.workflow-link-columns{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}

.workflow-link-columns h3{
  margin:0 0 9px;
  color:rgba(248,252,255,.92);
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.workflow-mini-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.workflow-mini-links a{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 11px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.035);
  color:rgba(248,252,255,.78);
  text-decoration:none;
  font-size:12.5px;
  font-weight:850;
}

.workflow-lane-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:center;
  margin-top:18px;
}

.workflow-decision-board,
.workflow-faq-panel{
  max-width:1180px;
  margin:0 auto clamp(22px, 4vw, 48px);
  padding:clamp(18px, 2.5vw, 28px);
}

.workflow-symptom-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:12px;
  margin-top:18px;
}

.workflow-symptom-grid a{
  padding:16px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.032);
}

.workflow-symptom-grid b,
.workflow-symptom-grid span{
  display:block;
}

.workflow-symptom-grid b{
  color:rgba(248,252,255,.92);
  line-height:1.3;
}

.workflow-symptom-grid span{
  margin-top:8px;
  color:rgba(248,252,255,.66);
  font-size:13.5px;
}

.workflow-authority-split{
  max-width:1180px !important;
  margin-inline:auto !important;
}

.workflow-faq-panel details{
  border-radius:18px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.028);
  padding:14px 16px;
}

.workflow-faq-panel details + details{
  margin-top:10px;
}

.workflow-faq-panel summary{
  cursor:pointer;
  color:rgba(248,252,255,.92);
  font-weight:1000;
}

.workflow-faq-panel p{
  margin:10px 0 0;
  color:rgba(248,252,255,.70);
  line-height:1.65;
}

@media (max-width:980px){
  .workflow-cluster-hero,
  .workflow-lane-grid,
  .workflow-link-columns,
  .workflow-symptom-grid{
    grid-template-columns:1fr;
  }

  .workflow-hero-copy,
  .workflow-hero-copy p:not(.guide-kicker){
    text-align:center;
    margin-inline:auto;
  }

  .workflow-hero-copy .dash-actions{
    justify-content:center;
  }

  .workflow-control-card{
    min-height:auto;
  }
}

@media (max-width:680px){
  .workflow-cluster-hero{
    padding:16px;
    border-radius:22px;
  }

  .workflow-hero-copy h1{
    font-size:clamp(34px, 12vw, 54px);
  }

  .workflow-map-grid{
    grid-template-columns:1fr;
  }

  .workflow-lane-head,
  .workflow-step-list li{
    grid-template-columns:1fr;
    text-align:center;
  }

  .workflow-lane-head > span,
  .workflow-step-list b{
    margin-inline:auto;
  }
}

@media (max-width:820px), (pointer:coarse){
  html.mobile-perf-mode body::before{
    animation-duration:32s !important;
    opacity:.70 !important;
    filter:blur(38px) saturate(1.10) !important;
  }

  html.mobile-perf-mode body::after{
    animation-duration:46s !important;
    opacity:.42 !important;
  }

  html.mobile-perf-mode #clickozParticles .pidle:nth-child(n+19){
    display:none !important;
  }
}

/* Guide crash guard: loaded last, so it wins over older visual layers. */
html.guide-stable-mode,
html.guide-stable-mode body{
  scroll-behavior:auto !important;
}

body.page-guide #spaceParticles,
body.page-guide .guide-floating-toc,
body.page-guide .guide-progress-rail,
body.page-guide .back-top{
  display:none !important;
}

body.page-guide #clickozParticles{
  display:block !important;
  opacity:1 !important;
  z-index:-1 !important;
}

body.page-guide #clickozParticles .pidle{
  opacity:var(--palpha, .22) !important;
  box-shadow:
    0 0 14px rgba(var(--accent-rgb), .56),
    0 0 46px rgba(var(--accent-rgb), .22) !important;
}

body.page-guide #clickozParticles .pburst{
  display:none !important;
}

@media (max-width:820px), (pointer:coarse){
  body.page-guide #clickozParticles .pidle:nth-child(n+25){
    display:none !important;
  }
}

body.page-guide{
  background:
    radial-gradient(1100px 620px at 12% 8%, rgba(var(--accent-rgb), .16), transparent 64%),
    radial-gradient(980px 620px at 86% 18%, rgba(var(--accent-rgb), .10), transparent 62%),
    linear-gradient(180deg, rgba(4,10,18,.96), rgba(5,13,22,.98)) !important;
}

body.page-guide::before,
body.page-guide::after{
  animation:none !important;
  pointer-events:none !important;
}

body.page-guide::before{
  opacity:.58 !important;
  filter:blur(46px) saturate(1.16) !important;
  background:
    radial-gradient(720px 360px at 18% 10%, rgba(var(--accent-rgb), .28), transparent 70%),
    radial-gradient(760px 420px at 82% 8%, rgba(var(--accent-rgb), .14), transparent 72%) !important;
}

body.page-guide::after{
  opacity:.30 !important;
  filter:blur(58px) saturate(1.10) !important;
  background:
    radial-gradient(880px 520px at 50% 92%, rgba(var(--accent-rgb), .16), transparent 70%) !important;
}

body.page-guide .cz-neon-grid{
  animation:none !important;
  opacity:.16 !important;
}

body.page-guide .cz-orb{
  animation:none !important;
  opacity:.12 !important;
}

body.page-guide .cz-scanline{
  animation:none !important;
  opacity:0 !important;
}

body.page-guide .guide-premium-hero::before,
body.page-guide .guide-block::before,
body.page-guide .guide-card::before{
  animation:none !important;
  opacity:.14 !important;
}

@media (max-width: 900px), (pointer: coarse){
  body.page-guide .guide-premium-hero,
  body.page-guide .guide-block,
  body.page-guide .guide-card{
    box-shadow:0 12px 28px rgba(0,0,0,.22) !important;
  }
}

/* v53: guides aurora parity with home, without canvas or burst particles. */
body.guides-page,
body.page-guide{
  background:
    linear-gradient(180deg, rgba(4,10,18,.94), rgba(5,13,22,.98)),
    #070b13 !important;
}

body.guides-page::before,
body.page-guide::before{
  background:
    linear-gradient(103deg,
      transparent 0 10%,
      rgba(var(--accent-rgb), .20) 21%,
      rgba(255,255,255,.052) 28%,
      transparent 42%,
      rgba(var(--accent-rgb), .16) 56%,
      transparent 76%),
    linear-gradient(67deg,
      transparent 0 14%,
      rgba(var(--accent-rgb), .13) 31%,
      transparent 49%,
      rgba(var(--accent-rgb), .18) 70%,
      transparent 90%),
    conic-gradient(from 222deg at 48% 40%,
      transparent 0 10%,
      rgba(var(--accent-rgb), .13) 20%,
      transparent 35%,
      rgba(var(--accent-rgb), .10) 51%,
      transparent 68%,
      rgba(255,255,255,.036) 78%,
      transparent 100%),
    radial-gradient(1400px 820px at 50% 105%, rgba(var(--accent-rgb), .11), transparent 72%) !important;
  background-size:230% 210%, 220% 220%, 170% 170%, auto !important;
  opacity:1 !important;
  filter:blur(38px) saturate(1.36) !important;
  animation:czAuroraRibbonShift 16s ease-in-out infinite alternate !important;
  pointer-events:none !important;
}

body.guides-page::after,
body.page-guide::after{
  background:
    linear-gradient(rgba(var(--accent-rgb), .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--accent-rgb), .038) 1px, transparent 1px),
    linear-gradient(112deg,
      transparent 0 12%,
      rgba(var(--accent-rgb), .095) 27%,
      rgba(255,255,255,.026) 34%,
      transparent 47%,
      rgba(var(--accent-rgb), .072) 64%,
      transparent 84%) !important;
  background-size:66px 66px, 66px 66px, 230% 230% !important;
  opacity:.94 !important;
  filter:none !important;
  animation:czAuroraVeilSlide 24s linear infinite !important;
  pointer-events:none !important;
}

body.guides-page #clickozParticles,
body.page-guide #clickozParticles{
  display:block !important;
  opacity:1 !important;
}

body.guides-page .cz-neon-grid,
body.page-guide .cz-neon-grid{
  opacity:.18 !important;
}

body.guides-page .cz-scanline,
body.page-guide .cz-scanline{
  opacity:.10 !important;
  animation:none !important;
}

@media (max-width:820px), (pointer:coarse){
  body.guides-page::before,
  body.page-guide::before{
    opacity:.82 !important;
    filter:blur(42px) saturate(1.18) !important;
    animation-duration:42s !important;
  }

  body.guides-page::after,
  body.page-guide::after{
    opacity:.56 !important;
    background-size:86px 86px, 86px 86px, 230% 230% !important;
    animation:none !important;
  }
}

/* v54: responsive authority layer for phone, tablet, desktop and TV. */
html{
  -webkit-text-size-adjust:100% !important;
  text-size-adjust:100% !important;
}

html,
body{
  min-height:100% !important;
}

body{
  min-height:100dvh !important;
  display:flex !important;
  flex-direction:column !important;
  overflow-x:hidden !important;
  padding-bottom:0 !important;
}

body > main,
main{
  flex:1 0 auto !important;
  min-width:0 !important;
}

html.no-scroll,
html.no-scroll body{
  overflow:hidden !important;
  height:100dvh !important;
  touch-action:none !important;
}

.container{
  width:min(1180px, calc(100% - 32px - env(safe-area-inset-left) - env(safe-area-inset-right))) !important;
  max-width:1180px !important;
}

.nav{
  top:0 !important;
  width:100% !important;
  isolation:isolate !important;
}

.nav-inner{
  width:100% !important;
  min-width:0 !important;
}

.logo,
.nav-actions,
.nav-links{
  min-width:0 !important;
}

.logo-text{
  white-space:nowrap !important;
}

.footer{
  flex-shrink:0 !important;
  margin-top:clamp(30px, 6vw, 76px) !important;
  margin-bottom:0 !important;
  padding-top:clamp(26px, 4vw, 48px) !important;
  padding-bottom:calc(18px + env(safe-area-inset-bottom)) !important;
}

.footer .container[style*="margin-top"]{
  margin-top:12px !important;
}

.footer .footer-grid{
  width:100% !important;
}

@media (min-width:1500px){
  .container{
    width:min(1360px, calc(100% - 72px)) !important;
    max-width:1360px !important;
  }
}

@media (min-width:1101px) and (hover:hover) and (pointer:fine){
  .burger,
  .m-overlay,
  .m-menu{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  .nav-links{
    display:flex !important;
  }

  .nav-actions .dropdown{
    display:block !important;
  }

  #gtNavWrap{
    display:inline-flex !important;
  }
}

@media (max-width:1100px), (pointer:coarse){
  :root{
    --navH:66px !important;
  }

  .container{
    width:min(100% - 24px - env(safe-area-inset-left) - env(safe-area-inset-right), 920px) !important;
  }

  .nav{
    position:sticky !important;
  }

  .nav-inner{
    min-height:var(--navH) !important;
    height:var(--navH) !important;
    padding:0 !important;
    gap:8px !important;
  }

  .logo{
    gap:8px !important;
    flex:1 1 auto !important;
    max-width:calc(100vw - 98px) !important;
  }

  .logo-badge{
    width:40px !important;
    height:40px !important;
    flex:0 0 40px !important;
  }

  .logo-mark{
    width:34px !important;
    height:34px !important;
  }

  .logo-text{
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    font-size:17px !important;
  }

  .nav-links,
  .nav-actions .dropdown,
  #gtNavWrap{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  .spacer{
    display:block !important;
    flex:1 1 auto !important;
  }

  .nav-actions{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    flex:0 0 auto !important;
    margin-left:auto !important;
    gap:8px !important;
  }

  .burger{
    display:inline-flex !important;
    visibility:visible !important;
    pointer-events:auto !important;
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    border-radius:15px !important;
  }

  .m-overlay{
    display:block !important;
    visibility:visible !important;
    position:fixed !important;
    inset:0 !important;
    z-index:1400 !important;
  }

  .m-overlay[hidden]{
    display:none !important;
  }

  .m-menu{
    display:flex !important;
    visibility:visible !important;
    position:fixed !important;
    top:calc(var(--navH) + env(safe-area-inset-top) + 8px) !important;
    right:calc(8px + env(safe-area-inset-right)) !important;
    left:auto !important;
    width:min(430px, calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right))) !important;
    max-width:none !important;
    height:auto !important;
    max-height:calc(100dvh - var(--navH) - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px) !important;
    padding:14px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain !important;
    -webkit-overflow-scrolling:touch !important;
    pointer-events:none !important;
    transform:translate3d(calc(100% + 28px),0,0) scale(.985) !important;
    opacity:0 !important;
    z-index:1500 !important;
  }

  .m-menu.open{
    pointer-events:auto !important;
    transform:translate3d(0,0,0) scale(1) !important;
    opacity:1 !important;
  }

  .m-head{
    position:sticky !important;
    top:0 !important;
    z-index:2 !important;
    background:linear-gradient(180deg, rgba(11,16,28,.96), rgba(11,16,28,.84)) !important;
    backdrop-filter:blur(10px) !important;
    -webkit-backdrop-filter:blur(10px) !important;
  }

  .m-links{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .m-block,
  .m-command-card,
  .m-link,
  .m-quick-grid a,
  .m-quick-grid button{
    min-width:0 !important;
  }

  .m-lang-block{
    margin-bottom:0 !important;
    padding-bottom:14px !important;
  }

  #google_translate_element_mobile{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }

  #google_translate_element_mobile .gt-select,
  #google_translate_element_mobile .gt-fallback,
  #google_translate_element_mobile .goog-te-combo{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    display:block !important;
  }

  .section,
  main.section,
  .tools-shell,
  .guide-hub-shell,
  .updates-shell,
  .guide-article,
  .cms-tool-main{
    padding-top:clamp(16px, 4vw, 30px) !important;
    padding-bottom:clamp(22px, 6vw, 44px) !important;
  }

  main > section + section,
  .section + .section,
  .home-section + .home-section,
  .tool-section + .tool-section,
  .guide-block + .guide-block{
    margin-top:clamp(18px, 5vw, 34px) !important;
  }

  .home-dashboard,
  .friendly-hero-copy,
  .friendly-start-panel,
  .tools-hero,
  .guides-hero,
  .guide-hub-hero,
  .updates-hero,
  .updates-hero-v2,
  .guide-premium-hero,
  .cms-tool-hero,
  .cms-tool-panel,
  .tool-panel,
  .hero-box,
  .updates-box,
  .source-command-panel,
  .quality-board,
  .roadmap-board,
  .seo-clusters-v2,
  .donate-box-v2{
    border-radius:22px !important;
    padding:clamp(16px, 4vw, 24px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    max-width:100% !important;
  }

  .home-dashboard,
  .guide-hub-hero,
  .updates-hero-v2,
  .tools-hero,
  .guide-hero-grid,
  .cms-tool-layout,
  .cms-tool-grid,
  .tool-grid,
  .workflow-cluster-hero{
    grid-template-columns:1fr !important;
    gap:clamp(14px, 4vw, 22px) !important;
  }

  .friendly-goal-grid,
  .friendly-task-list,
  .tools-grid,
  .guide-grid,
  .guide-category-grid,
  .guide-related-grid,
  .guide-problem-grid,
  .guide-option-grid,
  .guide-check-grid,
  .guide-example-grid,
  .guide-playbook-grid,
  .guide-trouble-grid,
  .updates-grid,
  .quality-grid,
  .roadmap-board,
  .tool-standard-grid,
  .tool-info-grid,
  .cms-tool-related-grid,
  .footer-grid{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .dash-actions,
  .updates-actions,
  .tool-actions,
  .cms-tool-actions,
  .picks-actions,
  .donate-actions,
  .seo-cluster-links,
  .premium-link-grid,
  .guide-related-tools{
    width:100% !important;
    justify-content:center !important;
    align-items:center !important;
    gap:10px !important;
  }

  .dash-actions .btn,
  .updates-actions .updates-btn,
  .tool-actions .btn,
  .cms-tool-actions .btn,
  .picks-actions .btn,
  .donate-actions a,
  .seo-cluster-links a,
  .premium-link-grid a{
    min-width:min(100%, 240px) !important;
    justify-content:center !important;
    text-align:center !important;
  }

  input,
  textarea,
  select,
  button,
  .btn,
  .updates-btn{
    font-size:16px !important;
  }

  textarea,
  input,
  select,
  .cms-tool-textarea,
  .cms-tool-input{
    width:100% !important;
    max-width:100% !important;
  }

  img,
  svg,
  canvas,
  video{
    max-width:100% !important;
  }

  .footer{
    margin-top:28px !important;
    padding-top:28px !important;
    padding-bottom:calc(14px + env(safe-area-inset-bottom)) !important;
  }

  .footer .footer-grid{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .footer-grid > div,
  .footer .footer-brand-col,
  .footer .footer-brand-bottom{
    width:100% !important;
    min-height:auto !important;
  }
}

@media (max-width:620px){
  :root{
    --navH:62px !important;
  }

  .container{
    width:min(100% - 20px - env(safe-area-inset-left) - env(safe-area-inset-right), 620px) !important;
  }

  body.bigtext{
    font-size:16px !important;
  }

  .m-menu{
    top:calc(var(--navH) + env(safe-area-inset-top) + 6px) !important;
    right:calc(6px + env(safe-area-inset-right)) !important;
    width:calc(100vw - 12px - env(safe-area-inset-left) - env(safe-area-inset-right)) !important;
    max-height:calc(100dvh - var(--navH) - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 12px) !important;
    padding:12px !important;
    border-radius:20px !important;
  }

  .m-links{
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }

  .m-link{
    min-height:52px !important;
    padding:10px !important;
  }

  .m-command-card{
    grid-template-columns:38px 1fr !important;
    padding:12px !important;
  }

  .m-command-icon{
    width:38px !important;
    height:38px !important;
  }

  .m-menu .m-colors,
  .m-colors{
    grid-template-columns:repeat(5, minmax(38px, 44px)) !important;
    gap:9px !important;
  }

  .m-menu .m-colors .color-option,
  .m-colors .color-option{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    min-height:40px !important;
  }

  .section-title,
  .tools-title,
  .updates-title,
  .guide-article h1,
  .guide-hub-hero h1,
  .home-dashboard h1{
    font-size:clamp(34px, 11vw, 52px) !important;
    line-height:1.02 !important;
    text-align:center !important;
    text-wrap:balance !important;
  }

  .section-sub,
  .updates-sub,
  .guide-lead,
  .dash-lead{
    text-align:center !important;
    max-width:100% !important;
  }

  .footer h4,
  .footer-links,
  .footer-links a{
    text-align:center !important;
    align-items:center !important;
    justify-content:center !important;
  }
}

@media (max-width:390px){
  .container{
    width:min(100% - 16px - env(safe-area-inset-left) - env(safe-area-inset-right), 390px) !important;
  }

  .logo-text{
    font-size:15px !important;
  }

  .m-link strong{
    font-size:11.5px !important;
  }
}

@media (max-height:620px) and (max-width:980px){
  .m-command-card{
    display:none !important;
  }

  .m-menu{
    gap:8px !important;
  }
}

@media (min-width:1600px){
  body{
    font-size:18px !important;
  }

  .nav-inner{
    min-height:78px !important;
  }
}

/* v55: mobile clarity and CMS workflow authority.
   This layer removes old fixed-nav spacing, makes the menu truly device-safe,
   and makes tool outputs easier to understand on first visit. */
html,
body{
  margin:0 !important;
  padding-top:0 !important;
  background-color:#070d18 !important;
}

body{
  padding-top:0 !important;
}

.nav{
  margin-top:0 !important;
}

body > .nav:first-of-type{
  margin-top:0 !important;
}

.cms-tool-workflow{
  align-items:stretch !important;
}

.cms-step-card{
  position:relative !important;
  padding-top:36px !important;
}

.cms-step-card::after{
  position:absolute !important;
  top:12px !important;
  right:14px !important;
  min-height:22px !important;
  padding:5px 8px !important;
  border-radius:999px !important;
  border:1px solid rgba(var(--accent-rgb), .20) !important;
  background:rgba(var(--accent-rgb), .08) !important;
  color:rgba(248,252,255,.72) !important;
  font-size:10.5px !important;
  line-height:1 !important;
  letter-spacing:.08em !important;
  font-weight:1000 !important;
}

.cms-step-card:nth-child(1)::after{ content:"STEP 1" !important; }
.cms-step-card:nth-child(2)::after{ content:"STEP 2" !important; }
.cms-step-card:nth-child(3)::after{ content:"STEP 3" !important; }

.cms-step-card .emoji{
  align-self:start !important;
}

.cms-result-card{
  text-align:center !important;
}

.cms-result-status{
  max-width:48ch !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.cms-output,
.cms-text-output,
.cms-output-pack{
  text-align:left !important;
}

.cms-output-label{
  position:relative !important;
  overflow:hidden !important;
}

.cms-output-label::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:linear-gradient(110deg, transparent, rgba(255,255,255,.055), transparent) !important;
  transform:translateX(-120%) !important;
  animation:cz-soft-scan 5.4s ease-in-out infinite !important;
}

@keyframes cz-soft-scan{
  0%, 60%{ transform:translateX(-120%); opacity:.0; }
  72%{ opacity:.55; }
  100%{ transform:translateX(120%); opacity:0; }
}

.guide-hub-card,
.authority-card,
.goal-card,
.pick-card{
  min-width:0 !important;
}

.guide-hub-card p,
.authority-card p,
.goal-card span,
.pick-card p{
  text-align:left !important;
}

@media (max-width:1100px), (pointer:coarse){
  html,
  body{
    padding-top:0 !important;
    min-height:100dvh !important;
  }

  .nav{
    position:sticky !important;
    top:0 !important;
    margin-top:0 !important;
    transform:none !important;
  }

  .nav::before{
    content:"" !important;
    position:absolute !important;
    inset:-1px 0 auto 0 !important;
    height:1px !important;
    background:rgba(var(--accent-rgb), .24) !important;
    pointer-events:none !important;
  }

  main:first-of-type,
  body > main:first-of-type{
    padding-top:clamp(12px, 3vw, 22px) !important;
  }

  .home-dashboard,
  .guide-hub-hero,
  .updates-hero-v2,
  .cms-tool-hero{
    margin-top:0 !important;
  }

  .cms-tool-title,
  .friendly-hero-copy h1,
  .guide-hub-hero h1,
  .updates-title{
    text-wrap:balance !important;
    word-break:normal !important;
    overflow-wrap:anywhere !important;
  }

  .cms-tool-sub,
  .dash-lead,
  .guide-lead,
  .updates-sub{
    max-width:64ch !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
  }

  .cms-tool-workflow{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .cms-step-card{
    grid-template-columns:42px 1fr !important;
    max-width:100% !important;
    width:100% !important;
    min-width:0 !important;
    padding:34px 12px 13px !important;
  }

  .cms-step-card strong,
  .cms-step-card span:not(.emoji){
    text-align:left !important;
  }

  .cms-result-card{
    position:relative !important;
    top:auto !important;
    margin-top:0 !important;
  }

  .cms-output{
    max-height:none !important;
    min-height:0 !important;
  }

  .cms-output-list span{
    max-height:none !important;
  }

  .friendly-goal-grid,
  .friendly-task-list,
  .authority-grid,
  .guide-hub-grid,
  .picks-grid{
    align-items:stretch !important;
  }
}

@media (max-width:620px){
  body{
    font-size:16px !important;
  }

  .nav-inner{
    width:calc(100% - 18px) !important;
  }

  .logo-badge{
    width:38px !important;
    height:38px !important;
    flex-basis:38px !important;
  }

  .burger{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
  }

  .m-menu{
    top:calc(var(--navH) + 4px) !important;
    right:6px !important;
    width:calc(100vw - 12px) !important;
    max-height:calc(100dvh - var(--navH) - 10px) !important;
  }

  .cms-tool-page,
  .guide-hub-shell,
  .updates-shell{
    padding-top:12px !important;
  }

  .cms-tool-hero{
    margin-bottom:10px !important;
  }

  .cms-tool-title{
    font-size:clamp(30px, 9.6vw, 44px) !important;
  }

  .cms-tool-trust{
    gap:7px !important;
  }

  .cms-pill{
    min-height:36px !important;
    padding:8px 10px !important;
    font-size:12px !important;
  }

  .cms-result-card h3,
  .cms-example-box h3{
    font-size:18px !important;
  }

  .cms-metrics{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .cms-metric{
    padding:10px 8px !important;
  }

  .cms-metric strong{
    font-size:16px !important;
  }

  .cms-output-label{
    flex-direction:column !important;
    align-items:flex-start !important;
  }

  .cms-output-label small{
    text-align:left !important;
  }
}

@media (max-width:390px){
  .cms-metrics{
    grid-template-columns:1fr !important;
  }

  .cms-step-card{
    grid-template-columns:1fr !important;
  }

  .cms-step-card .emoji{
    width:38px !important;
    height:38px !important;
  }
}

/* v56: mobile nav, footer and background stability. */
@media (max-width:1100px), (pointer:coarse){
  html.no-scroll,
  html.no-scroll body{
    overflow:hidden !important;
    height:auto !important;
    touch-action:auto !important;
  }

  .nav{
    z-index:1820 !important;
  }

  .nav .container.nav-inner{
    width:min(920px, calc(100% - 24px - env(safe-area-inset-left) - env(safe-area-inset-right))) !important;
    max-width:920px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    display:grid !important;
    grid-template-columns:auto minmax(24px, 1fr) auto !important;
    align-items:center !important;
    gap:10px !important;
  }

  .nav .logo{
    grid-column:1 !important;
    justify-self:start !important;
    flex:0 1 auto !important;
    max-width:min(58vw, 270px) !important;
  }

  .nav .spacer{
    grid-column:2 !important;
    display:block !important;
    width:100% !important;
    min-width:24px !important;
  }

  .nav .nav-actions{
    grid-column:3 !important;
    justify-self:end !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    margin-left:0 !important;
    gap:0 !important;
  }

  .nav .nav-actions .dropdown,
  .nav .nav-actions #gtNavWrap,
  .nav .nav-actions #gtNavWrap.show{
    display:none !important;
    visibility:hidden !important;
    width:0 !important;
    min-width:0 !important;
    max-width:0 !important;
    overflow:hidden !important;
    pointer-events:none !important;
  }

  .nav .burger{
    margin-left:0 !important;
    transform:none !important;
  }

  .m-overlay{
    z-index:1800 !important;
    opacity:0 !important;
    background:
      radial-gradient(760px 460px at 78% 0%, rgba(var(--accent-rgb), .16), transparent 60%),
      rgba(0,0,0,.58) !important;
    backdrop-filter:blur(5px) !important;
    -webkit-backdrop-filter:blur(5px) !important;
    transition:opacity .18s ease !important;
  }

  .m-overlay.open{
    opacity:1 !important;
  }

  .m-overlay[hidden]{
    display:none !important;
  }

  .m-menu{
    position:fixed !important;
    top:calc(var(--navH) + env(safe-area-inset-top) + 10px) !important;
    right:calc(12px + env(safe-area-inset-right)) !important;
    left:auto !important;
    width:min(390px, calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right))) !important;
    height:auto !important;
    max-height:calc(100dvh - var(--navH) - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px) !important;
    padding:12px !important;
    gap:10px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain !important;
    -webkit-overflow-scrolling:touch !important;
    touch-action:pan-y !important;
    border-radius:22px !important;
    transform:translate3d(0, -10px, 0) scale(.965) !important;
    transform-origin:top right !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    z-index:1810 !important;
    transition:
      opacity .18s ease,
      transform .22s cubic-bezier(.2,.8,.2,1),
      visibility 0s linear .23s !important;
    contain:layout paint !important;
  }

  .m-menu.open,
  .m-menu.closing{
    visibility:visible !important;
  }

  .m-menu.open{
    transform:translate3d(0, 0, 0) scale(1) !important;
    opacity:1 !important;
    pointer-events:auto !important;
    transition:
      opacity .18s ease,
      transform .22s cubic-bezier(.2,.8,.2,1),
      visibility 0s linear 0s !important;
  }

  .m-menu.closing{
    pointer-events:none !important;
  }

  .m-head{
    top:0 !important;
    margin:-2px -2px 0 !important;
    padding:2px 2px 8px !important;
  }

  .m-head-minimal{
    min-height:38px !important;
  }

  .m-command-card{
    padding:12px !important;
  }

  .m-links{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:8px !important;
  }

  .m-link{
    min-height:50px !important;
    padding:10px !important;
  }

  .m-block{
    padding:12px !important;
  }

  .m-menu .m-colors,
  .m-colors{
    grid-template-columns:repeat(5, minmax(36px, 42px)) !important;
    justify-content:center !important;
    gap:8px !important;
  }

  .m-menu .m-colors .color-option,
  .m-colors .color-option{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
  }

  .footer .footer-grid{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    width:min(920px, calc(100% - 24px - env(safe-area-inset-left) - env(safe-area-inset-right))) !important;
    max-width:920px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    gap:18px 14px !important;
    align-items:start !important;
    text-align:left !important;
  }

  .footer .footer-grid > div:not(.footer-brand-col){
    width:auto !important;
    min-width:0 !important;
    min-height:auto !important;
  }

  .footer .footer-grid > div:nth-child(1){ order:1 !important; }
  .footer .footer-grid > div:nth-child(2){ order:2 !important; }
  .footer .footer-grid > div:nth-child(3){ order:3 !important; }
  .footer .footer-grid > div:nth-child(4){ order:4 !important; }

  .footer h4,
  .footer-links,
  .footer-links a{
    text-align:left !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
  }

  .footer h4{
    margin-bottom:9px !important;
    font-size:13px !important;
  }

  .footer-links{
    gap:6px !important;
  }

  .footer-links a{
    width:fit-content !important;
    max-width:100% !important;
    min-height:26px !important;
    line-height:1.22 !important;
    white-space:normal !important;
  }

  .footer .footer-brand-col{
    grid-column:1 / -1 !important;
    order:5 !important;
    width:100% !important;
    min-height:auto !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    margin-top:2px !important;
    padding:0 !important;
  }

  .footer .footer-brand-bottom,
  .footer .footer-brand-bottom:hover{
    width:auto !important;
    max-width:300px !important;
    min-height:auto !important;
    padding:10px 0 6px !important;
    transform:none !important;
    text-align:center !important;
  }

  .footer .footer-brand-bottom .footer-brand-copy em{
    max-width:260px !important;
  }

  .footer .container:not(.footer-grid){
    width:min(920px, calc(100% - 24px - env(safe-area-inset-left) - env(safe-area-inset-right))) !important;
    max-width:920px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    margin-top:10px !important;
    text-align:center !important;
  }

  .footer .sep{
    margin:0 0 12px !important;
  }
}

@media (max-width:620px){
  .nav .container.nav-inner{
    width:calc(100% - 24px - env(safe-area-inset-left) - env(safe-area-inset-right)) !important;
    max-width:none !important;
  }

  .nav .logo{
    max-width:calc(100vw - 92px - env(safe-area-inset-left) - env(safe-area-inset-right)) !important;
  }

  .m-menu{
    top:calc(var(--navH) + env(safe-area-inset-top) + 8px) !important;
    right:calc(12px + env(safe-area-inset-right)) !important;
    width:calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right)) !important;
    max-height:calc(100dvh - var(--navH) - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 22px) !important;
  }

  .footer{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .footer .footer-grid{
    gap:16px 12px !important;
  }
}

@media (max-width:390px){
  .nav .container.nav-inner{
    width:calc(100% - 20px - env(safe-area-inset-left) - env(safe-area-inset-right)) !important;
    grid-template-columns:auto minmax(14px, 1fr) auto !important;
  }

  .m-menu{
    right:calc(10px + env(safe-area-inset-right)) !important;
    width:calc(100vw - 20px - env(safe-area-inset-left) - env(safe-area-inset-right)) !important;
    padding:10px !important;
  }

  .footer .footer-grid{
    gap:15px 10px !important;
  }

  .footer h4{
    font-size:12px !important;
  }

  .footer-links a{
    font-size:12.5px !important;
  }
}

@media (max-width:820px), (pointer:coarse){
  html.mobile-perf-mode #clickozParticles,
  html.mobile-perf-mode .__grain{
    display:block !important;
    visibility:visible !important;
  }

  html.mobile-perf-mode #clickozParticles{
    opacity:.86 !important;
    filter:saturate(1.12) brightness(1.08) !important;
  }

  html.mobile-perf-mode #clickozParticles .pidle:nth-child(n){
    display:block !important;
    animation:idleDrift var(--idur) ease-in-out infinite !important;
    opacity:.48 !important;
  }

  html.mobile-perf-mode .__grain{
    opacity:.075 !important;
  }

  html.mobile-perf-mode body::before{
    background:
      radial-gradient(780px 500px at 18% 8%, rgba(var(--accent-rgb), .22), transparent 66%),
      radial-gradient(820px 540px at 92% 10%, rgba(var(--accent-rgb), .18), transparent 68%),
      linear-gradient(112deg,
        transparent 0 14%,
        rgba(var(--accent-rgb), .11) 31%,
        transparent 49%,
        rgba(var(--accent-rgb), .14) 70%,
        transparent 90%),
      radial-gradient(980px 720px at 50% 112%, rgba(var(--accent-rgb), .12), transparent 74%) !important;
    opacity:.90 !important;
    filter:blur(38px) saturate(1.22) !important;
    animation:czAuroraRibbonShift 28s ease-in-out infinite alternate !important;
  }

  html.mobile-perf-mode body::after{
    background:
      linear-gradient(rgba(var(--accent-rgb), .050) 1px, transparent 1px),
      linear-gradient(90deg, rgba(var(--accent-rgb), .042) 1px, transparent 1px),
      linear-gradient(112deg,
        transparent 0 12%,
        rgba(var(--accent-rgb), .10) 28%,
        rgba(255,255,255,.026) 35%,
        transparent 48%,
        rgba(var(--accent-rgb), .075) 66%,
        transparent 84%) !important;
    background-size:78px 78px, 78px 78px, 220% 220% !important;
    opacity:.62 !important;
    filter:none !important;
    animation:czAuroraVeilSlide 36s linear infinite !important;
  }

  html.mobile-perf-mode .m-menu,
  html.mobile-perf-mode .m-overlay{
    transition-duration:.18s, .22s, 0s !important;
  }
}

/* v57: Browser work memory, command palette and next-step retention. */
.cz-command-open{
  overflow:hidden !important;
}

.cz-command-palette[hidden]{
  display:none !important;
}

.cz-command-palette{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483000 !important;
  color:rgba(248,252,255,.96);
}

.cz-command-backdrop{
  position:absolute;
  inset:0;
  background:rgba(2,8,14,.72);
  backdrop-filter:blur(18px) saturate(1.18);
}

.cz-command-dialog{
  position:relative;
  width:min(860px, calc(100vw - 32px));
  max-height:calc(100dvh - 96px);
  margin:clamp(66px, 10vh, 108px) auto 0;
  border:1px solid rgba(var(--accent-rgb), .30);
  border-radius:8px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.105), rgba(255,255,255,.045)),
    rgba(5,14,23,.96);
  box-shadow:0 28px 90px rgba(0,0,0,.56), 0 0 0 1px rgba(255,255,255,.05) inset;
  overflow:hidden;
}

.cz-command-titlebar{
  display:grid;
  gap:5px;
  padding:16px 16px 8px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.cz-command-titlebar span{
  color:rgb(var(--accent-rgb));
  font:900 11px/1 var(--font-head, "Space Grotesk", system-ui);
  letter-spacing:.12em;
}

.cz-command-titlebar strong{
  color:#fff;
  font:900 clamp(22px, 4vw, 34px)/1 var(--font-head, "Space Grotesk", system-ui);
  letter-spacing:0;
}

.cz-command-titlebar em{
  color:rgba(248,252,255,.54);
  font-style:normal;
  font-size:13px;
}

.cz-command-input-row{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr) auto;
  align-items:center;
  gap:10px;
  padding:14px;
  border-bottom:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
}

.cz-command-input-row > span{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid rgba(var(--accent-rgb), .28);
  border-radius:8px;
  color:rgb(var(--accent-rgb));
  background:rgba(var(--accent-rgb), .10);
  font:800 13px/1 var(--font-head, "Space Grotesk", system-ui);
}

.cz-command-input-row input{
  min-width:0;
  width:100%;
  height:44px;
  border:0;
  outline:0;
  color:rgba(248,252,255,.96);
  background:transparent;
  font:700 clamp(15px, 2vw, 18px)/1.2 var(--font-body, "Space Grotesk", system-ui);
}

.cz-command-input-row input::placeholder{
  color:rgba(248,252,255,.48);
}

.cz-command-input-row button{
  min-height:34px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:8px;
  padding:0 12px;
  color:rgba(248,252,255,.74);
  background:rgba(255,255,255,.055);
  font:800 12px/1 var(--font-head, "Space Grotesk", system-ui);
  cursor:pointer;
}

.cz-command-sections{
  display:grid;
  grid-template-columns:220px minmax(0, 1fr);
  gap:0;
  min-height:330px;
}

.cz-command-memory{
  padding:14px;
  border-right:1px solid rgba(255,255,255,.10);
  background:rgba(0,0,0,.16);
}

.cz-memory-title{
  margin:0 0 10px;
  color:rgba(248,252,255,.52);
  font:800 11px/1 var(--font-head, "Space Grotesk", system-ui);
  letter-spacing:.12em;
  text-transform:uppercase;
}

.cz-command-memory a{
  display:grid;
  gap:4px;
  margin-bottom:8px;
  padding:10px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:8px;
  color:inherit;
  text-decoration:none;
  background:rgba(255,255,255,.045);
}

.cz-command-memory a:hover{
  border-color:rgba(var(--accent-rgb), .36);
  background:rgba(var(--accent-rgb), .10);
}

.cz-command-memory span,
.cz-command-hint{
  color:rgba(248,252,255,.50);
  font-size:12px;
  line-height:1.35;
}

.cz-command-memory strong{
  font:800 13px/1.25 var(--font-head, "Space Grotesk", system-ui);
}

.cz-command-results{
  display:grid;
  align-content:start;
  gap:8px;
  padding:14px;
  max-height:calc(100dvh - 220px);
  overflow:auto;
}

.cz-command-results a{
  display:grid;
  grid-template-columns:106px minmax(0, 1fr);
  gap:4px 14px;
  padding:12px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:8px;
  color:inherit;
  text-decoration:none;
  background:rgba(255,255,255,.045);
}

.cz-command-results a:hover,
.cz-command-results a.is-active{
  border-color:rgba(var(--accent-rgb), .46);
  background:
    linear-gradient(135deg, rgba(var(--accent-rgb), .16), rgba(255,255,255,.055)),
    rgba(255,255,255,.05);
  box-shadow:0 10px 30px rgba(var(--accent-rgb), .12);
}

.cz-command-results a > span{
  grid-row:1 / span 2;
  align-self:center;
  color:rgb(var(--accent-rgb));
  font:800 11px/1.1 var(--font-head, "Space Grotesk", system-ui);
  letter-spacing:.08em;
  text-transform:uppercase;
}

.cz-command-results strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font:850 15px/1.2 var(--font-head, "Space Grotesk", system-ui);
}

.cz-command-results em{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:rgba(248,252,255,.58);
  font-style:normal;
  font-size:13px;
}

.cz-command-results small{
  grid-column:2;
  color:rgba(248,252,255,.50);
  font-size:12px;
  line-height:1.3;
}

.cz-command-empty{
  padding:18px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:8px;
  color:rgba(248,252,255,.62);
  background:rgba(255,255,255,.045);
}

.cz-tools-search-hint{
  margin-top:8px;
  color:rgba(248,252,255,.58);
  font-size:13px;
}

.cz-tools-search-hint kbd{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:24px;
  height:22px;
  margin:0 2px;
  border:1px solid rgba(255,255,255,.16);
  border-bottom-color:rgba(255,255,255,.28);
  border-radius:6px;
  color:rgba(248,252,255,.86);
  background:rgba(255,255,255,.08);
  font:800 11px/1 var(--font-head, "Space Grotesk", system-ui);
}

.tools-page .tool-output-preview{
  display:grid;
  gap:5px;
  margin-top:2px;
  border:1px solid rgba(var(--accent-rgb), .16);
  border-radius:8px;
  padding:10px;
  background:rgba(var(--accent-rgb), .065);
}

.tools-page .tool-output-preview span{
  width:fit-content;
  color:rgb(var(--accent-rgb));
  font:900 11px/1 var(--font-head, "Space Grotesk", system-ui);
  letter-spacing:.08em;
  text-transform:uppercase;
}

.tools-page .tool-output-preview strong{
  color:rgba(248,252,255,.92);
  font-size:13px;
  line-height:1.25;
}

.tools-page .tool-output-preview em{
  color:rgba(248,252,255,.58);
  font-style:normal;
  font-size:12px;
}

.cz-tool-memory-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin-top:18px;
}

.cz-save-tool,
.cz-tool-memory-row .cz-save-tool{
  min-height:38px;
  border:1px solid rgba(var(--accent-rgb), .32);
  border-radius:8px;
  padding:0 14px;
  color:rgb(var(--accent-rgb));
  background:rgba(var(--accent-rgb), .10);
  font:850 13px/1 var(--font-head, "Space Grotesk", system-ui);
  cursor:pointer;
}

.cz-save-tool:hover,
.cz-save-tool.is-saved{
  color:#061018;
  background:rgb(var(--accent-rgb));
  border-color:rgb(var(--accent-rgb));
}

.cz-tool-memory-row span{
  color:rgba(248,252,255,.60);
  font-size:13px;
}

.cz-next-tools{
  width:min(1120px, calc(100% - 36px));
  margin:18px auto clamp(32px, 6vw, 72px);
  padding:clamp(18px, 3vw, 28px);
  border:1px solid rgba(var(--accent-rgb), .20);
  border-radius:8px;
  background:
    linear-gradient(135deg, rgba(var(--accent-rgb), .12), rgba(255,255,255,.04)),
    rgba(6,14,24,.78);
  box-shadow:0 18px 58px rgba(0,0,0,.24);
}

.cz-next-head{
  display:grid;
  gap:8px;
  max-width:680px;
  margin-bottom:18px;
}

.cz-next-head .guide-kicker{
  margin:0;
}

.cz-next-head h2{
  margin:0;
  color:rgba(248,252,255,.96);
  font:850 clamp(24px, 4vw, 40px)/1.02 var(--font-head, "Space Grotesk", system-ui);
}

.cz-next-head span{
  color:rgba(248,252,255,.66);
  line-height:1.55;
}

.cz-next-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:10px;
}

.cz-next-grid a{
  display:grid;
  gap:8px;
  min-height:132px;
  align-content:start;
  padding:14px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:8px;
  color:inherit;
  text-decoration:none;
  background:rgba(255,255,255,.045);
}

.cz-next-grid a:hover{
  border-color:rgba(var(--accent-rgb), .36);
  background:rgba(var(--accent-rgb), .10);
  transform:translateY(-2px);
}

.cz-next-grid strong{
  color:rgba(248,252,255,.94);
  font:850 16px/1.18 var(--font-head, "Space Grotesk", system-ui);
}

.cz-next-grid span{
  color:rgba(248,252,255,.60);
  font-size:13px;
  line-height:1.42;
}

.cz-next-grid em{
  width:fit-content;
  margin-top:2px;
  border:1px solid rgba(var(--accent-rgb), .18);
  border-radius:999px;
  padding:6px 8px;
  color:rgb(var(--accent-rgb));
  background:rgba(var(--accent-rgb), .08);
  font-style:normal;
  font-size:11px;
  font-weight:900;
}

@media (max-width:820px){
  .cz-command-dialog{
    width:calc(100vw - 20px);
    max-height:calc(100dvh - 34px);
    margin:16px auto 0;
  }

  .cz-command-sections{
    grid-template-columns:1fr;
    min-height:0;
  }

  .cz-command-memory{
    display:flex;
    gap:8px;
    overflow:auto;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.10);
  }

  .cz-memory-title,
  .cz-command-hint{
    min-width:130px;
  }

  .cz-command-memory a{
    min-width:176px;
    margin-bottom:0;
  }

  .cz-command-results{
    max-height:calc(100dvh - 198px);
  }

  .cz-command-results a{
    grid-template-columns:1fr;
    gap:5px;
  }

  .cz-command-results a > span{
    grid-row:auto;
  }

  .cz-command-results strong,
  .cz-command-results em,
  .cz-command-results small{
    grid-column:auto;
    white-space:normal;
  }

  .cz-next-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width:520px){
  .cz-command-input-row{
    grid-template-columns:auto minmax(0, 1fr);
  }

  .cz-command-input-row button{
    grid-column:1 / -1;
    justify-self:end;
  }

  .cz-tool-memory-row{
    align-items:flex-start;
  }

  .cz-next-tools{
    width:calc(100% - 24px);
    padding:16px;
  }

  .cz-next-grid{
    grid-template-columns:1fr;
  }
}

/* v58: Workdesk home fold discipline after global CMS centering rules. */
.home-workdesk .cz-workdesk-hero{
  align-items:start !important;
  padding-top:clamp(18px, 3vw, 34px) !important;
}

.home-workdesk .workdesk-copy{
  min-height:auto !important;
  justify-content:flex-start !important;
  padding:clamp(22px, 3.2vw, 38px) !important;
}

.home-workdesk .workdesk-copy::after{
  display:none !important;
}

.home-workdesk .workdesk-copy,
.home-workdesk .live-demo-panel,
.home-workdesk .workbench-trust,
.home-workdesk .local-workbench,
.home-workdesk .quick-jobs-section,
.home-workdesk .daily-utility-section,
.home-workdesk .workflow-pipeline-section,
.home-workdesk .why-use-section{
  border-radius:8px !important;
}

.home-workdesk .workdesk-copy .hero-statusbar{
  justify-content:flex-start !important;
  gap:8px !important;
  max-width:100% !important;
  margin:0 0 18px !important;
}

.home-workdesk .workdesk-copy .hero-statusbar span{
  min-height:32px !important;
  border-radius:8px !important;
  padding:0 10px !important;
  font-size:12px !important;
}

.home-workdesk .workdesk-copy h1{
  max-width:680px !important;
  font-size:clamp(42px, 4.8vw, 58px) !important;
  line-height:.98 !important;
  text-wrap:wrap !important;
}

.home-workdesk .workdesk-lead{
  max-width:640px !important;
  margin-top:14px !important;
  font-size:clamp(16px, 1.35vw, 18px) !important;
  line-height:1.52 !important;
}

.home-workdesk .friction-strip{
  gap:8px !important;
  margin-top:18px !important;
}

.home-workdesk .cz-workdesk-hero > .friction-strip{
  grid-column:1 / -1 !important;
  width:100% !important;
  margin-top:0 !important;
}

.home-workdesk .friction-strip span{
  min-height:72px !important;
  border-radius:8px !important;
  padding:12px !important;
}

.home-workdesk .workdesk-copy .dash-actions{
  justify-content:flex-start !important;
  gap:10px !important;
  margin-top:18px !important;
}

.home-workdesk .live-demo-panel{
  align-self:start !important;
  min-height:620px !important;
  border-radius:8px !important;
}

.home-workdesk .live-demo-tabs button,
.home-workdesk .live-demo-input textarea,
.home-workdesk .live-demo-output,
.home-workdesk .demo-stat-grid span,
.home-workdesk .demo-title-list span,
.home-workdesk .live-demo-actions a,
.home-workdesk .friction-strip span,
.home-workdesk .workbench-trust article,
.home-workdesk .quick-job-list a,
.home-workdesk .desk-tool-card,
.home-workdesk .pipeline-card,
.home-workdesk .why-pillar,
.home-workdesk .local-tool-list a{
  border-radius:8px !important;
}

@media (min-width:981px){
  .home-workdesk .cz-workdesk-hero{
    grid-template-columns:minmax(0, 1fr) minmax(410px, .92fr) !important;
  }

  .home-workdesk .live-demo-output{
    max-height:300px !important;
    overflow:auto !important;
  }
}

@media (max-width:780px){
  .home-workdesk .workdesk-copy .hero-statusbar{
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    justify-content:flex-start !important;
    margin-bottom:14px !important;
    scrollbar-width:none;
  }

  .home-workdesk .workdesk-copy .hero-statusbar::-webkit-scrollbar,
  .home-workdesk .friction-strip::-webkit-scrollbar{
    display:none;
  }

  .home-workdesk .workdesk-copy .hero-statusbar span{
    flex:0 0 auto !important;
  }

  .home-workdesk .workdesk-copy h1{
    font-size:clamp(38px, 11vw, 42px) !important;
    line-height:1 !important;
  }

  .home-workdesk .workdesk-lead{
    margin-top:12px !important;
    font-size:15px !important;
    line-height:1.45 !important;
  }

  .home-workdesk .workdesk-copy .dash-actions{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:8px !important;
    height:auto !important;
    margin-top:14px !important;
  }

  .home-workdesk .workdesk-copy .dash-actions .btn{
    width:100% !important;
    min-width:0 !important;
    min-height:44px !important;
    padding-inline:10px !important;
  }

  .home-workdesk #liveDemoSample{
    display:none !important;
  }

  .home-workdesk .friction-strip{
    display:flex !important;
    grid-template-columns:none !important;
    gap:8px !important;
    overflow-x:auto !important;
    margin-top:14px !important;
    padding-bottom:2px !important;
    scrollbar-width:none;
  }

  .home-workdesk .friction-strip span{
    flex:0 0 172px !important;
    min-height:74px !important;
  }

  .home-workdesk .live-demo-panel{
    min-height:auto !important;
    padding:16px !important;
  }

  .home-workdesk .live-demo-top{
    min-height:36px !important;
    height:auto !important;
    flex-wrap:nowrap !important;
  }

  .home-workdesk .live-demo-top small{
    display:none !important;
  }

  .home-workdesk .demo-sample-chip{
    flex:0 0 auto !important;
    margin-left:auto !important;
  }

  .home-workdesk .live-demo-tabs{
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
    gap:6px !important;
  }

  .home-workdesk .live-demo-tabs button{
    min-height:38px !important;
    padding:0 4px !important;
    font-size:11px !important;
    line-height:1.1 !important;
  }

  .home-workdesk .live-demo-input textarea{
    min-height:118px !important;
  }

  .home-workdesk .live-demo-output{
    min-height:190px !important;
    max-height:260px !important;
    overflow:auto !important;
  }

  .home-workdesk .live-demo-actions{
    min-height:0 !important;
    align-items:flex-start !important;
  }
}

/* v62: focused fold, stronger readability and coherent premium interaction tokens. */
:root{
  --cz-radius-xs: 6px;
  --cz-radius-sm: 8px;
  --cz-radius-md: 12px;
  --cz-radius-lg: 16px;
  --cz-ease-premium: cubic-bezier(.2,.8,.2,1);
  --cz-glow-soft: 0 0 34px rgba(var(--accent-rgb), .105);
  --cz-shadow-lift: 0 18px 48px rgba(0,0,0,.30), 0 0 30px rgba(var(--accent-rgb), .09);
}

body{
  line-height: 1.55;
}

input::placeholder,
textarea::placeholder,
.cz-command-input-row input::placeholder{
  color: rgba(248,252,255,.54) !important;
}

.card p,
.small-card p,
.guide-x p,
.release-card p,
.desk-tool-card p,
.quick-job-grid em,
.pipeline-grid span,
.workbench-trust span,
.local-tool-list span,
.section-sub,
.tools-sub,
.cms-tool-sub{
  color: rgba(248,252,255,.76) !important;
}

.card,
.small-card,
.guide-x,
.release-card,
.desk-tool-card,
.quick-job-grid a,
.pipeline-grid a,
.workbench-trust article,
.local-tool-list a,
.live-demo-panel,
.hero-fix-console,
.cms-tool-app,
.cms-result-card{
  border-color: rgba(255,255,255,.125) !important;
  transition:
    transform .18s var(--cz-ease-premium),
    border-color .18s var(--cz-ease-premium),
    background .18s var(--cz-ease-premium),
    box-shadow .18s var(--cz-ease-premium),
    filter .18s var(--cz-ease-premium) !important;
}

@media (hover:hover) and (pointer:fine){
  .card:hover,
  .small-card:hover,
  .guide-x:hover,
  .release-card:hover,
  .desk-tool-card:hover,
  .quick-job-grid a:hover,
  .pipeline-grid a:hover,
  .workbench-trust article:hover,
  .local-tool-list a:hover{
    transform: translateY(-3px) !important;
    border-color: rgba(var(--accent-rgb), .34) !important;
    box-shadow: var(--cz-shadow-lift) !important;
  }
}

.btn,
button.btn,
.hero-job-chips button,
.live-demo-tabs button,
.demo-sample-chip,
.cms-example-option,
.cms-history-chip{
  transition:
    transform .16s var(--cz-ease-premium),
    border-color .16s var(--cz-ease-premium),
    background .16s var(--cz-ease-premium),
    box-shadow .16s var(--cz-ease-premium),
    filter .16s var(--cz-ease-premium) !important;
}

.btn:hover,
button.btn:hover,
.hero-job-chips button:hover,
.live-demo-tabs button:hover,
.demo-sample-chip:hover{
  transform: translateY(-1px) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.22), 0 0 0 1px rgba(var(--accent-rgb), .14) inset !important;
}

.home-workdesk .cz-workdesk-hero{
  gap: clamp(14px, 2vw, 22px) !important;
}

.home-workdesk .workdesk-copy{
  padding: clamp(20px, 3vw, 34px) !important;
}

.home-workdesk .workdesk-copy h1{
  max-width: 660px !important;
  text-wrap: balance !important;
}

.home-workdesk .workdesk-lead{
  max-width: 540px !important;
  margin-top: 10px !important;
  color: rgba(248,252,255,.66) !important;
  font-size: 15px !important;
  line-height: 1.38 !important;
}

.home-workdesk .hero-command-note{
  margin-top: 8px !important;
  color: rgba(248,252,255,.58) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

.home-workdesk .hero-fix-console{
  margin-top: 18px !important;
  border-radius: var(--cz-radius-lg) !important;
  background:
    radial-gradient(520px 220px at 8% 0%, rgba(var(--accent-rgb), .16), transparent 66%),
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.030)),
    rgba(4,10,23,.76) !important;
  box-shadow: 0 22px 58px rgba(0,0,0,.30), var(--cz-glow-soft) !important;
}

.home-workdesk .hero-fix-console label{
  color: rgba(248,252,255,.96) !important;
}

.home-workdesk .hero-fix-input-row input,
.home-workdesk .live-demo-input textarea,
.home-workdesk .live-demo-output{
  border-color: rgba(255,255,255,.16) !important;
  color: rgba(248,252,255,.95) !important;
  background: rgba(3,9,20,.66) !important;
}

.home-workdesk .hero-job-chips button,
.home-workdesk .live-demo-tabs button{
  border-radius: var(--cz-radius-sm) !important;
  border-color: rgba(var(--accent-rgb), .19) !important;
  color: rgba(248,252,255,.88) !important;
}

.home-workdesk .hero-job-chips button:hover,
.home-workdesk .live-demo-tabs button.active,
.home-workdesk .live-demo-tabs button:hover{
  border-color: rgba(var(--accent-rgb), .38) !important;
  background: rgba(var(--accent-rgb), .13) !important;
}

.home-workdesk .live-demo-panel{
  border-radius: var(--cz-radius-lg) !important;
  background:
    radial-gradient(560px 260px at 18% 0%, rgba(var(--accent-rgb), .16), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.072), rgba(255,255,255,.028)),
    rgba(5,12,26,.80) !important;
  box-shadow: 0 24px 64px rgba(0,0,0,.34), var(--cz-glow-soft) !important;
}

.home-workdesk .friction-strip{
  margin-top: 10px !important;
}

.home-workdesk .workbench-trust,
.home-workdesk .local-workbench,
.home-workdesk .quick-jobs-section,
.home-workdesk .daily-utility-section,
.home-workdesk .workflow-pipeline-section,
.home-workdesk .why-use-section{
  margin-top: clamp(34px, 5vw, 64px) !important;
}

.home-workdesk .desk-tool-card,
.home-workdesk .quick-job-grid a,
.home-workdesk .pipeline-grid a,
.home-workdesk .workbench-trust article,
.home-workdesk .local-tool-list a{
  border-radius: var(--cz-radius-md) !important;
}

.tool-output-preview{
  border-color: rgba(var(--accent-rgb), .18) !important;
  background:
    radial-gradient(260px 110px at 0 0, rgba(var(--accent-rgb), .09), transparent 72%),
    rgba(255,255,255,.030) !important;
}

.tool-output-preview strong,
.tool-output-preview b{
  color: rgba(248,252,255,.95) !important;
}

@media (max-width: 780px){
  .home-workdesk .cz-workdesk-hero{
    padding-top: 10px !important;
    gap: 12px !important;
  }

  .home-workdesk .workdesk-copy{
    padding: 18px !important;
  }

  .home-workdesk .workdesk-copy h1{
    font-size: clamp(34px, 10.4vw, 40px) !important;
    line-height: 1.02 !important;
  }

  .home-workdesk .workdesk-lead{
    display: none !important;
  }

  .home-workdesk .hero-fix-console{
    margin-top: 14px !important;
    padding: 13px !important;
  }

  .home-workdesk .hero-fix-input-row{
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .home-workdesk .hero-fix-input-row input,
  .home-workdesk .hero-fix-input-row .btn{
    min-height: 48px !important;
  }

  .home-workdesk .hero-job-chips{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  .home-workdesk .hero-job-chips button{
    min-height: 40px !important;
    padding: 0 8px !important;
  }

  .home-workdesk .hero-command-note{
    display: none !important;
  }

  .home-workdesk .live-demo-panel{
    padding: 14px !important;
    border-radius: 14px !important;
  }

  .home-workdesk .live-demo-tabs{
    position: sticky;
    top: calc(var(--navH, 72px) + 8px);
    z-index: 2;
    padding: 5px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 12px;
    background: rgba(5,12,26,.78);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }

  .home-workdesk .friction-strip{
    display: none !important;
  }

  .home-workdesk .workbench-trust,
  .home-workdesk .local-workbench,
  .home-workdesk .quick-jobs-section,
  .home-workdesk .daily-utility-section,
  .home-workdesk .workflow-pipeline-section,
  .home-workdesk .why-use-section{
    margin-top: 34px !important;
  }
}

@media (max-width: 620px){
  .footer .footer-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px 12px !important;
    text-align: left !important;
  }

  .footer .footer-brand-col{
    grid-column: 1 / -1 !important;
    justify-content: center !important;
    text-align: center !important;
  }
}

@media (prefers-reduced-motion: reduce){
  .card,
  .small-card,
  .guide-x,
  .release-card,
  .desk-tool-card,
  .quick-job-grid a,
  .pipeline-grid a,
  .btn,
  button.btn{
    transition-duration: .01ms !important;
  }
}
/* v64: CMS box taxonomy final cascade.
   Preserve Clickoz identity while giving Action, Signal, Flow and Support boxes distinct weight. */
body.cms-tool-body .cms-tool-panel.cms-box-action{
  border-color: rgba(var(--accent-rgb), .32) !important;
  background:
    radial-gradient(820px 340px at 12% 0%, rgba(var(--accent-rgb), .18), transparent 64%),
    radial-gradient(620px 300px at 98% 4%, rgba(255,255,255,.07), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
    rgba(5,12,26,.86) !important;
  box-shadow: 0 32px 92px rgba(0,0,0,.46), 0 0 52px rgba(var(--accent-rgb), .12) !important;
}

body.cms-tool-body .cms-tool-app.cms-box-action,
body.cms-tool-body .cms-result-card.cms-box-action{
  border-color: rgba(255,255,255,.13) !important;
  background:
    radial-gradient(520px 240px at 14% 0%, rgba(var(--accent-rgb), .09), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
    rgba(4,10,23,.64) !important;
}

body.cms-tool-body .cms-result-card.cms-box-action.has-output{
  border-color: rgba(var(--accent-rgb), .38) !important;
  box-shadow: 0 22px 58px rgba(0,0,0,.34), 0 0 38px rgba(var(--accent-rgb), .13) !important;
}

body.cms-tool-body .cms-tool-brief.cms-box-signal{
  max-width: 980px !important;
  margin: 14px auto 0 !important;
  gap: 8px !important;
}

body.cms-tool-body .cms-tool-brief.cms-box-signal article,
body.cms-tool-body .cms-job-summary.cms-box-signal article{
  position: relative !important;
  min-height: 76px !important;
  padding: 10px 12px 10px 14px !important;
  border-color: rgba(var(--accent-rgb), .14) !important;
  background:
    linear-gradient(180deg, rgba(var(--accent-rgb), .06), rgba(255,255,255,.018)),
    rgba(255,255,255,.026) !important;
  box-shadow: none !important;
}

body.cms-tool-body .cms-tool-brief.cms-box-signal article::before,
body.cms-tool-body .cms-job-summary.cms-box-signal article::before{
  content:"";
  position:absolute;
  left:0;
  top:12px;
  bottom:12px;
  width:2px;
  border-radius:999px;
  background:linear-gradient(180deg, var(--accent), transparent);
  opacity:.75;
}

body.cms-tool-body .cms-tool-brief.cms-box-signal span,
body.cms-tool-body .cms-job-summary.cms-box-signal span,
body.cms-tool-body .cms-step-card.cms-box-flow span:not(.emoji){
  display:-webkit-box !important;
  -webkit-box-orient:vertical;
  overflow:hidden !important;
}

body.cms-tool-body .cms-tool-brief.cms-box-signal span,
body.cms-tool-body .cms-job-summary.cms-box-signal span{
  -webkit-line-clamp:2;
  color:rgba(248,252,255,.66) !important;
  font-size:13px !important;
  line-height:1.38 !important;
}

body.cms-tool-body .cms-tool-workflow.cms-box-flow{
  margin-top:12px !important;
  gap:8px !important;
}

body.cms-tool-body .cms-step-card.cms-box-flow,
body.cms-tool-body .cms-related-box.cms-box-flow{
  border-color:rgba(var(--accent-rgb), .18) !important;
  background:
    linear-gradient(145deg, rgba(var(--accent-rgb), .052), rgba(255,255,255,.018)),
    rgba(255,255,255,.022) !important;
  box-shadow:none !important;
}

body.cms-tool-body .cms-step-card.cms-box-flow span:not(.emoji){
  -webkit-line-clamp:2;
}

body.cms-tool-body .cms-ops-strip.cms-box-support article,
body.cms-tool-body .cms-info-grid.cms-box-support .cms-info-card{
  border-color:rgba(255,255,255,.085) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.014)),
    rgba(255,255,255,.018) !important;
  box-shadow:none !important;
}

body.cms-tool-body .cms-info-grid.cms-box-support .cms-info-card p,
body.cms-tool-body .cms-ops-strip.cms-box-support p{
  color:rgba(248,252,255,.64) !important;
}

body.cms-tool-body .cms-result-card.cms-box-action .cms-output{
  border-color:rgba(var(--accent-rgb), .16) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02)),
    rgba(1,6,16,.38) !important;
}

body.cms-tool-body .cms-result-hero{
  border-color:rgba(var(--accent-rgb), .25) !important;
  background:
    radial-gradient(520px 220px at 8% 0%, rgba(var(--accent-rgb), .20), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.026)),
    rgba(2,8,18,.40) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
}

@media (max-width: 820px), (pointer: coarse){
  body.cms-tool-body .cms-tool-brief.cms-box-signal,
  body.cms-tool-body .cms-job-summary.cms-box-signal,
  body.cms-tool-body .cms-tool-workflow.cms-box-flow{
    display:flex !important;
    grid-template-columns:none !important;
    overflow-x:auto !important;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }

  body.cms-tool-body .cms-tool-brief.cms-box-signal::-webkit-scrollbar,
  body.cms-tool-body .cms-job-summary.cms-box-signal::-webkit-scrollbar,
  body.cms-tool-body .cms-tool-workflow.cms-box-flow::-webkit-scrollbar{
    display:none;
  }

  body.cms-tool-body .cms-tool-brief.cms-box-signal article,
  body.cms-tool-body .cms-job-summary.cms-box-signal article{
    flex:0 0 min(82vw, 320px) !important;
    scroll-snap-align:start;
  }

  body.cms-tool-body .cms-step-card.cms-box-flow{
    flex:0 0 min(84vw, 330px) !important;
    scroll-snap-align:start;
  }

  body.cms-tool-body .cms-tool-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    flex-wrap:initial !important;
    gap:8px !important;
    position:static !important;
    bottom:auto !important;
    z-index:1 !important;
  }

  body.cms-tool-body .cms-tool-actions .btn.primary{
    grid-column:1 / -1 !important;
  }
}

/* v65: app-friendly mobile shell and faster page-to-tool actions. */
.cms-tool-start-row{
  max-width:960px;
  margin:14px auto 0;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:8px;
}

.cms-tool-start-row a,
.cms-tool-start-row button,
.cms-tool-start-row span{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.12);
  padding:0 12px;
  color:rgba(248,252,255,.78);
  background:rgba(255,255,255,.045);
  text-decoration:none;
  font:850 12.5px/1 var(--font-head, "Space Grotesk", system-ui);
}

.cms-tool-start-row button{
  cursor:pointer;
}

.cms-tool-start-row .cms-start-primary{
  border-color:rgba(var(--accent-rgb), .38);
  color:#061018;
  background:linear-gradient(135deg, var(--accent), var(--accent2));
  box-shadow:0 14px 34px rgba(var(--accent-rgb), .18);
}

.guide-action-strip{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}

.guide-action-strip a{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.12);
  padding:0 12px;
  color:rgba(248,252,255,.82);
  background:rgba(255,255,255,.045);
  text-decoration:none;
  font:850 12.5px/1 var(--font-head, "Space Grotesk", system-ui);
}

.guide-action-strip .guide-action-primary{
  border-color:rgba(var(--accent-rgb), .38);
  color:#061018;
  background:linear-gradient(135deg, var(--accent), var(--accent2));
  box-shadow:0 14px 34px rgba(var(--accent-rgb), .18);
}

.cz-app-dock{
  display:none !important;
}

@media (hover:hover) and (pointer:fine){
  .cms-tool-start-row a:hover,
  .cms-tool-start-row button:hover,
  .guide-action-strip a:hover{
    transform:translateY(-1px);
    border-color:rgba(var(--accent-rgb), .34);
    background:rgba(var(--accent-rgb), .10);
  }

  .cms-tool-start-row .cms-start-primary:hover,
  .guide-action-strip .guide-action-primary:hover{
    background:linear-gradient(135deg, var(--accent), var(--accent2));
    filter:saturate(1.06) brightness(1.04);
  }
}

@media (max-width: 820px), (pointer: coarse){
  html.cz-app-dock-ready body:not(.cms-tool-body){
    padding-bottom:0 !important;
  }

  body.cms-tool-body .cz-app-dock,
  body:not(.cms-tool-body) .cz-app-dock{
    display:none !important;
  }

  .guide-action-strip,
  .cms-tool-start-row{
    flex-wrap:nowrap;
    justify-content:flex-start;
    overflow-x:auto;
    padding-bottom:2px;
    scrollbar-width:none;
    scroll-snap-type:x proximity;
  }

  .guide-action-strip::-webkit-scrollbar,
  .cms-tool-start-row::-webkit-scrollbar{
    display:none;
  }

  .guide-action-strip a,
  .cms-tool-start-row a,
  .cms-tool-start-row button,
  .cms-tool-start-row span{
    flex:0 0 auto;
    scroll-snap-align:start;
    white-space:nowrap;
  }
}

/* v66: final CMS precision cascade for tool, guide and command surfaces. */
body.cms-tool-body{
  --cms-v66-border: rgba(255,255,255,.125);
  --cms-v66-border-strong: rgba(var(--accent-rgb), .34);
  --cms-v66-bg: rgba(4,10,23,.66);
  --cms-v66-bg-soft: rgba(255,255,255,.028);
  --cms-v66-shadow: 0 18px 48px rgba(0,0,0,.30);
  --cms-v66-fast: 160ms cubic-bezier(.2,.8,.2,1);
}

body.cms-tool-body .cms-tool-hero{
  max-width:1060px !important;
  margin-inline:auto !important;
}

body.cms-tool-body .cms-tool-title{
  letter-spacing:0 !important;
  text-wrap:balance !important;
}

body.cms-tool-body .cms-tool-sub{
  max-width:62ch !important;
  color:rgba(248,252,255,.72) !important;
}

body.cms-tool-body .cms-tool-panel.cms-box-action{
  border-color:var(--cms-v66-border-strong) !important;
  background:
    radial-gradient(760px 320px at 10% 0%, rgba(var(--accent-rgb), .18), transparent 68%),
    radial-gradient(520px 260px at 92% 2%, rgba(255,255,255,.08), transparent 68%),
    linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.022)),
    rgba(4,10,23,.84) !important;
  box-shadow:0 34px 92px rgba(0,0,0,.44), 0 0 0 1px rgba(255,255,255,.04) inset !important;
}

body.cms-tool-body .cms-tool-grid{
  gap:clamp(14px, 2vw, 22px) !important;
  align-items:stretch !important;
}

body.cms-tool-body .cms-tool-app.cms-box-action,
body.cms-tool-body .cms-result-card.cms-box-action{
  border:1px solid var(--cms-v66-border) !important;
  border-radius:16px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
    var(--cms-v66-bg) !important;
  box-shadow:var(--cms-v66-shadow), 0 1px 0 rgba(255,255,255,.06) inset !important;
}

body.cms-tool-body [data-tool-app].is-running .cms-tool-app.cms-box-action,
body.cms-tool-body [data-tool-app].is-running .cms-result-card.cms-box-action{
  border-color:rgba(var(--accent-rgb), .44) !important;
}

body.cms-tool-body [data-tool-app].is-running .cms-result-card.cms-box-action{
  box-shadow:0 24px 64px rgba(0,0,0,.36), 0 0 42px rgba(var(--accent-rgb), .14) !important;
}

body.cms-tool-body .cms-tool-brief.cms-box-signal article,
body.cms-tool-body .cms-job-summary.cms-box-signal article{
  border-radius:12px !important;
  min-height:72px !important;
  padding:12px 13px 12px 15px !important;
  transition:border-color var(--cms-v66-fast), background var(--cms-v66-fast), transform var(--cms-v66-fast) !important;
}

body.cms-tool-body .cms-tool-brief.cms-box-signal strong,
body.cms-tool-body .cms-job-summary.cms-box-signal b{
  color:rgba(248,252,255,.94) !important;
  font-size:12px !important;
  letter-spacing:.02em !important;
  text-transform:uppercase !important;
}

body.cms-tool-body .cms-step-card.cms-box-flow,
body.cms-tool-body .cms-related-box.cms-box-flow{
  border-radius:13px !important;
  transition:border-color var(--cms-v66-fast), background var(--cms-v66-fast), transform var(--cms-v66-fast) !important;
}

body.cms-tool-body .cms-example-box,
body.cms-tool-body .cms-form-grid,
body.cms-tool-body .cms-local-history{
  border-radius:13px !important;
}

body.cms-tool-body .cms-example-box pre,
body.cms-tool-body .cms-output{
  border:1px solid rgba(255,255,255,.105) !important;
  border-radius:12px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.040), rgba(255,255,255,.016)),
    rgba(1,6,16,.44) !important;
}

body.cms-tool-body .cms-form-grid input,
body.cms-tool-body .cms-form-grid textarea,
body.cms-tool-body .cms-form-grid select{
  border-color:rgba(255,255,255,.14) !important;
  background:rgba(2,8,18,.62) !important;
  color:rgba(248,252,255,.94) !important;
  transition:border-color var(--cms-v66-fast), box-shadow var(--cms-v66-fast), background var(--cms-v66-fast) !important;
}

body.cms-tool-body .cms-form-grid input::placeholder,
body.cms-tool-body .cms-form-grid textarea::placeholder{
  color:rgba(248,252,255,.44) !important;
}

body.cms-tool-body .cms-form-grid input:focus,
body.cms-tool-body .cms-form-grid textarea:focus,
body.cms-tool-body .cms-form-grid select:focus{
  border-color:rgba(var(--accent-rgb), .58) !important;
  box-shadow:0 0 0 4px rgba(var(--accent-rgb), .13) !important;
  background:rgba(2,8,18,.78) !important;
}

body.cms-tool-body .cms-tool-actions .btn,
body.cms-tool-body .cms-example-option,
body.cms-tool-body .cms-history-chip,
body.cms-tool-body .cms-next-chips a,
.guide-action-strip a,
.cms-tool-start-row a,
.cms-tool-start-row button{
  transition:transform var(--cms-v66-fast), border-color var(--cms-v66-fast), background var(--cms-v66-fast), box-shadow var(--cms-v66-fast), color var(--cms-v66-fast) !important;
}

body.cms-tool-body .cms-tool-actions .btn:focus-visible,
body.cms-tool-body .cms-example-option:focus-visible,
body.cms-tool-body .cms-history-chip:focus-visible,
body.cms-tool-body .cms-next-chips a:focus-visible,
.cz-command-results a:focus-visible,
.cz-command-input-row input:focus-visible{
  outline:0 !important;
  box-shadow:0 0 0 4px rgba(var(--accent-rgb), .16), 0 0 0 1px rgba(var(--accent-rgb), .45) inset !important;
}

body.cms-tool-body .cms-tool-actions .btn[data-busy="true"]{
  color:#061018 !important;
  background:linear-gradient(135deg, var(--accent), var(--accent2)) !important;
  box-shadow:0 18px 42px rgba(var(--accent-rgb), .24) !important;
}

body.cms-tool-body .cms-tool-actions .btn.is-copied{
  border-color:rgba(72,255,171,.45) !important;
  color:rgba(230,255,244,.96) !important;
  background:rgba(72,255,171,.12) !important;
}

body.cms-tool-body .cms-output-label{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:10px !important;
  margin:14px 0 8px !important;
}

body.cms-tool-body .cms-output-label span{
  color:rgba(248,252,255,.96) !important;
  font:850 13px/1.15 var(--font-head, "Space Grotesk", system-ui) !important;
}

body.cms-tool-body .cms-output-label small{
  color:rgba(248,252,255,.52) !important;
  font-size:12px !important;
}

body.cms-tool-body .cms-result-card.cms-box-action.has-output .cms-output{
  border-color:rgba(var(--accent-rgb), .24) !important;
  box-shadow:0 0 0 1px rgba(var(--accent-rgb), .06) inset !important;
}

body.cms-tool-body .cms-output-empty{
  min-height:168px !important;
  display:grid !important;
  align-content:center !important;
  justify-items:center !important;
  gap:7px !important;
  text-align:center !important;
}

body.cms-tool-body .cms-next-action,
body.cms-tool-body .cms-quality-action,
body.cms-tool-body .cms-input-warnings{
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:var(--cms-v66-bg-soft) !important;
}

body.cms-tool-body .cms-input-warnings{
  border-color:rgba(var(--accent-rgb,34,211,238),.30) !important;
  background:rgba(var(--accent-rgb,34,211,238),.075) !important;
}

body.cms-tool-body .cms-tool-feedback{
  border-radius:999px !important;
  backdrop-filter:blur(14px) saturate(1.1) !important;
  -webkit-backdrop-filter:blur(14px) saturate(1.1) !important;
}

.cz-command-dialog{
  border-color:rgba(var(--accent-rgb), .26) !important;
  background:
    radial-gradient(720px 280px at 14% 0%, rgba(var(--accent-rgb), .18), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.026)),
    rgba(4,10,23,.92) !important;
  box-shadow:0 32px 90px rgba(0,0,0,.54), 0 0 0 1px rgba(255,255,255,.05) inset !important;
}

.cz-command-results a,
.cz-command-memory a{
  border-radius:12px !important;
}

.cz-command-results a.is-active,
.cz-command-results a:hover,
.cz-command-memory a:hover{
  border-color:rgba(var(--accent-rgb), .38) !important;
  background:rgba(var(--accent-rgb), .11) !important;
}

@media (hover:hover) and (pointer:fine){
  body.cms-tool-body .cms-tool-brief.cms-box-signal article:hover,
  body.cms-tool-body .cms-step-card.cms-box-flow:hover,
  body.cms-tool-body .cms-related-box.cms-box-flow:hover,
  body.cms-tool-body .cms-example-option:hover,
  body.cms-tool-body .cms-history-chip:hover,
  body.cms-tool-body .cms-next-chips a:hover{
    transform:translateY(-2px) !important;
    border-color:rgba(var(--accent-rgb), .34) !important;
  }
}

@media (max-width: 820px), (pointer: coarse){
  body.cms-tool-body .cms-tool-panel.cms-box-action{
    margin-inline:-2px !important;
    padding:12px !important;
    border-radius:18px !important;
  }

  body.cms-tool-body .cms-tool-grid{
    grid-template-columns:minmax(0, 1fr) !important;
    width:100% !important;
    gap:12px !important;
    overflow:visible !important;
  }

  body.cms-tool-body .cms-tool-app.cms-box-action,
  body.cms-tool-body .cms-result-card.cms-box-action{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    border-radius:15px !important;
    padding:13px !important;
  }

  body.cms-tool-body .cms-output{
    min-height:176px !important;
    max-height:none !important;
  }

  body.cms-tool-body .cms-output-label{
    align-items:flex-start !important;
    flex-direction:column !important;
    gap:4px !important;
  }

  body.cms-tool-body .cms-tool-actions{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) !important;
    border:1px solid rgba(var(--accent-rgb), .18) !important;
    border-radius:16px !important;
    padding:7px !important;
    background:rgba(4,10,23,.82) !important;
    backdrop-filter:blur(14px) saturate(1.12) !important;
    -webkit-backdrop-filter:blur(14px) saturate(1.12) !important;
    box-shadow:0 16px 42px rgba(0,0,0,.34) !important;
  }

  body.cms-tool-body .cms-tool-actions .btn{
    width:100% !important;
    min-width:0 !important;
    min-height:46px !important;
    border-radius:11px !important;
  }

  .cz-command-dialog{
    width:calc(100vw - 20px) !important;
    max-height:calc(100dvh - 24px) !important;
    border-radius:18px !important;
  }
}

@media (prefers-reduced-motion: reduce){
  body.cms-tool-body *,
  .cz-command-dialog,
  .cz-command-results a,
  .cz-command-memory a{
    transition-duration:.01ms !important;
    animation-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
}

/* v67: sequenced examples, run feedback and app-like tool handling. */
body.cms-tool-body{
  --cms-v67-ease: cubic-bezier(.2,.8,.2,1);
  --cms-v67-border: rgba(255,255,255,.11);
  --cms-v67-panel: rgba(255,255,255,.030);
}

body.cms-tool-body .cms-example-sequence{
  margin-top:10px !important;
  padding:10px !important;
  border:1px solid rgba(var(--accent-rgb), .16) !important;
  border-radius:12px !important;
  background:
    radial-gradient(260px 120px at 0 0, rgba(var(--accent-rgb), .12), transparent 72%),
    rgba(255,255,255,.026) !important;
}

body.cms-tool-body .cms-sequence-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  margin-bottom:8px !important;
}

body.cms-tool-body .cms-sequence-head strong{
  color:rgba(248,252,255,.96) !important;
  font:850 12px/1 var(--font-head, "Space Grotesk", system-ui) !important;
  text-transform:uppercase !important;
  letter-spacing:.02em !important;
}

body.cms-tool-body .cms-sequence-head span{
  max-width:46% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:rgba(248,252,255,.58) !important;
  font:800 11.5px/1 var(--font-head, "Space Grotesk", system-ui) !important;
}

body.cms-tool-body .cms-sequence-track{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:7px !important;
}

body.cms-tool-body .cms-sequence-step{
  position:relative !important;
  min-width:0 !important;
  min-height:86px !important;
  display:grid !important;
  align-content:start !important;
  gap:7px !important;
  padding:10px 10px 10px 12px !important;
  border:1px solid rgba(255,255,255,.09) !important;
  border-radius:11px !important;
  background:rgba(3,9,20,.46) !important;
  overflow:hidden !important;
  animation:cmsSequenceIn 420ms var(--cms-v67-ease) both;
  animation-delay:var(--seq-delay, 0ms);
}

body.cms-tool-body .cms-sequence-step::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:2px;
  background:linear-gradient(180deg, var(--accent), transparent);
  opacity:.65;
}

body.cms-tool-body .cms-sequence-step::after{
  content:"";
  position:absolute;
  left:-45%;
  top:0;
  width:35%;
  height:100%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.10), transparent);
  opacity:0;
}

body.cms-tool-body .cms-example-sequence[data-state="loaded"] .cms-sequence-step::after{
  animation:cmsSoftSweep 1450ms var(--cms-v67-ease) both;
  animation-delay:calc(var(--seq-delay, 0ms) + 80ms);
}

body.cms-tool-body .cms-sequence-step b{
  color:rgba(248,252,255,.94) !important;
  font:850 12px/1.12 var(--font-head, "Space Grotesk", system-ui) !important;
}

body.cms-tool-body .cms-sequence-step span{
  display:-webkit-box !important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden !important;
  color:rgba(248,252,255,.62) !important;
  font-size:12.5px !important;
  line-height:1.34 !important;
}

body.cms-tool-body .cms-run-meter{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:6px !important;
  margin-top:9px !important;
}

body.cms-tool-body .cms-run-meter span{
  min-width:0 !important;
  min-height:34px !important;
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  padding:0 9px !important;
  border:1px solid rgba(255,255,255,.085) !important;
  border-radius:999px !important;
  color:rgba(248,252,255,.54) !important;
  background:rgba(255,255,255,.022) !important;
  font:850 11.5px/1 var(--font-head, "Space Grotesk", system-ui) !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  transition:background 180ms var(--cms-v67-ease), border-color 180ms var(--cms-v67-ease), color 180ms var(--cms-v67-ease), transform 180ms var(--cms-v67-ease) !important;
}

body.cms-tool-body .cms-run-meter i{
  width:7px !important;
  height:7px !important;
  flex:0 0 auto !important;
  border-radius:999px !important;
  background:rgba(248,252,255,.28) !important;
}

body.cms-tool-body .cms-run-meter span.is-active{
  border-color:rgba(var(--accent-rgb), .28) !important;
  color:rgba(248,252,255,.86) !important;
  background:rgba(var(--accent-rgb), .09) !important;
}

body.cms-tool-body .cms-run-meter span.is-active i{
  background:var(--accent) !important;
  box-shadow:0 0 0 5px rgba(var(--accent-rgb), .11) !important;
}

body.cms-tool-body .cms-run-meter[data-state="running"] span.is-active i{
  animation:cmsPulseDot 900ms ease-in-out infinite;
}

body.cms-tool-body [data-tool-app].is-running .cms-tool-app.cms-box-action::after,
body.cms-tool-body [data-tool-app].is-running .cms-result-card.cms-box-action::after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  top:0;
  height:1px;
  background:linear-gradient(90deg, transparent, var(--accent), transparent);
  animation:cmsTopScan 1100ms var(--cms-v67-ease) infinite;
  opacity:.78;
}

body.cms-tool-body .cms-tool-app.cms-box-action,
body.cms-tool-body .cms-result-card.cms-box-action{
  position:relative !important;
  overflow:hidden !important;
}

body.cms-tool-body .cms-result-card.cms-result-updated .cms-output{
  animation:cmsOutputSettle 340ms var(--cms-v67-ease) both;
}

body.cms-tool-body .cms-output-cards article,
body.cms-tool-body .cms-quality-card,
body.cms-tool-body .cms-output-list{
  transition:transform 170ms var(--cms-v67-ease), border-color 170ms var(--cms-v67-ease), background 170ms var(--cms-v67-ease) !important;
}

body.cms-tool-body .cms-output-cards article:hover,
body.cms-tool-body .cms-quality-card:hover,
body.cms-tool-body .cms-output-list:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(var(--accent-rgb), .26) !important;
  background:rgba(var(--accent-rgb), .055) !important;
}

body.cms-tool-body .cms-tool-trust .cms-pill,
body.cms-tool-body .cms-related-links a,
.tool-card-enhanced{
  transition:transform 170ms var(--cms-v67-ease), border-color 170ms var(--cms-v67-ease), background 170ms var(--cms-v67-ease), box-shadow 170ms var(--cms-v67-ease) !important;
}

body.cms-tool-body .cms-tool-trust .cms-pill:hover,
body.cms-tool-body .cms-related-links a:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(var(--accent-rgb), .32) !important;
}

@keyframes cmsSequenceIn{
  from{ opacity:0; transform:translateY(8px); }
  to{ opacity:1; transform:translateY(0); }
}

@keyframes cmsSoftSweep{
  0%{ opacity:0; transform:translateX(0); }
  18%{ opacity:.9; }
  100%{ opacity:0; transform:translateX(420%); }
}

@keyframes cmsPulseDot{
  0%,100%{ transform:scale(1); box-shadow:0 0 0 4px rgba(var(--accent-rgb), .10); }
  50%{ transform:scale(1.18); box-shadow:0 0 0 8px rgba(var(--accent-rgb), .05); }
}

@keyframes cmsTopScan{
  0%{ transform:translateX(-65%); opacity:.25; }
  50%{ opacity:.85; }
  100%{ transform:translateX(65%); opacity:.25; }
}

@keyframes cmsOutputSettle{
  from{ opacity:.72; transform:translateY(5px) scale(.992); }
  to{ opacity:1; transform:translateY(0) scale(1); }
}

@media (max-width: 820px), (pointer: coarse){
  body.cms-tool-body .cms-example-sequence{
    padding:9px !important;
  }

  body.cms-tool-body .cms-sequence-track{
    display:flex !important;
    overflow-x:auto !important;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }

  body.cms-tool-body .cms-sequence-track::-webkit-scrollbar{
    display:none;
  }

  body.cms-tool-body .cms-sequence-step{
    flex:0 0 min(78vw, 270px) !important;
    min-height:92px !important;
    scroll-snap-align:start;
  }

  body.cms-tool-body .cms-run-meter{
    grid-template-columns:1fr !important;
    gap:5px !important;
  }

  body.cms-tool-body .cms-run-meter span{
    min-height:32px !important;
  }

  body.cms-tool-body .cms-example-box pre{
    max-height:170px !important;
    overflow:auto !important;
  }

  body.cms-tool-body .cms-local-history{
    margin-top:10px !important;
  }
}

@media (max-width: 520px){
  body.cms-tool-body .cms-sequence-head{
    align-items:flex-start !important;
    flex-direction:column !important;
    gap:4px !important;
  }

  body.cms-tool-body .cms-sequence-head span{
    max-width:100% !important;
  }
}

@media (prefers-reduced-motion: reduce){
  body.cms-tool-body .cms-sequence-step,
  body.cms-tool-body .cms-example-sequence[data-state="loaded"] .cms-sequence-step::after,
  body.cms-tool-body .cms-run-meter[data-state="running"] span.is-active i,
  body.cms-tool-body [data-tool-app].is-running .cms-tool-app.cms-box-action::after,
  body.cms-tool-body [data-tool-app].is-running .cms-result-card.cms-box-action::after,
  body.cms-tool-body .cms-result-card.cms-result-updated .cms-output{
    animation:none !important;
  }
}

/* v68: reduce tool clutter, make the app surface primary, and turn guides into clearer tutorials. */
body.cms-tool-body .cms-tool-hero{
  padding-bottom:clamp(8px, 2vw, 18px) !important;
}

body.cms-tool-body .cms-tool-sub{
  max-width:54ch !important;
}

body.cms-tool-body .cms-tool-trust{
  gap:6px !important;
}

body.cms-tool-body .cms-tool-trust .cms-pill{
  min-height:30px !important;
  padding:0 9px !important;
  font-size:11.5px !important;
}

body.cms-tool-body .cms-tool-intent{
  max-width:980px !important;
  margin:12px auto 0 !important;
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:8px !important;
}

body.cms-tool-body .cms-tool-intent span{
  min-width:0 !important;
  min-height:58px !important;
  display:grid !important;
  align-content:center !important;
  gap:4px !important;
  padding:10px 12px !important;
  border:1px solid rgba(255,255,255,.095) !important;
  border-radius:12px !important;
  color:rgba(248,252,255,.62) !important;
  background:rgba(255,255,255,.024) !important;
  font-size:12.5px !important;
  line-height:1.28 !important;
}

body.cms-tool-body .cms-tool-intent b{
  display:block !important;
  color:rgba(248,252,255,.94) !important;
  font:850 11px/1 var(--font-head, "Space Grotesk", system-ui) !important;
  text-transform:uppercase !important;
  letter-spacing:.025em !important;
}

body.cms-tool-body .cms-tool-brief,
body.cms-tool-body .cms-tool-workflow,
body.cms-tool-body .cms-job-summary{
  display:none !important;
}

body.cms-tool-body .cms-tool-panel.cms-box-action{
  margin-top:clamp(16px, 3vw, 26px) !important;
}

body.cms-tool-body .cms-example-box{
  padding:12px !important;
}

body.cms-tool-body .cms-example-box h3{
  margin-bottom:8px !important;
  font-size:13px !important;
}

body.cms-tool-body .cms-example-box pre{
  min-height:68px !important;
  max-height:118px !important;
  padding:11px !important;
  font-size:12.5px !important;
  line-height:1.36 !important;
  overflow:auto !important;
}

body.cms-tool-body .cms-example-sequence{
  margin-top:8px !important;
  padding:8px !important;
}

body.cms-tool-body .cms-sequence-head{
  margin-bottom:6px !important;
}

body.cms-tool-body .cms-sequence-track{
  display:flex !important;
  gap:6px !important;
}

body.cms-tool-body .cms-sequence-step{
  min-height:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:7px 9px !important;
  border-radius:999px !important;
  flex:1 1 0 !important;
  background:rgba(3,9,20,.38) !important;
}

body.cms-tool-body .cms-sequence-step b{
  font-size:11.5px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

body.cms-tool-body .cms-sequence-step span,
body.cms-tool-body .cms-sequence-step::before{
  display:none !important;
}

body.cms-tool-body .cms-local-history[hidden]{
  display:none !important;
}

body.cms-tool-body .cms-local-history{
  display:block !important;
  margin-top:9px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

body.cms-tool-body .cms-local-history summary{
  min-height:34px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  padding:0 11px !important;
  border:1px solid rgba(255,255,255,.09) !important;
  border-radius:10px !important;
  color:rgba(248,252,255,.72) !important;
  background:rgba(255,255,255,.025) !important;
  cursor:pointer !important;
}

body.cms-tool-body .cms-local-history summary strong,
body.cms-tool-body .cms-local-history summary span{
  margin:0 !important;
  font-size:11.5px !important;
}

body.cms-tool-body .cms-history-items{
  margin-top:7px !important;
}

body.cms-tool-body .cms-shortcut-row{
  display:none !important;
}

body.cms-tool-body .cms-tool-actions{
  margin-top:12px !important;
}

body.cms-tool-body .cms-run-meter{
  display:flex !important;
  justify-content:flex-end !important;
  margin-top:7px !important;
}

body.cms-tool-body .cms-run-meter span{
  flex:0 0 auto !important;
  min-height:28px !important;
  max-width:100% !important;
  padding:0 10px !important;
  font-size:11.5px !important;
}

body.cms-tool-body .cms-result-card h3{
  margin-bottom:5px !important;
}

body.cms-tool-body .cms-result-status{
  margin-bottom:10px !important;
}

body.cms-tool-body .cms-output-label{
  margin-top:10px !important;
}

body.cms-tool-body .cms-next-action{
  margin-top:10px !important;
  padding:11px !important;
}

body.cms-tool-body .cms-quality-action{
  margin-top:8px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

body.cms-tool-body .cms-quality-action summary{
  min-height:34px !important;
  display:flex !important;
  align-items:center !important;
  padding:0 11px !important;
  border:1px solid rgba(255,255,255,.09) !important;
  border-radius:10px !important;
  color:rgba(248,252,255,.70) !important;
  background:rgba(255,255,255,.024) !important;
  cursor:pointer !important;
  font:850 11.5px/1 var(--font-head, "Space Grotesk", system-ui) !important;
}

body.cms-tool-body .cms-quality-action ul{
  margin:7px 0 0 !important;
  padding:0 !important;
}

body.cms-tool-body .cms-tool-continue{
  max-width:1080px !important;
  margin:clamp(18px, 3vw, 28px) auto 0 !important;
}

body.cms-tool-body .cms-tool-notes{
  max-width:980px !important;
  margin:clamp(18px, 3vw, 30px) auto 0 !important;
  display:grid !important;
  gap:8px !important;
}

body.cms-tool-body .cms-tool-notes details{
  border:1px solid rgba(255,255,255,.085) !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.020) !important;
}

body.cms-tool-body .cms-tool-notes summary{
  min-height:42px !important;
  display:flex !important;
  align-items:center !important;
  padding:0 13px !important;
  color:rgba(248,252,255,.86) !important;
  cursor:pointer !important;
  font:850 13px/1 var(--font-head, "Space Grotesk", system-ui) !important;
}

body.cms-tool-body .cms-tool-notes p{
  margin:0 !important;
  padding:0 13px 13px !important;
  color:rgba(248,252,255,.62) !important;
  font-size:13px !important;
  line-height:1.45 !important;
}

.page-guide .guide-shell{
  counter-reset:guideStep;
}

.page-guide .guide-block{
  position:relative !important;
}

.page-guide .guide-block > h2{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}

.page-guide .guide-block > h2::before{
  counter-increment:guideStep;
  content:counter(guideStep, decimal-leading-zero);
  min-width:34px;
  height:26px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(var(--accent-rgb), .22);
  border-radius:999px;
  color:var(--accent);
  background:rgba(var(--accent-rgb), .08);
  font:850 11px/1 var(--font-head, "Space Grotesk", system-ui);
}

.page-guide .guide-tutorial-map{
  border-color:rgba(var(--accent-rgb), .24) !important;
  background:
    radial-gradient(520px 220px at 0 0, rgba(var(--accent-rgb), .11), transparent 70%),
    rgba(255,255,255,.026) !important;
}

.page-guide .guide-tutorial-steps{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:10px;
  margin:16px 0 0;
  padding:0;
  list-style:none;
}

.page-guide .guide-tutorial-steps li{
  min-width:0;
  padding:13px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  background:rgba(3,9,20,.34);
}

.page-guide .guide-tutorial-steps b{
  display:block;
  color:rgba(248,252,255,.94);
  margin-bottom:6px;
}

.page-guide .guide-tutorial-steps span{
  color:rgba(248,252,255,.62);
  font-size:13px;
  line-height:1.42;
}

@media (max-width: 820px), (pointer: coarse){
  body.cms-tool-body .cms-tool-intent{
    display:flex !important;
    overflow-x:auto !important;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }

  body.cms-tool-body .cms-tool-intent::-webkit-scrollbar{
    display:none;
  }

  body.cms-tool-body .cms-tool-intent span{
    flex:0 0 min(78vw, 300px) !important;
    scroll-snap-align:start;
  }

  body.cms-tool-body .cms-tool-panel.cms-box-action{
    margin-top:14px !important;
  }

  body.cms-tool-body .cms-example-box pre{
    max-height:104px !important;
  }

  body.cms-tool-body .cms-sequence-step{
    flex:0 0 auto !important;
    min-width:82px !important;
  }

  body.cms-tool-body .cms-run-meter{
    justify-content:flex-start !important;
  }

  body.cms-tool-body .cms-tool-continue{
    grid-template-columns:1fr !important;
  }

  .page-guide .guide-tutorial-steps{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }

  .page-guide .guide-tutorial-steps::-webkit-scrollbar{
    display:none;
  }

  .page-guide .guide-tutorial-steps li{
    flex:0 0 min(82vw, 310px);
    scroll-snap-align:start;
  }
}

/* v70: one coherent tool guidance layer, no duplicated lower boxes or clipped copy. */
body.cms-tool-body .cms-tool-continue,
body.cms-tool-body .cms-tool-notes{
  display:none !important;
}

body.cms-tool-body .cms-tool-guide-panel{
  text-align:left !important;
}

body.cms-tool-body .cms-tool-guide-grid span,
body.cms-tool-body .cms-tool-guide-more-grid span,
body.cms-tool-body .cms-tool-faq-grid span{
  display:block !important;
  overflow:visible !important;
  -webkit-line-clamp:unset !important;
  -webkit-box-orient:initial !important;
}

body.cms-tool-body .cms-tool-guide-more-grid{
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
}

body.cms-tool-body .cms-tool-faq-grid{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:8px !important;
  margin-top:9px !important;
}

body.cms-tool-body .cms-tool-faq-grid article{
  min-width:0 !important;
  display:grid !important;
  gap:6px !important;
  align-content:start !important;
  padding:12px !important;
  border:1px solid rgba(255,255,255,.085) !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.020) !important;
  transition:transform .18s ease, border-color .18s ease, background .18s ease !important;
}

body.cms-tool-body .cms-tool-faq-grid b,
body.cms-tool-body .cms-tool-guide-links b{
  color:rgba(248,252,255,.92) !important;
  font:850 11.5px/1.1 var(--font-head, "Space Grotesk", system-ui) !important;
  letter-spacing:.025em !important;
  text-transform:uppercase !important;
}

body.cms-tool-body .cms-tool-faq-grid span{
  color:rgba(248,252,255,.62) !important;
  font-size:12.8px !important;
  line-height:1.42 !important;
}

body.cms-tool-body .cms-tool-guide-links{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:8px !important;
  margin-top:8px !important;
}

body.cms-tool-body .cms-tool-guide-links > div{
  min-width:0 !important;
  padding:12px !important;
  border:1px solid rgba(255,255,255,.085) !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.020) !important;
}

body.cms-tool-body .cms-tool-guide-links nav{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:7px !important;
  margin-top:9px !important;
}

body.cms-tool-body .cms-tool-guide-links a{
  min-height:34px !important;
  display:inline-flex !important;
  align-items:center !important;
  max-width:100% !important;
  padding:0 10px !important;
  border:1px solid rgba(var(--accent-rgb), .20) !important;
  border-radius:999px !important;
  color:rgba(248,252,255,.82) !important;
  background:rgba(var(--accent-rgb), .060) !important;
  font:800 12px/1.1 var(--font-head, "Space Grotesk", system-ui) !important;
  text-decoration:none !important;
}

@media (hover:hover) and (pointer:fine){
  body.cms-tool-body .cms-tool-faq-grid article:hover{
    transform:translateY(-1px) !important;
    border-color:rgba(var(--accent-rgb), .24) !important;
    background:rgba(var(--accent-rgb), .048) !important;
  }

  body.cms-tool-body .cms-tool-guide-links a:hover{
    border-color:rgba(var(--accent-rgb), .34) !important;
    background:rgba(var(--accent-rgb), .105) !important;
  }
}

@media (max-width: 820px), (pointer: coarse){
  body.cms-tool-body .cms-tool-guide-more-grid{
    display:flex !important;
    overflow-x:auto !important;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }

  body.cms-tool-body .cms-tool-guide-more-grid::-webkit-scrollbar{
    display:none;
  }

  body.cms-tool-body .cms-tool-faq-grid,
  body.cms-tool-body .cms-tool-guide-links{
    grid-template-columns:1fr !important;
  }

  body.cms-tool-body .cms-tool-faq-grid article{
    padding:13px !important;
  }

  body.cms-tool-body .cms-tool-guide-links nav{
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    scrollbar-width:none;
  }

  body.cms-tool-body .cms-tool-guide-links nav::-webkit-scrollbar{
    display:none;
  }

  body.cms-tool-body .cms-tool-guide-links a{
    flex:0 0 auto !important;
    white-space:nowrap !important;
  }
}

/* v71: restore the richer native tool page structure without duplicated injected blocks. */
body.cms-tool-body .cms-tool-brief.cms-box-signal{
  max-width:1080px !important;
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:10px !important;
  margin:clamp(18px, 3vw, 28px) auto 0 !important;
}

body.cms-tool-body .cms-tool-brief.cms-box-signal article{
  min-width:0 !important;
  min-height:128px !important;
  display:grid !important;
  align-content:start !important;
  gap:9px !important;
  padding:16px !important;
  border:1px solid rgba(var(--accent-rgb), .18) !important;
  border-radius:16px !important;
  background:
    radial-gradient(360px 170px at 0 0, rgba(var(--accent-rgb), .10), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.044), rgba(255,255,255,.018)),
    rgba(4,10,23,.48) !important;
  box-shadow:0 16px 42px rgba(0,0,0,.20) !important;
}

body.cms-tool-body .cms-tool-brief.cms-box-signal strong{
  color:rgba(248,252,255,.96) !important;
  font:900 13px/1.15 var(--font-head, "Space Grotesk", system-ui) !important;
  text-transform:uppercase !important;
  letter-spacing:.026em !important;
}

body.cms-tool-body .cms-tool-brief.cms-box-signal span{
  color:rgba(248,252,255,.68) !important;
  font-size:13.3px !important;
  line-height:1.48 !important;
  overflow:visible !important;
  -webkit-line-clamp:unset !important;
}

body.cms-tool-body .cms-related.cms-box-flow,
body.cms-tool-body .cms-ops-strip.cms-box-support,
body.cms-tool-body .cms-info-grid.cms-box-support{
  max-width:1080px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

body.cms-tool-body .cms-related.cms-box-flow{
  margin-top:clamp(16px, 3vw, 24px) !important;
}

body.cms-tool-body .cms-related-box.cms-box-flow,
body.cms-tool-body .cms-ops-strip.cms-box-support article,
body.cms-tool-body .cms-info-grid.cms-box-support .cms-info-card{
  text-align:left !important;
  border-radius:16px !important;
  border-color:rgba(255,255,255,.10) !important;
  background:
    radial-gradient(420px 190px at 0 0, rgba(var(--accent-rgb), .075), transparent 72%),
    rgba(255,255,255,.024) !important;
}

body.cms-tool-body .cms-related-box h3,
body.cms-tool-body .cms-info-card h2{
  color:rgba(248,252,255,.96) !important;
  font:900 15px/1.18 var(--font-head, "Space Grotesk", system-ui) !important;
  text-transform:uppercase !important;
  letter-spacing:.032em !important;
}

body.cms-tool-body .cms-info-grid.cms-box-support .cms-info-card p,
body.cms-tool-body .cms-ops-strip.cms-box-support p{
  color:rgba(248,252,255,.68) !important;
  font-size:13.4px !important;
  line-height:1.58 !important;
}

body.cms-tool-body .cms-query-chips{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin-top:12px !important;
}

body.cms-tool-body .cms-query-chips span{
  min-height:32px !important;
  display:inline-flex !important;
  align-items:center !important;
  max-width:100% !important;
  padding:0 10px !important;
  border:1px solid rgba(var(--accent-rgb), .18) !important;
  border-radius:999px !important;
  color:rgba(248,252,255,.76) !important;
  background:rgba(var(--accent-rgb), .055) !important;
  font:800 12px/1.1 var(--font-head, "Space Grotesk", system-ui) !important;
}

body.cms-tool-body .cms-faq details{
  border-color:rgba(255,255,255,.10) !important;
  background:rgba(255,255,255,.026) !important;
}

body.cms-tool-body .cms-history-chip span{
  display:inline-block !important;
  margin-right:7px !important;
}

@media (hover:hover) and (pointer:fine){
  body.cms-tool-body .cms-tool-brief.cms-box-signal article:hover,
  body.cms-tool-body .cms-related-box.cms-box-flow:hover,
  body.cms-tool-body .cms-info-grid.cms-box-support .cms-info-card:hover{
    transform:translateY(-1px) !important;
    border-color:rgba(var(--accent-rgb), .26) !important;
    background:
      radial-gradient(420px 190px at 0 0, rgba(var(--accent-rgb), .10), transparent 72%),
      rgba(255,255,255,.030) !important;
  }
}

@media (max-width: 820px), (pointer: coarse){
  body.cms-tool-body .cms-tool-brief.cms-box-signal{
    display:flex !important;
    overflow-x:auto !important;
    scroll-snap-type:x proximity !important;
    scrollbar-width:none !important;
    padding:0 2px 2px !important;
  }

  body.cms-tool-body .cms-tool-brief.cms-box-signal::-webkit-scrollbar{
    display:none;
  }

  body.cms-tool-body .cms-tool-brief.cms-box-signal article{
    flex:0 0 min(82vw, 320px) !important;
    min-height:132px !important;
    scroll-snap-align:start !important;
  }

  body.cms-tool-body .cms-related.cms-box-flow,
  body.cms-tool-body .cms-ops-strip.cms-box-support,
  body.cms-tool-body .cms-info-grid.cms-box-support{
    grid-template-columns:minmax(0, 1fr) !important;
    gap:10px !important;
  }

  body.cms-tool-body .cms-related-box.cms-box-flow,
  body.cms-tool-body .cms-info-grid.cms-box-support .cms-info-card{
    min-width:0 !important;
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }

  body.cms-tool-body .cms-related-links,
  body.cms-tool-body .cms-query-chips{
    max-width:100% !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    scrollbar-width:none !important;
  }

  body.cms-tool-body .cms-related-links::-webkit-scrollbar,
  body.cms-tool-body .cms-query-chips::-webkit-scrollbar{
    display:none;
  }

  body.cms-tool-body .cms-related-links a,
  body.cms-tool-body .cms-query-chips span{
    flex:0 0 auto !important;
    white-space:nowrap !important;
  }
}

/* v72: stronger Clickoz work desk hero. The demo becomes the work surface, not a side block. */
.home-workdesk .cz-workdesk-hero{
  grid-template-columns:minmax(0, .95fr) minmax(440px, 1.05fr) !important;
  gap:clamp(14px, 2.2vw, 26px) !important;
  align-items:stretch !important;
  padding-top:clamp(16px, 2.8vw, 34px) !important;
}

.home-workdesk .workdesk-copy,
.home-workdesk .live-demo-panel{
  min-height:clamp(500px, 58vh, 590px) !important;
}

.home-workdesk .workdesk-copy{
  justify-content:flex-start !important;
  padding:clamp(18px, 2.4vw, 28px) !important;
  border-radius:18px !important;
  background:
    radial-gradient(680px 320px at 0 0, rgba(var(--accent-rgb), .18), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.024)),
    rgba(3,9,20,.82) !important;
}

.home-workdesk .workdesk-copy .hero-statusbar{
  margin:0 0 clamp(12px, 1.7vw, 18px) !important;
}

.home-workdesk .workdesk-copy h1{
  max-width:620px !important;
  font-size:clamp(40px, 4.5vw, 54px) !important;
  line-height:.96 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}

.home-workdesk .hero-workdesk-sub{
  max-width:560px !important;
  margin:clamp(9px, 1.3vw, 13px) 0 0 !important;
  color:rgba(248,252,255,.74) !important;
  font-size:clamp(15px, 1.25vw, 18px) !important;
  line-height:1.5 !important;
}

.home-workdesk .hero-fix-console{
  margin-top:clamp(12px, 1.8vw, 16px) !important;
  padding:clamp(14px, 1.8vw, 18px) !important;
  border-radius:16px !important;
  border-color:rgba(var(--accent-rgb), .34) !important;
  background:
    radial-gradient(420px 190px at 10% 0, rgba(var(--accent-rgb), .20), transparent 68%),
    linear-gradient(180deg, rgba(255,255,255,.082), rgba(255,255,255,.032)),
    rgba(2,8,18,.88) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.36), 0 0 42px rgba(var(--accent-rgb), .10) !important;
}

.home-workdesk .hero-fix-console label{
  margin-bottom:9px !important;
  color:#fff !important;
  font-size:clamp(19px, 1.7vw, 23px) !important;
  line-height:1.08 !important;
}

.home-workdesk .hero-fix-input-row{
  grid-template-columns:minmax(0, 1fr) minmax(112px, auto) !important;
}

.home-workdesk .hero-fix-input-row input{
  min-height:54px !important;
  border-radius:12px !important;
  font-size:17px !important;
  background:rgba(1,6,16,.76) !important;
}

.home-workdesk .hero-fix-input-row .btn{
  min-height:54px !important;
  border-radius:12px !important;
  white-space:nowrap !important;
}

.home-workdesk .hero-job-chips{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:8px !important;
  margin-top:9px !important;
}

.home-workdesk .hero-job-chips button{
  min-height:38px !important;
  padding:0 8px !important;
  border-radius:11px !important;
  white-space:normal !important;
}

.home-workdesk .hero-flow-row{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:8px !important;
  margin-top:9px !important;
}

.home-workdesk .hero-flow-row span{
  min-height:32px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 8px !important;
  border:1px solid rgba(255,255,255,.105) !important;
  border-radius:999px !important;
  color:rgba(248,252,255,.68) !important;
  background:rgba(255,255,255,.035) !important;
  font:850 12px/1.1 var(--font-head, "Space Grotesk", system-ui) !important;
  text-align:center !important;
}

.home-workdesk .hero-flow-row span:not(:last-child)::after{
  content:"";
  width:18px;
  height:1px;
  margin-left:8px;
  background:linear-gradient(90deg, rgba(var(--accent-rgb), .65), transparent);
}

.home-workdesk .hero-command-note{
  margin-top:10px !important;
}

.home-workdesk .live-demo-panel{
  border-radius:18px !important;
  padding:clamp(16px, 2vw, 22px) !important;
  gap:10px !important;
  background:
    radial-gradient(740px 330px at 24% 0, rgba(var(--accent-rgb), .22), transparent 68%),
    linear-gradient(180deg, rgba(255,255,255,.088), rgba(255,255,255,.030)),
    rgba(4,11,24,.86) !important;
  box-shadow:0 34px 100px rgba(0,0,0,.45), 0 0 56px rgba(var(--accent-rgb), .13) !important;
}

.home-workdesk .live-demo-panel::before{
  inset:58px 16px 16px !important;
  border-radius:16px !important;
  opacity:.28 !important;
}

.home-workdesk .live-demo-top{
  padding:0 0 2px !important;
}

.home-workdesk .live-demo-top strong{
  font-size:13px !important;
}

.home-workdesk .live-demo-tabs{
  padding:5px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:14px !important;
  background:rgba(0,0,0,.16) !important;
}

.home-workdesk .live-demo-tabs button{
  min-height:34px !important;
  border-radius:10px !important;
  font-size:12px !important;
}

.home-workdesk .live-demo-input{
  gap:9px !important;
}

.home-workdesk .live-demo-input span{
  color:rgba(248,252,255,.78) !important;
}

.home-workdesk .live-demo-input textarea{
  min-height:88px !important;
  border-radius:14px !important;
  font-size:15px !important;
}

.home-workdesk .live-demo-output{
  flex:0 1 auto !important;
  min-height:178px !important;
  max-height:196px !important;
  border-radius:16px !important;
  padding:18px !important;
  background:
    radial-gradient(620px 280px at 50% 0, rgba(var(--accent-rgb), .14), transparent 70%),
    rgba(0,0,0,.24) !important;
}

.home-workdesk .demo-result strong{
  font-size:clamp(21px, 1.85vw, 27px) !important;
}

.home-workdesk .live-demo-actions{
  padding-top:2px !important;
}

.home-workdesk .cz-workdesk-hero > .friction-strip{
  margin-top:0 !important;
}

.home-workdesk .friction-strip span{
  min-height:58px !important;
  border-radius:14px !important;
  padding:10px 12px !important;
}

.home-workdesk .friction-strip b{
  margin-bottom:3px !important;
}

@media (max-width:1100px){
  .home-workdesk .cz-workdesk-hero{
    grid-template-columns:1fr !important;
  }

  .home-workdesk .workdesk-copy,
  .home-workdesk .live-demo-panel{
    min-height:auto !important;
  }
}

@media (max-width:780px){
  .home-workdesk .cz-workdesk-hero{
    width:min(100% - 16px, 1220px) !important;
    padding-top:8px !important;
    gap:10px !important;
  }

  .home-workdesk .workdesk-copy,
  .home-workdesk .live-demo-panel{
    padding:14px !important;
    border-radius:14px !important;
  }

  .home-workdesk .workdesk-copy .hero-statusbar{
    margin-bottom:12px !important;
  }

  .home-workdesk .workdesk-copy h1{
    font-size:clamp(34px, 10.8vw, 43px) !important;
    line-height:.98 !important;
  }

  .home-workdesk .hero-workdesk-sub{
    margin-top:10px !important;
    font-size:14px !important;
    line-height:1.42 !important;
  }

  .home-workdesk .hero-fix-console{
    margin-top:13px !important;
    padding:12px !important;
  }

  .home-workdesk .hero-fix-console label{
    font-size:18px !important;
  }

  .home-workdesk .hero-fix-input-row{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  .home-workdesk .hero-fix-input-row input,
  .home-workdesk .hero-fix-input-row .btn{
    min-height:48px !important;
  }

  .home-workdesk .hero-job-chips{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:7px !important;
  }

  .home-workdesk .hero-flow-row{
    grid-template-columns:1fr !important;
    gap:6px !important;
  }

  .home-workdesk .hero-flow-row span{
    min-height:32px !important;
  }

  .home-workdesk .hero-flow-row span::after{
    display:none !important;
  }

  .home-workdesk .live-demo-tabs{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .home-workdesk .live-demo-output{
    min-height:210px !important;
    max-height:300px !important;
    overflow:auto !important;
  }

  .home-workdesk .demo-stat-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }

  .home-workdesk .demo-stat-grid span{
    padding:9px 5px !important;
  }
}

/* v73: keep the personality, make the home hero feel human and product-led. */
.home-workdesk .cz-workdesk-hero{
  padding:clamp(12px, 1.7vw, 18px) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:22px !important;
  background:
    radial-gradient(900px 420px at 72% 0, rgba(var(--accent-rgb), .18), transparent 70%),
    radial-gradient(760px 360px at 0 20%, rgba(34,211,238,.105), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.060), rgba(255,255,255,.018)),
    rgba(4,8,18,.74) !important;
  box-shadow:0 34px 110px rgba(0,0,0,.40), inset 0 1px 0 rgba(255,255,255,.08) !important;
  overflow:hidden !important;
}

.home-workdesk .cz-workdesk-hero::before{
  inset:-12px -4vw auto !important;
  height:540px !important;
  opacity:.54 !important;
  background:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.036) 1px, transparent 1px),
    radial-gradient(540px 260px at 18% 18%, rgba(34,211,238,.12), transparent 72%),
    radial-gradient(680px 320px at 82% 8%, rgba(var(--accent-rgb), .18), transparent 74%) !important;
  background-size:46px 46px, 46px 46px, auto, auto !important;
}

.home-workdesk .workdesk-copy,
.home-workdesk .live-demo-panel{
  border-radius:16px !important;
  box-shadow:none !important;
  border-color:rgba(255,255,255,.095) !important;
}

.home-workdesk .workdesk-copy{
  background:
    radial-gradient(520px 240px at 0 0, rgba(var(--accent-rgb), .12), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.016)),
    rgba(4,8,18,.48) !important;
}

.home-workdesk .live-demo-panel{
  background:
    radial-gradient(620px 260px at 20% 0, rgba(34,211,238,.10), transparent 70%),
    radial-gradient(620px 280px at 88% 16%, rgba(var(--accent-rgb), .15), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.018)),
    rgba(3,8,18,.54) !important;
}

.home-workdesk .workdesk-copy h1{
  color:rgba(255,255,255,.98) !important;
  text-shadow:0 18px 50px rgba(0,0,0,.40) !important;
}

.home-workdesk .hero-workdesk-sub{
  color:rgba(248,252,255,.70) !important;
}

.home-workdesk .hero-statusbar span,
.home-workdesk .hero-job-chips button,
.home-workdesk .live-demo-tabs button{
  background:rgba(255,255,255,.035) !important;
  border-color:rgba(255,255,255,.12) !important;
}

.home-workdesk .hero-job-chips button.active,
.home-workdesk .hero-job-chips button:hover,
.home-workdesk .live-demo-tabs button.active,
.home-workdesk .live-demo-tabs button:hover{
  color:#fff !important;
  border-color:rgba(var(--accent-rgb), .46) !important;
  background:
    linear-gradient(180deg, rgba(var(--accent-rgb), .42), rgba(var(--accent-rgb), .22)),
    rgba(255,255,255,.04) !important;
  box-shadow:0 12px 30px rgba(var(--accent-rgb), .13) !important;
}

.home-workdesk .hero-fix-console{
  border-color:rgba(255,255,255,.12) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.054), rgba(255,255,255,.020)),
    rgba(2,7,16,.70) !important;
  box-shadow:0 18px 48px rgba(0,0,0,.28) !important;
}

.home-workdesk .hero-fix-input-row input,
.home-workdesk .live-demo-input textarea{
  border-color:rgba(255,255,255,.14) !important;
  background:rgba(2,7,16,.78) !important;
}

.home-workdesk .live-demo-output{
  min-height:250px !important;
  max-height:250px !important;
  overflow:hidden !important;
  border-color:rgba(255,255,255,.13) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.014)),
    rgba(2,7,16,.70) !important;
}

.home-workdesk .live-demo-output .demo-result{
  gap:8px !important;
}

.home-workdesk .demo-result{
  min-width:0 !important;
}

.home-workdesk .demo-result strong,
.home-workdesk .demo-result p{
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}

.home-workdesk .demo-result strong{
  -webkit-line-clamp:2 !important;
}

.home-workdesk .demo-result p{
  -webkit-line-clamp:2 !important;
  line-height:1.38 !important;
}

.home-workdesk .demo-result .demo-url{
  -webkit-line-clamp:1 !important;
  color:rgba(248,252,255,.58) !important;
}

.home-workdesk .demo-result .demo-desc{
  display:none !important;
}

.home-workdesk .demo-stat-grid{
  margin-top:2px !important;
}

.home-workdesk .demo-stat-grid span{
  padding:8px 6px !important;
  border-radius:10px !important;
  border-color:rgba(255,255,255,.10) !important;
  background:rgba(255,255,255,.032) !important;
}

.home-workdesk .live-demo-actions a{
  color:#fff !important;
  border:1px solid rgba(var(--accent-rgb), .46) !important;
  background:
    linear-gradient(180deg, rgba(var(--accent-rgb), .82), rgba(var(--accent-rgb), .56)),
    rgba(255,255,255,.04) !important;
  box-shadow:0 12px 30px rgba(var(--accent-rgb), .16) !important;
}

.home-workdesk .live-demo-actions span{
  color:rgba(248,252,255,.62) !important;
}

.home-workdesk .friction-strip{
  padding-top:2px !important;
}

.home-workdesk .friction-strip span{
  min-height:54px !important;
  border-color:rgba(255,255,255,.09) !important;
  background:rgba(255,255,255,.026) !important;
  box-shadow:none !important;
}

.home-workdesk .friction-strip b{
  color:rgba(255,255,255,.94) !important;
}

@media (max-width:780px){
  .home-workdesk .cz-workdesk-hero{
    padding:8px !important;
    border-radius:16px !important;
  }

.home-workdesk .live-demo-output{
    min-height:250px !important;
    max-height:250px !important;
    overflow:hidden !important;
  }

  .home-workdesk .live-demo-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  .home-workdesk .live-demo-actions a{
    width:100% !important;
  }
}

/* Home hero v74: clearer work surface, centered trust boxes, safer live output */
.home-workdesk .cz-workdesk-hero{
  gap:18px !important;
}

.home-workdesk .workdesk-copy,
.home-workdesk .live-demo-panel{
  border-color:rgba(255,255,255,.14) !important;
}

.home-workdesk .workdesk-copy{
  padding:30px !important;
}

.home-workdesk .live-demo-panel{
  padding:26px !important;
}

.home-workdesk .workdesk-copy h1{
  max-width:610px !important;
  line-height:.98 !important;
  letter-spacing:0 !important;
}

.home-workdesk .hero-workdesk-sub{
  max-width:620px !important;
  font-size:1.04rem !important;
  line-height:1.48 !important;
}

.home-workdesk .hero-fix-console{
  margin-top:18px !important;
  padding:18px !important;
}

.home-workdesk .hero-fix-console label{
  font-size:1.17rem !important;
  line-height:1.18 !important;
}

.home-workdesk .hero-fix-input-row input{
  min-height:56px !important;
  font-size:.98rem !important;
  color:rgba(255,255,255,.96) !important;
}

.home-workdesk .hero-fix-input-row input::placeholder,
.home-workdesk .live-demo-input textarea::placeholder{
  color:rgba(248,252,255,.50) !important;
}

.home-workdesk .hero-flow-row{
  gap:8px !important;
}

.home-workdesk .hero-flow-row span{
  min-height:34px !important;
  padding:0 12px !important;
  justify-content:center !important;
  color:rgba(248,252,255,.70) !important;
  background:rgba(255,255,255,.040) !important;
}

.home-workdesk .hero-flow-row span::after{
  opacity:.78 !important;
}

.home-workdesk .live-demo-top{
  align-items:center !important;
}

.home-workdesk .live-demo-top strong{
  letter-spacing:.02em !important;
}

.home-workdesk .live-demo-top small{
  color:rgba(248,252,255,.58) !important;
}

.home-workdesk .live-demo-input span{
  font-size:1.02rem !important;
  color:rgba(255,255,255,.88) !important;
}

.home-workdesk .live-demo-input textarea{
  min-height:132px !important;
  line-height:1.48 !important;
}

.home-workdesk .live-demo-output{
  min-height:256px !important;
  max-height:256px !important;
  padding:18px !important;
}

.home-workdesk .live-demo-output .demo-result{
  height:100% !important;
  min-height:0 !important;
}

.home-workdesk .demo-result strong{
  font-size:1.18rem !important;
  line-height:1.20 !important;
}

.home-workdesk .demo-title-list{
  display:grid !important;
  gap:8px !important;
  margin-top:3px !important;
}

.home-workdesk .demo-title-list span{
  min-height:42px !important;
  display:flex !important;
  align-items:center !important;
  padding:10px 12px !important;
  white-space:normal !important;
  overflow:hidden !important;
  line-height:1.24 !important;
  font-size:.92rem !important;
  color:rgba(255,255,255,.91) !important;
  background:rgba(255,255,255,.050) !important;
  border:1px solid rgba(255,255,255,.11) !important;
  border-radius:12px !important;
}

.home-workdesk .friction-strip{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:10px !important;
  padding-top:10px !important;
}

.home-workdesk .friction-strip span{
  position:relative !important;
  min-height:68px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  padding:14px 12px !important;
  text-align:center !important;
  line-height:1.15 !important;
  color:rgba(248,252,255,.66) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:
    radial-gradient(180px 80px at 50% 0, rgba(var(--accent-rgb), .12), transparent 72%),
    rgba(255,255,255,.032) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.16) !important;
}

.home-workdesk .friction-strip span::before{
  content:"" !important;
  width:6px !important;
  height:6px !important;
  border-radius:999px !important;
  background:rgba(var(--accent-rgb), .92) !important;
  box-shadow:0 0 18px rgba(var(--accent-rgb), .42) !important;
}

.home-workdesk .friction-strip b{
  display:block !important;
  font-size:.88rem !important;
  line-height:1.05 !important;
  text-transform:uppercase !important;
  letter-spacing:.045em !important;
}

@media (max-width:980px){
  .home-workdesk .workdesk-copy,
  .home-workdesk .live-demo-panel{
    padding:22px !important;
  }

  .home-workdesk .friction-strip{
    grid-template-columns:1fr !important;
  }
}

@media (max-width:640px){
  .home-workdesk .workdesk-copy{
    padding:18px !important;
  }

  .home-workdesk .live-demo-panel{
    padding:16px !important;
  }

  .home-workdesk .workdesk-copy h1{
    font-size:clamp(2.15rem, 12vw, 3.15rem) !important;
  }

  .home-workdesk .hero-workdesk-sub{
    font-size:.98rem !important;
  }

  .home-workdesk .hero-fix-input-row{
    grid-template-columns:1fr !important;
  }

  .home-workdesk .hero-fix-input-row .btn,
  .home-workdesk .hero-fix-input-row button{
    width:100% !important;
    min-height:50px !important;
  }

  .home-workdesk .live-demo-output{
    min-height:220px !important;
    max-height:none !important;
  }

  .home-workdesk .friction-strip span{
    min-height:58px !important;
  }
}

/* v75: page-wide polish pass for CMS tools, guides, cards and live output surfaces. */
:root{
  --cz-box-radius: 18px;
  --cz-box-radius-sm: 13px;
  --cz-box-border: rgba(255,255,255,.12);
  --cz-box-border-strong: rgba(var(--accent-rgb), .24);
  --cz-box-bg: rgba(4,10,23,.62);
  --cz-box-bg-soft: rgba(255,255,255,.030);
  --cz-box-shadow: 0 24px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.055);
}

body.cms-tool-body .cms-tool-page{
  width:min(100% - 28px, 1160px) !important;
  padding-top:clamp(28px, 4vw, 46px) !important;
}

body.cms-tool-body .cms-tool-hero{
  max-width:980px !important;
  margin-inline:auto !important;
  text-align:center !important;
}

body.cms-tool-body .crumbs{
  justify-content:center !important;
}

body.cms-tool-body .cms-tool-title{
  max-width:820px !important;
  margin-inline:auto !important;
  line-height:1.02 !important;
  letter-spacing:0 !important;
}

body.cms-tool-body .cms-tool-sub{
  max-width:700px !important;
  margin-inline:auto !important;
  color:rgba(248,252,255,.72) !important;
  font-size:clamp(1rem, 1.7vw, 1.18rem) !important;
  line-height:1.48 !important;
}

body.cms-tool-body .cms-tool-trust{
  justify-content:center !important;
  align-items:center !important;
  gap:8px !important;
}

body.cms-tool-body .cms-tool-trust .cms-pill{
  min-width:0 !important;
  min-height:34px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 11px !important;
  line-height:1.05 !important;
  white-space:nowrap !important;
}

body.cms-tool-body .cz-tool-memory-row{
  width:max-content !important;
  max-width:100% !important;
  margin:14px auto 0 !important;
  justify-content:center !important;
}

body.cms-tool-body .cms-tool-brief.cms-box-signal{
  max-width:1100px !important;
  gap:12px !important;
}

body.cms-tool-body .cms-tool-brief.cms-box-signal article{
  min-height:118px !important;
  padding:15px !important;
  border-radius:var(--cz-box-radius-sm) !important;
  text-align:left !important;
}

body.cms-tool-body .cms-tool-brief.cms-box-signal strong{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  line-height:1.18 !important;
}

body.cms-tool-body .cms-tool-panel.cms-box-action{
  max-width:1120px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding:clamp(14px, 2.4vw, 22px) !important;
  border-radius:calc(var(--cz-box-radius) + 4px) !important;
  border-color:var(--cz-box-border-strong) !important;
  background:
    radial-gradient(820px 360px at 8% 0, rgba(var(--accent-rgb), .16), transparent 72%),
    radial-gradient(620px 280px at 94% 14%, rgba(255,255,255,.06), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.066), rgba(255,255,255,.020)),
    rgba(3,9,20,.84) !important;
  box-shadow:0 34px 96px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

body.cms-tool-body .cms-tool-grid{
  grid-template-columns:minmax(0, 1.02fr) minmax(360px, .86fr) !important;
  gap:clamp(14px, 2vw, 20px) !important;
  align-items:start !important;
}

body.cms-tool-body .cms-tool-app.cms-box-action,
body.cms-tool-body .cms-result-card.cms-box-action{
  border-radius:var(--cz-box-radius) !important;
  border-color:var(--cz-box-border) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.058), rgba(255,255,255,.018)),
    rgba(2,8,18,.62) !important;
  box-shadow:var(--cz-box-shadow) !important;
}

body.cms-tool-body .cms-tool-app.cms-box-action{
  display:grid !important;
  gap:14px !important;
}

body.cms-tool-body .cms-result-card.cms-box-action{
  position:sticky !important;
  top:96px !important;
  overflow:visible !important;
}

body.cms-tool-body .cms-example-box{
  padding:14px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:var(--cz-box-radius-sm) !important;
  background:
    radial-gradient(380px 170px at 0 0, rgba(var(--accent-rgb), .09), transparent 72%),
    rgba(255,255,255,.026) !important;
}

body.cms-tool-body .cms-example-box h3,
body.cms-tool-body .cms-result-card h3{
  margin:0 0 10px !important;
  color:rgba(255,255,255,.96) !important;
  font:900 14px/1.1 var(--font-head, "Space Grotesk", system-ui) !important;
  letter-spacing:.032em !important;
  text-transform:uppercase !important;
}

body.cms-tool-body .cms-example-box pre{
  min-height:84px !important;
  max-height:none !important;
  margin:0 !important;
  padding:13px !important;
  white-space:pre-wrap !important;
  overflow-wrap:anywhere !important;
  overflow:visible !important;
  color:rgba(248,252,255,.82) !important;
  font-size:13px !important;
  line-height:1.48 !important;
}

body.cms-tool-body .cms-example-options{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:8px !important;
  margin-top:10px !important;
}

body.cms-tool-body .cms-example-option{
  min-width:0 !important;
  min-height:40px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 10px !important;
  text-align:center !important;
  white-space:normal !important;
  line-height:1.12 !important;
  border-radius:12px !important;
}

body.cms-tool-body .cms-example-option.active{
  color:#fff !important;
  border-color:rgba(var(--accent-rgb), .42) !important;
  background:rgba(var(--accent-rgb), .16) !important;
}

body.cms-tool-body .cms-example-sequence{
  padding:12px !important;
  border-radius:var(--cz-box-radius-sm) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.040), rgba(255,255,255,.016)),
    rgba(3,9,20,.46) !important;
}

body.cms-tool-body .cms-sequence-head{
  align-items:flex-start !important;
  margin-bottom:10px !important;
}

body.cms-tool-body .cms-sequence-head span{
  max-width:55% !important;
  text-align:right !important;
}

body.cms-tool-body .cms-sequence-track{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:8px !important;
}

body.cms-tool-body .cms-sequence-step{
  min-width:0 !important;
  min-height:96px !important;
  display:grid !important;
  align-content:start !important;
  gap:7px !important;
  padding:11px !important;
  border-radius:12px !important;
  overflow:hidden !important;
}

body.cms-tool-body .cms-sequence-step b{
  font-size:12px !important;
  line-height:1.1 !important;
}

body.cms-tool-body .cms-sequence-step span{
  display:block !important;
  color:rgba(248,252,255,.62) !important;
  font-size:12.3px !important;
  line-height:1.35 !important;
  overflow-wrap:anywhere !important;
  -webkit-line-clamp:unset !important;
}

body.cms-tool-body .cms-form-grid{
  display:grid !important;
  gap:12px !important;
}

body.cms-tool-body .cms-field{
  min-width:0 !important;
}

body.cms-tool-body .cms-field label{
  margin-bottom:7px !important;
  color:rgba(248,252,255,.80) !important;
  font:850 12px/1.1 var(--font-head, "Space Grotesk", system-ui) !important;
  letter-spacing:.018em !important;
}

body.cms-tool-body .cms-form-grid input,
body.cms-tool-body .cms-form-grid textarea,
body.cms-tool-body .cms-form-grid select{
  min-width:0 !important;
  width:100% !important;
  border-radius:12px !important;
  line-height:1.45 !important;
  overflow-wrap:anywhere !important;
}

body.cms-tool-body .cms-form-grid textarea{
  min-height:136px !important;
  resize:vertical !important;
}

body.cms-tool-body .cms-shortcut-row{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  gap:7px !important;
  margin:0 !important;
}

body.cms-tool-body .cms-shortcut-row span{
  min-height:30px !important;
  display:inline-flex !important;
  align-items:center !important;
  padding:0 10px !important;
  border:1px solid rgba(255,255,255,.09) !important;
  border-radius:999px !important;
  color:rgba(248,252,255,.58) !important;
  background:rgba(255,255,255,.024) !important;
  font:800 11px/1 var(--font-head, "Space Grotesk", system-ui) !important;
}

body.cms-tool-body .cms-tool-actions{
  display:grid !important;
  grid-template-columns:1.15fr 1fr 1fr !important;
  gap:8px !important;
  margin-top:0 !important;
}

body.cms-tool-body .cms-tool-actions .btn{
  min-width:0 !important;
  min-height:48px !important;
  justify-content:center !important;
  text-align:center !important;
  white-space:normal !important;
  line-height:1.08 !important;
  border-radius:12px !important;
}

body.cms-tool-body .cms-run-meter{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:7px !important;
  margin-top:0 !important;
}

body.cms-tool-body .cms-run-meter span{
  min-width:0 !important;
  min-height:34px !important;
  justify-content:center !important;
  white-space:normal !important;
  text-align:center !important;
  line-height:1.08 !important;
}

body.cms-tool-body .cms-result-status{
  margin:0 0 12px !important;
  color:rgba(248,252,255,.68) !important;
  line-height:1.45 !important;
}

body.cms-tool-body .cms-metrics{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:8px !important;
}

body.cms-tool-body .cms-metric{
  min-width:0 !important;
  min-height:70px !important;
  display:grid !important;
  align-content:center !important;
  justify-items:center !important;
  gap:5px !important;
  text-align:center !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:13px !important;
  background:rgba(255,255,255,.030) !important;
}

body.cms-tool-body .cms-metric span{
  color:rgba(248,252,255,.58) !important;
  font:800 11px/1.05 var(--font-head, "Space Grotesk", system-ui) !important;
  text-transform:uppercase !important;
  letter-spacing:.035em !important;
}

body.cms-tool-body .cms-metric strong{
  max-width:100% !important;
  overflow-wrap:anywhere !important;
  color:#fff !important;
  font:900 clamp(1.05rem, 2vw, 1.38rem)/1.08 var(--font-head, "Space Grotesk", system-ui) !important;
}

body.cms-tool-body .cms-output{
  min-height:180px !important;
  max-height:none !important;
  overflow:visible !important;
  padding:14px !important;
  overflow-wrap:anywhere !important;
}

body.cms-tool-body .cms-output pre,
body.cms-tool-body .cms-output code,
body.cms-tool-body .cms-output-pre{
  white-space:pre-wrap !important;
  overflow-wrap:anywhere !important;
}

body.cms-tool-body .cms-text-output,
body.cms-tool-body .cms-output-pack{
  display:grid !important;
  gap:10px !important;
}

body.cms-tool-body .cms-text-title,
body.cms-tool-body .cms-result-hero strong,
body.cms-tool-body .serp-title{
  max-width:100% !important;
  overflow-wrap:anywhere !important;
  line-height:1.18 !important;
}

body.cms-tool-body .cms-text-section,
body.cms-tool-body .cms-output-list,
body.cms-tool-body .cms-quality-card,
body.cms-tool-body .cms-output-cards article{
  min-width:0 !important;
  border-radius:13px !important;
  overflow:visible !important;
}

body.cms-tool-body .cms-text-section span,
body.cms-tool-body .cms-output-list span,
body.cms-tool-body .cms-quality-card span,
body.cms-tool-body .cms-output-cards article span,
body.cms-tool-body .serp-url,
body.cms-tool-body .serp-desc{
  max-width:100% !important;
  overflow-wrap:anywhere !important;
  white-space:normal !important;
}

body.cms-tool-body .cms-next-action{
  display:grid !important;
  gap:6px !important;
  padding:13px !important;
  line-height:1.42 !important;
}

body.cms-tool-body .cms-next-action strong{
  color:#fff !important;
  font:900 12px/1.1 var(--font-head, "Space Grotesk", system-ui) !important;
  text-transform:uppercase !important;
  letter-spacing:.035em !important;
}

body.cms-tool-body .cms-input-warnings{
  margin:10px 0 0 !important;
  padding:12px !important;
  line-height:1.42 !important;
}

body.cms-tool-body .cms-input-warnings ul,
body.cms-tool-body .cms-quality-action ul{
  display:grid !important;
  gap:6px !important;
  padding-left:18px !important;
}

body.cms-tool-body .cms-related.cms-box-flow,
body.cms-tool-body .cms-ops-strip.cms-box-support,
body.cms-tool-body .cms-info-grid.cms-box-support{
  max-width:1120px !important;
}

body.cms-tool-body .cms-related-box.cms-box-flow,
body.cms-tool-body .cms-ops-strip.cms-box-support article,
body.cms-tool-body .cms-info-grid.cms-box-support .cms-info-card,
.guide-cms-summary article,
.guide-problem-card,
.guide-alternative-card,
.guide-check-card,
.guide-example-card,
.tool-card-enhanced,
.guide-card,
.card[href^="/tools/"]{
  border-radius:var(--cz-box-radius) !important;
  border-color:var(--cz-box-border) !important;
  background:
    radial-gradient(420px 190px at 0 0, rgba(var(--accent-rgb), .075), transparent 72%),
    rgba(255,255,255,.026) !important;
  box-shadow:0 18px 50px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.045) !important;
}

body.cms-tool-body .cms-related-links{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
}

body.cms-tool-body .cms-related-links a,
body.cms-tool-body .cms-query-chips span,
.tool-mini-features span,
.guide-card-meta span{
  max-width:100% !important;
  min-width:0 !important;
  overflow-wrap:anywhere !important;
  text-align:center !important;
}

.tool-mini-features,
.guide-card-meta{
  gap:7px !important;
}

.tool-mini-features span,
.guide-card-meta span{
  min-height:30px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 9px !important;
  line-height:1.1 !important;
}

.card[href^="/tools/"] h3,
.tool-card-enhanced h3,
.guide-card h3,
.guide-x h3{
  line-height:1.15 !important;
  overflow-wrap:anywhere !important;
}

.tools-page .tool-sections .card.tool-card-enhanced{
  gap:10px !important;
  padding:18px !important;
}

.tools-page .tool-sections .card.tool-card-enhanced .card-top{
  display:grid !important;
  grid-template-columns:46px minmax(0, 1fr) !important;
  grid-template-areas:
    "icon title"
    "icon copy" !important;
  align-items:start !important;
  column-gap:12px !important;
  row-gap:5px !important;
}

.tools-page .tool-sections .card.tool-card-enhanced .card-ico{
  grid-area:icon !important;
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  border-radius:14px !important;
  font-size:18px !important;
}

.tools-page .tool-sections .card.tool-card-enhanced .card-top > div:not(.card-ico){
  display:contents !important;
}

.tools-page .tool-sections .card.tool-card-enhanced h3{
  grid-area:title !important;
  margin:0 !important;
  font-size:clamp(17px, 1.3vw, 20px) !important;
  line-height:1.12 !important;
}

.tools-page .tool-sections .card.tool-card-enhanced .card-top p{
  grid-area:copy !important;
  margin:0 !important;
  padding:0 !important;
  font-size:13.2px !important;
  line-height:1.42 !important;
  color:rgba(248,252,255,.68) !important;
}

.card[href^="/tools/"] p,
.tool-card-enhanced p,
.guide-card p,
.guide-x p{
  line-height:1.48 !important;
  overflow-wrap:anywhere !important;
}

.tools-page .tool-output-preview,
.tool-output-preview{
  display:grid !important;
  gap:7px !important;
  padding:10px !important;
  border-radius:14px !important;
}

.tools-page .tool-output-preview > span,
.tool-output-preview > span{
  width:max-content !important;
  max-width:100% !important;
  display:inline-flex !important;
  align-items:center !important;
  min-height:24px !important;
  padding:0 8px !important;
  border:1px solid rgba(var(--accent-rgb), .18) !important;
  border-radius:999px !important;
  color:rgba(248,252,255,.78) !important;
  background:rgba(var(--accent-rgb), .075) !important;
  font:900 10.5px/1 var(--font-head, "Space Grotesk", system-ui) !important;
  letter-spacing:.055em !important;
}

.tools-page .tool-output-preview > strong,
.tool-output-preview > strong{
  color:rgba(255,255,255,.96) !important;
  font:900 12.8px/1.22 var(--font-head, "Space Grotesk", system-ui) !important;
  overflow-wrap:anywhere !important;
}

.tool-card-flow{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:8px !important;
}

.tool-card-flow p{
  min-width:0 !important;
  margin:0 !important;
  display:grid !important;
  gap:4px !important;
  align-content:start !important;
  padding:8px !important;
  border:1px solid rgba(255,255,255,.085) !important;
  border-radius:11px !important;
  color:rgba(248,252,255,.68) !important;
  background:rgba(2,8,18,.36) !important;
  font-size:11.8px !important;
  line-height:1.32 !important;
  overflow-wrap:anywhere !important;
}

.tool-card-flow b{
  display:block !important;
  color:rgba(248,252,255,.92) !important;
  font:900 10.5px/1 var(--font-head, "Space Grotesk", system-ui) !important;
  letter-spacing:.052em !important;
  text-transform:uppercase !important;
}

.tools-page .tool-output-preview > em,
.tool-output-preview > em{
  display:block !important;
  color:rgba(248,252,255,.62) !important;
  font-size:12px !important;
  line-height:1.34 !important;
  font-style:normal !important;
  overflow-wrap:anywhere !important;
}

.guide-cms-summary{
  max-width:1120px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.guide-cms-summary article{
  min-width:0 !important;
  text-align:left !important;
}

.page-guide .guide-shell,
.page-guide .guide-main,
.page-guide .guide-block{
  min-width:0 !important;
}

.page-guide .guide-block > h2{
  line-height:1.15 !important;
  align-items:flex-start !important;
}

.page-guide .guide-block p,
.page-guide .guide-block li{
  line-height:1.65 !important;
  overflow-wrap:anywhere !important;
}

@media (hover:hover) and (pointer:fine){
  body.cms-tool-body .cms-tool-app.cms-box-action:hover,
  body.cms-tool-body .cms-result-card.cms-box-action:hover,
  body.cms-tool-body .cms-related-box.cms-box-flow:hover,
  body.cms-tool-body .cms-info-grid.cms-box-support .cms-info-card:hover,
  .card[href^="/tools/"]:hover,
  .tool-card-enhanced:hover,
  .guide-card:hover,
  .guide-x:hover{
    transform:translateY(-2px) !important;
    border-color:rgba(var(--accent-rgb), .30) !important;
    box-shadow:0 24px 68px rgba(0,0,0,.30), 0 0 36px rgba(var(--accent-rgb), .10), inset 0 1px 0 rgba(255,255,255,.06) !important;
  }
}

@media (max-width: 920px), (pointer: coarse){
  body.cms-tool-body .cms-tool-page{
    width:min(100% - 18px, 760px) !important;
    padding-top:20px !important;
  }

  body.cms-tool-body .cms-tool-grid{
    grid-template-columns:minmax(0, 1fr) !important;
  }

  body.cms-tool-body .cms-result-card.cms-box-action{
    position:relative !important;
    top:auto !important;
  }

  body.cms-tool-body .cms-tool-brief.cms-box-signal{
    display:grid !important;
    grid-template-columns:1fr !important;
    overflow:visible !important;
  }

  body.cms-tool-body .cms-tool-brief.cms-box-signal article{
    min-height:0 !important;
    width:100% !important;
  }

  body.cms-tool-body .cms-example-options,
  body.cms-tool-body .cms-sequence-track,
  body.cms-tool-body .cms-run-meter,
  body.cms-tool-body .cms-metrics{
    grid-template-columns:1fr !important;
  }

  body.cms-tool-body .cms-sequence-head{
    display:grid !important;
    gap:5px !important;
  }

  body.cms-tool-body .cms-sequence-head span{
    max-width:100% !important;
    text-align:left !important;
  }

  body.cms-tool-body .cms-sequence-step{
    min-height:0 !important;
  }

  body.cms-tool-body .cms-tool-actions{
    grid-template-columns:1fr !important;
    position:static !important;
    bottom:auto !important;
    z-index:1 !important;
  }

  body.cms-tool-body .cms-shortcut-row{
    display:none !important;
  }

  body.cms-tool-body .cms-related-links,
  body.cms-tool-body .cms-query-chips{
    flex-wrap:wrap !important;
    overflow:visible !important;
  }

  body.cms-tool-body .cms-related-links a,
  body.cms-tool-body .cms-query-chips span{
    flex:1 1 min(180px, 100%) !important;
    white-space:normal !important;
  }

}

@media (min-width:681px){
  .tool-card-flow{
    grid-template-columns:1fr 1fr !important;
  }
}

@media (max-width:680px){
  .tool-card-flow{
    grid-template-columns:1fr !important;
  }
}

/* v86: neon tech assurance deck in the home hero */
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-console{
  overflow:hidden !important;
  border-radius:18px !important;
  border:1px solid rgba(138,226,255,.20) !important;
  background:
    linear-gradient(180deg, rgba(7,20,34,.36), rgba(4,10,21,.18)),
    rgba(2,9,18,.24) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -1px 0 rgba(75,201,255,.12),
    0 24px 80px rgba(0,0,0,.25),
    0 0 46px rgba(var(--accent-rgb,34,211,238),.12) !important;
}
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-console::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(rgba(120,230,255,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(120,230,255,.045) 1px, transparent 1px),
    radial-gradient(circle at 50% 0%, rgba(var(--accent-rgb,34,211,238),.20), transparent 54%) !important;
  background-size:34px 34px, 34px 34px, 100% 100% !important;
  opacity:.55 !important;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.92), rgba(0,0,0,.18)) !important;
}
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-console > *{
  position:relative !important;
  z-index:1 !important;
}
.home-workdesk .hero-assurance-row{
  position:relative !important;
  isolation:isolate !important;
  max-width:1000px !important;
  margin:18px auto 20px !important;
  padding:16px 18px 18px !important;
  border-radius:18px !important;
  border:1px solid rgba(109,229,255,.14) !important;
  background:
    radial-gradient(700px 210px at 50% -12%, rgba(var(--accent-rgb,34,211,238),.20), transparent 68%),
    linear-gradient(180deg, rgba(6,20,34,.62), rgba(2,9,19,.72)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(70,217,255,.12),
    0 26px 90px rgba(0,0,0,.34),
    0 0 78px rgba(var(--accent-rgb,34,211,238),.16) !important;
}
.home-workdesk .hero-assurance-row::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  border-radius:inherit;
  background:
    linear-gradient(rgba(100,220,255,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(100,220,255,.045) 1px, transparent 1px);
  background-size:34px 34px;
  opacity:.46;
  mask-image:radial-gradient(ellipse at center, #000 18%, transparent 78%);
}
.home-workdesk .hero-assurance-row::after{
  content:"";
  position:absolute;
  left:6%;
  right:6%;
  bottom:-1px;
  z-index:-1;
  height:2px;
  background:linear-gradient(90deg, transparent, rgba(var(--accent-rgb,34,211,238),.86), rgba(142,241,255,.38), transparent);
  box-shadow:0 0 24px rgba(var(--accent-rgb,34,211,238),.45);
}
.home-workdesk .hero-assurance-row a{
  position:relative !important;
  min-height:84px !important;
  border-radius:12px !important;
  border:1px solid rgba(160,230,255,.16) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.060), rgba(255,255,255,.018)),
    rgba(8,20,34,.36) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    inset 0 -1px 0 rgba(88,209,255,.08) !important;
  text-transform:none !important;
}
.home-workdesk .hero-assurance-row a::before{
  content:"";
  position:absolute;
  top:13px;
  left:50%;
  width:6px;
  height:6px;
  border-radius:999px;
  transform:translateX(-50%);
  background:rgba(var(--accent-rgb,34,211,238),.96);
  box-shadow:0 0 12px rgba(var(--accent-rgb,34,211,238),.95), 0 0 26px rgba(var(--accent-rgb,34,211,238),.35);
}
.home-workdesk .hero-assurance-row a::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(120deg, transparent 18%, rgba(130,230,255,.11), transparent 56%);
  opacity:0;
  transform:translateX(-22%);
  transition:opacity .24s ease, transform .42s ease;
}
.home-workdesk .hero-assurance-row a:hover::after,
.home-workdesk .hero-assurance-row a:focus-visible::after{
  opacity:1;
  transform:translateX(18%);
}
.home-workdesk .hero-assurance-row strong{
  margin-top:9px !important;
  color:rgba(250,253,255,.96) !important;
  font-family:var(--font-display, inherit) !important;
  font-size:13px !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:.035em !important;
  text-transform:uppercase !important;
  text-shadow:0 0 12px rgba(255,255,255,.18) !important;
}
.home-workdesk .hero-assurance-row span{
  color:rgba(232,237,246,.70) !important;
  font-size:20px !important;
  line-height:1.18 !important;
  letter-spacing:0 !important;
}
.home-workdesk .hero-assurance-row a:hover,
.home-workdesk .hero-assurance-row a:focus-visible{
  transform:translateY(-3px) !important;
  border-color:rgba(var(--accent-rgb,34,211,238),.38) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.080), rgba(255,255,255,.026)),
    rgba(9,27,43,.48) !important;
}
@media (max-width: 760px){
  .home-workdesk .hero-assurance-row{
    padding:12px !important;
    border-radius:16px !important;
  }
  .home-workdesk .hero-assurance-row a{
    min-height:78px !important;
  }
  .home-workdesk .hero-assurance-row span{
    font-size:17px !important;
  }
}

/* v84 cascade lock: keep the new home hero centered after older CMS passes. */
.home-workdesk .cz-workdesk-hero.hero-simple-v2{
  display:block !important;
  max-width:min(1180px, calc(100% - 32px)) !important;
  min-height:calc(100svh - 92px) !important;
  text-align:center !important;
}
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy{
  max-width:980px !important;
  margin:0 auto !important;
  text-align:center !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy h1,
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-workdesk-sub{
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-statusbar,
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-direct-actions,
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-job-chips,
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-flow-row{
  justify-content:center !important;
}
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-console{
  max-width:760px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-console{
  position:relative !important;
  max-width:820px !important;
  padding:clamp(16px, 2.4vw, 24px) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.080), rgba(255,255,255,.026)),
    rgba(3,8,18,.34) !important;
  box-shadow:0 24px 72px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.14), 0 0 54px rgba(var(--accent-rgb,34,211,238),.10) !important;
  backdrop-filter:blur(22px) saturate(1.2) !important;
}
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-console::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg, transparent 0 18%, rgba(var(--accent-rgb,34,211,238),.10), transparent 55%);
  opacity:.75;
}
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-console label{
  display:block !important;
  text-align:center !important;
  margin-bottom:12px !important;
  color:#fff !important;
}
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-command-note{
  max-width:620px !important;
  margin:12px auto 0 !important;
  color:rgba(231,240,255,.68) !important;
  text-align:center !important;
}
.home-workdesk .hero-assurance-row{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:12px;
  max-width:820px;
  margin:14px auto 18px;
}
.home-workdesk .hero-assurance-row a{
  display:flex;
  min-height:64px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  text-decoration:none;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.022));
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 16px 42px rgba(0,0,0,.20);
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease;
}
.home-workdesk .hero-assurance-row a:hover,
.home-workdesk .hero-assurance-row a:focus-visible{
  transform:translateY(-3px);
  border-color:rgba(var(--accent-rgb,34,211,238),.40);
  background:linear-gradient(180deg, rgba(var(--accent-rgb,34,211,238),.12), rgba(255,255,255,.035));
  box-shadow:0 20px 58px rgba(0,0,0,.24), 0 0 30px rgba(var(--accent-rgb,34,211,238),.13);
}
.home-workdesk .hero-assurance-row strong{
  font-size:15px;
  line-height:1.1;
}
.home-workdesk .hero-assurance-row span{
  color:rgba(229,238,255,.66);
  font-size:13px;
  line-height:1.2;
}
@media (max-width: 640px){
  .home-workdesk .cz-workdesk-hero.hero-simple-v2{
    max-width:calc(100% - 18px) !important;
    min-height:auto !important;
  }
  .home-workdesk .hero-assurance-row{
    grid-template-columns:1fr;
  }
}

@media (max-width: 560px){
  body.cms-tool-body .cms-tool-title{
    font-size:clamp(2rem, 11vw, 2.75rem) !important;
  }

  body.cms-tool-body .cms-tool-trust{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  body.cms-tool-body .cms-tool-trust .cms-pill{
    width:100% !important;
  }

  body.cms-tool-body .cms-tool-panel.cms-box-action,
  body.cms-tool-body .cms-tool-app.cms-box-action,
  body.cms-tool-body .cms-result-card.cms-box-action{
    border-radius:16px !important;
  }

  body.cms-tool-body .cms-tool-panel.cms-box-action{
    padding:10px !important;
  }

  body.cms-tool-body .cms-output{
    padding:12px !important;
  }
}

/* v77: CMS product flow, navigation CTA and request form polish. */
.nav-primary-cta{
  min-height:40px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 14px !important;
  border-radius:14px !important;
  border:1px solid rgba(var(--accent-rgb), .36) !important;
  color:#061018 !important;
  background:linear-gradient(135deg, var(--accent), var(--accent2)) !important;
  text-decoration:none !important;
  font:900 12px/1 var(--font-head, "Space Grotesk", system-ui) !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  box-shadow:0 14px 34px rgba(var(--accent-rgb), .20) !important;
}

.nav-primary-cta:hover,
.nav-primary-cta:focus-visible{
  filter:saturate(1.08) brightness(1.04) !important;
  transform:translateY(-1px) !important;
  outline:0 !important;
}

.tools-route-grid,
.guide-route-panel{
  position:relative !important;
  z-index:1 !important;
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:10px !important;
  margin:18px auto 0 !important;
  max-width:1040px !important;
}

.tools-route-grid a,
.guide-route-panel a,
.contact-next-links a{
  min-width:0 !important;
  display:grid !important;
  gap:7px !important;
  align-content:start !important;
  padding:14px !important;
  border-radius:18px !important;
  border:1px solid rgba(255,255,255,.11) !important;
  background:
    radial-gradient(220px 120px at 50% 0%, rgba(var(--accent-rgb), .11), transparent 70%),
    rgba(255,255,255,.045) !important;
  color:rgba(248,252,255,.78) !important;
  text-decoration:none !important;
  box-shadow:0 16px 38px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.tools-route-grid b,
.guide-route-panel b,
.contact-next-links strong{
  color:rgba(255,255,255,.96) !important;
  font:900 13.5px/1.18 var(--font-head, "Space Grotesk", system-ui) !important;
  letter-spacing:.025em !important;
}

.tools-route-grid span,
.guide-route-panel span,
.contact-next-links span{
  font-size:12.8px !important;
  line-height:1.42 !important;
  color:rgba(248,252,255,.68) !important;
}

.tools-route-grid em{
  margin-top:auto !important;
  color:var(--accent) !important;
  font:900 11.5px/1 var(--font-head, "Space Grotesk", system-ui) !important;
  font-style:normal !important;
  text-transform:uppercase !important;
  letter-spacing:.055em !important;
}

.contact-shell{
  max-width:1180px !important;
}

.contact-hero{
  text-align:left !important;
}

.contact-hero .section-sub{
  margin-left:0 !important;
  margin-right:0 !important;
}

.contact-grid{
  display:grid !important;
  grid-template-columns:minmax(0, 1.08fr) minmax(320px, .92fr) !important;
  gap:16px !important;
  margin-top:18px !important;
  align-items:start !important;
}

.contact-form-card,
.contact-support-panel article{
  min-width:0 !important;
  border:1px solid rgba(255,255,255,.11) !important;
  border-radius:22px !important;
  background:
    radial-gradient(520px 240px at 20% 0%, rgba(var(--accent-rgb), .12), transparent 68%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.032)) !important;
  box-shadow:0 22px 62px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.045) !important;
}

.contact-form-card{
  display:grid !important;
  gap:14px !important;
  padding:18px !important;
}

.contact-form-head{
  display:grid !important;
  gap:8px !important;
}

.contact-form-head h2,
.contact-support-panel h2{
  margin:0 !important;
  color:rgba(255,255,255,.96) !important;
  font:900 clamp(1.25rem, 2.4vw, 1.8rem)/1.1 var(--font-head, "Space Grotesk", system-ui) !important;
}

.contact-form-head p,
.contact-support-panel p{
  margin:0 !important;
  color:rgba(248,252,255,.70) !important;
  line-height:1.55 !important;
}

.contact-form-card label{
  display:grid !important;
  gap:7px !important;
  color:rgba(248,252,255,.86) !important;
  font:900 12px/1.2 var(--font-head, "Space Grotesk", system-ui) !important;
  letter-spacing:.055em !important;
  text-transform:uppercase !important;
}

.contact-field-grid{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:12px !important;
}

.contact-form-card input,
.contact-form-card select,
.contact-form-card textarea{
  width:100% !important;
  min-width:0 !important;
  border:1px solid rgba(255,255,255,.13) !important;
  border-radius:14px !important;
  background:rgba(2,8,18,.52) !important;
  color:rgba(255,255,255,.94) !important;
  padding:13px 12px !important;
  font:500 15px/1.35 var(--font-body, "Space Grotesk", system-ui) !important;
  letter-spacing:0 !important;
  outline:0 !important;
}

.contact-form-card textarea{
  min-height:170px !important;
  resize:vertical !important;
}

.contact-form-card input:focus,
.contact-form-card select:focus,
.contact-form-card textarea:focus{
  border-color:rgba(var(--accent-rgb), .52) !important;
  box-shadow:0 0 0 3px rgba(var(--accent-rgb), .14) !important;
}

.contact-form-card [aria-invalid="true"]{
  border-color:rgba(248,113,113,.72) !important;
  box-shadow:0 0 0 3px rgba(248,113,113,.13) !important;
}

.contact-hp{
  position:absolute !important;
  left:-9999px !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}

.contact-form-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  align-items:center !important;
}

.contact-form-actions .btn{
  min-height:46px !important;
}

.contact-status{
  margin:0 !important;
  padding:12px 13px !important;
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:rgba(255,255,255,.045) !important;
  color:rgba(248,252,255,.82) !important;
  line-height:1.45 !important;
}

.contact-status[data-state="success"]{
  border-color:rgba(52,211,153,.38) !important;
  background:rgba(52,211,153,.10) !important;
}

.contact-status[data-state="error"]{
  border-color:rgba(248,113,113,.42) !important;
  background:rgba(248,113,113,.10) !important;
}

.contact-status[data-state="pending"]{
  border-color:rgba(var(--accent-rgb), .34) !important;
  background:rgba(var(--accent-rgb), .09) !important;
}

.contact-support-panel{
  display:grid !important;
  gap:12px !important;
}

.contact-support-panel article{
  padding:16px !important;
}

.contact-support-panel span{
  width:max-content !important;
  display:inline-flex !important;
  align-items:center !important;
  min-height:26px !important;
  padding:0 9px !important;
  margin-bottom:10px !important;
  border-radius:999px !important;
  color:var(--accent) !important;
  border:1px solid rgba(var(--accent-rgb), .22) !important;
  background:rgba(var(--accent-rgb), .08) !important;
  font:900 11px/1 var(--font-head, "Space Grotesk", system-ui) !important;
}

.contact-next-links{
  margin-top:16px !important;
}

@media (hover:hover) and (pointer:fine){
  .tools-route-grid a:hover,
  .guide-route-panel a:hover,
  .contact-next-links a:hover,
  .contact-support-panel article:hover{
    transform:translateY(-2px) !important;
    border-color:rgba(var(--accent-rgb), .30) !important;
    box-shadow:0 24px 68px rgba(0,0,0,.30), 0 0 32px rgba(var(--accent-rgb), .10) !important;
  }
}

@media (max-width: 1080px){
  .tools-route-grid,
  .guide-route-panel{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 980px){
  .nav-primary-cta{
    display:none !important;
  }

  .contact-grid{
    grid-template-columns:1fr !important;
  }
}

@media (max-width: 620px){
  .tools-route-grid,
  .guide-route-panel,
  .contact-field-grid{
    grid-template-columns:1fr !important;
  }

  .contact-form-card{
    padding:14px !important;
    border-radius:18px !important;
  }

  .contact-form-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  .contact-form-actions .btn{
    width:100% !important;
  }
}

/* v78: simpler Clickoz home hero, no mobile bottom-bar dependency, clearer route cards. */
.home-workdesk .hero-simple-v2{
  grid-template-columns:minmax(0, 1.08fr) minmax(320px, .68fr);
  align-items:stretch;
}

.home-workdesk .hero-simple-v2 .workdesk-copy{
  min-height:0;
}

.home-workdesk .hero-simple-v2 .workdesk-copy h1{
  max-width:840px;
  font-size:clamp(42px, 7vw, 86px);
  line-height:.94;
}

.home-workdesk .hero-simple-v2 .hero-workdesk-sub{
  max-width:760px;
  color:rgba(248,252,255,.78);
}

.home-workdesk .hero-simple-v2 .hero-statusbar{
  justify-content:flex-start;
  margin:18px 0 0;
}

.home-workdesk .hero-simple-v2 .hero-fix-console{
  max-width:780px;
  margin-top:22px;
}

.home-workdesk .hero-direct-actions{
  margin-top:18px;
  justify-content:flex-start;
}

.home-workdesk .hero-route-panel{
  position:relative;
  overflow:hidden;
  padding:22px;
  border-radius:28px;
  border:1px solid rgba(var(--accent-rgb), .22);
  background:
    radial-gradient(520px 240px at 16% 0%, rgba(var(--accent-rgb), .16), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.072), rgba(255,255,255,.026)),
    rgba(6,12,24,.82);
  box-shadow:0 30px 90px rgba(0,0,0,.28);
}

.home-workdesk .hero-route-head{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  gap:3px 10px;
  align-items:center;
  padding-bottom:14px;
  border-bottom:1px solid rgba(255,255,255,.10);
}

.home-workdesk .hero-route-head strong,
.home-workdesk .hero-route-head small{
  min-width:0;
}

.home-workdesk .hero-route-head strong{
  color:#fff;
  font-size:17px;
  line-height:1.15;
}

.home-workdesk .hero-route-head small{
  grid-column:2;
  color:rgba(248,252,255,.58);
  font-size:13px;
  font-weight:800;
}

.home-workdesk .hero-route-list{
  display:grid;
  gap:10px;
  margin-top:16px;
}

.home-workdesk .hero-route-list a{
  display:grid;
  gap:5px;
  min-height:76px;
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);
  color:inherit;
  text-decoration:none;
  transition:transform .16s ease, border-color .16s ease, background .16s ease;
}

.home-workdesk .hero-route-list a:hover,
.home-workdesk .hero-route-list a:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(var(--accent-rgb), .34);
  background:rgba(var(--accent-rgb), .09);
}

.home-workdesk .hero-route-list b{
  color:rgba(248,252,255,.94);
  font-size:15px;
  line-height:1.15;
}

.home-workdesk .hero-route-list span{
  color:rgba(248,252,255,.66);
  font-size:13.5px;
  line-height:1.45;
}

@media (max-width: 820px){
  .home-workdesk .hero-simple-v2{
    grid-template-columns:1fr;
  }

  .home-workdesk .hero-simple-v2 .workdesk-copy h1{
    font-size:clamp(38px, 13vw, 56px);
  }

  .home-workdesk .hero-direct-actions,
  .home-workdesk .hero-direct-actions .btn{
    width:100%;
  }

  .home-workdesk .hero-route-panel{
    padding:16px;
    border-radius:22px;
  }
}

body.cms-tool-body .cms-result-card.has-output .cms-output{
  border-color:rgba(var(--accent-rgb), .24) !important;
  background:
    radial-gradient(520px 220px at 12% 0%, rgba(var(--accent-rgb), .10), transparent 72%),
    rgba(0,0,0,.22) !important;
}

body.cms-tool-body .cms-output-label{
  align-items:flex-start !important;
}

body.cms-tool-body .cms-output-label span{
  overflow-wrap:anywhere !important;
}

body.cms-tool-body .cms-next-action strong,
body.cms-tool-body .cms-next-action span{
  text-align:left !important;
}

body.cms-tool-body .cms-next-chips{
  justify-content:flex-start !important;
}

body.cms-tool-body .cms-quality-action summary{
  cursor:pointer !important;
  color:rgba(248,252,255,.94) !important;
  font:1000 12px/1.2 var(--font-head, "Space Grotesk", system-ui) !important;
  text-transform:uppercase !important;
  letter-spacing:.055em !important;
}

@media (max-width: 620px){
  body.cms-tool-body .cms-output-label{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  body.cms-tool-body .cms-output-label small{
    max-width:100% !important;
    text-align:left !important;
  }

  body.cms-tool-body .cms-next-chips{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  body.cms-tool-body .cms-next-chips a{
    width:100% !important;
  }

  body.cms-tool-body .cms-tool-actions{
    position:static !important;
    bottom:auto !important;
  }
}

/* v79: readable tool outputs plus clearer Home, Tools, Guides and Updates decision strips. */
body.cms-tool-body .cms-result-card.has-output .cms-output{
  padding:16px !important;
  border-radius:18px !important;
  color:rgba(248,252,255,.92) !important;
  font-size:15px !important;
  line-height:1.68 !important;
}

body.cms-tool-body .cms-text-output{
  gap:12px !important;
}

body.cms-tool-body .cms-text-section{
  padding:14px !important;
  border-color:rgba(var(--accent-rgb), .18) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.050), rgba(255,255,255,.024)),
    rgba(0,0,0,.12) !important;
}

body.cms-tool-body .cms-text-section b{
  margin-bottom:8px !important;
}

body.cms-tool-body .cms-text-body{
  margin:8px 0 0 !important;
  color:rgba(248,252,255,.82) !important;
  font-size:15px !important;
  line-height:1.68 !important;
  white-space:pre-wrap !important;
  overflow-wrap:anywhere !important;
}

body.cms-tool-body .cms-output-list span{
  max-height:none !important;
  overflow:visible !important;
  color:rgba(248,252,255,.80) !important;
  font-size:14.5px !important;
  line-height:1.62 !important;
}

body.cms-tool-body .cms-result-hero strong{
  font-size:clamp(18px, 2vw, 24px) !important;
  line-height:1.38 !important;
}

body.cms-tool-body .cms-output-pre{
  font-family:ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace !important;
  font-size:13.5px !important;
  line-height:1.66 !important;
}

.home-priority-strip,
.tools-assist-strip,
.guide-decision-strip,
.updates-release-strip{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:10px;
  margin-top:18px;
}

.home-priority-strip article,
.tools-assist-strip article,
.guide-decision-strip article,
.updates-release-strip article{
  min-width:0;
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(var(--accent-rgb), .16);
  background:
    radial-gradient(240px 120px at 12% 0%, rgba(var(--accent-rgb), .095), transparent 70%),
    rgba(255,255,255,.034);
}

.home-priority-strip span,
.tools-assist-strip span,
.guide-decision-strip span,
.updates-release-strip span{
  display:inline-flex;
  min-height:24px;
  align-items:center;
  padding:0 8px;
  border-radius:999px;
  border:1px solid rgba(var(--accent-rgb), .18);
  color:rgba(248,252,255,.72);
  background:rgba(var(--accent-rgb), .06);
  font:900 11px/1 var(--font-head, "Space Grotesk", system-ui);
}

.home-priority-strip strong,
.tools-assist-strip strong,
.guide-decision-strip strong,
.updates-release-strip strong{
  display:block;
  margin-top:10px;
  color:rgba(248,252,255,.95);
  font-size:14px;
  line-height:1.18;
}

.home-priority-strip p,
.tools-assist-strip p,
.guide-decision-strip p,
.updates-release-strip p{
  margin:7px 0 0;
  color:rgba(248,252,255,.66);
  font-size:13px;
  line-height:1.46;
}

.tools-page .tool-output-preview,
.tool-output-preview{
  gap:10px !important;
  padding:13px !important;
  border-radius:16px !important;
}

.tools-page .tool-output-preview > strong,
.tool-output-preview > strong{
  font-size:14px !important;
  line-height:1.34 !important;
}

.tool-card-flow{
  gap:10px !important;
}

.tool-card-flow p{
  padding:10px !important;
  gap:7px !important;
  line-height:1.42 !important;
}

.tool-card-flow p span{
  display:block !important;
  color:rgba(248,252,255,.74) !important;
  font-size:12.5px !important;
  line-height:1.42 !important;
}

@media (max-width: 980px){
  .home-priority-strip,
  .tools-assist-strip,
  .guide-decision-strip,
  .updates-release-strip{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px){
  .home-priority-strip,
  .tools-assist-strip,
  .guide-decision-strip,
  .updates-release-strip{
    grid-template-columns:1fr;
    margin-top:14px;
  }

  .home-priority-strip article,
  .tools-assist-strip article,
  .guide-decision-strip article,
  .updates-release-strip article{
    padding:12px;
    border-radius:15px;
  }
}

/* v80: 100-point detail pass for output readability, mobile fit, focus states and CMS polish. */
html{
  scroll-padding-top:92px;
}

body{
  overflow-x:clip !important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

main,
section,
article,
aside,
header,
footer,
.container,
.card,
.hero-box,
.release-card,
.guide-hub-card,
.tool-standard-card,
.cms-box-action,
.cms-box-flow,
.cms-box-support{
  min-width:0 !important;
}

a,
button,
input,
select,
textarea,
summary{
  -webkit-tap-highlight-color:rgba(var(--accent-rgb), .18);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible{
  outline:2px solid rgba(var(--accent-rgb), .86) !important;
  outline-offset:3px !important;
  box-shadow:0 0 0 5px rgba(var(--accent-rgb), .14) !important;
}

.btn,
.chip,
.nav-primary-cta,
.tool-cta,
.updates-btn,
.guide-cta,
.m-link,
.cms-related-links a,
.cms-next-chips a{
  min-width:0 !important;
  min-height:42px !important;
  white-space:normal !important;
  text-align:center !important;
  overflow-wrap:anywhere !important;
}

.mobile-bottom-bar,
.mobile-bottom-nav,
.mobile-dock,
.mobile-quickbar,
.bottom-mobile-bar,
[data-mobile-bottom-bar]{
  display:none !important;
}

.footer{
  margin-bottom:0 !important;
  padding-bottom:max(28px, env(safe-area-inset-bottom)) !important;
}

.footer-grid,
.footer-links{
  min-width:0 !important;
}

.footer-links a{
  width:max-content;
  max-width:100%;
  overflow-wrap:anywhere;
}

.m-overlay[hidden]{
  display:none !important;
}

.m-menu{
  max-width:min(420px, calc(100vw - 18px)) !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
}

.m-command-card,
.m-quick-grid,
.m-links,
.m-block{
  min-width:0 !important;
}

.m-quick-grid{
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
}

.m-quick-grid :is(a, button){
  min-width:0 !important;
  overflow-wrap:anywhere !important;
}

.home-workdesk .hero-simple-v2,
.guide-hub-hero,
.updates-hero-v2,
.contact-grid{
  gap:clamp(14px, 2.2vw, 26px) !important;
}

.home-workdesk .hero-simple-v2 .workdesk-copy h1,
.tools-title,
.guides-title,
.updates-title,
.guide-hub-hero h1,
.contact-hero h1{
  max-width:16ch !important;
  overflow-wrap:normal !important;
}

.home-workdesk .hero-fix-input-row{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto !important;
  gap:10px !important;
}

.home-workdesk .hero-fix-input-row input{
  min-width:0 !important;
}

.home-workdesk .hero-job-chips,
.dash-actions,
.platform-actions,
.contact-form-actions,
.updates-actions{
  align-items:stretch !important;
}

.home-workdesk .hero-job-chips button{
  min-height:36px !important;
  overflow-wrap:anywhere !important;
}

.friction-strip,
.hero-statusbar,
.trust-badges{
  min-width:0 !important;
}

.friction-strip span,
.hero-statusbar span,
.trust-badges span{
  min-width:0 !important;
  overflow-wrap:anywhere !important;
}

.tools-page .cards-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 380px), 1fr)) !important;
  gap:14px !important;
}

.tools-page .cards-grid > .card{
  grid-column:auto !important;
}

.tools-page .tool-sections .card.tool-card-enhanced{
  display:grid !important;
  grid-template-rows:auto auto auto 1fr auto !important;
  align-content:start !important;
  min-height:100% !important;
  padding:18px !important;
}

.tools-page .tool-output-preview,
.tool-output-preview{
  margin-top:4px !important;
  display:grid !important;
  gap:10px !important;
  padding:14px !important;
  border:1px solid rgba(var(--accent-rgb), .18) !important;
  border-radius:17px !important;
  background:
    radial-gradient(260px 150px at 16% 0%, rgba(var(--accent-rgb), .11), transparent 72%),
    rgba(0,0,0,.18) !important;
  overflow:visible !important;
}

.tools-page .tool-output-preview > span,
.tool-output-preview > span{
  width:max-content !important;
  max-width:100% !important;
}

.tools-page .tool-output-preview > strong,
.tool-output-preview > strong{
  display:block !important;
  color:rgba(255,255,255,.95) !important;
  font-size:14px !important;
  line-height:1.38 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}

.tool-card-flow{
  grid-template-columns:1fr !important;
  gap:8px !important;
}

.tool-card-flow p{
  display:grid !important;
  grid-template-columns:minmax(54px, auto) minmax(0, 1fr) !important;
  align-items:start !important;
  gap:8px !important;
  padding:9px 10px !important;
  min-width:0 !important;
}

.tool-card-flow b{
  white-space:nowrap !important;
}

.tool-card-flow p span{
  min-width:0 !important;
  overflow-wrap:anywhere !important;
}

.tools-page .tool-output-preview > em,
.tool-output-preview > em{
  color:rgba(248,252,255,.70) !important;
  font-size:12.5px !important;
  line-height:1.45 !important;
}

.tools-page .tool-mini-features{
  display:grid !important;
  grid-template-columns:repeat(auto-fit, minmax(112px, 1fr)) !important;
  gap:7px !important;
  margin-top:2px !important;
}

.tools-page .tool-mini-features span{
  width:100% !important;
  justify-content:flex-start !important;
  min-width:0 !important;
}

.tools-page .tool-cta{
  width:100% !important;
  justify-content:space-between !important;
  margin-top:12px !important;
  padding:11px 12px !important;
  border:1px solid rgba(var(--accent-rgb), .18) !important;
  border-radius:14px !important;
  background:rgba(var(--accent-rgb), .075) !important;
}

body.cms-tool-body .cms-output,
body.cms-tool-body .cms-text-body,
body.cms-tool-body .cms-output-pre,
body.cms-tool-body .cms-output-list span,
body.cms-tool-body .cms-result-status,
body.cms-tool-body .cms-metrics,
body.cms-tool-body .cms-related-links a{
  overflow-wrap:anywhere !important;
  word-break:normal !important;
}

body.cms-tool-body textarea,
body.cms-tool-body input,
body.cms-tool-body select,
.contact-form-card textarea,
.contact-form-card input,
.contact-form-card select{
  width:100% !important;
  min-width:0 !important;
}

.contact-hp{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  white-space:nowrap !important;
}

.contact-status{
  padding:12px 14px !important;
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.045) !important;
}

.contact-status[data-state="success"]{
  border-color:rgba(34,197,94,.32) !important;
  background:rgba(34,197,94,.09) !important;
}

.contact-status[data-state="error"]{
  border-color:rgba(248,113,113,.36) !important;
  background:rgba(248,113,113,.10) !important;
}

input[aria-invalid="true"],
select[aria-invalid="true"],
textarea[aria-invalid="true"]{
  border-color:rgba(248,113,113,.72) !important;
  box-shadow:0 0 0 4px rgba(248,113,113,.12) !important;
}

button[disabled],
.btn[disabled]{
  cursor:not-allowed !important;
  opacity:.62 !important;
  transform:none !important;
}

.guide-hub-checklist article,
.guide-hub-card,
.release-card,
.updates-quality-board article,
.pillar-grid a,
.tools-route-grid a,
.guide-route-panel a,
.contact-next-links a{
  overflow-wrap:anywhere !important;
}

.release-meta,
.release-left{
  min-width:0 !important;
  flex-wrap:wrap !important;
}

.release-left h3{
  overflow-wrap:anywhere !important;
}

@media (max-width: 900px){
  html{
    scroll-padding-top:78px;
  }

  .home-workdesk .hero-simple-v2 .workdesk-copy h1,
  .tools-title,
  .guides-title,
  .updates-title,
  .guide-hub-hero h1,
  .contact-hero h1{
    max-width:100% !important;
  }

  .tools-page .tool-sections .card.tool-card-enhanced .card-top{
    grid-template-columns:42px minmax(0, 1fr) !important;
  }

  .tools-page .tool-sections .card.tool-card-enhanced .card-ico{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
  }
}

@media (max-width: 620px){
  .container{
    width:min(100% - 24px, 1180px) !important;
  }

  .m-quick-grid,
  .contact-field-grid,
  .home-workdesk .hero-fix-input-row,
  .contact-form-actions,
  .updates-actions,
  .dash-actions,
  .platform-actions{
    grid-template-columns:1fr !important;
  }

  .dash-actions,
  .platform-actions,
  .contact-form-actions,
  .updates-actions{
    display:grid !important;
  }

  .dash-actions .btn,
  .platform-actions .btn,
  .contact-form-actions .btn,
  .updates-actions .updates-btn,
  .home-workdesk .hero-fix-input-row .btn{
    width:100% !important;
  }

  .tool-card-flow p{
    grid-template-columns:1fr !important;
  }

  .tools-page .tool-output-preview,
  .tool-output-preview{
    padding:12px !important;
  }

  .footer-grid{
    gap:18px !important;
  }
}

@media (max-width: 390px){
  .btn,
  .chip,
  .nav-primary-cta,
  .tool-cta,
  .updates-btn,
  .guide-cta{
    font-size:13px !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .home-workdesk .hero-job-chips{
    display:grid !important;
    grid-template-columns:1fr !important;
  }
}

@media (prefers-reduced-motion: reduce){
  *,
  *::before,
  *::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    scroll-behavior:auto !important;
    transition-duration:.001ms !important;
  }
}

/* v81: de-bloat and alignment pass. Keep the CMS rich, but make the surfaces calmer and predictable. */
.tools-page .tools-shell{
  padding-top:18px !important;
}

.tools-page .tools-hero{
  padding:22px !important;
  border-radius:22px !important;
  box-shadow:0 18px 46px rgba(0,0,0,.28) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.024)),
    rgba(7,14,28,.72) !important;
}

.tools-page .tools-hero::before,
.tools-page .tools-hero::after{
  opacity:.18 !important;
}

.tools-page .tools-hero-top{
  justify-content:flex-start !important;
  text-align:left !important;
  margin-bottom:10px !important;
}

.tools-page .tools-hero-top > div:first-child{
  max-width:860px !important;
  flex-basis:860px !important;
}

.tools-page .tools-title,
.guides-page .guide-hub-hero h1,
.guide-hub-page .guide-hub-hero h1,
.updates-page .updates-title,
body:has(.updates-canvas) .updates-title{
  max-width:none !important;
  text-align:left !important;
  letter-spacing:.01em !important;
  line-height:1.02 !important;
}

.tools-page .tools-title{
  font-size:clamp(34px, 4.2vw, 54px) !important;
  max-width:760px !important;
}

.tools-page .tools-sub{
  max-width:820px !important;
  margin-left:0 !important;
  margin-right:0 !important;
  text-align:left !important;
  font-size:16.5px !important;
  line-height:1.6 !important;
}

.tools-page .chips{
  justify-content:flex-start !important;
  gap:8px !important;
  margin:16px 0 12px !important;
}

.tools-page .chip{
  min-height:36px !important;
  padding:8px 12px !important;
  box-shadow:none !important;
}

.tools-page .tools-search{
  max-width:100% !important;
  justify-content:flex-start !important;
}

.tools-page .search{
  width:min(720px, 100%) !important;
  box-shadow:none !important;
}

.tools-page .tools-route-grid{
  max-width:none !important;
  margin-top:14px !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:8px !important;
}

.tools-page .tools-route-grid a{
  padding:12px !important;
  border-radius:15px !important;
  box-shadow:none !important;
  background:rgba(255,255,255,.035) !important;
}

.tools-page .tools-route-grid em{
  margin-top:2px !important;
}

.tools-page .tools-assist-strip{
  grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
  gap:8px !important;
}

.tools-page .tools-assist-strip article{
  padding:11px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.025) !important;
}

.tools-page .tool-section{
  padding:20px !important;
  border-radius:22px !important;
  box-shadow:0 14px 34px rgba(0,0,0,.22) !important;
  background:rgba(255,255,255,.026) !important;
}

.tools-page .section-head{
  justify-content:space-between !important;
  text-align:left !important;
  align-items:center !important;
}

.tools-page .section-kicker{
  justify-content:flex-start !important;
}

.tools-page .section-desc{
  margin-left:0 !important;
  margin-right:0 !important;
  text-align:left !important;
}

.tools-page .cards-grid{
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 330px), 1fr)) !important;
  gap:12px !important;
}

.tools-page .tool-sections .card.tool-card-enhanced{
  display:flex !important;
  flex-direction:column !important;
  gap:11px !important;
  min-height:0 !important;
  padding:16px !important;
  border-radius:17px !important;
  box-shadow:0 12px 26px rgba(0,0,0,.22) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.050), rgba(255,255,255,.022)),
    rgba(6,12,24,.62) !important;
}

.tools-page .tool-sections .card.tool-card-enhanced::before{
  opacity:.10 !important;
}

.tools-page .tool-sections .card.tool-card-enhanced .card-top{
  grid-template-columns:42px minmax(0, 1fr) !important;
  column-gap:10px !important;
}

.tools-page .tool-sections .card.tool-card-enhanced .card-ico{
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  border-radius:12px !important;
}

.tools-page .tool-sections .card.tool-card-enhanced h3{
  font-size:17px !important;
  letter-spacing:.018em !important;
}

.tools-page .tool-sections .card.tool-card-enhanced .card-top p{
  font-size:13.5px !important;
  line-height:1.45 !important;
}

.tools-page .tool-output-preview,
.tool-output-preview{
  padding:12px !important;
  border-radius:14px !important;
  gap:8px !important;
  background:rgba(0,0,0,.18) !important;
  border-color:rgba(255,255,255,.095) !important;
}

.tools-page .tool-output-preview > span,
.tool-output-preview > span{
  min-height:22px !important;
  padding:0 7px !important;
  font-size:10px !important;
}

.tools-page .tool-output-preview > strong,
.tool-output-preview > strong{
  font:800 13.5px/1.42 var(--font-head, "Space Grotesk", system-ui) !important;
  color:rgba(248,252,255,.90) !important;
}

.tool-card-flow{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:8px !important;
}

.tool-card-flow p{
  grid-template-columns:1fr !important;
  gap:5px !important;
  padding:9px !important;
  border-radius:12px !important;
}

.tool-card-flow b{
  white-space:normal !important;
  font-size:10px !important;
}

.tool-card-flow p span{
  font-size:12.5px !important;
  line-height:1.42 !important;
}

.tools-page .tool-mini-features{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px !important;
}

.tools-page .tool-mini-features span{
  width:auto !important;
  flex:0 1 auto !important;
  min-height:28px !important;
  padding:0 8px !important;
}

.tools-page .tool-cta{
  margin-top:auto !important;
  padding:10px 11px !important;
  border-radius:13px !important;
  background:rgba(var(--accent-rgb), .055) !important;
}

body.cms-tool-body .cms-tool-grid{
  grid-template-columns:minmax(0, 1fr) minmax(320px, .72fr) !important;
  gap:16px !important;
}

body.cms-tool-body .cms-tool-app.cms-box-action,
body.cms-tool-body .cms-result-card.cms-box-action{
  border-radius:20px !important;
  box-shadow:0 18px 44px rgba(0,0,0,.24) !important;
}

body.cms-tool-body .cms-example-box{
  padding:12px !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.024) !important;
}

body.cms-tool-body .cms-example-box h3,
body.cms-tool-body .cms-result-card h3{
  justify-content:flex-start !important;
  text-align:left !important;
  min-height:0 !important;
  margin-bottom:8px !important;
}

body.cms-tool-body .cms-example-box pre{
  min-height:112px !important;
  max-height:160px !important;
  overflow:auto !important;
  border-radius:13px !important;
  background:rgba(0,0,0,.22) !important;
  font-size:13px !important;
  line-height:1.48 !important;
}

body.cms-tool-body .cms-example-options{
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:7px !important;
}

body.cms-tool-body .cms-example-option{
  min-height:38px !important;
  padding:7px 8px !important;
  font-size:12.5px !important;
  border-radius:12px !important;
}

body.cms-tool-body .cms-example-sequence{
  min-height:58px !important;
  padding:8px !important;
  border-radius:13px !important;
  overflow:hidden !important;
}

body.cms-tool-body .cms-sequence-head span{
  max-width:62% !important;
}

body.cms-tool-body .cms-sequence-track{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:6px !important;
}

body.cms-tool-body .cms-sequence-step{
  min-height:34px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:7px 8px !important;
  border-radius:999px !important;
}

body.cms-tool-body .cms-sequence-step b{
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

body.cms-tool-body .cms-sequence-step span,
body.cms-tool-body .cms-sequence-step::before{
  display:none !important;
}

body.cms-tool-body .cms-result-card.cms-box-action{
  top:88px !important;
}

body.cms-tool-body .cms-output{
  max-height:520px !important;
  overflow:auto !important;
}

.guides-page .guide-hub-hero,
.guide-hub-page .guide-hub-hero{
  display:grid !important;
  grid-template-columns:minmax(0, 1.1fr) minmax(280px, .72fr) !important;
  gap:18px !important;
  align-items:stretch !important;
  padding:24px !important;
  border-radius:22px !important;
  box-shadow:0 18px 46px rgba(0,0,0,.24) !important;
}

.guides-page .guide-hub-hero > div,
.guide-hub-page .guide-hub-hero > div{
  text-align:left !important;
}

.guide-hub-checklist{
  display:grid !important;
  gap:9px !important;
}

.guide-hub-checklist article{
  min-height:0 !important;
  padding:13px !important;
  border-radius:15px !important;
  text-align:left !important;
}

.guide-route-panel{
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:9px !important;
}

.guide-route-panel a,
.guide-hub-card,
.updates-quality-board article,
.release-card{
  box-shadow:0 12px 28px rgba(0,0,0,.20) !important;
}

.guide-hub-grid{
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 250px), 1fr)) !important;
  gap:12px !important;
}

.guide-hub-card{
  padding:16px !important;
  border-radius:17px !important;
  text-align:left !important;
}

.guide-card-meta{
  align-items:flex-start !important;
}

body:has(.updates-canvas) .updates-hero-v2{
  grid-template-columns:minmax(0, 1fr) minmax(300px, .78fr) !important;
  gap:18px !important;
  align-items:stretch !important;
  min-height:0 !important;
  padding:24px !important;
  border-radius:22px !important;
  box-shadow:0 18px 46px rgba(0,0,0,.24) !important;
}

body:has(.updates-canvas) .updates-hero-copy{
  text-align:left !important;
  align-items:flex-start !important;
}

body:has(.updates-canvas) .updates-title{
  font-size:clamp(34px, 4.2vw, 56px) !important;
}

body:has(.updates-canvas) .updates-sub{
  max-width:760px !important;
  margin-left:0 !important;
  text-align:left !important;
}

body:has(.updates-canvas) .updates-actions{
  justify-content:flex-start !important;
}

.updates-release-strip{
  grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
  gap:8px !important;
}

.updates-release-strip article{
  padding:12px !important;
  border-radius:14px !important;
}

.updates-quality-board{
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:12px !important;
}

.release-lab-grid{
  grid-template-columns:1fr !important;
  gap:12px !important;
}

.release-lab-grid .release-card{
  padding:16px !important;
  border-radius:17px !important;
}

@media (max-width: 1040px){
  .tools-page .tools-route-grid,
  .guide-route-panel,
  .updates-quality-board{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .tools-page .tools-assist-strip,
  .updates-release-strip{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 820px){
  .guides-page .guide-hub-hero,
  .guide-hub-page .guide-hub-hero,
  body:has(.updates-canvas) .updates-hero-v2,
  body.cms-tool-body .cms-tool-grid{
    grid-template-columns:1fr !important;
  }

  body.cms-tool-body .cms-result-card.cms-box-action{
    position:relative !important;
    top:auto !important;
  }
}

@media (max-width: 620px){
  .tools-page .tools-hero,
  .tools-page .tool-section,
  .guides-page .guide-hub-hero,
  .guide-hub-page .guide-hub-hero,
  body:has(.updates-canvas) .updates-hero-v2{
    padding:16px !important;
    border-radius:18px !important;
  }

  .tools-page .chips{
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    padding-bottom:4px !important;
  }

  .tools-page .chip{
    flex:0 0 auto !important;
  }

  .tools-page .tools-route-grid,
  .tools-page .tools-assist-strip,
  .guide-route-panel,
  .updates-quality-board,
  .updates-release-strip,
  .tool-card-flow,
  body.cms-tool-body .cms-example-options,
  body.cms-tool-body .cms-sequence-track{
    grid-template-columns:1fr !important;
  }

  body.cms-tool-body .cms-example-box pre{
    min-height:96px !important;
    max-height:150px !important;
  }
}

/* v82: centered CMS rhythm, lighter slide-in motion and cleaner hover hierarchy. */
:root{
  --cms-motion-ease: cubic-bezier(.2,.8,.2,1);
  --cms-motion-shadow: 0 22px 56px rgba(0,0,0,.30), 0 0 34px rgba(var(--accent-rgb), .10);
}

@keyframes cmsSoftSlideIn{
  from{
    opacity:0;
    transform:translate3d(0, 16px, 0);
  }
  to{
    opacity:1;
    transform:translate3d(0, 0, 0);
  }
}

@keyframes cmsSoftSheen{
  from{ transform:translateX(-130%); opacity:0; }
  22%{ opacity:.32; }
  to{ transform:translateX(130%); opacity:0; }
}

@keyframes cmsButtonNudge{
  0%, 100%{ transform:translateX(0); }
  50%{ transform:translateX(3px); }
}

.tools-page .tools-hero,
.tools-page .tool-section,
.tools-page .tools-route-grid a,
.tools-page .tools-assist-strip article,
.tools-page .card.tool-card-enhanced,
.guides-page .guide-hub-hero,
.guide-hub-page .guide-hub-hero,
.guide-route-panel a,
.guide-hub-card,
.guide-decision-strip article,
body:has(.updates-canvas) .updates-hero-v2,
.updates-release-strip article,
.updates-quality-board article,
.release-card,
body.cms-tool-body .cms-tool-hero,
body.cms-tool-body .cms-tool-brief article,
body.cms-tool-body .cms-tool-panel,
body.cms-tool-body .cms-related-box,
body.cms-tool-body .cms-info-card,
body.cms-tool-body .cms-ops-strip article,
.contact-hero,
.contact-form-card,
.contact-support-panel article,
.contact-next-links a{
  animation:cmsSoftSlideIn .52s var(--cms-motion-ease) both !important;
}

.tools-page .card.tool-card-enhanced:nth-child(2n),
.guide-hub-card:nth-child(2n),
.release-card:nth-child(2n),
.updates-quality-board article:nth-child(2n),
.tools-assist-strip article:nth-child(2n),
.guide-decision-strip article:nth-child(2n),
.updates-release-strip article:nth-child(2n){
  animation-delay:.045s !important;
}

.tools-page .card.tool-card-enhanced:nth-child(3n),
.guide-hub-card:nth-child(3n),
.release-card:nth-child(3n),
.updates-quality-board article:nth-child(3n),
.tools-assist-strip article:nth-child(3n),
.guide-decision-strip article:nth-child(3n),
.updates-release-strip article:nth-child(3n){
  animation-delay:.09s !important;
}

.tools-page .card.tool-card-enhanced:nth-child(4n),
.guide-hub-card:nth-child(4n),
.release-card:nth-child(4n),
.updates-quality-board article:nth-child(4n),
.tools-assist-strip article:nth-child(4n),
.guide-decision-strip article:nth-child(4n),
.updates-release-strip article:nth-child(4n){
  animation-delay:.135s !important;
}

.tools-page .tools-hero,
.tools-page .tool-section,
.tools-page .card.tool-card-enhanced,
.tools-page .tools-route-grid a,
.tools-page .tools-assist-strip article,
.guide-hub-hero,
.guide-route-panel a,
.guide-hub-card,
.guide-decision-strip article,
.updates-hero-v2,
.updates-release-strip article,
.updates-quality-board article,
.release-card,
body.cms-tool-body .cms-tool-panel,
body.cms-tool-body .cms-tool-app,
body.cms-tool-body .cms-result-card,
body.cms-tool-body .cms-related-box,
body.cms-tool-body .cms-info-card,
body.cms-tool-body .cms-ops-strip article,
.contact-form-card,
.contact-support-panel article,
.contact-next-links a{
  position:relative !important;
  overflow:hidden !important;
  transition:
    transform .22s var(--cms-motion-ease),
    border-color .22s var(--cms-motion-ease),
    background .22s var(--cms-motion-ease),
    box-shadow .22s var(--cms-motion-ease) !important;
}

.tools-page .card.tool-card-enhanced::after,
.guide-hub-card::after,
.release-card::after,
.updates-quality-board article::after,
.tools-route-grid a::after,
.guide-route-panel a::after,
.contact-next-links a::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(105deg, transparent 12%, rgba(255,255,255,.10), transparent 68%);
  opacity:0;
  transform:translateX(-130%);
}

.tools-page .card.tool-card-enhanced:hover::after,
.guide-hub-card:hover::after,
.release-card:hover::after,
.updates-quality-board article:hover::after,
.tools-route-grid a:hover::after,
.guide-route-panel a:hover::after,
.contact-next-links a:hover::after{
  animation:cmsSoftSheen .85s var(--cms-motion-ease) both;
}

@media (hover:hover) and (pointer:fine){
  .tools-page .card.tool-card-enhanced:hover,
  .tools-page .tools-route-grid a:hover,
  .tools-page .tools-assist-strip article:hover,
  .guide-route-panel a:hover,
  .guide-hub-card:hover,
  .guide-decision-strip article:hover,
  .updates-release-strip article:hover,
  .updates-quality-board article:hover,
  .release-card:hover,
  body.cms-tool-body .cms-related-box:hover,
  body.cms-tool-body .cms-info-card:hover,
  body.cms-tool-body .cms-ops-strip article:hover,
  .contact-support-panel article:hover,
  .contact-next-links a:hover{
    transform:translateY(-5px) !important;
    border-color:rgba(var(--accent-rgb), .34) !important;
    box-shadow:var(--cms-motion-shadow) !important;
  }

  .btn:hover,
  .chip:hover,
  .updates-btn:hover,
  .nav-primary-cta:hover,
  .tool-cta:hover,
  body.cms-tool-body .cms-example-option:hover,
  body.cms-tool-body .cms-tool-actions button:hover,
  .contact-form-actions .btn:hover{
    transform:translateY(-2px) !important;
    box-shadow:0 14px 32px rgba(0,0,0,.24), 0 0 22px rgba(var(--accent-rgb), .10) !important;
  }

  .tools-page .tool-cta:hover::after,
  .btn:hover::after,
  .updates-btn:hover::after{
    animation:cmsButtonNudge .55s ease both;
  }
}

.tools-page .tools-hero-top,
.tools-page .tools-hero-top > div:first-child,
.tools-page .tools-title,
.tools-page .tools-sub,
.tools-page .section-head,
.tools-page .section-kicker,
.tools-page .section-desc,
.guides-page .guide-hub-hero > div,
.guide-hub-page .guide-hub-hero > div,
.guides-page .guide-hub-hero h1,
.guide-hub-page .guide-hub-hero h1,
.guide-hub-checklist article,
.guide-hub-card,
.guide-route-panel a,
.guide-decision-strip article,
body:has(.updates-canvas) .updates-hero-copy,
body:has(.updates-canvas) .updates-title,
body:has(.updates-canvas) .updates-sub,
.updates-release-strip article,
.updates-quality-board article,
.release-card,
.contact-hero,
.contact-support-panel article,
.contact-next-links a{
  text-align:center !important;
}

.tools-page .tools-hero-top,
.tools-page .section-head,
.tools-page .section-kicker,
body:has(.updates-canvas) .updates-actions,
.dash-actions,
.platform-actions,
.contact-form-actions{
  justify-content:center !important;
}

.tools-page .tools-hero-top > div:first-child,
.tools-page .tools-sub,
.tools-page .section-desc,
body:has(.updates-canvas) .updates-sub{
  margin-left:auto !important;
  margin-right:auto !important;
}

.tools-page .chips,
.tools-page .tools-search{
  justify-content:center !important;
}

.tools-page .search{
  text-align:center !important;
}

.tools-page .tools-route-grid,
.guide-route-panel,
.updates-quality-board,
.tools-page .cards-grid,
.guide-hub-grid{
  align-items:stretch !important;
  justify-items:stretch !important;
}

.tools-page .tools-route-grid a,
.guide-route-panel a,
.contact-next-links a{
  align-content:center !important;
  justify-items:center !important;
}

.tools-page .tools-route-grid b,
.guide-route-panel b,
.contact-next-links strong{
  text-align:center !important;
}

.tools-page .tool-sections .card.tool-card-enhanced{
  align-items:center !important;
  text-align:center !important;
}

.tools-page .tool-sections .card.tool-card-enhanced .card-top{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-align:center !important;
}

.tools-page .tool-sections .card.tool-card-enhanced .card-top > div:not(.card-ico){
  display:block !important;
}

.tools-page .tool-mini-features,
.tools-page .tool-output-preview > span,
.tools-page .tool-cta,
.tools-page .tool-card-flow p,
.guide-card-meta,
.release-tags,
.updates-actions{
  justify-content:center !important;
}

.tools-page .tool-output-preview,
.tool-output-preview,
.tool-card-flow p,
.tools-page .tool-output-preview > strong,
.tools-page .tool-output-preview > em{
  text-align:center !important;
}

body.cms-tool-body .cms-tool-hero,
body.cms-tool-body .cms-tool-brief article,
body.cms-tool-body .cms-tool-app.cms-box-action,
body.cms-tool-body .cms-result-card.cms-box-action,
body.cms-tool-body .cms-related-box,
body.cms-tool-body .cms-info-card,
body.cms-tool-body .cms-ops-strip article,
body.cms-tool-body .cms-example-box h3,
body.cms-tool-body .cms-result-card h3,
body.cms-tool-body .cms-example-options,
body.cms-tool-body .cms-sequence-head,
body.cms-tool-body .cms-tool-actions,
body.cms-tool-body .cms-run-meter,
body.cms-tool-body .cms-shortcut-row{
  text-align:center !important;
  justify-content:center !important;
}

body.cms-tool-body .cms-example-box h3,
body.cms-tool-body .cms-result-card h3{
  justify-content:center !important;
}

body.cms-tool-body .cms-tool-grid{
  align-items:start !important;
}

body.cms-tool-body .cms-form-grid,
body.cms-tool-body .cms-field,
body.cms-tool-body .cms-field label,
body.cms-tool-body .cms-field input,
body.cms-tool-body .cms-field textarea,
body.cms-tool-body .cms-field select,
body.cms-tool-body .cms-example-box pre,
body.cms-tool-body .cms-output,
body.cms-tool-body .cms-output *,
body.cms-tool-body .cms-text-output,
body.cms-tool-body .cms-text-output *,
body.cms-tool-body .cms-output-pre,
body.cms-tool-body .cms-local-history,
body.cms-tool-body .cms-history-items,
.contact-form-card,
.contact-form-card *,
pre,
code,
textarea{
  text-align:left !important;
}

body.cms-tool-body .cms-tool-actions,
.contact-form-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:center !important;
}

body.cms-tool-body .cms-tool-actions .btn,
.contact-form-actions .btn{
  justify-content:center !important;
}

.contact-form-card .contact-form-head,
.contact-form-card .contact-form-head *,
.contact-status{
  text-align:center !important;
}

.tools-page .cards-grid{
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 310px), 1fr)) !important;
  gap:14px !important;
}

.guide-hub-grid{
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 260px), 1fr)) !important;
  gap:14px !important;
}

.updates-quality-board{
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 230px), 1fr)) !important;
}

.updates-release-strip,
.tools-page .tools-assist-strip,
.guide-decision-strip{
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 190px), 1fr)) !important;
  gap:10px !important;
}

.release-lab-grid{
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 320px), 1fr)) !important;
}

.release-lab-grid .release-card{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
}

.release-meta,
.release-left{
  justify-content:center !important;
  text-align:center !important;
}

body.cms-tool-body .cms-example-options{
  justify-items:stretch !important;
}

body.cms-tool-body .cms-example-option{
  transition:
    transform .18s var(--cms-motion-ease),
    border-color .18s var(--cms-motion-ease),
    background .18s var(--cms-motion-ease),
    box-shadow .18s var(--cms-motion-ease) !important;
}

body.cms-tool-body .cms-example-option.active{
  box-shadow:0 10px 26px rgba(var(--accent-rgb), .10) !important;
}

@media (max-width: 620px){
  .tools-page .tools-hero-top,
  .tools-page .section-head,
  body:has(.updates-canvas) .updates-actions,
  body.cms-tool-body .cms-tool-actions,
  .contact-form-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  .tools-page .chips{
    justify-content:flex-start !important;
  }

  .tools-page .tools-search{
    justify-content:center !important;
  }
}

@media (prefers-reduced-motion: reduce){
  .tools-page .tools-hero,
  .tools-page .tool-section,
  .tools-page .tools-route-grid a,
  .tools-page .tools-assist-strip article,
  .tools-page .card.tool-card-enhanced,
  .guides-page .guide-hub-hero,
  .guide-hub-page .guide-hub-hero,
  .guide-route-panel a,
  .guide-hub-card,
  .guide-decision-strip article,
  body:has(.updates-canvas) .updates-hero-v2,
  .updates-release-strip article,
  .updates-quality-board article,
  .release-card,
  body.cms-tool-body .cms-tool-hero,
  body.cms-tool-body .cms-tool-brief article,
  body.cms-tool-body .cms-tool-panel,
  body.cms-tool-body .cms-related-box,
  body.cms-tool-body .cms-info-card,
  body.cms-tool-body .cms-ops-strip article,
  .contact-hero,
  .contact-form-card,
  .contact-support-panel article,
  .contact-next-links a{
    animation:none !important;
  }
}

/* v83: operational tool catalogue cards and non-blocking tool feedback. */
body.cms-tool-body .cms-tool-app.cms-box-action{
  position:relative !important;
}

body.cms-tool-body .cms-tool-feedback{
  position:absolute !important;
  top:12px !important;
  right:12px !important;
  left:auto !important;
  z-index:12 !important;
  width:max-content !important;
  max-width:min(300px, calc(100% - 24px)) !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  opacity:0 !important;
  pointer-events:none !important;
  transform:translate3d(0, -8px, 0) scale(.98) !important;
  border:1px solid rgba(var(--accent-rgb), .28) !important;
  background:rgba(5,12,25,.88) !important;
  box-shadow:0 16px 34px rgba(0,0,0,.30), 0 0 0 1px rgba(255,255,255,.06) inset !important;
  overflow:hidden !important;
}

body.cms-tool-body .cms-tool-feedback.show{
  max-height:none !important;
  margin:0 !important;
  padding:9px 12px !important;
  opacity:1 !important;
  transform:translate3d(0, 0, 0) scale(1) !important;
}

.tools-page .tool-sections .card.tool-card-enhanced{
  align-items:stretch !important;
  text-align:left !important;
  padding:15px !important;
  gap:10px !important;
  border-radius:16px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.022)),
    rgba(5,12,25,.70) !important;
}

.tools-page .tool-sections .card.tool-card-enhanced .card-top{
  display:grid !important;
  grid-template-columns:44px minmax(0, 1fr) !important;
  grid-template-areas:
    "icon title"
    "icon copy" !important;
  align-items:start !important;
  justify-content:stretch !important;
  text-align:left !important;
  gap:5px 11px !important;
}

.tools-page .tool-sections .card.tool-card-enhanced .card-ico{
  grid-area:icon !important;
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
}

.tools-page .tool-sections .card.tool-card-enhanced .card-top > div:not(.card-ico){
  display:contents !important;
}

.tools-page .tool-sections .card.tool-card-enhanced h3{
  grid-area:title !important;
  margin:0 !important;
  text-align:left !important;
  font-size:17px !important;
  line-height:1.14 !important;
}

.tools-page .tool-sections .card.tool-card-enhanced .card-top p{
  grid-area:copy !important;
  margin:0 !important;
  text-align:left !important;
  font-size:13.2px !important;
  line-height:1.45 !important;
}

.tools-page .tool-output-preview,
.tool-output-preview{
  text-align:left !important;
  justify-items:start !important;
}

.tools-page .tool-output-preview > span,
.tool-output-preview > span{
  justify-self:start !important;
}

.tools-page .tool-output-preview > strong,
.tools-page .tool-output-preview > em,
.tool-output-preview > strong,
.tool-output-preview > em{
  text-align:left !important;
}

.tool-card-flow{
  grid-template-columns:1fr 1fr !important;
}

.tool-card-flow p{
  align-content:start !important;
  justify-items:start !important;
  text-align:left !important;
}

.tool-card-flow p span,
.tool-card-flow b{
  text-align:left !important;
}

.tools-page .tool-mini-features{
  justify-content:flex-start !important;
}

.tools-page .tool-mini-features span{
  justify-content:flex-start !important;
}

.tools-page .tool-cta{
  justify-content:space-between !important;
  text-align:left !important;
}

.tools-page .tool-sections .card.tool-card-enhanced::after{
  background:linear-gradient(105deg, transparent 10%, rgba(var(--accent-rgb), .075), transparent 68%) !important;
}

@media (max-width: 620px){
  body.cms-tool-body .cms-tool-feedback{
    top:10px !important;
    right:10px !important;
    max-width:calc(100% - 20px) !important;
  }

  .tools-page .tool-sections .card.tool-card-enhanced .card-top{
    grid-template-columns:40px minmax(0, 1fr) !important;
  }

  .tool-card-flow{
    grid-template-columns:1fr !important;
  }
}

/* v87: focused neon home hero with attached router and guarantees. */
.home-workdesk .cz-workdesk-hero.hero-simple-v2{
  position:relative !important;
  isolation:isolate !important;
  display:block !important;
  max-width:min(1240px, calc(100% - 32px)) !important;
  min-height:calc(100svh - 88px) !important;
  margin:18px auto 34px !important;
  padding:clamp(54px, 8vw, 94px) clamp(16px, 4vw, 54px) clamp(28px, 5vw, 54px) !important;
  overflow:hidden !important;
  border:1px solid rgba(129,232,255,.17) !important;
  border-radius:32px !important;
  background:
    radial-gradient(680px 360px at 50% 8%, rgba(27,219,255,.28), transparent 67%),
    radial-gradient(560px 280px at 12% 26%, rgba(72,111,255,.18), transparent 70%),
    radial-gradient(620px 340px at 88% 20%, rgba(0,255,186,.12), transparent 72%),
    linear-gradient(180deg, rgba(5,18,34,.94), rgba(3,8,18,.97)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.13),
    inset 0 -1px 0 rgba(85,224,255,.14),
    0 40px 120px rgba(0,0,0,.38),
    0 0 88px rgba(21,203,255,.16) !important;
  text-align:center !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-2 !important;
  pointer-events:none !important;
  background:
    linear-gradient(rgba(126,233,255,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(126,233,255,.045) 1px, transparent 1px),
    linear-gradient(115deg, transparent 0 32%, rgba(111,229,255,.13), transparent 58%) !important;
  background-size:44px 44px, 44px 44px, 100% 100% !important;
  opacity:.76 !important;
  mask-image:radial-gradient(ellipse at 50% 22%, #000 0 42%, transparent 82%) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2::after{
  content:"" !important;
  position:absolute !important;
  left:8% !important;
  right:8% !important;
  top:0 !important;
  z-index:-1 !important;
  height:2px !important;
  background:linear-gradient(90deg, transparent, rgba(134,240,255,.88), rgba(62,255,215,.42), transparent) !important;
  box-shadow:0 0 38px rgba(37,211,255,.54) !important;
  opacity:.95 !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy{
  position:relative !important;
  z-index:1 !important;
  max-width:1120px !important;
  margin:0 auto !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  text-align:center !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .dash-kicker{
  justify-content:center !important;
  margin:0 auto 16px !important;
  color:rgba(150,237,255,.90) !important;
  text-shadow:0 0 20px rgba(40,215,255,.35) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy h1{
  max-width:920px !important;
  margin:0 auto !important;
  color:#f8fdff !important;
  font-size:clamp(44px, 7.2vw, 92px) !important;
  line-height:.92 !important;
  letter-spacing:0 !important;
  text-align:center !important;
  text-shadow:
    0 0 24px rgba(50,216,255,.20),
    0 18px 64px rgba(0,0,0,.45) !important;
  animation:heroTitlePulse 5.8s ease-in-out infinite !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-workdesk-sub{
  max-width:760px !important;
  margin:20px auto 0 !important;
  color:rgba(235,247,255,.76) !important;
  font-size:clamp(16px, 1.7vw, 20px) !important;
  line-height:1.62 !important;
  text-align:center !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-statusbar,
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-proof-grid{
  display:none !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-direct-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  align-items:center !important;
  gap:12px !important;
  width:100% !important;
  margin:clamp(24px, 3.6vw, 36px) auto clamp(22px, 3vw, 32px) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-direct-actions .btn{
  min-width:150px !important;
  min-height:48px !important;
  border-radius:14px !important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-direct-actions .btn:hover,
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-direct-actions .btn:focus-visible{
  transform:translateY(-3px) !important;
  box-shadow:0 18px 48px rgba(0,0,0,.24), 0 0 30px rgba(44,215,255,.18) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-console{
  position:relative !important;
  width:100% !important;
  max-width:1000px !important;
  margin:0 auto !important;
  padding:clamp(18px, 3vw, 30px) !important;
  overflow:hidden !important;
  border:1px solid rgba(139,235,255,.24) !important;
  border-radius:22px 22px 0 0 !important;
  background:
    radial-gradient(520px 220px at 50% -12%, rgba(66,225,255,.22), transparent 72%),
    radial-gradient(460px 210px at 10% 10%, rgba(68,105,255,.12), transparent 72%),
    linear-gradient(180deg, rgba(9,28,45,.70), rgba(4,12,25,.50)),
    rgba(2,8,18,.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.13),
    inset 0 -1px 0 rgba(75,216,255,.12),
    0 28px 86px rgba(0,0,0,.28),
    0 0 64px rgba(33,211,255,.14) !important;
  backdrop-filter:blur(22px) saturate(1.22) !important;
  text-align:center !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-console::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(rgba(119,235,255,.060) 1px, transparent 1px),
    linear-gradient(90deg, rgba(119,235,255,.048) 1px, transparent 1px),
    linear-gradient(112deg, transparent 16%, rgba(122,236,255,.12), transparent 58%) !important;
  background-size:32px 32px, 32px 32px, 100% 100% !important;
  opacity:.62 !important;
  mask-image:linear-gradient(180deg, #000, rgba(0,0,0,.40)) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-console > *{
  position:relative !important;
  z-index:1 !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-console-head{
  display:grid !important;
  justify-items:center !important;
  gap:8px !important;
  margin:0 auto 18px !important;
  text-align:center !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-console-head span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:26px !important;
  padding:0 11px !important;
  border:1px solid rgba(126,235,255,.20) !important;
  border-radius:999px !important;
  background:rgba(92,218,255,.075) !important;
  color:rgba(164,240,255,.90) !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  line-height:1 !important;
  text-transform:uppercase !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-console-head strong{
  max-width:720px !important;
  color:#fff !important;
  font-family:var(--font-display, inherit) !important;
  font-size:clamp(28px, 4.6vw, 46px) !important;
  font-weight:950 !important;
  line-height:1.02 !important;
  letter-spacing:0 !important;
  text-align:center !important;
  text-shadow:0 0 24px rgba(54,220,255,.20) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-input-label{
  display:block !important;
  margin:0 auto 10px !important;
  color:rgba(232,244,255,.64) !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.055em !important;
  line-height:1.1 !important;
  text-align:center !important;
  text-transform:uppercase !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-input-row{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto !important;
  gap:10px !important;
  width:100% !important;
  max-width:760px !important;
  margin:0 auto !important;
  padding:8px !important;
  border:1px solid rgba(143,235,255,.20) !important;
  border-radius:18px !important;
  background:rgba(0,0,0,.26) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 0 34px rgba(41,211,255,.10) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-input-row input{
  min-width:0 !important;
  min-height:48px !important;
  border:0 !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.06) !important;
  color:#fff !important;
  text-align:left !important;
  box-shadow:none !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-input-row input::placeholder{
  color:rgba(232,244,255,.52) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-input-row .btn{
  min-width:126px !important;
  min-height:48px !important;
  border-radius:12px !important;
  box-shadow:0 16px 42px rgba(35,211,255,.18) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-job-chips{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  gap:9px !important;
  max-width:780px !important;
  margin:16px auto 0 !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-job-chips button{
  min-height:36px !important;
  padding:0 13px !important;
  border:1px solid rgba(151,235,255,.17) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.055) !important;
  color:rgba(244,250,255,.83) !important;
  font-weight:850 !important;
  transition:transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-job-chips button:hover,
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-job-chips button:focus-visible{
  transform:translateY(-2px) !important;
  border-color:rgba(92,225,255,.40) !important;
  background:rgba(81,218,255,.13) !important;
  color:#fff !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-flow-row{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  gap:8px !important;
  max-width:720px !important;
  margin:16px auto 0 !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-flow-row span{
  position:relative !important;
  min-height:34px !important;
  padding:0 14px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.040) !important;
  color:rgba(233,243,255,.72) !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.035em !important;
  text-transform:uppercase !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-command-note{
  max-width:670px !important;
  margin:16px auto 0 !important;
  color:rgba(232,244,255,.67) !important;
  font-size:14px !important;
  line-height:1.6 !important;
  text-align:center !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row{
  position:relative !important;
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:0 !important;
  width:100% !important;
  max-width:1000px !important;
  margin:-1px auto 0 !important;
  padding:0 !important;
  overflow:hidden !important;
  border:1px solid rgba(139,235,255,.20) !important;
  border-top:0 !important;
  border-radius:0 0 22px 22px !important;
  background:
    radial-gradient(520px 180px at 50% 0%, rgba(49,219,255,.18), transparent 72%),
    linear-gradient(180deg, rgba(6,19,35,.58), rgba(2,8,18,.74)) !important;
  box-shadow:
    inset 0 -1px 0 rgba(92,224,255,.11),
    0 28px 82px rgba(0,0,0,.30),
    0 0 62px rgba(33,211,255,.12) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(rgba(108,230,255,.048) 1px, transparent 1px),
    linear-gradient(90deg, rgba(108,230,255,.040) 1px, transparent 1px) !important;
  background-size:32px 32px !important;
  opacity:.50 !important;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.58), rgba(0,0,0,.08)) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row::after{
  content:"" !important;
  position:absolute !important;
  left:7% !important;
  right:7% !important;
  bottom:0 !important;
  z-index:2 !important;
  height:2px !important;
  background:linear-gradient(90deg, transparent, rgba(129,238,255,.86), rgba(61,255,214,.38), transparent) !important;
  box-shadow:0 0 26px rgba(54,220,255,.45) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row a{
  position:relative !important;
  z-index:1 !important;
  display:flex !important;
  min-height:92px !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  padding:18px 14px !important;
  border:0 !important;
  border-right:1px solid rgba(139,235,255,.14) !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#fff !important;
  text-align:center !important;
  text-decoration:none !important;
  box-shadow:none !important;
  transition:transform .22s ease, background .22s ease, color .22s ease !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row a:last-child{
  border-right:0 !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row a::before{
  content:"" !important;
  position:absolute !important;
  top:14px !important;
  left:50% !important;
  width:6px !important;
  height:6px !important;
  border-radius:999px !important;
  transform:translateX(-50%) !important;
  background:rgba(125,239,255,.95) !important;
  box-shadow:0 0 14px rgba(113,235,255,.95), 0 0 30px rgba(34,211,255,.30) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row a::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(115deg, transparent 12%, rgba(129,237,255,.10), transparent 58%) !important;
  opacity:0 !important;
  transform:translateX(-20%) !important;
  transition:opacity .22s ease, transform .42s ease !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row a:hover,
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row a:focus-visible{
  transform:translateY(-2px) !important;
  background:rgba(89,224,255,.070) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row a:hover::after,
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row a:focus-visible::after{
  opacity:1 !important;
  transform:translateX(16%) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row strong,
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row span{
  position:relative !important;
  z-index:1 !important;
  display:block !important;
  text-align:center !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row strong{
  margin:10px 0 0 !important;
  color:rgba(252,254,255,.96) !important;
  font-family:var(--font-display, inherit) !important;
  font-size:13px !important;
  font-weight:950 !important;
  letter-spacing:.055em !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  text-shadow:0 0 12px rgba(255,255,255,.18) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row span{
  color:rgba(233,244,255,.68) !important;
  font-size:18px !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  line-height:1.18 !important;
}

@keyframes heroTitlePulse{
  0%, 100%{
    text-shadow:0 0 20px rgba(50,216,255,.18), 0 18px 64px rgba(0,0,0,.45);
  }
  50%{
    text-shadow:0 0 36px rgba(50,216,255,.32), 0 18px 72px rgba(0,0,0,.50);
  }
}

@media (max-width: 760px){
  .home-workdesk .cz-workdesk-hero.hero-simple-v2{
    max-width:calc(100% - 18px) !important;
    min-height:auto !important;
    margin-top:10px !important;
    padding:42px 12px 20px !important;
    border-radius:24px !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy h1{
    font-size:clamp(38px, 13vw, 58px) !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-direct-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:9px !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-direct-actions .btn{
    width:100% !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-console{
    padding:16px !important;
    border-radius:18px 18px 0 0 !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-input-row{
    grid-template-columns:1fr !important;
    padding:7px !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-input-row input{
    text-align:center !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-job-chips{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-flow-row{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row{
    grid-template-columns:1fr !important;
    border-radius:0 0 18px 18px !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row a{
    min-height:78px !important;
    border-right:0 !important;
    border-bottom:1px solid rgba(139,235,255,.13) !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row a:last-child{
    border-bottom:0 !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row span{
    font-size:16px !important;
  }
}

@media (min-width: 761px) and (max-height: 780px){
  .home-workdesk .cz-workdesk-hero.hero-simple-v2{
    min-height:auto !important;
    padding-top:clamp(36px, 5vw, 58px) !important;
    padding-bottom:34px !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy h1{
    max-width:840px !important;
    font-size:clamp(42px, 6.1vw, 78px) !important;
    line-height:.94 !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-workdesk-sub{
    max-width:710px !important;
    margin-top:16px !important;
    font-size:18px !important;
    line-height:1.5 !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-direct-actions{
    margin:22px auto 22px !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-console{
    padding:20px !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-console-head{
    margin-bottom:14px !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-console-head strong{
    font-size:clamp(27px, 3.6vw, 38px) !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-job-chips,
  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-flow-row,
  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-command-note{
    margin-top:12px !important;
  }
}

@media (prefers-reduced-motion: reduce){
  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy h1{
    animation:none !important;
  }
}

/* v88: tighter Clickoz glass hero, less oversized router, stronger transparent personality. */
.home-workdesk .cz-workdesk-hero.hero-simple-v2{
  max-width:min(1160px, calc(100% - 34px)) !important;
  min-height:auto !important;
  margin:16px auto 30px !important;
  padding:clamp(34px, 5.2vw, 58px) clamp(14px, 3.4vw, 42px) clamp(22px, 3.8vw, 36px) !important;
  border-radius:28px !important;
  border-color:rgba(129,230,255,.19) !important;
  background:
    radial-gradient(520px 260px at 50% 0%, rgba(39,214,255,.25), transparent 72%),
    radial-gradient(520px 260px at 0% 24%, rgba(27,95,170,.20), transparent 74%),
    radial-gradient(560px 280px at 100% 18%, rgba(0,229,192,.105), transparent 72%),
    linear-gradient(180deg, rgba(5,18,31,.66), rgba(3,8,17,.43)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -1px 0 rgba(81,225,255,.10),
    0 30px 90px rgba(0,0,0,.32),
    0 0 70px rgba(32,207,255,.12) !important;
  backdrop-filter:blur(26px) saturate(1.18) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2::before{
  background:
    linear-gradient(rgba(126,233,255,.052) 1px, transparent 1px),
    linear-gradient(90deg, rgba(126,233,255,.040) 1px, transparent 1px),
    linear-gradient(118deg, transparent 0 36%, rgba(111,229,255,.10), transparent 61%) !important;
  background-size:38px 38px, 38px 38px, 100% 100% !important;
  opacity:.64 !important;
  mask-image:radial-gradient(ellipse at 50% 24%, #000 0 38%, transparent 82%) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2::after{
  left:10% !important;
  right:10% !important;
  opacity:.76 !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy{
  max-width:980px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy::before,
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy::after{
  content:"" !important;
  position:absolute !important;
  z-index:-1 !important;
  pointer-events:none !important;
  border:1px solid rgba(124,229,255,.11) !important;
  background:rgba(255,255,255,.022) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 0 36px rgba(37,211,255,.06) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy::before{
  width:154px !important;
  height:54px !important;
  top:22px !important;
  left:clamp(4px, 4vw, 44px) !important;
  border-radius:16px !important;
  transform:rotate(-2deg) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy::after{
  width:190px !important;
  height:64px !important;
  right:clamp(4px, 4vw, 42px) !important;
  bottom:118px !important;
  border-radius:18px !important;
  transform:rotate(1.5deg) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .dash-kicker{
  margin-bottom:12px !important;
  color:rgba(178,239,255,.84) !important;
  font-size:13px !important;
  letter-spacing:.16em !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy h1{
  max-width:760px !important;
  font-size:clamp(40px, 5.7vw, 72px) !important;
  line-height:.96 !important;
  text-shadow:
    0 0 18px rgba(47,219,255,.16),
    0 16px 54px rgba(0,0,0,.42) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-workdesk-sub{
  max-width:690px !important;
  margin-top:16px !important;
  color:rgba(234,244,255,.70) !important;
  font-size:clamp(15.5px, 1.45vw, 18px) !important;
  line-height:1.55 !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-direct-actions{
  margin:clamp(20px, 2.7vw, 28px) auto clamp(18px, 2.5vw, 24px) !important;
  gap:10px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-direct-actions .btn{
  min-width:138px !important;
  min-height:44px !important;
  border-radius:13px !important;
  background:rgba(255,255,255,.052) !important;
  border-color:rgba(147,231,255,.22) !important;
  color:rgba(246,252,255,.92) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 14px 34px rgba(0,0,0,.20) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-direct-actions .btn.btn-accent{
  background:linear-gradient(135deg, rgba(83,233,255,.92), rgba(31,180,210,.78)) !important;
  border-color:rgba(142,243,255,.56) !important;
  color:#061018 !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-console{
  max-width:790px !important;
  padding:18px !important;
  border-radius:18px 18px 0 0 !important;
  border-color:rgba(136,231,255,.19) !important;
  background:
    radial-gradient(380px 160px at 50% -8%, rgba(57,218,255,.16), transparent 74%),
    linear-gradient(180deg, rgba(11,27,43,.52), rgba(4,12,25,.34)),
    rgba(2,8,18,.32) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -1px 0 rgba(73,214,255,.09),
    0 22px 62px rgba(0,0,0,.24),
    0 0 44px rgba(37,211,255,.10) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-console::before{
  background:
    linear-gradient(rgba(119,235,255,.046) 1px, transparent 1px),
    linear-gradient(90deg, rgba(119,235,255,.036) 1px, transparent 1px),
    linear-gradient(112deg, transparent 18%, rgba(122,236,255,.08), transparent 58%) !important;
  background-size:30px 30px, 30px 30px, 100% 100% !important;
  opacity:.58 !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-console-head{
  gap:6px !important;
  margin-bottom:12px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-console-head span{
  min-height:23px !important;
  padding:0 10px !important;
  background:rgba(92,218,255,.060) !important;
  color:rgba(179,241,255,.82) !important;
  font-size:10px !important;
  letter-spacing:.085em !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-console-head strong{
  max-width:560px !important;
  font-size:clamp(24px, 3.2vw, 34px) !important;
  line-height:1.08 !important;
  text-shadow:0 0 18px rgba(54,220,255,.16) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-input-label{
  margin-bottom:8px !important;
  color:rgba(232,244,255,.55) !important;
  font-size:10.5px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-input-row{
  max-width:620px !important;
  padding:6px !important;
  gap:8px !important;
  border-radius:15px !important;
  background:rgba(0,0,0,.22) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-input-row input,
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-input-row .btn{
  min-height:42px !important;
  border-radius:11px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-input-row .btn{
  min-width:112px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-job-chips{
  max-width:640px !important;
  gap:7px !important;
  margin-top:13px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-job-chips button{
  min-height:32px !important;
  padding:0 11px !important;
  background:rgba(255,255,255,.044) !important;
  color:rgba(240,248,255,.76) !important;
  font-size:12px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-flow-row{
  gap:7px !important;
  margin-top:12px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-flow-row span{
  min-height:30px !important;
  padding:0 12px !important;
  background:rgba(255,255,255,.032) !important;
  color:rgba(233,243,255,.62) !important;
  font-size:10.5px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-command-note{
  max-width:560px !important;
  margin-top:12px !important;
  color:rgba(232,244,255,.58) !important;
  font-size:13px !important;
  line-height:1.5 !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row{
  max-width:790px !important;
  border-color:rgba(136,231,255,.17) !important;
  border-radius:0 0 18px 18px !important;
  background:
    radial-gradient(420px 140px at 50% 0%, rgba(49,219,255,.13), transparent 72%),
    linear-gradient(180deg, rgba(6,19,35,.42), rgba(2,8,18,.56)) !important;
  box-shadow:
    inset 0 -1px 0 rgba(92,224,255,.09),
    0 22px 58px rgba(0,0,0,.24),
    0 0 42px rgba(33,211,255,.09) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row a{
  min-height:70px !important;
  gap:6px !important;
  padding:14px 12px !important;
  border-right-color:rgba(139,235,255,.12) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row a::before{
  top:11px !important;
  width:5px !important;
  height:5px !important;
  background:rgba(125,239,255,.82) !important;
  box-shadow:0 0 12px rgba(113,235,255,.72), 0 0 24px rgba(34,211,255,.22) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row strong{
  margin-top:8px !important;
  font-size:11.5px !important;
  letter-spacing:.06em !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row span{
  color:rgba(233,244,255,.62) !important;
  font-size:15px !important;
  font-weight:650 !important;
}

@media (max-width: 760px){
  .home-workdesk .cz-workdesk-hero.hero-simple-v2{
    max-width:calc(100% - 16px) !important;
    margin-top:8px !important;
    padding:32px 10px 18px !important;
    border-radius:22px !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy::before,
  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy::after{
    display:none !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy h1{
    max-width:520px !important;
    font-size:clamp(36px, 11.6vw, 52px) !important;
    line-height:.98 !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-workdesk-sub{
    font-size:15.5px !important;
    line-height:1.48 !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-direct-actions{
    margin:18px auto 18px !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-console{
    max-width:100% !important;
    padding:14px !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-console-head strong{
    font-size:clamp(23px, 7vw, 30px) !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-job-chips{
    grid-template-columns:1fr 1fr !important;
    gap:7px !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row{
    max-width:100% !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row a{
    min-height:66px !important;
  }
}

/* v89: remove empty decorative panels and compact the full hero into one balanced viewport. */
.home-workdesk .cz-workdesk-hero.hero-simple-v2{
  max-width:min(1120px, calc(100% - 32px)) !important;
  padding:clamp(26px, 4.1vw, 46px) clamp(12px, 3vw, 34px) clamp(18px, 3vw, 28px) !important;
  background:
    radial-gradient(440px 220px at 50% 0%, rgba(39,214,255,.22), transparent 74%),
    radial-gradient(520px 260px at 0% 28%, rgba(20,82,150,.18), transparent 75%),
    radial-gradient(560px 280px at 100% 20%, rgba(0,229,192,.08), transparent 74%),
    linear-gradient(180deg, rgba(5,18,31,.58), rgba(3,8,17,.36)) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy::before,
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy::after{
  display:none !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .dash-kicker{
  margin-bottom:9px !important;
  font-size:12px !important;
  letter-spacing:.15em !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy h1{
  max-width:690px !important;
  font-size:clamp(36px, 5vw, 62px) !important;
  line-height:.98 !important;
  background:linear-gradient(180deg, #ffffff 8%, rgba(229,249,255,.96) 54%, rgba(148,236,255,.86) 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  text-shadow:0 0 24px rgba(48,218,255,.12) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-workdesk-sub{
  max-width:620px !important;
  margin-top:12px !important;
  font-size:clamp(14.5px, 1.3vw, 16.5px) !important;
  line-height:1.48 !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-direct-actions{
  margin:16px auto 16px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-direct-actions .btn{
  min-width:130px !important;
  min-height:40px !important;
  padding:0 15px !important;
  border-radius:12px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-console{
  max-width:720px !important;
  padding:13px !important;
  border-radius:16px 16px 0 0 !important;
  background:
    radial-gradient(320px 120px at 50% -8%, rgba(57,218,255,.13), transparent 76%),
    linear-gradient(180deg, rgba(11,27,43,.44), rgba(4,12,25,.28)),
    rgba(2,8,18,.24) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-console-head{
  gap:4px !important;
  margin-bottom:8px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-console-head span{
  min-height:21px !important;
  padding:0 9px !important;
  font-size:9.5px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-console-head strong{
  max-width:500px !important;
  font-size:clamp(22px, 2.65vw, 30px) !important;
  line-height:1.08 !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-input-label{
  margin-bottom:6px !important;
  font-size:9.5px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-input-row{
  max-width:560px !important;
  padding:5px !important;
  gap:6px !important;
  border-radius:13px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-input-row input,
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-input-row .btn{
  min-height:38px !important;
  border-radius:10px !important;
  font-size:13px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-input-row .btn{
  min-width:104px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-job-chips{
  max-width:590px !important;
  gap:6px !important;
  margin-top:10px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-job-chips button{
  min-height:28px !important;
  padding:0 10px !important;
  font-size:11.5px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-flow-row{
  gap:6px !important;
  margin-top:8px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-flow-row span{
  min-height:25px !important;
  padding:0 10px !important;
  font-size:9.5px !important;
  letter-spacing:.04em !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-command-note{
  max-width:510px !important;
  margin-top:8px !important;
  font-size:12px !important;
  line-height:1.38 !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row{
  max-width:720px !important;
  border-radius:0 0 16px 16px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row a{
  min-height:56px !important;
  gap:4px !important;
  padding:11px 10px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row a::before{
  top:8px !important;
  width:4px !important;
  height:4px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row strong{
  margin-top:6px !important;
  font-size:10.5px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row span{
  font-size:13.5px !important;
}

@media (max-width: 760px){
  .home-workdesk .cz-workdesk-hero.hero-simple-v2{
    max-width:calc(100% - 14px) !important;
    padding:28px 9px 16px !important;
    border-radius:20px !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy h1{
    font-size:clamp(34px, 10.8vw, 48px) !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-workdesk-sub{
    font-size:14.5px !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-direct-actions{
    margin:15px auto 15px !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-console{
    padding:12px !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-input-row{
    max-width:100% !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row{
    max-width:100% !important;
  }
}

/* v90: make the complete hero, router and guarantee rail visible as one composed unit. */
.home-workdesk .cz-workdesk-hero.hero-simple-v2{
  max-width:min(1100px, calc(100% - 30px)) !important;
  margin:12px auto 28px !important;
  padding:clamp(22px, 3.3vw, 34px) clamp(12px, 2.8vw, 32px) clamp(16px, 2.5vw, 22px) !important;
  background:
    radial-gradient(420px 190px at 50% 0%, rgba(39,214,255,.20), transparent 75%),
    radial-gradient(500px 240px at 0% 28%, rgba(20,82,150,.16), transparent 76%),
    radial-gradient(560px 260px at 100% 20%, rgba(0,229,192,.07), transparent 76%),
    linear-gradient(180deg, rgba(5,18,31,.50), rgba(3,8,17,.30)) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy h1{
  max-width:620px !important;
  font-size:clamp(34px, 4.35vw, 54px) !important;
  line-height:1 !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-workdesk-sub{
  max-width:740px !important;
  margin-top:10px !important;
  font-size:15px !important;
  line-height:1.42 !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-direct-actions{
  margin:13px auto 13px !important;
  gap:8px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-direct-actions .btn{
  min-height:38px !important;
  min-width:124px !important;
  padding:0 13px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-console{
  max-width:760px !important;
  padding:10px 12px 11px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-console-head{
  gap:3px !important;
  margin-bottom:6px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-console-head span{
  min-height:19px !important;
  font-size:9px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-console-head strong{
  max-width:480px !important;
  font-size:clamp(21px, 2.35vw, 27px) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-input-label{
  margin-bottom:5px !important;
  font-size:9px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-input-row{
  max-width:580px !important;
  padding:4px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-input-row input,
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-input-row .btn{
  min-height:35px !important;
  font-size:12.5px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-job-chips{
  margin-top:8px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-job-chips button{
  min-height:25px !important;
  padding:0 9px !important;
  font-size:11px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-flow-row{
  margin-top:6px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-flow-row span{
  min-height:22px !important;
  padding:0 9px !important;
  font-size:9px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-command-note{
  max-width:560px !important;
  margin-top:6px !important;
  font-size:11px !important;
  line-height:1.28 !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row{
  max-width:760px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row a{
  min-height:50px !important;
  padding:9px 10px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row strong{
  margin-top:5px !important;
  font-size:10px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row span{
  font-size:12.5px !important;
}

@media (max-width: 760px){
  .home-workdesk .cz-workdesk-hero.hero-simple-v2{
    margin-top:7px !important;
    padding:24px 8px 14px !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy h1{
    font-size:clamp(32px, 10vw, 44px) !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-workdesk-sub{
    max-width:96% !important;
    font-size:14px !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-input-row input,
  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-input-row .btn{
    min-height:38px !important;
  }
}

/* v91: 30 point UI/UX detail pass across Clickoz. */
:root{
  --cz-glass-soft:rgba(5,18,31,.46);
  --cz-glass-deep:rgba(2,8,18,.64);
  --cz-line-soft:rgba(141,230,255,.16);
  --cz-line-strong:rgba(141,230,255,.30);
  --cz-text-soft:rgba(232,244,255,.70);
  --cz-text-muted:rgba(232,244,255,.54);
  --cz-focus:rgba(var(--accent-rgb,34,211,238),.72);
  --cz-card-radius:18px;
}

html{
  scroll-padding-top:96px;
}

body.bigtext{
  overflow-x:hidden !important;
  text-rendering:optimizeLegibility;
}

main,
.section,
.container{
  min-width:0 !important;
}

section[id],
article[id],
form[id],
.tool-section[id]{
  scroll-margin-top:96px !important;
}

a,
button,
input,
select,
textarea,
summary{
  -webkit-tap-highlight-color:rgba(var(--accent-rgb,34,211,238),.16);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible{
  outline:2px solid var(--cz-focus) !important;
  outline-offset:3px !important;
  box-shadow:0 0 0 5px rgba(var(--accent-rgb,34,211,238),.12) !important;
}

.btn,
.chip,
.updates-btn,
.tool-cta,
.m-link,
.footer a,
.guide-route-panel a,
.pillar-grid a,
.quick-job-grid a,
.pipeline-grid a,
.trust-link-grid a,
.contact-next-links a,
.cms-related-links a,
.hero-job-chips button{
  touch-action:manipulation;
}

.btn,
.updates-btn,
.chip,
.contact-form-actions .btn,
.platform-actions .btn,
.dash-actions .btn{
  min-height:44px !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:normal !important;
  text-align:center !important;
}

.nav{
  border-bottom:1px solid rgba(141,230,255,.13) !important;
  background:rgba(3,10,20,.74) !important;
  backdrop-filter:blur(18px) saturate(1.16) !important;
}

.nav a,
.nav button,
.lang-toggle{
  min-height:40px !important;
}

.nav a:hover,
.nav a:focus-visible,
.nav a.active{
  background:rgba(var(--accent-rgb,34,211,238),.10) !important;
  border-color:rgba(var(--accent-rgb,34,211,238),.28) !important;
}

.m-menu{
  width:min(390px, calc(100vw - 22px)) !important;
  border-left:1px solid rgba(141,230,255,.18) !important;
  background:
    radial-gradient(320px 180px at 20% 0%, rgba(var(--accent-rgb,34,211,238),.16), transparent 70%),
    rgba(3,10,20,.94) !important;
}

.m-link{
  min-height:48px !important;
  border-radius:14px !important;
}

.home-workdesk > .section,
.home-workdesk > .container,
.tools-shell,
.guide-hub-shell,
.updates-shell,
.contact-shell,
body.cms-tool-body main.section.container{
  width:min(1180px, calc(100% - 28px)) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.authority-head,
.friendly-section-intro,
.workbench-head,
.contact-form-head{
  text-align:center !important;
}

.authority-head > p:not(.guide-kicker),
.friendly-section-intro p,
.workbench-head p,
.section-sub,
.tools-sub,
.updates-sub,
.guide-hub-hero p,
.contact-hero .section-sub{
  max-width:760px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.platform-main,
.platform-console,
.package-grid article,
.quick-job-grid a,
.desk-tool-card,
.pipeline-grid a,
.growth-grid article,
.workbench-list,
.pillar-grid a,
.route-final-strip article,
.request-mega-cta,
.tools-hero,
.tool-section,
.tools-route-grid a,
.card.tool-card-enhanced,
.guide-hub-hero,
.guide-hub-card,
.guide-route-panel a,
.guide-category-band,
.updates-hero-v2,
.updates-release-strip article,
.updates-quality-board article,
.release-card,
.contact-form-card,
.contact-support-panel article,
.contact-next-links a,
body.cms-tool-body .cms-tool-panel,
body.cms-tool-body .cms-tool-app,
body.cms-tool-body .cms-result-card,
body.cms-tool-body .cms-info-card,
body.cms-tool-body .cms-related-box,
body.cms-tool-body .cms-ops-strip article{
  border-color:var(--cz-line-soft) !important;
  background:
    radial-gradient(420px 180px at 20% 0%, rgba(var(--accent-rgb,34,211,238),.075), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.018)),
    var(--cz-glass-soft) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    0 18px 54px rgba(0,0,0,.22) !important;
}

@media (hover:hover){
  .quick-job-grid a,
  .desk-tool-card,
  .pipeline-grid a,
  .growth-grid article,
  .pillar-grid a,
  .tools-route-grid a,
  .card.tool-card-enhanced,
  .guide-hub-card,
  .guide-route-panel a,
  .release-card,
  .contact-next-links a,
  body.cms-tool-body .cms-related-links a{
    transition:transform .20s ease, border-color .20s ease, background .20s ease, box-shadow .20s ease !important;
  }

  .quick-job-grid a:hover,
  .desk-tool-card:hover,
  .pipeline-grid a:hover,
  .growth-grid article:hover,
  .pillar-grid a:hover,
  .tools-route-grid a:hover,
  .card.tool-card-enhanced:hover,
  .guide-hub-card:hover,
  .guide-route-panel a:hover,
  .release-card:hover,
  .contact-next-links a:hover,
  body.cms-tool-body .cms-related-links a:hover{
    transform:translateY(-4px) !important;
    border-color:var(--cz-line-strong) !important;
    box-shadow:0 24px 70px rgba(0,0,0,.28), 0 0 34px rgba(var(--accent-rgb,34,211,238),.10) !important;
  }
}

.platform-main,
.local-workbench,
.contact-grid,
body.cms-tool-body .cms-tool-grid{
  align-items:stretch !important;
}

.platform-metrics,
.growth-grid,
.package-grid,
.quick-job-grid,
.desk-tool-grid,
.pipeline-grid,
.pillar-grid,
.guide-hub-grid,
.updates-grid,
.updates-release-strip,
.updates-quality-board,
.route-final-strip,
.contact-next-links,
body.cms-tool-body .cms-info-grid,
body.cms-tool-body .cms-ops-strip{
  gap:clamp(12px, 1.6vw, 18px) !important;
}

.quick-job-grid a,
.pipeline-grid a,
.pillar-grid a,
.guide-route-panel a,
.contact-next-links a{
  min-height:112px !important;
  text-decoration:none !important;
}

.quick-job-grid a strong,
.pipeline-grid a strong,
.pillar-grid a strong,
.guide-route-panel a b,
.contact-next-links a strong{
  color:rgba(250,254,255,.96) !important;
}

.quick-job-grid a em,
.pipeline-grid a span,
.pillar-grid a span,
.guide-route-panel a span,
.contact-next-links a span{
  color:var(--cz-text-soft) !important;
}

.local-tool-list{
  display:grid !important;
  gap:10px !important;
  min-height:54px !important;
}

.local-tool-list:empty::before{
  content:"No saved activity yet. Open or save a tool and it will appear here.";
  display:grid;
  min-height:54px;
  place-items:center;
  padding:12px;
  border:1px dashed rgba(141,230,255,.20);
  border-radius:14px;
  color:var(--cz-text-muted);
  text-align:center;
}

.tools-shell{
  padding-top:clamp(18px, 3vw, 34px) !important;
}

.tools-hero{
  position:relative !important;
  overflow:hidden !important;
  padding:clamp(22px, 4vw, 42px) !important;
  border-radius:24px !important;
  text-align:center !important;
}

.tools-hero::after{
  content:"";
  position:absolute;
  left:9%;
  right:9%;
  top:0;
  height:2px;
  background:linear-gradient(90deg, transparent, rgba(var(--accent-rgb,34,211,238),.72), rgba(82,255,214,.30), transparent);
  box-shadow:0 0 28px rgba(var(--accent-rgb,34,211,238),.35);
  pointer-events:none;
}

.tools-hero-top{
  justify-content:center !important;
  text-align:center !important;
}

.tools-title{
  max-width:820px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  font-size:clamp(36px, 5.2vw, 66px) !important;
  line-height:1 !important;
  letter-spacing:0 !important;
}

.tools-sub{
  color:var(--cz-text-soft) !important;
  line-height:1.55 !important;
}

.chips{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  gap:8px !important;
  margin-top:18px !important;
}

.chip{
  border-color:rgba(141,230,255,.18) !important;
  background:rgba(255,255,255,.042) !important;
  color:rgba(241,250,255,.78) !important;
}

.chip.active,
.chip[aria-pressed="true"]{
  border-color:rgba(var(--accent-rgb,34,211,238),.48) !important;
  background:rgba(var(--accent-rgb,34,211,238),.16) !important;
  color:#fff !important;
}

.tools-search{
  max-width:780px !important;
  margin:14px auto 0 !important;
}

.tools-search .search,
.search,
input[type="search"]{
  width:100% !important;
  min-height:50px !important;
  border-radius:16px !important;
  border:1px solid rgba(141,230,255,.20) !important;
  background:rgba(2,8,18,.46) !important;
  color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.tools-route-grid{
  margin-top:18px !important;
}

.tools-route-grid a{
  display:grid !important;
  gap:7px !important;
  min-height:122px !important;
  text-align:left !important;
}

.tools-route-grid a em{
  align-self:end !important;
  color:rgba(129,236,255,.88) !important;
  font-style:normal !important;
  font-weight:900 !important;
}

.tool-section{
  padding:clamp(16px, 2.4vw, 24px) !important;
  border-radius:22px !important;
  margin-top:18px !important;
}

.section-head{
  gap:14px !important;
  align-items:end !important;
  margin-bottom:15px !important;
}

.section-kicker{
  align-items:center !important;
  gap:10px !important;
}

.section-ico,
.card-ico{
  display:grid !important;
  place-items:center !important;
  color:#061018 !important;
  background:linear-gradient(135deg, rgba(91,232,255,.95), rgba(47,197,220,.76)) !important;
  box-shadow:0 0 22px rgba(var(--accent-rgb,34,211,238),.18) !important;
}

.section-count{
  min-height:32px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 12px !important;
  border:1px solid rgba(141,230,255,.18) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.045) !important;
  color:var(--cz-text-soft) !important;
  white-space:nowrap !important;
}

.cards-grid{
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 310px), 1fr)) !important;
  align-items:stretch !important;
}

.card.tool-card-enhanced{
  min-height:100% !important;
  border-radius:18px !important;
  overflow:hidden !important;
}

.card.tool-card-enhanced h3,
.guide-hub-card h2,
.guide-hub-card h3,
.release-card h3,
body.cms-tool-body .cms-info-card h2,
body.cms-tool-body .cms-related-box h3{
  line-height:1.15 !important;
  overflow-wrap:anywhere !important;
}

.tool-output-preview{
  min-height:0 !important;
  border-radius:14px !important;
  background:rgba(2,8,18,.30) !important;
}

.tool-output-preview strong{
  color:rgba(250,254,255,.92) !important;
}

.tool-card-flow{
  gap:8px !important;
}

.tool-card-flow p{
  border-radius:12px !important;
  background:rgba(255,255,255,.035) !important;
  min-width:0 !important;
}

.tool-card-flow p span{
  overflow-wrap:anywhere !important;
}

.tool-mini-features{
  gap:6px !important;
}

.tool-mini-features span,
.guide-card-meta span,
.release-tags span,
.cms-query-chips span,
.trust-badges span{
  min-height:28px !important;
  align-items:center !important;
  border-color:rgba(141,230,255,.15) !important;
  background:rgba(255,255,255,.040) !important;
  color:rgba(236,247,255,.70) !important;
}

.tool-cta{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  min-height:40px !important;
  margin-top:auto !important;
  border-radius:12px !important;
  color:rgba(142,239,255,.95) !important;
}

.guide-hub-hero,
.updates-hero-v2,
.contact-hero{
  overflow:hidden !important;
  border-radius:24px !important;
  padding:clamp(22px, 4vw, 42px) !important;
}

.guide-hub-checklist article,
.source-command-panel,
.source-map-visual{
  border-color:rgba(141,230,255,.16) !important;
  background:rgba(2,8,18,.32) !important;
}

.guide-route-panel,
.guide-hub-overview,
.guide-category-band .guide-hub-grid{
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 250px), 1fr)) !important;
}

.guide-hub-card{
  display:grid !important;
  align-content:start !important;
  min-height:176px !important;
  border-radius:18px !important;
  text-decoration:none !important;
}

.authority-card-head{
  align-items:start !important;
  gap:10px !important;
}

.authority-card-head span{
  min-width:40px !important;
  min-height:36px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:12px !important;
  border:1px solid rgba(141,230,255,.18) !important;
  background:rgba(var(--accent-rgb,34,211,238),.10) !important;
  color:rgba(160,239,255,.92) !important;
}

.guide-category-band{
  padding:clamp(18px, 3vw, 28px) !important;
  border-radius:22px !important;
}

.guide-category-band .authority-head{
  margin-bottom:16px !important;
}

.updates-hero-v2{
  grid-template-columns:minmax(0, .98fr) minmax(300px, .72fr) !important;
  align-items:center !important;
}

.updates-title{
  font-size:clamp(38px, 5.4vw, 68px) !important;
  line-height:1 !important;
}

.updates-actions,
.contact-form-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  gap:10px !important;
}

.updates-release-strip,
.updates-quality-board{
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 210px), 1fr)) !important;
}

.release-lab-grid{
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 290px), 1fr)) !important;
}

.release-card{
  display:grid !important;
  gap:12px !important;
  min-height:220px !important;
}

.release-meta{
  gap:12px !important;
}

.release-tags{
  align-self:end !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:7px !important;
}

.contact-grid{
  grid-template-columns:minmax(0, 1.05fr) minmax(280px, .78fr) !important;
  gap:18px !important;
}

.contact-form-card{
  padding:clamp(16px, 3vw, 26px) !important;
  border-radius:22px !important;
}

.contact-field-grid{
  gap:12px !important;
}

.contact-form-card label{
  gap:7px !important;
  color:rgba(239,248,255,.82) !important;
}

.contact-form-card input,
.contact-form-card select,
.contact-form-card textarea,
body.cms-tool-body input,
body.cms-tool-body select,
body.cms-tool-body textarea{
  min-height:46px !important;
  border-radius:14px !important;
  border:1px solid rgba(141,230,255,.18) !important;
  background:rgba(2,8,18,.42) !important;
  color:#fff !important;
}

.contact-form-card textarea,
body.cms-tool-body textarea{
  min-height:150px !important;
  resize:vertical !important;
}

[aria-invalid="true"]{
  border-color:rgba(255,115,115,.62) !important;
  box-shadow:0 0 0 4px rgba(255,84,84,.12) !important;
}

.contact-status{
  border-radius:14px !important;
  padding:11px 12px !important;
}

.contact-status[data-state="error"]{
  border:1px solid rgba(255,115,115,.35) !important;
  background:rgba(255,84,84,.10) !important;
}

.contact-status[data-state="success"]{
  border:1px solid rgba(82,255,214,.28) !important;
  background:rgba(82,255,214,.085) !important;
}

.contact-support-panel{
  display:grid !important;
  gap:12px !important;
}

.contact-support-panel article{
  border-radius:18px !important;
}

body.cms-tool-body .cms-tool-hero{
  max-width:980px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}

body.cms-tool-body .cms-tool-title{
  max-width:860px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

body.cms-tool-body .cms-tool-grid{
  grid-template-columns:minmax(0, 1.04fr) minmax(300px, .82fr) !important;
  gap:16px !important;
}

body.cms-tool-body .cms-example-box,
body.cms-tool-body .cms-form-grid,
body.cms-tool-body .cms-tool-actions{
  min-width:0 !important;
}

body.cms-tool-body .cms-example-box pre{
  max-height:210px !important;
  overflow:auto !important;
  white-space:pre-wrap !important;
  overflow-wrap:anywhere !important;
  border-radius:14px !important;
  background:rgba(0,0,0,.22) !important;
}

body.cms-tool-body .cms-example-options{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
}

body.cms-tool-body .cms-example-options button{
  min-height:36px !important;
  border-radius:999px !important;
}

body.cms-tool-body .cms-tool-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:9px !important;
}

body.cms-tool-body .cms-tool-actions .btn{
  flex:1 1 150px !important;
  min-height:42px !important;
}

body.cms-tool-body .cms-result-card{
  min-width:0 !important;
}

body.cms-tool-body .cms-output{
  min-height:170px !important;
  max-height:520px !important;
  overflow:auto !important;
  overflow-wrap:anywhere !important;
  white-space:pre-wrap !important;
}

body.cms-tool-body .cms-metrics{
  grid-template-columns:repeat(auto-fit, minmax(110px, 1fr)) !important;
  gap:8px !important;
}

body.cms-tool-body .cms-related{
  gap:16px !important;
}

body.cms-tool-body .cms-related-links{
  gap:9px !important;
}

body.cms-tool-body .cms-related-links a{
  min-height:42px !important;
  border-radius:13px !important;
}

body.cms-tool-body details{
  border-radius:14px !important;
}

body.cms-tool-body summary{
  min-height:42px !important;
  cursor:pointer !important;
}

pre,
code,
.cms-output,
.tool-output-preview,
.release-card,
.guide-hub-card,
.card.tool-card-enhanced{
  overflow-wrap:anywhere !important;
}

.request-mega-cta{
  align-items:center !important;
  gap:16px !important;
  border-radius:22px !important;
  text-align:left !important;
}

.request-mega-cta .btn{
  flex:0 0 auto !important;
  min-width:170px !important;
}

.footer{
  overflow:hidden !important;
  border-top:1px solid rgba(141,230,255,.15) !important;
  background:
    radial-gradient(520px 220px at 50% 0%, rgba(var(--accent-rgb,34,211,238),.10), transparent 72%),
    rgba(2,8,18,.74) !important;
}

.footer-grid{
  grid-template-columns:1.15fr repeat(3, minmax(150px, 1fr)) !important;
  gap:clamp(16px, 3vw, 28px) !important;
}

.footer-links{
  gap:7px !important;
}

.footer a{
  min-height:32px !important;
  display:inline-flex !important;
  align-items:center !important;
  color:rgba(232,244,255,.64) !important;
}

.footer a:hover,
.footer a:focus-visible{
  color:#fff !important;
  transform:translateX(2px) !important;
}

@media (max-width: 980px){
  .updates-hero-v2,
  .contact-grid,
  body.cms-tool-body .cms-tool-grid{
    grid-template-columns:1fr !important;
  }

  .source-command-panel{
    max-width:620px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .footer-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px){
  .home-workdesk > .section,
  .home-workdesk > .container,
  .tools-shell,
  .guide-hub-shell,
  .updates-shell,
  .contact-shell,
  body.cms-tool-body main.section.container{
    width:min(100% - 16px, 1180px) !important;
  }

  .section-head,
  .release-meta,
  .request-mega-cta{
    display:grid !important;
    grid-template-columns:1fr !important;
    text-align:center !important;
    justify-items:center !important;
  }

  .chips{
    flex-wrap:nowrap !important;
    justify-content:flex-start !important;
    overflow-x:auto !important;
    padding:2px 2px 8px !important;
    scroll-snap-type:x proximity !important;
  }

  .chip{
    flex:0 0 auto !important;
    scroll-snap-align:start !important;
  }

  .tools-hero,
  .guide-hub-hero,
  .updates-hero-v2,
  .contact-hero,
  .tool-section{
    border-radius:20px !important;
    padding:16px !important;
  }

  .tools-title,
  .updates-title{
    font-size:clamp(32px, 11vw, 46px) !important;
  }

  .cards-grid,
  .guide-hub-grid,
  .release-lab-grid,
  .updates-release-strip,
  .updates-quality-board,
  .quick-job-grid,
  .pipeline-grid,
  .pillar-grid,
  .route-final-strip,
  .package-grid,
  .growth-grid,
  .desk-tool-grid{
    grid-template-columns:1fr !important;
  }

  .tool-card-flow,
  .contact-field-grid,
  body.cms-tool-body .cms-metrics{
    grid-template-columns:1fr !important;
  }

  .card.tool-card-enhanced,
  .guide-hub-card,
  .release-card,
  .contact-form-card,
  body.cms-tool-body .cms-tool-panel,
  body.cms-tool-body .cms-tool-app,
  body.cms-tool-body .cms-result-card{
    border-radius:16px !important;
  }

  .request-mega-cta .btn,
  .contact-form-actions .btn,
  .updates-actions .updates-btn,
  body.cms-tool-body .cms-tool-actions .btn{
    width:100% !important;
  }

  .footer-grid{
    grid-template-columns:1fr !important;
    text-align:center !important;
  }

  .footer-links{
    align-items:center !important;
  }
}

@media (prefers-reduced-motion: reduce){
  .quick-job-grid a,
  .desk-tool-card,
  .pipeline-grid a,
  .growth-grid article,
  .pillar-grid a,
  .tools-route-grid a,
  .card.tool-card-enhanced,
  .guide-hub-card,
  .guide-route-panel a,
  .release-card,
  .contact-next-links a,
  body.cms-tool-body .cms-related-links a{
    transition:none !important;
    transform:none !important;
  }
}

/* v92: functional section polish for tools search, guide search and clearer CMS routes. */
[hidden]{
  display:none !important;
}

.tools-search{
  display:grid !important;
  gap:10px !important;
}

.tools-search-meta{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  min-height:36px !important;
  padding:8px 10px !important;
  border:1px solid rgba(141,230,255,.14) !important;
  border-radius:14px !important;
  background:rgba(2,8,18,.28) !important;
  color:rgba(232,244,255,.68) !important;
  font-size:13px !important;
}

.tools-search-meta button,
.guide-search-control button{
  min-height:32px !important;
  padding:0 12px !important;
  border:1px solid rgba(var(--accent-rgb,34,211,238),.24) !important;
  border-radius:999px !important;
  background:rgba(var(--accent-rgb,34,211,238),.10) !important;
  color:rgba(196,247,255,.94) !important;
  font:700 12px/1 "Space Grotesk", system-ui, sans-serif !important;
  cursor:pointer !important;
}

.tools-empty{
  margin:18px 0 !important;
}

.tools-empty .cms-empty-box,
.guide-search-empty{
  display:grid !important;
  gap:9px !important;
  justify-items:center !important;
  padding:18px !important;
  border:1px dashed rgba(141,230,255,.24) !important;
  border-radius:18px !important;
  background:
    radial-gradient(320px 160px at 50% 0%, rgba(var(--accent-rgb,34,211,238),.10), transparent 72%),
    rgba(2,8,18,.32) !important;
  color:rgba(232,244,255,.70) !important;
  text-align:center !important;
}

.tools-empty .cms-empty-box strong,
.guide-search-empty strong{
  color:#fff !important;
  font-size:clamp(18px, 2vw, 22px) !important;
}

.tools-empty-suggestions{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  gap:8px !important;
}

.tools-empty-suggestions button,
.guide-search-empty a{
  min-height:34px !important;
  padding:0 12px !important;
  border:1px solid rgba(141,230,255,.18) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.05) !important;
  color:rgba(196,247,255,.94) !important;
  text-decoration:none !important;
}

.guide-search-panel{
  display:grid !important;
  grid-template-columns:minmax(0, .85fr) minmax(300px, 1fr) !important;
  gap:clamp(14px, 3vw, 26px) !important;
  align-items:center !important;
  padding:clamp(18px, 3vw, 26px) !important;
  border:1px solid rgba(141,230,255,.16) !important;
  border-radius:22px !important;
  background:
    radial-gradient(420px 190px at 16% 0%, rgba(var(--accent-rgb,34,211,238),.11), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.018)),
    rgba(5,18,31,.42) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 18px 54px rgba(0,0,0,.20) !important;
}

.guide-search-panel h2{
  margin:.15rem 0 .35rem !important;
  color:#fff !important;
  font-size:clamp(24px, 3vw, 38px) !important;
  line-height:1.04 !important;
}

.guide-search-panel p:not(.guide-kicker),
.guide-search-status{
  color:rgba(232,244,255,.68) !important;
  line-height:1.55 !important;
}

.guide-search-control{
  display:grid !important;
  gap:10px !important;
}

.guide-search-status{
  margin:0 !important;
  font-size:13px !important;
}

.guide-category-band .authority-head p[data-search-count]::after{
  content:attr(data-search-count);
  display:inline-flex;
  margin-left:8px;
  padding:5px 9px;
  border:1px solid rgba(var(--accent-rgb,34,211,238),.22);
  border-radius:999px;
  color:rgba(196,247,255,.92);
  background:rgba(var(--accent-rgb,34,211,238),.08);
  font-size:12px;
  font-weight:800;
}

.platform-console-top strong{
  color:#fff !important;
}

.ops-status-list span{
  text-wrap:balance;
}

.contact-form-card [aria-invalid="true"]{
  background:rgba(255,96,120,.08) !important;
}

.contact-hp,
.clickoz-bot-field,
[name="website"][tabindex="-1"],
[name="clickoz_company_url"][tabindex="-1"]{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  clip:rect(0 0 0 0) !important;
  clip-path:inset(50%) !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  opacity:.001 !important;
}

@media (hover:hover){
  .tools-search-meta button:hover,
  .guide-search-control button:hover,
  .tools-empty-suggestions button:hover,
  .guide-search-empty a:hover{
    transform:translateY(-1px) !important;
    border-color:rgba(var(--accent-rgb,34,211,238),.42) !important;
    background:rgba(var(--accent-rgb,34,211,238),.16) !important;
  }
}

@media (max-width: 760px){
  .tools-search-meta{
    align-items:stretch !important;
    flex-direction:column !important;
    text-align:center !important;
  }

  .tools-search-meta button,
  .guide-search-control button{
    width:100% !important;
  }

  .guide-search-panel{
    grid-template-columns:1fr !important;
    text-align:center !important;
  }
}

/* v93: multi-device performance and layout hardening. */
html,
body{
  width:100% !important;
  max-width:100% !important;
  overflow-x:clip !important;
}

@supports not (overflow-x: clip){
  html,
  body{
    overflow-x:hidden !important;
  }
}

*,
*::before,
*::after{
  box-sizing:border-box;
}

img,
svg,
canvas,
video,
iframe{
  max-width:100% !important;
}

html.lean-perf-mode #clickozParticles,
html.lean-perf-mode #spaceParticles,
html.lean-perf-mode .cz-neon-grid,
html.lean-perf-mode .cz-scanline,
html.lean-perf-mode .cz-orb,
html.lean-perf-mode .__grain,
html.mobile-perf-mode #clickozParticles,
html.mobile-perf-mode #spaceParticles,
html.mobile-perf-mode .cz-neon-grid,
html.mobile-perf-mode .cz-scanline,
html.mobile-perf-mode .cz-orb{
  display:none !important;
}

@supports (content-visibility: auto){
  .quick-jobs-section,
  .daily-utility-section,
  .workflow-pipeline-section,
  .clickoz-growth-section,
  .local-workbench,
  .why-use-section,
  .tool-section,
  .guide-category-band,
  .updates-box,
  .authority-split,
  .request-mega-cta{
    content-visibility:auto;
    contain-intrinsic-size:auto 620px;
  }
}

.home-workdesk > .section,
.home-workdesk > .container,
.tools-shell,
.guide-hub-shell,
.updates-shell,
.contact-shell,
body.cms-tool-body main.section.container{
  width:min(1180px, calc(100% - clamp(18px, 4vw, 34px))) !important;
}

.tools-route-grid,
.cards-grid,
.guide-hub-grid,
.release-lab-grid,
.updates-release-strip,
.updates-quality-board,
.quick-job-grid,
.pipeline-grid,
.pillar-grid,
.route-final-strip,
.package-grid,
.growth-grid,
.desk-tool-grid,
.contact-next-links,
body.cms-tool-body .cms-info-grid,
body.cms-tool-body .cms-ops-strip{
  min-width:0 !important;
}

.tools-route-grid > *,
.cards-grid > *,
.guide-hub-grid > *,
.release-lab-grid > *,
.updates-release-strip > *,
.updates-quality-board > *,
.quick-job-grid > *,
.pipeline-grid > *,
.pillar-grid > *,
.route-final-strip > *,
.package-grid > *,
.growth-grid > *,
.desk-tool-grid > *,
.contact-next-links > *,
body.cms-tool-body .cms-info-grid > *,
body.cms-tool-body .cms-ops-strip > *{
  min-width:0 !important;
}

.card,
.guide-hub-card,
.release-card,
.contact-form-card,
.contact-support-panel article,
body.cms-tool-body .cms-tool-panel,
body.cms-tool-body .cms-tool-app,
body.cms-tool-body .cms-result-card,
body.cms-tool-body .cms-info-card{
  contain:layout paint;
}

body.cms-tool-body input,
body.cms-tool-body textarea,
body.cms-tool-body select,
.contact-form-card input,
.contact-form-card textarea,
.contact-form-card select,
.tools-search .search,
#guideSearch{
  font-size:16px !important;
}

body.cms-tool-body textarea,
.contact-form-card textarea,
.cms-output{
  max-width:100% !important;
}

body.cms-tool-body .cms-output-pack,
body.cms-tool-body .cms-result-hero,
body.cms-tool-body .cms-output-cards article,
body.cms-tool-body .cms-output-list{
  max-width:100% !important;
  overflow:hidden !important;
}

@media (min-width: 721px) and (max-width: 1080px){
  .cards-grid,
  .guide-hub-grid,
  .release-lab-grid,
  .updates-release-strip,
  .updates-quality-board,
  .quick-job-grid,
  .pipeline-grid,
  .pillar-grid,
  .route-final-strip,
  .package-grid,
  .growth-grid,
  .desk-tool-grid,
  .contact-next-links{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .tools-route-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  body.cms-tool-body .cms-tool-grid,
  .platform-main,
  .contact-grid,
  .updates-hero-v2{
    grid-template-columns:1fr !important;
  }
}

@media (min-width: 1480px){
  .home-workdesk > .section,
  .home-workdesk > .container,
  .tools-shell,
  .guide-hub-shell,
  .updates-shell,
  .contact-shell{
    width:min(1240px, calc(100% - 56px)) !important;
  }
}

@media (max-width: 560px){
  .home-workdesk > .section,
  .home-workdesk > .container,
  .tools-shell,
  .guide-hub-shell,
  .updates-shell,
  .contact-shell,
  body.cms-tool-body main.section.container{
    width:min(100% - 14px, 1180px) !important;
  }

  .nav-inner{
    min-width:0 !important;
    gap:8px !important;
  }

  .logo-text{
    font-size:clamp(20px, 7vw, 28px) !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2,
  .tools-hero,
  .guide-hub-hero,
  .updates-hero-v2,
  .contact-hero,
  .tool-section,
  .guide-category-band,
  .platform-main,
  .platform-console,
  .contact-form-card,
  body.cms-tool-body .cms-tool-panel,
  body.cms-tool-body .cms-tool-app,
  body.cms-tool-body .cms-result-card{
    padding:14px !important;
    border-radius:16px !important;
  }

  .hero-fix-input-row,
  .dash-actions,
  .platform-actions,
  .updates-actions,
  .contact-form-actions,
  body.cms-tool-body .cms-tool-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
    gap:9px !important;
  }

  .hero-fix-input-row input,
  .hero-fix-input-row .btn,
  .dash-actions .btn,
  .platform-actions .btn,
  .updates-actions .updates-btn,
  .contact-form-actions .btn,
  body.cms-tool-body .cms-tool-actions .btn{
    width:100% !important;
    min-width:0 !important;
  }

  .tools-title,
  .updates-title,
  .guide-hub-hero h1,
  .contact-hero h1,
  body.cms-tool-body .cms-tool-hero h1{
    font-size:clamp(30px, 10vw, 42px) !important;
    line-height:1.02 !important;
  }

  .hero-job-chips,
  .trust-badges,
  .tool-mini-features,
  .guide-card-meta,
  .release-tags{
    justify-content:flex-start !important;
    overflow-x:auto !important;
    max-width:100% !important;
    padding-bottom:4px !important;
    scrollbar-width:thin;
  }

  .hero-job-chips > *,
  .trust-badges > *,
  .tool-mini-features > *,
  .guide-card-meta > *,
  .release-tags > *{
    flex:0 0 auto !important;
  }

  .footer{
    padding-bottom:calc(16px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

@media (max-width: 370px){
  .home-workdesk > .section,
  .home-workdesk > .container,
  .tools-shell,
  .guide-hub-shell,
  .updates-shell,
  .contact-shell,
  body.cms-tool-body main.section.container{
    width:min(100% - 10px, 1180px) !important;
  }

  .tools-title,
  .updates-title,
  .guide-hub-hero h1,
  .contact-hero h1,
  body.cms-tool-body .cms-tool-hero h1{
    font-size:clamp(28px, 10vw, 36px) !important;
  }

  .chip,
  .btn,
  .updates-btn,
  body.cms-tool-body .cms-related-links a{
    min-height:42px !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }
}

@media (max-height: 480px) and (orientation: landscape){
  .home-workdesk .cz-workdesk-hero.hero-simple-v2,
  .tools-hero,
  .guide-hub-hero,
  .updates-hero-v2,
  .contact-hero{
    padding-top:14px !important;
    padding-bottom:14px !important;
  }

  .tools-title,
  .updates-title,
  .guide-hub-hero h1,
  .contact-hero h1{
    font-size:clamp(28px, 6vw, 40px) !important;
  }

  #clickozParticles,
  #spaceParticles,
  .cz-neon-grid,
  .cz-scanline,
  .cz-orb{
    display:none !important;
  }
}

@media (prefers-reduced-motion: reduce), (prefers-reduced-data: reduce){
  *,
  *::before,
  *::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    scroll-behavior:auto !important;
  }

  #clickozParticles,
  #spaceParticles,
  .cz-neon-grid,
  .cz-scanline,
  .cz-orb,
  .__grain{
    display:none !important;
  }
}

/* v96: selected-accent glass pass and hero scale correction. */
:root{
  --cz-glass-panel:rgba(3,8,18,.64);
  --cz-glass-panel-strong:rgba(2,7,16,.78);
  --cz-glass-panel-soft:rgba(255,255,255,.052);
  --cz-glass-line-accent:rgba(var(--accent-rgb,34,211,238),.22);
  --cz-glass-line-accent-strong:rgba(var(--accent-rgb,34,211,238),.42);
  --cz-accent-soft-text:rgba(var(--accent-rgb,34,211,238),.92);
}

body.bigtext{
  background-color:#05070d !important;
}

.home-workdesk{
  padding-top:clamp(8px, 1.3vw, 18px) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2{
  width:min(1440px, calc(100% - clamp(18px, 3vw, 46px))) !important;
  max-width:1440px !important;
  margin:10px auto clamp(30px, 4vw, 56px) !important;
  padding:clamp(34px, 5vw, 72px) clamp(16px, 5vw, 72px) clamp(24px, 3.8vw, 48px) !important;
  border-radius:34px !important;
  border:1px solid rgba(var(--accent-rgb,34,211,238),.24) !important;
  background:
    radial-gradient(680px 360px at 50% 10%, rgba(var(--accent-rgb,34,211,238),.20), transparent 72%),
    radial-gradient(520px 300px at 10% 18%, rgba(255,169,42,.12), transparent 74%),
    radial-gradient(520px 320px at 90% 8%, rgba(var(--accent-rgb,34,211,238),.105), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.018)),
    rgba(2,7,16,.55) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.13),
    inset 0 -1px 0 rgba(var(--accent-rgb,34,211,238),.12),
    0 32px 110px rgba(0,0,0,.40),
    0 0 110px rgba(var(--accent-rgb,34,211,238),.13) !important;
  backdrop-filter:blur(22px) saturate(1.18) !important;
  -webkit-backdrop-filter:blur(22px) saturate(1.18) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2::before{
  opacity:.72 !important;
  background:
    linear-gradient(rgba(var(--accent-rgb,34,211,238),.085) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--accent-rgb,34,211,238),.075) 1px, transparent 1px) !important;
  background-size:58px 58px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2::after{
  background:linear-gradient(90deg, transparent, rgba(var(--accent-rgb,34,211,238),.78), rgba(255,170,38,.52), transparent) !important;
  box-shadow:0 0 34px rgba(var(--accent-rgb,34,211,238),.42) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy{
  width:min(1120px, 100%) !important;
  max-width:1120px !important;
  margin:0 auto !important;
  padding:clamp(18px, 3vw, 36px) !important;
  border:1px solid rgba(var(--accent-rgb,34,211,238),.15) !important;
  border-radius:28px !important;
  background:
    radial-gradient(560px 260px at 50% 14%, rgba(var(--accent-rgb,34,211,238),.12), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.050), rgba(255,255,255,.014)),
    rgba(2,7,16,.42) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 24px 84px rgba(0,0,0,.26) !important;
  backdrop-filter:blur(18px) saturate(1.12) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.12) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy::before,
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy::after{
  opacity:.42 !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .dash-kicker,
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-input-label,
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-console-head span,
.tools-page .tools-route-grid a em,
.tools-page .tool-cta,
.section-count,
.guide-kicker,
.updates-kicker,
.contact-kicker{
  color:var(--cz-accent-soft-text) !important;
  text-shadow:0 0 20px rgba(var(--accent-rgb,34,211,238),.30) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy h1{
  max-width:1020px !important;
  font-size:clamp(48px, 6.25vw, 96px) !important;
  line-height:.94 !important;
  letter-spacing:0 !important;
  color:#f8fbff !important;
  text-shadow:
    0 0 42px rgba(var(--accent-rgb,34,211,238),.24),
    0 18px 58px rgba(0,0,0,.38) !important;
}

@supports (-webkit-background-clip:text) or (background-clip:text){
  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy h1{
    background:linear-gradient(180deg, #ffffff 0%, #f6fbff 42%, rgba(var(--accent-rgb,34,211,238),.82) 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
  }
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-workdesk-sub{
  max-width:840px !important;
  margin-top:16px !important;
  font-size:clamp(15px, 1.45vw, 19px) !important;
  line-height:1.55 !important;
  color:rgba(242,247,255,.76) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-direct-actions{
  margin:20px auto 18px !important;
  gap:10px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-direct-actions .btn{
  min-height:44px !important;
  min-width:142px !important;
  border-color:rgba(var(--accent-rgb,34,211,238),.26) !important;
  box-shadow:0 16px 42px rgba(0,0,0,.22) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-direct-actions .btn.btn-accent,
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-input-row .btn{
  border-color:rgba(var(--accent-rgb,34,211,238),.58) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.06)),
    rgb(var(--accent-rgb,34,211,238)) !important;
  color:#061018 !important;
  box-shadow:
    0 18px 52px rgba(0,0,0,.28),
    0 0 30px rgba(var(--accent-rgb,34,211,238),.26) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-console{
  width:min(900px, 100%) !important;
  max-width:900px !important;
  padding:clamp(14px, 2.2vw, 22px) !important;
  border-radius:24px 24px 0 0 !important;
  border:1px solid rgba(var(--accent-rgb,34,211,238),.25) !important;
  border-bottom-color:rgba(var(--accent-rgb,34,211,238),.16) !important;
  background:
    radial-gradient(520px 260px at 50% 0%, rgba(var(--accent-rgb,34,211,238),.14), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.060), rgba(255,255,255,.018)),
    rgba(2,8,18,.66) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.11),
    0 22px 70px rgba(0,0,0,.30),
    0 0 54px rgba(var(--accent-rgb,34,211,238),.15) !important;
  backdrop-filter:blur(18px) saturate(1.16) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.16) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-console-head strong{
  max-width:720px !important;
  font-size:clamp(27px, 3.4vw, 42px) !important;
  color:#fff !important;
  text-shadow:0 0 28px rgba(var(--accent-rgb,34,211,238),.20) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-console-head span{
  border-color:rgba(var(--accent-rgb,34,211,238),.24) !important;
  background:rgba(var(--accent-rgb,34,211,238),.10) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-input-row{
  width:min(680px, 100%) !important;
  max-width:680px !important;
  padding:5px !important;
  border-color:rgba(var(--accent-rgb,34,211,238),.26) !important;
  background:rgba(2,8,18,.64) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    0 0 0 1px rgba(var(--accent-rgb,34,211,238),.06),
    0 0 36px rgba(var(--accent-rgb,34,211,238),.12) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-input-row input,
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-input-row .btn{
  min-height:44px !important;
  font-size:14px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-job-chips{
  margin-top:13px !important;
  justify-content:center !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-job-chips button{
  min-height:32px !important;
  padding:0 13px !important;
  border-color:rgba(var(--accent-rgb,34,211,238),.19) !important;
  background:rgba(255,255,255,.055) !important;
  color:rgba(245,250,255,.78) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-job-chips button:hover,
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-job-chips button:focus-visible{
  border-color:rgba(var(--accent-rgb,34,211,238),.45) !important;
  background:rgba(var(--accent-rgb,34,211,238),.14) !important;
  color:#fff !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-flow-row{
  margin-top:10px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-flow-row span{
  min-height:28px !important;
  border-color:rgba(var(--accent-rgb,34,211,238),.17) !important;
  background:rgba(255,255,255,.043) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-command-note{
  max-width:690px !important;
  margin-top:10px !important;
  color:rgba(238,246,255,.68) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row{
  width:min(900px, 100%) !important;
  max-width:900px !important;
  margin-top:0 !important;
  border-radius:0 0 24px 24px !important;
  border-color:rgba(var(--accent-rgb,34,211,238),.22) !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.018), rgba(var(--accent-rgb,34,211,238),.060), rgba(255,255,255,.018)),
    rgba(2,8,18,.70) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 18px 54px rgba(0,0,0,.24) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row::after{
  background:linear-gradient(90deg, transparent, rgba(var(--accent-rgb,34,211,238),.74), rgba(255,170,38,.36), transparent) !important;
  box-shadow:0 0 28px rgba(var(--accent-rgb,34,211,238),.34) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row a{
  min-height:62px !important;
  border-color:rgba(var(--accent-rgb,34,211,238),.11) !important;
  background:rgba(255,255,255,.028) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row a::before{
  background:rgb(var(--accent-rgb,34,211,238)) !important;
  box-shadow:0 0 12px rgba(var(--accent-rgb,34,211,238),.90), 0 0 28px rgba(var(--accent-rgb,34,211,238),.32) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row strong{
  color:#fff !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row span{
  color:rgba(232,241,255,.70) !important;
}

.platform-main,
.platform-console,
.package-grid article,
.quick-job-grid a,
.desk-tool-card,
.pipeline-grid a,
.growth-grid article,
.workbench-list,
.pillar-grid a,
.route-final-strip article,
.request-mega-cta,
.tools-hero,
.tool-section,
.tools-route-grid a,
.card.tool-card-enhanced,
.guide-hub-hero,
.guide-hub-card,
.guide-route-panel a,
.guide-category-band,
.updates-hero-v2,
.updates-release-strip article,
.updates-quality-board article,
.release-card,
.contact-hero,
.contact-form-card,
.contact-support-panel article,
.contact-next-links a,
body.cms-tool-body .cms-tool-panel,
body.cms-tool-body .cms-tool-app,
body.cms-tool-body .cms-result-card,
body.cms-tool-body .cms-info-card,
body.cms-tool-body .cms-related-box,
body.cms-tool-body .cms-ops-strip article{
  border-color:rgba(var(--accent-rgb,34,211,238),.17) !important;
  background:
    radial-gradient(460px 210px at 18% 0%, rgba(var(--accent-rgb,34,211,238),.085), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.062), rgba(255,255,255,.017)),
    var(--cz-glass-panel) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.095),
    0 18px 58px rgba(0,0,0,.24) !important;
  backdrop-filter:blur(16px) saturate(1.10) !important;
  -webkit-backdrop-filter:blur(16px) saturate(1.10) !important;
}

.tools-hero::after{
  background:linear-gradient(90deg, transparent, rgba(var(--accent-rgb,34,211,238),.72), rgba(255,170,38,.34), transparent) !important;
}

.section-ico,
.card-ico,
.tools-page .tool-sections .card.tool-card-enhanced .card-ico,
.authority-card-head span,
.console-dot,
.logo-badge{
  border-color:rgba(var(--accent-rgb,34,211,238),.32) !important;
  background:
    radial-gradient(circle at 30% 24%, rgba(255,255,255,.58), transparent 24%),
    linear-gradient(135deg, rgba(var(--accent-rgb,34,211,238),1), rgba(var(--accent-rgb,34,211,238),.58)) !important;
  color:#061018 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.36),
    0 0 24px rgba(var(--accent-rgb,34,211,238),.24) !important;
}

.tools-page .tool-sections .card.tool-card-enhanced .card-top > div:not(.card-ico),
.tools-page .tool-card-flow p b,
.tools-search-meta,
.chip.active,
.chip[aria-pressed="true"]{
  color:rgba(var(--accent-rgb,34,211,238),.94) !important;
}

.tools-page .tool-cta,
.tool-cta{
  color:rgba(var(--accent-rgb,34,211,238),.95) !important;
  border-color:rgba(var(--accent-rgb,34,211,238),.18) !important;
  background:rgba(var(--accent-rgb,34,211,238),.065) !important;
}

.tools-page .tool-cta:hover,
.tool-cta:hover,
.tools-route-grid a:hover em{
  color:#fff !important;
  border-color:rgba(var(--accent-rgb,34,211,238),.38) !important;
  background:rgba(var(--accent-rgb,34,211,238),.13) !important;
}

.tool-output-preview,
.tools-page .tool-card-flow p,
body.cms-tool-body .cms-output,
body.cms-tool-body .cms-output-pack{
  border-color:rgba(var(--accent-rgb,34,211,238),.13) !important;
  background:rgba(2,7,16,.54) !important;
}

.tools-page .tool-output-preview{
  overflow:hidden !important;
}

.tools-page .tool-card-flow p{
  display:grid !important;
  gap:7px !important;
  min-height:82px !important;
  align-content:start !important;
}

.tools-page .tool-card-flow p span{
  display:-webkit-box !important;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden !important;
}

.color-grid,
.m-menu .m-colors{
  display:grid !important;
  grid-template-columns:repeat(4, 38px) !important;
  justify-content:start !important;
  align-items:center !important;
  gap:10px !important;
}

.color-option,
.m-menu .m-colors .color-option,
.m-colors .color-option,
.cz-theme-option{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  min-height:38px !important;
  aspect-ratio:1 / 1 !important;
  padding:0 !important;
  border-radius:999px !important;
  overflow:hidden !important;
  border:2px solid rgba(255,255,255,.15) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.35),
    inset 0 0 0 6px rgba(2,7,16,.24),
    0 10px 24px rgba(0,0,0,.28) !important;
}

.color-option:hover,
.color-option.active,
.m-menu .m-colors .color-option:hover,
.m-menu .m-colors .color-option.active,
.m-colors .color-option:hover,
.m-colors .color-option.active,
.cz-theme-option:hover,
.cz-theme-option.active{
  border-color:rgba(255,255,255,.86) !important;
  transform:translateY(-1px) scale(1.04) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.42),
    inset 0 0 0 6px rgba(2,7,16,.18),
    0 0 0 4px rgba(var(--accent-rgb,34,211,238),.13),
    0 14px 30px rgba(0,0,0,.34) !important;
}

.color-option.active::after{
  inset:9px !important;
  border-radius:999px !important;
}

@media (max-width: 760px){
  .home-workdesk .cz-workdesk-hero.hero-simple-v2{
    width:min(100% - 14px, 1440px) !important;
    padding:clamp(22px, 7vw, 34px) 10px 14px !important;
    border-radius:22px !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy{
    padding:16px 10px !important;
    border-radius:18px !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy h1{
    max-width:98% !important;
    font-size:clamp(40px, 12vw, 58px) !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-workdesk-sub{
    max-width:95% !important;
    font-size:15px !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-direct-actions{
    width:100% !important;
    max-width:520px !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-console{
    padding:13px 10px !important;
    border-radius:18px 18px 0 0 !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-console-head strong{
    font-size:clamp(25px, 8vw, 34px) !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-input-row{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row{
    grid-template-columns:1fr !important;
    border-radius:0 0 18px 18px !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row a{
    min-height:58px !important;
  }

  .color-grid,
  .m-menu .m-colors{
    grid-template-columns:repeat(4, 36px) !important;
  }

  .color-option,
  .m-menu .m-colors .color-option,
  .m-colors .color-option,
  .cz-theme-option{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;
  }
}

@media (min-width: 1480px){
  .home-workdesk .cz-workdesk-hero.hero-simple-v2{
    width:min(1480px, calc(100% - 64px)) !important;
  }
}

/* v97: keep the premium hero impactful without the distant/overscaled feeling. */
.home-workdesk .cz-workdesk-hero.hero-simple-v2{
  padding-top:clamp(26px, 3.8vw, 50px) !important;
  padding-bottom:clamp(18px, 2.8vw, 34px) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy{
  padding:clamp(16px, 2.2vw, 28px) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy h1{
  max-width:980px !important;
  font-size:clamp(46px, 5.65vw, 88px) !important;
  line-height:.96 !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-workdesk-sub{
  margin-top:12px !important;
  font-size:clamp(15px, 1.28vw, 18px) !important;
  line-height:1.48 !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-direct-actions{
  margin:16px auto 14px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-console{
  padding:clamp(12px, 1.65vw, 18px) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-console-head{
  margin-bottom:8px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-console-head strong{
  font-size:clamp(26px, 2.9vw, 37px) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-input-row input,
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-input-row .btn{
  min-height:42px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-job-chips{
  margin-top:10px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-flow-row{
  margin-top:8px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-command-note{
  margin-top:8px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row a{
  min-height:56px !important;
}

@media (max-width: 760px){
  .home-workdesk .cz-workdesk-hero.hero-simple-v2{
    padding-top:20px !important;
    padding-bottom:12px !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy h1{
    font-size:clamp(38px, 11vw, 54px) !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-direct-actions{
    margin:14px auto 12px !important;
  }
}

/* v98: force theme swatches to stay circular inside nav and mobile menus. */
#colorMenu .color-option,
.nav .color-option,
.m-menu .m-colors .color-option,
.m-colors .color-option,
.cz-theme-dropdown .cz-theme-option{
  box-sizing:border-box !important;
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  min-height:38px !important;
  max-width:38px !important;
  max-height:38px !important;
  border-radius:999px !important;
}

@media (max-width: 760px){
  #colorMenu .color-option,
  .nav .color-option,
  .m-menu .m-colors .color-option,
  .m-colors .color-option,
  .cz-theme-dropdown .cz-theme-option{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;
    max-width:36px !important;
    max-height:36px !important;
  }
}

/* v99: brighter theme glow, premium color picker and open-jewel home hero. */
:root{
  --cz-bright-glass:rgba(15,23,42,.50);
  --cz-bright-glass-strong:rgba(12,18,34,.62);
  --cz-bright-line:rgba(var(--accent-rgb,34,211,238),.30);
}

body.bigtext{
  background:
    radial-gradient(1300px 820px at 50% -12%, rgba(var(--accent-rgb,34,211,238),.34), transparent 68%),
    radial-gradient(980px 680px at 5% 36%, rgba(var(--accent-rgb,34,211,238),.18), transparent 72%),
    radial-gradient(980px 680px at 95% 34%, rgba(var(--accent-rgb,34,211,238),.16), transparent 72%),
    linear-gradient(180deg, #070b18 0%, #0b1022 48%, #070a12 100%) !important;
}

.nav{
  background:
    radial-gradient(460px 180px at 12% 0%, rgba(var(--accent-rgb,34,211,238),.14), transparent 72%),
    rgba(5,9,20,.78) !important;
  border-bottom-color:rgba(var(--accent-rgb,34,211,238),.24) !important;
}

.dot-btn{
  border-color:rgba(var(--accent-rgb,34,211,238),.38) !important;
  background:
    radial-gradient(circle at 50% 36%, rgba(var(--accent-rgb,34,211,238),.34), transparent 58%),
    rgba(255,255,255,.075) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 0 28px rgba(var(--accent-rgb,34,211,238),.18) !important;
}

.dot{
  background:rgb(var(--accent-rgb,34,211,238)) !important;
  box-shadow:
    0 0 0 5px rgba(var(--accent-rgb,34,211,238),.12),
    0 0 18px rgba(var(--accent-rgb,34,211,238),.78),
    0 0 42px rgba(var(--accent-rgb,34,211,238),.26) !important;
}

#colorMenu.menu,
.cz-theme-dropdown #colorMenu{
  width:min(360px, calc(100vw - 24px)) !important;
  max-height:min(72vh, 620px) !important;
  overflow-y:auto !important;
  padding:14px !important;
  border-radius:22px !important;
  border:1px solid rgba(var(--accent-rgb,34,211,238),.28) !important;
  background:
    radial-gradient(360px 210px at 18% 0%, rgba(var(--accent-rgb,34,211,238),.24), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.045)),
    rgba(8,13,26,.92) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 26px 80px rgba(0,0,0,.54),
    0 0 58px rgba(var(--accent-rgb,34,211,238),.18) !important;
  backdrop-filter:blur(22px) saturate(1.22) !important;
  -webkit-backdrop-filter:blur(22px) saturate(1.22) !important;
  scrollbar-width:thin;
}

#colorMenu .menu-title{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:4px 3px 12px !important;
  color:rgba(248,252,255,.94) !important;
  font-size:13px !important;
  letter-spacing:.08em !important;
}

#colorMenu .menu-title::after{
  content:"Glow palette";
  padding:6px 9px;
  border:1px solid rgba(var(--accent-rgb,34,211,238),.20);
  border-radius:999px;
  background:rgba(var(--accent-rgb,34,211,238),.10);
  color:rgba(var(--accent-rgb,34,211,238),.96);
  font-size:10px;
  letter-spacing:.05em;
}

#colorMenu .color-grid,
.m-menu .m-colors{
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:10px !important;
  padding:0 !important;
}

#colorMenu .color-option,
.nav #colorMenu .color-option,
.m-menu .m-colors .color-option,
.m-colors .color-option,
.cz-theme-dropdown .cz-theme-option{
  position:relative !important;
  display:grid !important;
  grid-template-columns:34px minmax(0, 1fr) !important;
  align-items:center !important;
  gap:10px !important;
  width:100% !important;
  max-width:none !important;
  height:54px !important;
  min-height:54px !important;
  max-height:none !important;
  padding:9px 11px !important;
  border-radius:17px !important;
  border:1px solid rgba(255,255,255,.13) !important;
  background:
    radial-gradient(130px 70px at 16% 50%, color-mix(in srgb, var(--swatch, #22d3ee) 28%, transparent), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.035)),
    rgba(255,255,255,.045) !important;
  color:rgba(247,251,255,.86) !important;
  text-align:left !important;
  overflow:hidden !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 10px 24px rgba(0,0,0,.18) !important;
}

.color-swatch{
  width:32px !important;
  height:32px !important;
  border-radius:999px !important;
  background:
    radial-gradient(circle at 32% 24%, rgba(255,255,255,.82), transparent 23%),
    linear-gradient(135deg, var(--swatch, #22d3ee), var(--swatch2, #06b6d4)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    0 0 18px color-mix(in srgb, var(--swatch, #22d3ee) 55%, transparent),
    0 0 34px color-mix(in srgb, var(--swatch, #22d3ee) 24%, transparent) !important;
}

.color-label{
  display:block !important;
  min-width:0 !important;
  overflow:hidden !important;
  color:inherit !important;
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

#colorMenu .color-option::after,
.m-colors .color-option::after{
  content:"" !important;
  position:absolute !important;
  right:11px !important;
  top:50% !important;
  width:7px !important;
  height:7px !important;
  inset:auto 11px auto auto !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.18) !important;
  transform:translateY(-50%) !important;
  border:0 !important;
  box-shadow:none !important;
  opacity:.72 !important;
}

#colorMenu .color-option:hover,
#colorMenu .color-option.active,
.m-colors .color-option:hover,
.m-colors .color-option.active{
  border-color:color-mix(in srgb, var(--swatch, #22d3ee) 62%, rgba(255,255,255,.22)) !important;
  background:
    radial-gradient(150px 78px at 18% 50%, color-mix(in srgb, var(--swatch, #22d3ee) 38%, transparent), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.055)),
    rgba(255,255,255,.070) !important;
  transform:translateY(-2px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 16px 34px rgba(0,0,0,.30),
    0 0 28px color-mix(in srgb, var(--swatch, #22d3ee) 30%, transparent) !important;
}

#colorMenu .color-option.active::after,
.m-colors .color-option.active::after{
  background:var(--swatch, #22d3ee) !important;
  box-shadow:
    0 0 0 4px color-mix(in srgb, var(--swatch, #22d3ee) 18%, transparent),
    0 0 18px color-mix(in srgb, var(--swatch, #22d3ee) 70%, transparent) !important;
  opacity:1 !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2{
  width:min(1540px, calc(100% - clamp(14px, 2.2vw, 36px))) !important;
  max-width:1540px !important;
  padding:clamp(54px, 6vw, 96px) clamp(18px, 6vw, 94px) clamp(34px, 5vw, 76px) !important;
  border-radius:36px !important;
  border-color:rgba(var(--accent-rgb,34,211,238),.30) !important;
  background:
    radial-gradient(780px 420px at 50% 18%, rgba(var(--accent-rgb,34,211,238),.31), transparent 72%),
    radial-gradient(640px 420px at 18% 16%, rgba(255,255,255,.075), transparent 72%),
    radial-gradient(760px 460px at 82% 10%, rgba(var(--accent-rgb,34,211,238),.18), transparent 76%),
    linear-gradient(115deg, rgba(255,255,255,.105), rgba(255,255,255,.035) 42%, rgba(var(--accent-rgb,34,211,238),.095)),
    rgba(11,17,34,.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -1px 0 rgba(var(--accent-rgb,34,211,238),.18),
    0 36px 120px rgba(0,0,0,.30),
    0 0 140px rgba(var(--accent-rgb,34,211,238),.22) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2::before{
  opacity:.86 !important;
  background:
    linear-gradient(rgba(var(--accent-rgb,34,211,238),.095) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--accent-rgb,34,211,238),.080) 1px, transparent 1px),
    radial-gradient(420px 240px at 50% 22%, rgba(255,255,255,.095), transparent 72%) !important;
  background-size:64px 64px, 64px 64px, auto !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy{
  position:relative !important;
  width:min(1240px, 100%) !important;
  max-width:1240px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:-1 !important;
  left:50% !important;
  top:clamp(24px, 4vw, 60px) !important;
  width:min(960px, 88vw) !important;
  height:clamp(210px, 28vw, 420px) !important;
  border-radius:45% !important;
  background:
    radial-gradient(closest-side, rgba(255,255,255,.18), rgba(var(--accent-rgb,34,211,238),.18) 42%, transparent 78%) !important;
  filter:blur(14px) saturate(1.3) !important;
  transform:translateX(-50%) skewX(-9deg) !important;
  opacity:.92 !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:-1 !important;
  left:18% !important;
  right:18% !important;
  top:clamp(260px, 26vw, 380px) !important;
  height:1px !important;
  border-radius:0 !important;
  background:linear-gradient(90deg, transparent, rgba(var(--accent-rgb,34,211,238),.82), transparent) !important;
  box-shadow:0 0 38px rgba(var(--accent-rgb,34,211,238),.44) !important;
  opacity:.92 !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .dash-kicker{
  color:rgba(var(--accent-rgb,34,211,238),.98) !important;
  text-shadow:0 0 22px rgba(var(--accent-rgb,34,211,238),.48) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy h1{
  max-width:1120px !important;
  font-size:clamp(54px, 6.6vw, 112px) !important;
  text-shadow:
    0 0 34px rgba(255,255,255,.10),
    0 0 58px rgba(var(--accent-rgb,34,211,238),.32),
    0 22px 70px rgba(0,0,0,.34) !important;
}

@supports (-webkit-background-clip:text) or (background-clip:text){
  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy h1{
    background:
      linear-gradient(180deg, #ffffff 0%, #fbfdff 34%, color-mix(in srgb, rgb(var(--accent-rgb,34,211,238)) 82%, #ffffff 18%) 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
  }
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-workdesk-sub{
  max-width:920px !important;
  color:rgba(246,250,255,.82) !important;
  text-shadow:0 1px 20px rgba(0,0,0,.28) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-direct-actions .btn,
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-input-row .btn{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    0 18px 48px rgba(0,0,0,.22),
    0 0 34px rgba(var(--accent-rgb,34,211,238),.24) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-console{
  width:min(980px, 100%) !important;
  max-width:980px !important;
  background:
    radial-gradient(560px 280px at 50% 0%, rgba(var(--accent-rgb,34,211,238),.18), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.025)),
    rgba(8,14,28,.56) !important;
  border-color:rgba(var(--accent-rgb,34,211,238),.31) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 22px 72px rgba(0,0,0,.26),
    0 0 64px rgba(var(--accent-rgb,34,211,238),.20) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row{
  width:min(980px, 100%) !important;
  max-width:980px !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.040), rgba(var(--accent-rgb,34,211,238),.090), rgba(255,255,255,.040)),
    rgba(8,14,28,.58) !important;
  border-color:rgba(var(--accent-rgb,34,211,238),.28) !important;
}

.platform-main,
.platform-console,
.package-grid article,
.quick-job-grid a,
.desk-tool-card,
.pipeline-grid a,
.growth-grid article,
.workbench-list,
.pillar-grid a,
.route-final-strip article,
.request-mega-cta,
.tools-hero,
.tool-section,
.tools-route-grid a,
.card.tool-card-enhanced,
.guide-hub-hero,
.guide-hub-card,
.guide-route-panel a,
.guide-category-band,
.updates-hero-v2,
.updates-release-strip article,
.updates-quality-board article,
.release-card,
.contact-hero,
.contact-form-card,
.contact-support-panel article,
.contact-next-links a,
body.cms-tool-body .cms-tool-panel,
body.cms-tool-body .cms-tool-app,
body.cms-tool-body .cms-result-card,
body.cms-tool-body .cms-info-card,
body.cms-tool-body .cms-related-box,
body.cms-tool-body .cms-ops-strip article{
  border-color:rgba(var(--accent-rgb,34,211,238),.24) !important;
  background:
    radial-gradient(520px 250px at 18% 0%, rgba(var(--accent-rgb,34,211,238),.12), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.088), rgba(255,255,255,.030)),
    var(--cz-bright-glass) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 20px 62px rgba(0,0,0,.22),
    0 0 36px rgba(var(--accent-rgb,34,211,238),.10) !important;
}

@media (max-width: 760px){
  #colorMenu.menu,
  .cz-theme-dropdown #colorMenu{
    width:min(336px, calc(100vw - 18px)) !important;
  }

  #colorMenu .color-grid,
  .m-menu .m-colors{
    grid-template-columns:1fr !important;
  }

  #colorMenu .color-option,
  .nav #colorMenu .color-option,
  .m-menu .m-colors .color-option,
  .m-colors .color-option,
  .cz-theme-dropdown .cz-theme-option{
    height:50px !important;
    min-height:50px !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2{
    width:min(100% - 12px, 1540px) !important;
    padding:32px 12px 18px !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy h1{
    font-size:clamp(42px, 12vw, 60px) !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy::before{
    width:96vw !important;
    height:260px !important;
  }
}

/* v101: remove nested hero boxes and push every selected color brighter. */
:root{
  --cz-glow-rgb:var(--accent-rgb,56,232,255);
  --cz-accent-bright:color-mix(in srgb, rgb(var(--cz-glow-rgb)) 70%, white 30%);
  --cz-accent-ultra:color-mix(in srgb, rgb(var(--cz-glow-rgb)) 52%, white 48%);
}

body.bigtext{
  background:
    radial-gradient(1160px 760px at 50% -8%, rgba(var(--cz-glow-rgb),.50), transparent 68%),
    radial-gradient(920px 620px at 12% 28%, rgba(var(--cz-glow-rgb),.26), transparent 72%),
    radial-gradient(940px 620px at 88% 30%, rgba(var(--cz-glow-rgb),.22), transparent 74%),
    linear-gradient(180deg, color-mix(in srgb, rgb(var(--cz-glow-rgb)) 18%, #080b18 82%) 0%, #10152e 44%, #080b16 100%) !important;
}

.home-workdesk{
  padding-top:0 !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2{
  width:min(1560px, calc(100% - clamp(8px, 1.6vw, 28px))) !important;
  max-width:1560px !important;
  min-height:auto !important;
  margin:0 auto clamp(22px, 4vw, 48px) !important;
  padding:clamp(58px, 7vw, 112px) clamp(14px, 6vw, 92px) clamp(28px, 5vw, 68px) !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  overflow:visible !important;
  isolation:isolate !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2::before{
  content:"" !important;
  position:absolute !important;
  z-index:-2 !important;
  inset:0 -3vw auto -3vw !important;
  height:clamp(560px, 72vw, 860px) !important;
  border-radius:0 !important;
  opacity:1 !important;
  background:
    radial-gradient(closest-side at 50% 34%, rgba(255,255,255,.22), rgba(var(--cz-glow-rgb),.34) 32%, rgba(var(--cz-glow-rgb),.12) 62%, transparent 86%),
    linear-gradient(rgba(var(--cz-glow-rgb),.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--cz-glow-rgb),.075) 1px, transparent 1px) !important;
  background-size:auto, 76px 76px, 76px 76px !important;
  filter:saturate(1.28) !important;
  pointer-events:none !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:-1 !important;
  left:50% !important;
  top:clamp(92px, 12vw, 170px) !important;
  width:min(1060px, 90vw) !important;
  height:min(340px, 34vw) !important;
  border-radius:999px !important;
  background:
    radial-gradient(closest-side, rgba(255,255,255,.20), rgba(var(--cz-glow-rgb),.30) 42%, transparent 78%) !important;
  box-shadow:
    0 0 82px rgba(var(--cz-glow-rgb),.36),
    0 0 190px rgba(var(--cz-glow-rgb),.20) !important;
  transform:translateX(-50%) skewX(-8deg) !important;
  filter:blur(10px) saturate(1.38) !important;
  opacity:1 !important;
  pointer-events:none !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy{
  width:min(1240px, 100%) !important;
  max-width:1240px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy::before,
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy::after{
  display:none !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .dash-kicker{
  color:var(--cz-accent-ultra) !important;
  text-shadow:
    0 0 18px rgba(var(--cz-glow-rgb),.62),
    0 0 48px rgba(var(--cz-glow-rgb),.30) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy h1{
  max-width:1160px !important;
  font-size:clamp(58px, 7.2vw, 122px) !important;
  line-height:.92 !important;
  color:#fff !important;
  text-shadow:
    0 0 22px rgba(255,255,255,.18),
    0 0 60px rgba(var(--cz-glow-rgb),.42),
    0 0 130px rgba(var(--cz-glow-rgb),.24),
    0 24px 70px rgba(0,0,0,.28) !important;
}

@supports (-webkit-background-clip:text) or (background-clip:text){
  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy h1{
    background:
      linear-gradient(180deg, #fff 0%, #fff 28%, var(--cz-accent-ultra) 68%, var(--cz-accent-bright) 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
  }
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-workdesk-sub{
  max-width:900px !important;
  color:rgba(255,255,255,.88) !important;
  text-shadow:0 0 24px rgba(var(--cz-glow-rgb),.18), 0 2px 18px rgba(0,0,0,.28) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-direct-actions{
  margin:18px auto 18px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-direct-actions .btn{
  border-color:rgba(var(--cz-glow-rgb),.34) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.15), rgba(255,255,255,.05)),
    rgba(255,255,255,.055) !important;
  box-shadow:0 14px 38px rgba(0,0,0,.20), 0 0 26px rgba(var(--cz-glow-rgb),.16) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-direct-actions .btn.btn-accent,
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-input-row .btn{
  background:
    linear-gradient(180deg, rgba(255,255,255,.30), rgba(255,255,255,.10)),
    var(--cz-accent-bright) !important;
  border-color:rgba(255,255,255,.36) !important;
  color:#07101d !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    0 16px 44px rgba(0,0,0,.22),
    0 0 46px rgba(var(--cz-glow-rgb),.42) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-console{
  width:min(980px, 100%) !important;
  max-width:980px !important;
  padding:8px 0 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  overflow:visible !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-console::before,
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-console::after{
  display:none !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-console-head span{
  border-color:rgba(var(--cz-glow-rgb),.34) !important;
  background:rgba(var(--cz-glow-rgb),.12) !important;
  color:var(--cz-accent-ultra) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-console-head strong{
  color:#fff !important;
  text-shadow:0 0 34px rgba(var(--cz-glow-rgb),.28), 0 8px 34px rgba(0,0,0,.32) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-input-row{
  width:min(720px, 100%) !important;
  max-width:720px !important;
  padding:6px !important;
  border-radius:22px !important;
  border:1px solid rgba(var(--cz-glow-rgb),.48) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.045)),
    rgba(8,14,28,.64) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 20px 58px rgba(0,0,0,.24),
    0 0 56px rgba(var(--cz-glow-rgb),.30) !important;
  backdrop-filter:blur(16px) saturate(1.25) !important;
  -webkit-backdrop-filter:blur(16px) saturate(1.25) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-input-row input{
  background:rgba(5,10,22,.64) !important;
  color:#fff !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-job-chips button,
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-flow-row span{
  border-color:rgba(var(--cz-glow-rgb),.26) !important;
  background:rgba(255,255,255,.070) !important;
  box-shadow:0 0 22px rgba(var(--cz-glow-rgb),.10) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row{
  width:min(960px, 100%) !important;
  max-width:960px !important;
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:10px !important;
  margin-top:16px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row::before,
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row::after{
  display:none !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row a{
  min-height:64px !important;
  border:1px solid rgba(var(--cz-glow-rgb),.30) !important;
  border-radius:18px !important;
  background:
    radial-gradient(140px 70px at 50% 0%, rgba(var(--cz-glow-rgb),.18), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.035)),
    rgba(8,14,28,.38) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 14px 34px rgba(0,0,0,.18),
    0 0 26px rgba(var(--cz-glow-rgb),.12) !important;
  backdrop-filter:blur(14px) saturate(1.2) !important;
  -webkit-backdrop-filter:blur(14px) saturate(1.2) !important;
}

.dot,
.logo-badge,
.section-ico,
.card-ico,
.tools-page .tool-sections .card.tool-card-enhanced .card-ico,
.authority-card-head span,
.console-dot{
  background:
    radial-gradient(circle at 32% 24%, rgba(255,255,255,.86), transparent 24%),
    linear-gradient(135deg, var(--cz-accent-ultra), rgb(var(--cz-glow-rgb))) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.45),
    0 0 30px rgba(var(--cz-glow-rgb),.42),
    0 0 70px rgba(var(--cz-glow-rgb),.20) !important;
}

.platform-main,
.platform-console,
.package-grid article,
.quick-job-grid a,
.desk-tool-card,
.pipeline-grid a,
.growth-grid article,
.workbench-list,
.pillar-grid a,
.route-final-strip article,
.request-mega-cta,
.tools-hero,
.tool-section,
.tools-route-grid a,
.card.tool-card-enhanced,
.guide-hub-hero,
.guide-hub-card,
.guide-route-panel a,
.guide-category-band,
.updates-hero-v2,
.updates-release-strip article,
.updates-quality-board article,
.release-card,
.contact-hero,
.contact-form-card,
.contact-support-panel article,
.contact-next-links a,
body.cms-tool-body .cms-tool-panel,
body.cms-tool-body .cms-tool-app,
body.cms-tool-body .cms-result-card,
body.cms-tool-body .cms-info-card,
body.cms-tool-body .cms-related-box,
body.cms-tool-body .cms-ops-strip article{
  border-color:rgba(var(--cz-glow-rgb),.30) !important;
  background:
    radial-gradient(540px 260px at 18% 0%, rgba(var(--cz-glow-rgb),.16), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.040)),
    rgba(18,26,48,.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 20px 62px rgba(0,0,0,.20),
    0 0 42px rgba(var(--cz-glow-rgb),.14) !important;
}

@media (max-width: 760px){
  .home-workdesk .cz-workdesk-hero.hero-simple-v2{
    width:100% !important;
    padding:34px 12px 18px !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2::before{
    inset:0 -20vw auto -20vw !important;
    height:760px !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2::after{
    width:110vw !important;
    height:260px !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy h1{
    font-size:clamp(42px, 12.5vw, 62px) !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row{
    grid-template-columns:1fr !important;
  }
}

/* v102: stronger Tools, Guides and Updates sections. */
.tools-shell,
.guide-hub-shell,
.updates-shell{
  width:min(1360px, calc(100% - clamp(18px, 3vw, 52px))) !important;
  padding-top:clamp(24px, 4vw, 48px) !important;
}

.tools-page .tools-hero,
.guides-page .guide-hub-hero,
.guide-hub-page .guide-hub-hero,
body:has(.updates-canvas) .updates-hero-v2{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid rgba(var(--cz-glow-rgb),.26) !important;
  border-radius:30px !important;
  background:
    radial-gradient(820px 390px at 50% -10%, rgba(var(--cz-glow-rgb),.28), transparent 74%),
    radial-gradient(620px 320px at 12% 18%, rgba(255,255,255,.08), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.105), rgba(255,255,255,.032)),
    rgba(15,23,42,.42) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 24px 74px rgba(0,0,0,.24),
    0 0 70px rgba(var(--cz-glow-rgb),.16) !important;
  backdrop-filter:blur(18px) saturate(1.18) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.18) !important;
}

.tools-page .tools-hero::before,
.guides-page .guide-hub-hero::before,
.guide-hub-page .guide-hub-hero::before,
body:has(.updates-canvas) .updates-hero-v2::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  background:
    linear-gradient(rgba(var(--cz-glow-rgb),.060) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--cz-glow-rgb),.052) 1px, transparent 1px) !important;
  background-size:68px 68px !important;
  mask-image:linear-gradient(180deg, black, transparent 86%);
  pointer-events:none !important;
}

.tools-page .tools-hero > *,
.guides-page .guide-hub-hero > *,
.guide-hub-page .guide-hub-hero > *,
body:has(.updates-canvas) .updates-hero-v2 > *{
  position:relative !important;
  z-index:1 !important;
}

.tools-title,
.guide-hub-hero h1,
.updates-title{
  max-width:1040px !important;
  margin-inline:auto !important;
  color:#fff !important;
  letter-spacing:0 !important;
  text-wrap:balance !important;
  text-shadow:
    0 0 28px rgba(255,255,255,.10),
    0 0 54px rgba(var(--cz-glow-rgb),.28),
    0 18px 54px rgba(0,0,0,.24) !important;
}

@supports (-webkit-background-clip:text) or (background-clip:text){
  .tools-title,
  .guide-hub-hero h1,
  .updates-title{
    background:linear-gradient(180deg, #fff 0%, #fff 36%, var(--cz-accent-ultra) 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
  }
}

.tools-sub,
.guide-hub-hero p,
.updates-sub{
  color:rgba(255,255,255,.82) !important;
  text-shadow:0 2px 20px rgba(0,0,0,.20) !important;
}

.tools-page .tools-hero{
  padding:clamp(34px, 5vw, 68px) clamp(16px, 4vw, 54px) clamp(28px, 4vw, 46px) !important;
}

.tools-page .tools-hero-top{
  max-width:1080px !important;
  margin:0 auto !important;
  justify-content:center !important;
}

.tools-page .chips{
  width:min(860px, 100%) !important;
  margin:24px auto 0 !important;
  padding:7px !important;
  border:1px solid rgba(var(--cz-glow-rgb),.20) !important;
  border-radius:999px !important;
  background:rgba(5,10,22,.36) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 0 34px rgba(var(--cz-glow-rgb),.08) !important;
}

.tools-page .chip{
  min-height:38px !important;
  padding:0 16px !important;
  border-radius:999px !important;
  border-color:transparent !important;
  background:transparent !important;
  color:rgba(255,255,255,.72) !important;
}

.tools-page .chip:hover,
.tools-page .chip:focus-visible{
  background:rgba(255,255,255,.075) !important;
  color:#fff !important;
}

.tools-page .chip.active,
.tools-page .chip[aria-pressed="true"]{
  background:
    linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,.075)),
    rgba(var(--cz-glow-rgb),.24) !important;
  border-color:rgba(var(--cz-glow-rgb),.34) !important;
  color:#fff !important;
  box-shadow:0 0 26px rgba(var(--cz-glow-rgb),.20) !important;
}

.tools-page .tools-search{
  width:min(760px, 100%) !important;
  margin:18px auto 0 !important;
}

.tools-page .tools-search .search{
  min-height:58px !important;
  border-radius:20px !important;
  border-color:rgba(var(--cz-glow-rgb),.32) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.090), rgba(255,255,255,.035)),
    rgba(6,12,26,.50) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 0 34px rgba(var(--cz-glow-rgb),.10) !important;
}

.tools-search-meta,
.guide-search-status{
  margin-top:10px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  min-height:34px !important;
  padding:0 14px !important;
  border:1px solid rgba(var(--cz-glow-rgb),.22) !important;
  border-radius:999px !important;
  background:rgba(var(--cz-glow-rgb),.09) !important;
  color:var(--cz-accent-ultra) !important;
}

.tools-page .tools-route-grid{
  width:100% !important;
  margin:24px auto 0 !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:14px !important;
}

.tools-page .tools-route-grid a{
  position:relative !important;
  min-height:160px !important;
  padding:20px !important;
  border-radius:22px !important;
  text-align:left !important;
  align-content:start !important;
  overflow:hidden !important;
}

.tools-page .tools-route-grid a::before{
  content:"" !important;
  position:absolute !important;
  right:16px !important;
  top:16px !important;
  width:38px !important;
  height:38px !important;
  border-radius:14px !important;
  background:
    radial-gradient(circle at 32% 24%, rgba(255,255,255,.70), transparent 24%),
    linear-gradient(135deg, var(--cz-accent-ultra), rgb(var(--cz-glow-rgb))) !important;
  box-shadow:0 0 26px rgba(var(--cz-glow-rgb),.26) !important;
  opacity:.88 !important;
}

.tools-page .tools-route-grid a b{
  max-width:calc(100% - 50px) !important;
  font-size:clamp(17px, 1.35vw, 22px) !important;
  line-height:1.08 !important;
}

.tools-page .tools-route-grid a span{
  max-width:92% !important;
  color:rgba(255,255,255,.72) !important;
}

.tools-page .tools-route-grid a em{
  margin-top:auto !important;
  padding-top:10px !important;
  color:var(--cz-accent-ultra) !important;
}

.tools-page .tool-section{
  margin-top:clamp(26px, 4vw, 44px) !important;
  padding:clamp(22px, 3vw, 34px) !important;
  border-radius:30px !important;
}

.tools-page .section-head{
  align-items:center !important;
  padding-bottom:18px !important;
  border-bottom:1px solid rgba(var(--cz-glow-rgb),.16) !important;
}

.tools-page .section-kicker{
  justify-content:center !important;
}

.tools-page .section-name{
  font-size:clamp(30px, 3.2vw, 52px) !important;
  line-height:1 !important;
  text-wrap:balance !important;
}

.tools-page .section-desc{
  max-width:760px !important;
  margin:12px auto 0 !important;
  color:rgba(255,255,255,.76) !important;
}

.tools-page .section-count{
  min-height:40px !important;
  padding-inline:16px !important;
  border-color:rgba(var(--cz-glow-rgb),.30) !important;
  color:var(--cz-accent-ultra) !important;
}

.tools-page .cards-grid{
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 320px), 1fr)) !important;
  gap:16px !important;
}

.tools-page .tool-sections .card.tool-card-enhanced{
  border-radius:22px !important;
  padding:18px !important;
  min-height:100% !important;
}

.tools-page .tool-sections .card.tool-card-enhanced .card-top{
  gap:14px !important;
  align-items:flex-start !important;
}

.tools-page .tool-sections .card.tool-card-enhanced h3{
  font-size:clamp(18px, 1.25vw, 22px) !important;
}

.tools-page .tool-output-preview{
  margin-top:14px !important;
  padding:14px !important;
  border-radius:18px !important;
}

.tools-page .tool-output-preview strong{
  display:-webkit-box !important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden !important;
}

.tools-page .tool-card-flow{
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
}

.tools-page .tool-mini-features{
  margin-top:12px !important;
}

.tools-page .tool-cta{
  min-height:46px !important;
  margin-top:16px !important;
  padding:0 14px !important;
  border-radius:16px !important;
}

.guides-page .guide-hub-hero,
.guide-hub-page .guide-hub-hero{
  grid-template-columns:minmax(0, 1.12fr) minmax(300px, .78fr) !important;
  gap:clamp(18px, 3vw, 34px) !important;
  padding:clamp(34px, 5vw, 66px) !important;
  align-items:center !important;
}

.guides-page .guide-hub-hero > div,
.guide-hub-page .guide-hub-hero > div{
  text-align:center !important;
  margin-inline:auto !important;
}

.guide-hub-checklist{
  display:grid !important;
  gap:12px !important;
}

.guide-hub-checklist article{
  min-height:112px !important;
  border-radius:20px !important;
  border-color:rgba(var(--cz-glow-rgb),.24) !important;
  background:
    radial-gradient(160px 90px at 0 0, rgba(var(--cz-glow-rgb),.15), transparent 72%),
    rgba(255,255,255,.055) !important;
}

.guide-route-panel{
  margin-top:18px !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:14px !important;
}

.guide-route-panel a{
  min-height:148px !important;
  border-radius:22px !important;
  padding:20px !important;
}

.guide-search-panel{
  margin-top:22px !important;
  padding:clamp(22px, 3vw, 32px) !important;
  border:1px solid rgba(var(--cz-glow-rgb),.22) !important;
  border-radius:28px !important;
  background:
    radial-gradient(480px 220px at 24% 0, rgba(var(--cz-glow-rgb),.15), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.090), rgba(255,255,255,.030)),
    rgba(16,24,44,.44) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 20px 62px rgba(0,0,0,.20) !important;
}

.guide-search-panel h2{
  color:#fff !important;
  font-size:clamp(28px, 3vw, 46px) !important;
  line-height:1 !important;
}

.guide-search-control .search,
#guideSearch{
  min-height:56px !important;
  border-radius:20px !important;
  border-color:rgba(var(--cz-glow-rgb),.32) !important;
  background:rgba(5,10,22,.52) !important;
}

.guide-hub-overview{
  margin-top:24px !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
}

.guide-category-band{
  margin-top:clamp(24px, 4vw, 42px) !important;
  padding:clamp(22px, 3vw, 34px) !important;
  border-radius:30px !important;
}

.guide-category-band .authority-head{
  max-width:920px !important;
  margin-inline:auto !important;
}

.guide-category-band .authority-head h2{
  font-size:clamp(26px, 3vw, 44px) !important;
}

.guide-category-band .authority-head a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  padding:0 16px !important;
  border:1px solid rgba(var(--cz-glow-rgb),.30) !important;
  border-radius:999px !important;
  background:rgba(var(--cz-glow-rgb),.10) !important;
  color:var(--cz-accent-ultra) !important;
  text-decoration:none !important;
}

.guide-hub-grid{
  gap:16px !important;
}

.guide-hub-card{
  border-radius:22px !important;
  padding:18px !important;
  min-height:190px !important;
}

.guide-hub-card .authority-card-head span{
  min-width:46px !important;
  min-height:40px !important;
  border-radius:15px !important;
  font-size:12px !important;
}

.guide-card-meta{
  margin-top:auto !important;
  gap:7px !important;
}

body:has(.updates-canvas) .updates-hero-v2{
  padding:clamp(34px, 5vw, 66px) !important;
  grid-template-columns:minmax(0, 1fr) minmax(310px, .76fr) !important;
  gap:clamp(18px, 3vw, 34px) !important;
}

body:has(.updates-canvas) .updates-hero-copy{
  text-align:center !important;
}

.updates-actions{
  justify-content:center !important;
  margin-top:22px !important;
}

.updates-btn{
  min-height:46px !important;
  border-radius:999px !important;
}

.updates-manifesto{
  width:max-content !important;
  max-width:100% !important;
  margin:18px auto 0 !important;
  padding:10px 14px !important;
  border:1px solid rgba(var(--cz-glow-rgb),.24) !important;
  border-radius:999px !important;
  background:rgba(var(--cz-glow-rgb),.08) !important;
}

.source-command-panel-lite{
  border-radius:24px !important;
  border-color:rgba(var(--cz-glow-rgb),.24) !important;
  background:
    radial-gradient(420px 220px at 50% 0%, rgba(var(--cz-glow-rgb),.16), transparent 72%),
    rgba(8,14,28,.42) !important;
}

.updates-release-strip{
  margin-top:22px !important;
  grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
  gap:12px !important;
}

.updates-release-strip article{
  min-height:150px !important;
  border-radius:22px !important;
  padding:18px !important;
}

.updates-release-strip article span{
  display:inline-grid !important;
  place-items:center !important;
  width:38px !important;
  height:38px !important;
  border-radius:14px !important;
  background:
    radial-gradient(circle at 32% 24%, rgba(255,255,255,.72), transparent 25%),
    linear-gradient(135deg, var(--cz-accent-ultra), rgb(var(--cz-glow-rgb))) !important;
  color:#07101d !important;
  box-shadow:0 0 26px rgba(var(--cz-glow-rgb),.24) !important;
}

.updates-quality-board{
  margin-top:18px !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:14px !important;
}

.updates-quality-board article{
  min-height:176px !important;
  padding:20px !important;
  border-radius:22px !important;
}

.updates-quality-board article > span{
  width:44px !important;
  height:38px !important;
  border-radius:15px !important;
}

.updates-box{
  margin-top:clamp(26px, 4vw, 46px) !important;
  padding:clamp(22px, 3vw, 34px) !important;
  border:1px solid rgba(var(--cz-glow-rgb),.22) !important;
  border-radius:30px !important;
  background:
    radial-gradient(620px 280px at 50% 0, rgba(var(--cz-glow-rgb),.13), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.090), rgba(255,255,255,.028)),
    rgba(16,24,44,.42) !important;
}

.release-lab-grid{
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:16px !important;
}

.release-lab-grid .release-card{
  position:relative !important;
  min-height:230px !important;
  padding:20px 20px 20px 24px !important;
  border-radius:22px !important;
}

.release-lab-grid .release-card::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:20px !important;
  bottom:20px !important;
  width:4px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg, var(--cz-accent-ultra), rgb(var(--cz-glow-rgb))) !important;
  box-shadow:0 0 22px rgba(var(--cz-glow-rgb),.32) !important;
}

.release-version{
  min-width:58px !important;
  min-height:42px !important;
  border-radius:15px !important;
  background:rgba(var(--cz-glow-rgb),.13) !important;
  color:var(--cz-accent-ultra) !important;
}

.release-tags{
  margin-top:auto !important;
}

@media (max-width: 980px){
  .tools-page .tools-route-grid,
  .guide-route-panel,
  .guide-hub-overview,
  .updates-release-strip,
  .updates-quality-board{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .guides-page .guide-hub-hero,
  .guide-hub-page .guide-hub-hero,
  body:has(.updates-canvas) .updates-hero-v2{
    grid-template-columns:1fr !important;
  }

  .release-lab-grid{
    grid-template-columns:1fr !important;
  }
}

@media (max-width: 640px){
  .tools-shell,
  .guide-hub-shell,
  .updates-shell{
    width:min(100% - 12px, 1360px) !important;
  }

  .tools-page .tools-hero,
  .guides-page .guide-hub-hero,
  .guide-hub-page .guide-hub-hero,
  body:has(.updates-canvas) .updates-hero-v2,
  .tools-page .tool-section,
  .guide-category-band,
  .updates-box{
    border-radius:22px !important;
    padding:18px !important;
  }

  .tools-page .chips{
    justify-content:flex-start !important;
    overflow-x:auto !important;
    border-radius:18px !important;
  }

  .tools-page .tools-route-grid,
  .guide-route-panel,
  .guide-hub-overview,
  .updates-release-strip,
  .updates-quality-board,
  .tools-page .tool-card-flow{
    grid-template-columns:1fr !important;
  }

  .tools-page .section-head{
    display:grid !important;
    justify-items:center !important;
    text-align:center !important;
  }

  .tools-page .tools-route-grid a,
  .guide-route-panel a,
  .updates-release-strip article{
    min-height:130px !important;
  }
}

/* v103: make tool preview output readable instead of compressed. */
.tools-page .tool-output-preview{
  gap:11px !important;
  padding:16px !important;
}

.tools-page .tool-output-preview > span{
  min-height:26px !important;
  padding:0 10px !important;
  color:var(--cz-accent-ultra) !important;
  background:rgba(var(--cz-glow-rgb),.10) !important;
}

.tools-page .tool-output-preview > strong{
  font-size:14px !important;
  line-height:1.38 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
}

.tools-page .tool-card-flow{
  grid-template-columns:1fr !important;
  gap:8px !important;
}

.tools-page .tool-card-flow p{
  display:block !important;
  min-height:0 !important;
  padding:10px 12px !important;
  border-radius:13px !important;
  background:rgba(4,10,22,.44) !important;
}

.tools-page .tool-card-flow p b{
  display:inline-flex !important;
  align-items:center !important;
  min-height:20px !important;
  margin-bottom:5px !important;
  padding:0 7px !important;
  border-radius:999px !important;
  background:rgba(var(--cz-glow-rgb),.10) !important;
  color:var(--cz-accent-ultra) !important;
  font-size:10.5px !important;
  line-height:1 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
}

.tools-page .tool-card-flow p span{
  display:block !important;
  color:rgba(255,255,255,.78) !important;
  font-size:12.8px !important;
  line-height:1.48 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  white-space:normal !important;
}

.tools-page .tool-output-preview > em{
  color:rgba(255,255,255,.70) !important;
  font-size:12.8px !important;
  line-height:1.45 !important;
}

.guide-search-empty[hidden]{
  display:none !important;
}

/* v104: prevent Input and Output preview blocks from sharing the same grid slot. */
.tools-page .tool-card-flow p{
  grid-area:auto !important;
  margin:0 !important;
}

.tools-page .tool-card-flow p span{
  font-weight:650 !important;
  overflow:hidden !important;
}

/* v105: app runtime polish, lighter reactive feedback and stronger CSS structure. */
:root{
  --cz-progress:0;
  --cz-app-surface:rgba(10,16,31,.58);
  --cz-app-surface-strong:rgba(14,22,42,.72);
  --cz-app-border:rgba(var(--cz-glow-rgb),.24);
  --cz-app-border-hot:rgba(var(--cz-glow-rgb),.44);
  --cz-app-glow:0 20px 70px rgba(var(--cz-glow-rgb),.16);
  --cz-app-radius:24px;
}

.cz-app-progress{
  position:fixed;
  inset:0 auto auto 0;
  z-index:10000;
  width:100%;
  height:3px;
  pointer-events:none;
  transform:scaleX(var(--cz-progress));
  transform-origin:left center;
  background:linear-gradient(90deg, transparent, var(--cz-accent-ultra), rgb(var(--cz-glow-rgb)), rgba(255,255,255,.92));
  box-shadow:0 0 18px rgba(var(--cz-glow-rgb),.58), 0 0 40px rgba(var(--cz-glow-rgb),.24);
  opacity:.92;
}

html.cz-app-ready .cz-reveal-ready{
  opacity:0;
  transform:translate3d(0, 18px, 0) scale(.992);
  transition:
    opacity .62s cubic-bezier(.2,.8,.2,1) var(--cz-reveal-delay, 0ms),
    transform .62s cubic-bezier(.2,.8,.2,1) var(--cz-reveal-delay, 0ms),
    border-color .24s ease,
    box-shadow .24s ease,
    background .24s ease;
  will-change:opacity, transform;
}

html.cz-app-ready .cz-reveal-ready.is-visible{
  opacity:1;
  transform:translate3d(0, 0, 0) scale(1);
}

html.cz-app-ready .is-current-section{
  border-color:rgba(var(--cz-glow-rgb),.30) !important;
  box-shadow:0 20px 70px rgba(var(--cz-glow-rgb),.10), inset 0 1px 0 rgba(255,255,255,.10) !important;
}

html.cz-app-ready .tool-section,
html.cz-app-ready .guide-category-band,
html.cz-app-ready .updates-box,
html.cz-app-ready .release-lab-grid,
html.cz-app-ready .request-mega-cta{
  content-visibility:auto;
  contain-intrinsic-size:auto 720px;
}

html.cz-app-ready .tool-card-enhanced,
html.cz-app-ready .guide-hub-card,
html.cz-app-ready .release-card,
html.cz-app-ready .updates-release-strip article,
html.cz-app-ready .updates-quality-board article,
html.cz-app-ready .tools-route-grid a,
html.cz-app-ready .guide-route-panel a,
html.cz-app-ready .quick-job-grid a,
html.cz-app-ready .pipeline-grid a,
html.cz-app-ready .contact-next-links a{
  isolation:isolate;
  backface-visibility:hidden;
  transform:translateZ(0);
  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease,
    background .22s ease,
    filter .22s ease !important;
}

@media (hover:hover) and (pointer:fine){
  html.cz-app-ready .tool-card-enhanced:hover,
  html.cz-app-ready .guide-hub-card:hover,
  html.cz-app-ready .release-card:hover,
  html.cz-app-ready .updates-release-strip article:hover,
  html.cz-app-ready .updates-quality-board article:hover,
  html.cz-app-ready .tools-route-grid a:hover,
  html.cz-app-ready .guide-route-panel a:hover,
  html.cz-app-ready .quick-job-grid a:hover,
  html.cz-app-ready .pipeline-grid a:hover,
  html.cz-app-ready .contact-next-links a:hover{
    border-color:var(--cz-app-border-hot) !important;
    box-shadow:var(--cz-app-glow), 0 0 0 1px rgba(var(--cz-glow-rgb),.10) inset !important;
    filter:saturate(1.08) brightness(1.04);
  }

  html.cz-app-ready .tool-card-enhanced:hover,
  html.cz-app-ready .guide-hub-card:hover,
  html.cz-app-ready .release-card:hover,
  html.cz-app-ready .updates-release-strip article:hover,
  html.cz-app-ready .updates-quality-board article:hover{
    background:
      radial-gradient(320px 220px at var(--spot-x, 50%) var(--spot-y, 0%), rgba(var(--cz-glow-rgb),.18), transparent 68%),
      linear-gradient(180deg, rgba(255,255,255,.095), rgba(255,255,255,.026)),
      var(--cz-app-surface) !important;
  }

  html.cz-app-ready .tools-route-grid a:hover,
  html.cz-app-ready .guide-route-panel a:hover,
  html.cz-app-ready .quick-job-grid a:hover,
  html.cz-app-ready .pipeline-grid a:hover,
  html.cz-app-ready .contact-next-links a:hover{
    background:
      radial-gradient(260px 160px at var(--spot-x, 50%) var(--spot-y, 0%), rgba(var(--cz-glow-rgb),.16), transparent 70%),
      linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.035)),
      rgba(10,16,31,.54) !important;
  }
}

html.cz-app-ready form.is-submitting{
  position:relative;
  cursor:progress;
}

html.cz-app-ready form.is-submitting::after{
  content:"";
  position:absolute;
  inset:auto 18px 14px 18px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, transparent, var(--cz-accent-ultra), rgb(var(--cz-glow-rgb)), transparent);
  background-size:220% 100%;
  animation:cz-form-submit-scan 1s linear infinite;
  pointer-events:none;
}

html.cz-app-ready form.is-submitting button[type="submit"],
html.cz-app-ready form.is-submitting input[type="submit"]{
  opacity:.78;
  cursor:progress;
}

@keyframes cz-form-submit-scan{
  from{ background-position:0% 50%; }
  to{ background-position:220% 50%; }
}

.cz-app-toast,
.cz-install-card{
  position:fixed;
  left:auto !important;
  right:max(18px, env(safe-area-inset-right, 0px)) !important;
  z-index:10060;
  box-sizing:border-box;
  width:min(360px, calc(100vw - 32px - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px)));
  max-width:calc(100vw - 32px - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px));
  border:1px solid rgba(var(--cz-glow-rgb), .28);
  border-radius:8px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.105), rgba(255,255,255,.035)),
    rgba(8,13,26,.88);
  box-shadow:0 18px 58px rgba(0,0,0,.42), 0 0 0 1px rgba(255,255,255,.045) inset;
  color:rgba(247,248,255,.94);
  backdrop-filter:blur(18px) saturate(1.1);
}

.cz-app-toast{
  top:calc(var(--navH, 72px) + 12px + env(safe-area-inset-top, 0px));
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:48px;
  padding:10px 10px 10px 14px;
  pointer-events:none;
  opacity:0;
  transform:translate3d(0, -8px, 0);
  transition:opacity .22s ease, transform .22s ease;
}

.cz-app-toast[data-show="true"]{
  opacity:1;
  transform:translate3d(0, 0, 0);
  pointer-events:auto;
}

.cz-app-toast-text,
.cz-install-copy span{
  min-width:0;
  color:rgba(247,248,255,.72);
  font-size:13px;
  line-height:1.35;
}

.cz-app-toast-text{
  color:rgba(247,248,255,.88);
  font-weight:650;
}

.cz-app-toast-actions,
.cz-install-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
}

.cz-app-toast-action,
.cz-install-action,
.cz-app-toast-close,
.cz-install-dismiss{
  min-height:34px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:8px;
  color:rgba(247,248,255,.94);
  background:rgba(255,255,255,.075);
  font:inherit;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
}

.cz-app-toast-action,
.cz-install-action{
  padding:0 12px;
  border-color:rgba(var(--cz-glow-rgb), .42);
  background:linear-gradient(135deg, rgba(var(--cz-glow-rgb), .28), rgba(255,255,255,.08));
}

.cz-app-toast-close{
  width:34px;
  padding:0;
}

.cz-install-card{
  top:calc(var(--navH, 72px) + 70px + env(safe-area-inset-top, 0px));
  bottom:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:13px;
  opacity:0;
  pointer-events:none;
  transform:translate3d(0, -8px, 0);
  transition:opacity .24s ease, transform .24s ease;
}

.cz-install-card[data-show="true"]{
  opacity:1;
  pointer-events:auto;
  transform:translate3d(0, 0, 0);
}

.cz-install-copy{
  display:grid;
  gap:2px;
  min-width:0;
}

.cz-install-copy strong{
  color:rgba(247,248,255,.96);
  font-size:14px;
  line-height:1.25;
}

.cz-install-dismiss{
  padding:0 10px;
}

html.cz-is-offline .cz-app-progress{
  background:linear-gradient(90deg, transparent, rgba(255,200,95,.9), rgba(255,255,255,.92));
  box-shadow:0 0 18px rgba(255,200,95,.42);
}

@media (prefers-reduced-motion: reduce){
  .cz-app-progress{
    transition:none !important;
  }

  .cz-app-toast,
  .cz-install-card{
    transition:none !important;
    transform:none !important;
  }

  html.cz-app-ready .cz-reveal-ready,
  html.cz-app-ready .cz-reveal-ready.is-visible{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }

  html.cz-app-ready form.is-submitting::after{
    animation:none !important;
  }
}

@media (max-width: 760px){
  .cz-app-progress{
    height:2px;
  }

  .cz-app-toast,
  .cz-install-card{
    left:calc(10px + env(safe-area-inset-left, 0px)) !important;
    right:calc(10px + env(safe-area-inset-right, 0px)) !important;
    width:auto;
    max-width:none;
  }

  .cz-app-toast{
    top:auto;
    bottom:calc(10px + env(safe-area-inset-bottom, 0px));
  }

  .cz-install-card{
    top:auto;
    bottom:calc(10px + env(safe-area-inset-bottom, 0px));
    align-items:stretch;
    transform:translate3d(0, 10px, 0);
  }

  html.cz-app-ready .cz-reveal-ready{
    transform:translate3d(0, 10px, 0);
  }

  html.cz-app-ready .tool-section,
  html.cz-app-ready .guide-category-band,
  html.cz-app-ready .updates-box,
  html.cz-app-ready .release-lab-grid,
  html.cz-app-ready .request-mega-cta{
    contain-intrinsic-size:auto 900px;
  }
}

/* v106: higher-grade Tools, Guides and Updates control surfaces. */
.tools-hero-signals,
.guide-hero-proof,
.updates-metrics-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:10px !important;
  width:min(640px, 100%) !important;
  margin:20px auto 0 !important;
}

.tools-hero-signals span,
.guide-hero-proof span,
.updates-metrics-grid article{
  position:relative !important;
  display:grid !important;
  place-items:center !important;
  min-height:82px !important;
  padding:14px !important;
  border:1px solid rgba(var(--cz-glow-rgb),.22) !important;
  border-radius:20px !important;
  overflow:hidden !important;
  background:
    radial-gradient(180px 110px at 50% 0%, rgba(var(--cz-glow-rgb),.16), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.095), rgba(255,255,255,.030)),
    rgba(7,12,25,.42) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 12px 40px rgba(var(--cz-glow-rgb),.08) !important;
  backdrop-filter:blur(16px) saturate(1.15) !important;
  -webkit-backdrop-filter:blur(16px) saturate(1.15) !important;
}

.tools-hero-signals b,
.guide-hero-proof b,
.updates-metrics-grid b{
  color:#fff !important;
  font-size:clamp(24px, 3vw, 40px) !important;
  line-height:1 !important;
  text-shadow:0 0 28px rgba(var(--cz-glow-rgb),.34) !important;
}

.tools-hero-signals small,
.guide-hero-proof small,
.updates-metrics-grid span{
  margin-top:6px !important;
  color:rgba(255,255,255,.68) !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  text-align:center !important;
}

.tools-prompt-dock,
.guide-search-chips,
.updates-filter-buttons{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:10px !important;
}

.tools-prompt-dock{
  width:min(860px, 100%) !important;
  margin:16px auto 0 !important;
}

.tools-prompt-dock button,
.guide-search-chips button,
.updates-filter-buttons button{
  min-height:58px !important;
  border:1px solid rgba(var(--cz-glow-rgb),.20) !important;
  border-radius:18px !important;
  color:#fff !important;
  background:
    radial-gradient(180px 90px at var(--spot-x, 50%) var(--spot-y, 0%), rgba(var(--cz-glow-rgb),.13), transparent 74%),
    linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.026)),
    rgba(8,13,27,.46) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09), 0 12px 34px rgba(0,0,0,.12) !important;
  cursor:pointer !important;
}

.tools-prompt-dock button{
  display:grid !important;
  align-content:center !important;
  gap:4px !important;
  padding:12px 14px !important;
  text-align:center !important;
}

.tools-prompt-dock button b{
  font-size:14px !important;
  line-height:1.12 !important;
}

.tools-prompt-dock button span{
  color:rgba(255,255,255,.62) !important;
  font-size:12px !important;
}

.tools-prompt-dock button:hover,
.guide-search-chips button:hover,
.updates-filter-buttons button:hover,
.updates-filter-buttons button.active,
.updates-filter-buttons button[aria-pressed="true"]{
  border-color:rgba(var(--cz-glow-rgb),.42) !important;
  background:
    radial-gradient(220px 110px at var(--spot-x, 50%) var(--spot-y, 0%), rgba(var(--cz-glow-rgb),.22), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.040)),
    rgba(var(--cz-glow-rgb),.10) !important;
  box-shadow:0 18px 48px rgba(var(--cz-glow-rgb),.16), inset 0 1px 0 rgba(255,255,255,.14) !important;
}

.tools-intent-rail{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:12px !important;
  width:min(980px, 100%) !important;
  margin:18px auto 0 !important;
}

.tools-intent-rail article,
.guide-decision-lanes a{
  position:relative !important;
  min-height:112px !important;
  padding:18px !important;
  border:1px solid rgba(var(--cz-glow-rgb),.20) !important;
  border-radius:20px !important;
  overflow:hidden !important;
  text-align:center !important;
  text-decoration:none !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.024)),
    rgba(6,12,26,.38) !important;
}

.tools-intent-rail article span,
.guide-decision-lanes a span{
  display:inline-grid !important;
  place-items:center !important;
  min-width:36px !important;
  min-height:28px !important;
  margin-bottom:10px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  background:rgba(var(--cz-glow-rgb),.13) !important;
  color:var(--cz-accent-ultra) !important;
  font-weight:900 !important;
  font-size:12px !important;
}

.tools-intent-rail article strong,
.guide-decision-lanes a strong{
  display:block !important;
  color:#fff !important;
  font-size:17px !important;
  line-height:1.15 !important;
}

.tools-intent-rail article p,
.guide-decision-lanes a em{
  display:block !important;
  margin:8px auto 0 !important;
  color:rgba(255,255,255,.68) !important;
  font-size:13px !important;
  line-height:1.42 !important;
  font-style:normal !important;
}

.guide-decision-lanes{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:12px !important;
  margin-top:14px !important;
}

.guide-search-chips{
  grid-column:1 / -1 !important;
  margin-top:14px !important;
}

.guide-search-chips button{
  min-height:46px !important;
  padding:0 12px !important;
  font-weight:850 !important;
}

.updates-metrics-grid{
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  width:100% !important;
  margin-top:18px !important;
}

.updates-metrics-grid article{
  justify-items:start !important;
  text-align:left !important;
  min-height:150px !important;
}

.updates-metrics-grid article p{
  margin:10px 0 0 !important;
  color:rgba(255,255,255,.68) !important;
  font-size:13px !important;
  line-height:1.45 !important;
}

.updates-control-panel{
  display:grid !important;
  grid-template-columns:minmax(0, .9fr) minmax(340px, 1.1fr) auto !important;
  align-items:center !important;
  gap:16px !important;
  margin:0 0 24px !important;
  padding:18px !important;
  border:1px solid rgba(var(--cz-glow-rgb),.22) !important;
  border-radius:24px !important;
  background:
    radial-gradient(420px 180px at 50% 0%, rgba(var(--cz-glow-rgb),.12), transparent 70%),
    rgba(6,12,26,.40) !important;
}

.updates-control-panel h2{
  margin:2px 0 4px !important;
  color:#fff !important;
  font-size:clamp(24px, 2.8vw, 38px) !important;
  line-height:1 !important;
}

.updates-control-panel p{
  margin:0 !important;
}

.updates-filter-buttons{
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
}

.updates-filter-buttons button{
  min-height:42px !important;
  padding:0 12px !important;
  font-weight:850 !important;
}

.updates-filter-status{
  min-width:max-content !important;
  padding:10px 12px !important;
  border:1px solid rgba(var(--cz-glow-rgb),.22) !important;
  border-radius:999px !important;
  color:var(--cz-accent-ultra) !important;
  background:rgba(var(--cz-glow-rgb),.08) !important;
  text-align:center !important;
}

.release-card[hidden]{
  display:none !important;
}

@media (max-width: 980px){
  .tools-hero-signals,
  .guide-hero-proof,
  .updates-metrics-grid,
  .tools-intent-rail,
  .guide-decision-lanes,
  .updates-control-panel{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .updates-filter-status{
    grid-column:1 / -1 !important;
    width:max-content !important;
    max-width:100% !important;
  }
}

@media (max-width: 720px){
  .tools-hero-signals,
  .guide-hero-proof,
  .updates-metrics-grid,
  .tools-intent-rail,
  .guide-decision-lanes,
  .updates-control-panel{
    grid-template-columns:1fr !important;
  }

  .tools-prompt-dock,
  .guide-search-chips,
  .updates-filter-buttons{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .tools-prompt-dock button,
  .guide-search-chips button,
  .updates-filter-buttons button{
    min-height:46px !important;
  }
}

@media (max-width: 420px){
  .tools-prompt-dock,
  .guide-search-chips,
  .updates-filter-buttons{
    grid-template-columns:1fr !important;
  }
}

/* v107: critical CMS hardening for controls, wrapping and mobile polish. */
.tools-hero-signals > *,
.guide-hero-proof > *,
.updates-metrics-grid > *,
.tools-prompt-dock > *,
.guide-search-chips > *,
.updates-filter-buttons > *,
.tools-intent-rail > *,
.guide-decision-lanes > *,
.updates-control-panel > *{
  min-width:0 !important;
}

.tools-prompt-dock button,
.guide-search-chips button,
.updates-filter-buttons button{
  appearance:none !important;
  -webkit-appearance:none !important;
  font:inherit !important;
  touch-action:manipulation !important;
  user-select:none !important;
}

.tools-prompt-dock button.active,
.tools-prompt-dock button[aria-pressed="true"],
.guide-search-chips button.active,
.guide-search-chips button[aria-pressed="true"]{
  border-color:rgba(var(--cz-glow-rgb),.50) !important;
  color:#fff !important;
  background:
    radial-gradient(240px 120px at 50% 0%, rgba(var(--cz-glow-rgb),.24), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.045)),
    rgba(var(--cz-glow-rgb),.12) !important;
  box-shadow:0 18px 54px rgba(var(--cz-glow-rgb),.18), inset 0 1px 0 rgba(255,255,255,.16) !important;
}

.tools-prompt-dock button:focus-visible,
.guide-search-chips button:focus-visible,
.updates-filter-buttons button:focus-visible,
.tools-intent-rail article:focus-within,
.guide-decision-lanes a:focus-visible,
.updates-control-panel button:focus-visible{
  outline:2px solid rgba(var(--cz-glow-rgb),.76) !important;
  outline-offset:3px !important;
  box-shadow:0 0 0 6px rgba(var(--cz-glow-rgb),.12), 0 18px 54px rgba(var(--cz-glow-rgb),.18) !important;
}

.tools-hero-signals small,
.guide-hero-proof small,
.updates-metrics-grid span,
.tools-prompt-dock button b,
.tools-prompt-dock button span,
.guide-search-chips button,
.updates-filter-buttons button,
.tools-intent-rail article strong,
.tools-intent-rail article p,
.guide-decision-lanes a strong,
.guide-decision-lanes a em,
.updates-control-panel h2,
.updates-control-panel p,
.updates-filter-status{
  overflow-wrap:anywhere !important;
  text-wrap:balance !important;
}

.updates-metrics-grid article,
.tools-intent-rail article,
.guide-decision-lanes a{
  align-content:start !important;
}

.updates-control-panel{
  overflow:hidden !important;
}

.updates-filter-status{
  justify-self:end !important;
  line-height:1.2 !important;
}

@media (max-width: 720px){
  .tools-hero-signals span,
  .guide-hero-proof span,
  .updates-metrics-grid article{
    min-height:74px !important;
  }

  .updates-filter-status{
    justify-self:center !important;
  }

  .tools-intent-rail article,
  .guide-decision-lanes a{
    min-height:0 !important;
  }
}

/* v108: minimal tech CMS pass. Keep function, remove stat-card noise. */
.tools-hero-signals,
.guide-hero-proof,
.updates-metrics-grid,
.updates-release-strip,
.updates-quality-board,
.tools-intent-rail,
.guide-decision-lanes,
.tools-trust-row{
  display:none !important;
}

.tools-shell,
.guide-hub-shell,
.updates-shell{
  width:min(1240px, calc(100% - clamp(18px, 4vw, 56px))) !important;
}

.tools-page .tools-hero,
.guides-page .guide-hub-hero,
.guide-hub-page .guide-hub-hero,
body:has(.updates-canvas) .updates-hero-v2{
  border-radius:22px !important;
  border-color:rgba(var(--cz-glow-rgb),.18) !important;
  background:
    radial-gradient(720px 260px at 50% -8%, rgba(var(--cz-glow-rgb),.16), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.060), rgba(255,255,255,.018)),
    rgba(7,12,24,.46) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 18px 46px rgba(0,0,0,.20) !important;
  backdrop-filter:blur(14px) saturate(1.08) !important;
  -webkit-backdrop-filter:blur(14px) saturate(1.08) !important;
}

.tools-page .tools-hero::before,
.guides-page .guide-hub-hero::before,
.guide-hub-page .guide-hub-hero::before,
body:has(.updates-canvas) .updates-hero-v2::before{
  opacity:.44 !important;
  background-size:84px 84px !important;
}

.tools-title,
.guide-hub-hero h1,
.updates-title{
  max-width:920px !important;
  font-size:clamp(42px, 7vw, 86px) !important;
  line-height:.98 !important;
  text-shadow:0 0 32px rgba(var(--cz-glow-rgb),.18) !important;
}

.tools-sub,
.guide-hub-hero p,
.updates-sub{
  max-width:760px !important;
  margin-inline:auto !important;
  color:rgba(255,255,255,.74) !important;
  font-size:clamp(15px, 1.4vw, 18px) !important;
  line-height:1.58 !important;
}

.tools-page .tools-hero,
.guides-page .guide-hub-hero,
.guide-hub-page .guide-hub-hero,
body:has(.updates-canvas) .updates-hero-v2{
  padding:clamp(30px, 5vw, 58px) clamp(16px, 4vw, 46px) !important;
}

.tools-prompt-dock,
.guide-search-chips{
  width:min(720px, 100%) !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:8px !important;
}

.tools-prompt-dock button,
.guide-search-chips button,
.updates-filter-buttons button{
  min-height:42px !important;
  border-radius:999px !important;
  border-color:rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.045) !important;
  box-shadow:none !important;
  color:rgba(255,255,255,.78) !important;
}

.tools-prompt-dock button b{
  font-size:13px !important;
}

.tools-prompt-dock button span{
  display:none !important;
}

.tools-prompt-dock button:hover,
.tools-prompt-dock button.active,
.tools-prompt-dock button[aria-pressed="true"],
.guide-search-chips button:hover,
.guide-search-chips button.active,
.guide-search-chips button[aria-pressed="true"],
.updates-filter-buttons button:hover,
.updates-filter-buttons button.active,
.updates-filter-buttons button[aria-pressed="true"]{
  border-color:rgba(var(--cz-glow-rgb),.36) !important;
  background:rgba(var(--cz-glow-rgb),.12) !important;
  color:#fff !important;
  box-shadow:0 0 0 1px rgba(var(--cz-glow-rgb),.08) inset !important;
}

.tools-page .tools-route-grid,
.guide-route-panel{
  margin-top:18px !important;
  gap:10px !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
}

.tools-page .tools-route-grid a,
.guide-route-panel a{
  min-height:106px !important;
  border-radius:16px !important;
  padding:16px !important;
  text-align:center !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
    rgba(7,12,24,.36) !important;
  box-shadow:none !important;
}

.tools-page .tools-route-grid a::before{
  display:none !important;
}

.tools-page .tools-route-grid a b,
.guide-route-panel a b{
  max-width:none !important;
  font-size:15px !important;
  line-height:1.18 !important;
}

.tools-page .tools-route-grid a span,
.guide-route-panel a span{
  max-width:100% !important;
  margin-top:7px !important;
  font-size:12.5px !important;
  line-height:1.42 !important;
}

.tools-page .tools-route-grid a em{
  margin-top:10px !important;
  padding-top:0 !important;
  font-size:11.5px !important;
}

.tools-page .tools-search .search,
.guide-search-control .search,
.guide-search-panel .search{
  border-radius:16px !important;
  min-height:52px !important;
}

.tools-search-meta,
.guide-search-status{
  border-radius:999px !important;
  background:rgba(255,255,255,.045) !important;
  color:rgba(255,255,255,.72) !important;
  border-color:rgba(255,255,255,.10) !important;
}

.tools-page .tool-section,
.guide-category-band,
.updates-box{
  border-radius:22px !important;
  border-color:rgba(var(--cz-glow-rgb),.16) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.050), rgba(255,255,255,.016)),
    rgba(7,12,24,.34) !important;
  box-shadow:0 14px 40px rgba(0,0,0,.14) !important;
}

.tools-page .tool-sections .card.tool-card-enhanced,
.guide-hub-card,
.release-lab-grid .release-card{
  border-radius:18px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.014)),
    rgba(7,12,24,.34) !important;
  box-shadow:none !important;
}

.updates-control-panel{
  grid-template-columns:minmax(0, 1fr) minmax(0, 1.2fr) auto !important;
  border-radius:18px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.048), rgba(255,255,255,.014)),
    rgba(7,12,24,.34) !important;
  box-shadow:none !important;
}

.updates-filter-status{
  background:rgba(255,255,255,.045) !important;
  color:rgba(255,255,255,.72) !important;
  border-color:rgba(255,255,255,.10) !important;
}

@media (max-width: 980px){
  .tools-page .tools-route-grid,
  .guide-route-panel{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .updates-control-panel{
    grid-template-columns:1fr !important;
  }
}

@media (max-width: 640px){
  .tools-prompt-dock,
  .guide-search-chips,
  .tools-page .tools-route-grid,
  .guide-route-panel,
  .updates-filter-buttons{
    grid-template-columns:1fr !important;
  }

  .tools-title,
  .guide-hub-hero h1,
  .updates-title{
    font-size:clamp(36px, 11vw, 58px) !important;
  }
}

/* v111: restore Home route cards and request CTA as premium glass after rollback. */
.home-workdesk > .route-final-strip,
.home-workdesk > .request-mega-cta{
  width:min(1180px, calc(100% - 28px)) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.home-workdesk > .route-final-strip{
  margin-top:clamp(24px, 4vw, 46px) !important;
  display:grid !important;
  grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
  gap:12px !important;
  padding:12px !important;
  border:1px solid rgba(var(--accent-rgb,34,211,238),.24) !important;
  border-radius:30px !important;
  background:
    radial-gradient(680px 240px at 50% 0%, rgba(var(--accent-rgb,34,211,238),.16), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.060), rgba(255,255,255,.020)),
    rgba(3,8,18,.58) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.11),
    0 26px 82px rgba(0,0,0,.28),
    0 0 58px rgba(var(--accent-rgb,34,211,238),.12) !important;
  backdrop-filter:blur(20px) saturate(1.16) !important;
  -webkit-backdrop-filter:blur(20px) saturate(1.16) !important;
}

.home-workdesk > .route-final-strip article{
  min-height:172px !important;
  border:1px solid rgba(var(--accent-rgb,34,211,238),.18) !important;
  border-radius:22px !important;
  padding:18px !important;
  text-align:left !important;
  background:
    radial-gradient(260px 130px at 18% 0%, rgba(var(--accent-rgb,34,211,238),.13), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.020)),
    rgba(255,255,255,.032) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.home-workdesk > .route-final-strip article:hover{
  transform:translateY(-4px) !important;
  border-color:rgba(var(--accent-rgb,34,211,238),.42) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.13),
    0 22px 58px rgba(0,0,0,.26),
    0 0 34px rgba(var(--accent-rgb,34,211,238),.13) !important;
}

.home-workdesk > .route-final-strip span{
  color:rgb(var(--accent-rgb,34,211,238)) !important;
  text-shadow:0 0 18px rgba(var(--accent-rgb,34,211,238),.42) !important;
}

.home-workdesk > .route-final-strip strong{
  color:#fff !important;
  font-size:clamp(16px, 1.25vw, 20px) !important;
}

.home-workdesk > .route-final-strip p{
  color:rgba(236,244,255,.66) !important;
  line-height:1.48 !important;
}

.home-workdesk > .request-mega-cta{
  margin-top:14px !important;
  margin-bottom:clamp(28px, 5vw, 70px) !important;
  min-height:230px !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto !important;
  align-items:center !important;
  gap:20px !important;
  padding:clamp(24px, 4vw, 46px) !important;
  border:1px solid rgba(var(--accent-rgb,34,211,238),.30) !important;
  border-radius:32px !important;
  background:
    radial-gradient(740px 280px at 28% 0%, rgba(var(--accent-rgb,34,211,238),.22), transparent 72%),
    radial-gradient(420px 230px at 92% 25%, rgba(255,170,38,.12), transparent 74%),
    linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.026)),
    rgba(3,8,18,.66) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 30px 96px rgba(0,0,0,.34),
    0 0 76px rgba(var(--accent-rgb,34,211,238),.16) !important;
  backdrop-filter:blur(22px) saturate(1.18) !important;
  -webkit-backdrop-filter:blur(22px) saturate(1.18) !important;
}

.home-workdesk > .request-mega-cta::before{
  opacity:.82 !important;
  background:
    linear-gradient(rgba(var(--accent-rgb,34,211,238),.075) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--accent-rgb,34,211,238),.060) 1px, transparent 1px) !important;
  background-size:62px 62px !important;
}

.home-workdesk > .request-mega-cta h2{
  max-width:800px !important;
  color:#fff !important;
  font-size:clamp(32px, 4.6vw, 64px) !important;
  line-height:1 !important;
  text-wrap:balance !important;
  text-shadow:0 0 42px rgba(var(--accent-rgb,34,211,238),.22) !important;
}

.home-workdesk > .request-mega-cta p:not(.guide-kicker){
  max-width:720px !important;
  color:rgba(239,246,255,.72) !important;
  line-height:1.62 !important;
}

.home-workdesk > .request-mega-cta .btn{
  min-width:190px !important;
  min-height:54px !important;
  border-radius:16px !important;
  color:#061018 !important;
  border-color:rgba(255,255,255,.32) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.26), rgba(255,255,255,.07)),
    rgb(var(--accent-rgb,34,211,238)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    0 20px 60px rgba(0,0,0,.30),
    0 0 42px rgba(var(--accent-rgb,34,211,238),.34) !important;
}

@media (max-width: 980px){
  .home-workdesk > .route-final-strip{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .home-workdesk > .request-mega-cta{
    grid-template-columns:1fr !important;
    text-align:center !important;
  }

  .home-workdesk > .request-mega-cta p:not(.guide-kicker),
  .home-workdesk > .request-mega-cta h2{
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

@media (max-width: 620px){
  .home-workdesk > .route-final-strip{
    width:min(100% - 18px, 1180px) !important;
    grid-template-columns:1fr !important;
    border-radius:24px !important;
  }

  .home-workdesk > .route-final-strip article{
    min-height:0 !important;
  }

  .home-workdesk > .request-mega-cta{
    width:min(100% - 18px, 1180px) !important;
    min-height:0 !important;
    border-radius:24px !important;
    padding:20px !important;
  }

  .home-workdesk > .request-mega-cta .btn{
    width:100% !important;
  }
}

/* v112: premium tech depth layer for CMS cards, panels and tool surfaces. */
:root{
  --cz-premium-card:rgba(7,13,28,.66);
  --cz-premium-card-strong:rgba(5,10,24,.78);
  --cz-premium-line:rgba(var(--accent-rgb,34,211,238),.28);
  --cz-premium-line-strong:rgba(var(--accent-rgb,34,211,238),.54);
  --cz-premium-glow:rgba(var(--accent-rgb,34,211,238),.18);
  --cz-premium-secondary:rgba(var(--accent-rgb,34,211,238),.10);
}

.authority-picker,
.authority-split,
.friendly-tools-section,
.tools-page .tool-section,
.guide-category-band,
.updates-box,
.contact-form-card,
.contact-support-panel article,
body.cms-tool-body .cms-tool-panel,
body.cms-tool-body .cms-tool-app,
body.cms-tool-body .cms-result-card,
body.cms-tool-body .cms-related-box,
body.cms-tool-body .cms-info-card,
body.cms-tool-body .cms-ops-strip article{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid var(--cz-premium-line) !important;
  background:
    radial-gradient(740px 300px at 18% 0%, rgba(var(--accent-rgb,34,211,238),.18), transparent 72%),
    radial-gradient(460px 230px at 96% 12%, var(--cz-premium-secondary), transparent 76%),
    linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.022)),
    var(--cz-premium-card) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -1px 0 rgba(var(--accent-rgb,34,211,238),.10),
    0 24px 78px rgba(0,0,0,.30),
    0 0 64px var(--cz-premium-glow) !important;
  backdrop-filter:blur(22px) saturate(1.18) !important;
  -webkit-backdrop-filter:blur(22px) saturate(1.18) !important;
}

.authority-picker::after,
.authority-split::after,
.friendly-tools-section::after,
.tools-page .tool-section::after,
.guide-category-band::after,
.updates-box::after,
.contact-form-card::after,
body.cms-tool-body .cms-tool-panel::after,
body.cms-tool-body .cms-tool-app::after,
body.cms-tool-body .cms-result-card::after,
body.cms-tool-body .cms-related-box::after,
body.cms-tool-body .cms-info-card::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  border-radius:inherit !important;
  background:
    linear-gradient(90deg, transparent, rgba(var(--accent-rgb,34,211,238),.46), rgba(var(--accent-rgb,34,211,238),.18), transparent),
    linear-gradient(rgba(var(--accent-rgb,34,211,238),.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--accent-rgb,34,211,238),.035) 1px, transparent 1px) !important;
  background-size:100% 1px, 58px 58px, 58px 58px !important;
  background-repeat:no-repeat, repeat, repeat !important;
  opacity:.72 !important;
  mask-image:linear-gradient(180deg, #000 0%, #000 58%, transparent 100%) !important;
}

.authority-picker > *,
.authority-split > *,
.friendly-tools-section > *,
.tools-page .tool-section > *,
.guide-category-band > *,
.updates-box > *,
.contact-form-card > *,
body.cms-tool-body .cms-tool-panel > *,
body.cms-tool-body .cms-tool-app > *,
body.cms-tool-body .cms-result-card > *,
body.cms-tool-body .cms-related-box > *,
body.cms-tool-body .cms-info-card > *{
  position:relative !important;
  z-index:1 !important;
}

.authority-card,
.pick-card,
.goal-card,
.pillar-grid a,
.quick-job-grid a,
.desk-tool-card,
.pipeline-grid a,
.growth-grid article,
.package-grid article,
.platform-metrics article,
.tools-page .tools-route-grid a,
.tools-page .card.tool-card-enhanced,
.guide-route-panel a,
.guide-hub-card,
.release-lab-grid .release-card,
.updates-quality-board article,
.updates-release-strip article,
.contact-next-links a,
body.cms-tool-body .cms-related-links a,
body.cms-tool-body .cms-query-chips span,
body.cms-tool-body .cms-metrics .cms-stat,
.hero-assurance-row a{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid rgba(var(--accent-rgb,34,211,238),.25) !important;
  background:
    radial-gradient(300px 150px at 18% 0%, rgba(var(--accent-rgb,34,211,238),.18), transparent 72%),
    radial-gradient(260px 140px at 92% 8%, rgba(var(--accent-rgb,34,211,238),.10), transparent 74%),
    linear-gradient(180deg, rgba(255,255,255,.080), rgba(255,255,255,.020)),
    rgba(9,16,34,.58) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 18px 52px rgba(0,0,0,.23),
    0 0 32px rgba(var(--accent-rgb,34,211,238),.10) !important;
  backdrop-filter:blur(16px) saturate(1.12) !important;
  -webkit-backdrop-filter:blur(16px) saturate(1.12) !important;
}

.authority-card::after,
.pick-card::after,
.goal-card::after,
.pillar-grid a::after,
.quick-job-grid a::after,
.desk-tool-card::after,
.pipeline-grid a::after,
.growth-grid article::after,
.package-grid article::after,
.tools-page .tools-route-grid a::after,
.tools-page .card.tool-card-enhanced::after,
.guide-route-panel a::after,
.guide-hub-card::after,
.release-lab-grid .release-card::after,
.contact-next-links a::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  border-radius:inherit !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.14), transparent 34%),
    linear-gradient(90deg, rgba(var(--accent-rgb,34,211,238),.55), transparent 38%) !important;
  opacity:.24 !important;
  mask-image:linear-gradient(180deg, #000 0%, transparent 44%) !important;
  transition:opacity .22s ease, transform .22s ease !important;
}

.authority-card > *,
.pick-card > *,
.goal-card > *,
.pillar-grid a > *,
.quick-job-grid a > *,
.desk-tool-card > *,
.pipeline-grid a > *,
.growth-grid article > *,
.package-grid article > *,
.tools-page .tools-route-grid a > *,
.tools-page .card.tool-card-enhanced > *,
.guide-route-panel a > *,
.guide-hub-card > *,
.release-lab-grid .release-card > *,
.contact-next-links a > *{
  position:relative !important;
  z-index:1 !important;
}

@media (hover:hover) and (pointer:fine){
  .authority-card,
  .pick-card,
  .goal-card,
  .pillar-grid a,
  .quick-job-grid a,
  .desk-tool-card,
  .pipeline-grid a,
  .growth-grid article,
  .package-grid article,
  .tools-page .tools-route-grid a,
  .tools-page .card.tool-card-enhanced,
  .guide-route-panel a,
  .guide-hub-card,
  .release-lab-grid .release-card,
  .contact-next-links a,
  body.cms-tool-body .cms-related-links a{
    transition:transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease !important;
  }

  .authority-card:hover,
  .pick-card:hover,
  .goal-card:hover,
  .pillar-grid a:hover,
  .quick-job-grid a:hover,
  .desk-tool-card:hover,
  .pipeline-grid a:hover,
  .growth-grid article:hover,
  .package-grid article:hover,
  .tools-page .tools-route-grid a:hover,
  .tools-page .card.tool-card-enhanced:hover,
  .guide-route-panel a:hover,
  .guide-hub-card:hover,
  .release-lab-grid .release-card:hover,
  .contact-next-links a:hover,
  body.cms-tool-body .cms-related-links a:hover{
    transform:translateY(-5px) !important;
    border-color:var(--cz-premium-line-strong) !important;
    background:
      radial-gradient(360px 170px at 18% 0%, rgba(var(--accent-rgb,34,211,238),.26), transparent 74%),
      radial-gradient(280px 150px at 92% 8%, rgba(var(--accent-rgb,34,211,238),.16), transparent 74%),
      linear-gradient(180deg, rgba(255,255,255,.110), rgba(255,255,255,.030)),
      rgba(10,18,38,.72) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.18),
      0 26px 76px rgba(0,0,0,.32),
      0 0 54px rgba(var(--accent-rgb,34,211,238),.20) !important;
  }

  .authority-card:hover::after,
  .pick-card:hover::after,
  .goal-card:hover::after,
  .pillar-grid a:hover::after,
  .quick-job-grid a:hover::after,
  .desk-tool-card:hover::after,
  .pipeline-grid a:hover::after,
  .growth-grid article:hover::after,
  .package-grid article:hover::after,
  .tools-page .tools-route-grid a:hover::after,
  .tools-page .card.tool-card-enhanced:hover::after,
  .guide-route-panel a:hover::after,
  .guide-hub-card:hover::after,
  .release-lab-grid .release-card:hover::after,
  .contact-next-links a:hover::after{
    opacity:.54 !important;
    transform:translateX(2%) !important;
  }
}

.authority-card-head span,
.pick-icon,
.card-ico,
.section-ico,
.guide-ico,
.guide-category-icon,
.release-version,
.tools-page .tool-sections .card.tool-card-enhanced .card-ico,
.console-dot,
.dot,
.time-chip{
  border:1px solid rgba(var(--accent-rgb,34,211,238),.38) !important;
  background:
    radial-gradient(circle at 32% 24%, rgba(255,255,255,.86), transparent 22%),
    linear-gradient(135deg, color-mix(in srgb, rgb(var(--accent-rgb,34,211,238)) 76%, white 24%), rgb(var(--accent-rgb,34,211,238))) !important;
  color:#061018 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.42),
    0 0 28px rgba(var(--accent-rgb,34,211,238),.40),
    0 0 64px rgba(var(--accent-rgb,34,211,238),.16) !important;
}

.tool-mini-features span,
.guide-card-meta span,
.release-tags span,
.cms-query-chips span,
.cms-pill,
.cz-pill,
.chip,
.tools-search-meta,
.guide-search-status,
.updates-filter-status{
  border:1px solid rgba(var(--accent-rgb,34,211,238),.20) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.022)),
    rgba(var(--accent-rgb,34,211,238),.075) !important;
  color:rgba(245,251,255,.84) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09), 0 0 20px rgba(var(--accent-rgb,34,211,238),.075) !important;
}

.authority-card h3,
.pick-title,
.guide-hub-card h2,
.guide-hub-card h3,
.release-card h3,
.tools-page .card.tool-card-enhanced h3,
body.cms-tool-body .cms-result-card h3,
body.cms-tool-body .cms-info-card h2,
body.cms-tool-body .cms-related-box h3{
  color:#fff !important;
  text-shadow:0 0 24px rgba(var(--accent-rgb,34,211,238),.16) !important;
}

.authority-card p,
.pick-desc,
.guide-hub-card p,
.release-card p,
.tools-page .card.tool-card-enhanced p,
body.cms-tool-body .cms-info-card p,
body.cms-tool-body .cms-related-box p,
body.cms-tool-body .cms-ops-strip p{
  color:rgba(236,245,255,.72) !important;
}

.btn,
.cz-btn,
.tool-cta,
.guide-cta,
.pick-cta,
.contact-form-actions .btn{
  border-radius:15px !important;
  border-color:rgba(var(--accent-rgb,34,211,238),.26) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.095), rgba(255,255,255,.026)),
    rgba(7,14,28,.62) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.11),
    0 12px 32px rgba(0,0,0,.20),
    0 0 24px rgba(var(--accent-rgb,34,211,238),.08) !important;
}

.btn.btn-accent,
.btn.primary,
.cz-btn.primary,
.request-mega-cta .btn,
.home-workdesk > .request-mega-cta .btn{
  border-color:rgba(255,255,255,.30) !important;
  color:#061018 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,.08)),
    linear-gradient(135deg, color-mix(in srgb, rgb(var(--accent-rgb,34,211,238)) 72%, white 28%), rgb(var(--accent-rgb,34,211,238))) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.30),
    0 18px 54px rgba(0,0,0,.28),
    0 0 46px rgba(var(--accent-rgb,34,211,238),.34) !important;
}

body.cms-tool-body .cms-output,
body.cms-tool-body textarea,
body.cms-tool-body input,
.contact-form-card input,
.contact-form-card select,
.contact-form-card textarea,
.tools-page .tools-search .search,
.guide-search-control .search,
.guide-search-panel .search{
  border-color:rgba(var(--accent-rgb,34,211,238),.26) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.050), rgba(255,255,255,.014)),
    rgba(3,8,18,.70) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 0 28px rgba(var(--accent-rgb,34,211,238),.08) !important;
}

body.cms-tool-body .cms-output:focus-within,
body.cms-tool-body textarea:focus,
body.cms-tool-body input:focus,
.contact-form-card input:focus,
.contact-form-card select:focus,
.contact-form-card textarea:focus,
.tools-page .tools-search .search:focus,
.guide-search-control .search:focus,
.guide-search-panel .search:focus{
  border-color:rgba(var(--accent-rgb,34,211,238),.58) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 0 0 4px rgba(var(--accent-rgb,34,211,238),.13),
    0 0 42px rgba(var(--accent-rgb,34,211,238),.16) !important;
}

@media (max-width: 760px){
  .authority-picker,
  .authority-split,
  .friendly-tools-section,
  .tools-page .tool-section,
  .guide-category-band,
  .updates-box,
  .contact-form-card,
  body.cms-tool-body .cms-tool-panel,
  body.cms-tool-body .cms-tool-app,
  body.cms-tool-body .cms-result-card,
  body.cms-tool-body .cms-related-box,
  body.cms-tool-body .cms-info-card{
    border-radius:22px !important;
  }

  .authority-card,
  .pick-card,
  .goal-card,
  .tools-page .card.tool-card-enhanced,
  .guide-hub-card,
  .release-lab-grid .release-card{
    border-radius:18px !important;
  }
}

/* v113: lock premium depth on high-specificity tool and update cards. */
body.tools-page .tool-sections .card.tool-card-enhanced,
body.tools-page .tool-section .card.tool-card-enhanced,
body:has(.tools-hero) .tool-sections .card.tool-card-enhanced,
body:has(.updates-canvas) .updates-grid.release-lab-grid .release-card,
body:has(.updates-canvas) .release-lab-grid .release-card,
.updates-shell .updates-grid.release-lab-grid .release-card{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid rgba(var(--accent-rgb,34,211,238),.30) !important;
  background:
    radial-gradient(360px 170px at 18% 0%, rgba(var(--accent-rgb,34,211,238),.22), transparent 74%),
    radial-gradient(290px 150px at 94% 10%, rgba(var(--accent-rgb,34,211,238),.14), transparent 74%),
    linear-gradient(180deg, rgba(255,255,255,.095), rgba(255,255,255,.024)),
    rgba(9,16,34,.66) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 22px 64px rgba(0,0,0,.28),
    0 0 44px rgba(var(--accent-rgb,34,211,238),.16) !important;
  backdrop-filter:blur(16px) saturate(1.14) !important;
  -webkit-backdrop-filter:blur(16px) saturate(1.14) !important;
}

body.tools-page .tool-sections .card.tool-card-enhanced::after,
body.tools-page .tool-section .card.tool-card-enhanced::after,
body:has(.tools-hero) .tool-sections .card.tool-card-enhanced::after,
body:has(.updates-canvas) .updates-grid.release-lab-grid .release-card::after,
body:has(.updates-canvas) .release-lab-grid .release-card::after,
.updates-shell .updates-grid.release-lab-grid .release-card::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  border-radius:inherit !important;
  pointer-events:none !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.15), transparent 34%),
    linear-gradient(90deg, rgba(var(--accent-rgb,34,211,238),.55), transparent 42%) !important;
  opacity:.28 !important;
  mask-image:linear-gradient(180deg, #000 0%, transparent 48%) !important;
}

body.tools-page .tool-sections .card.tool-card-enhanced > *,
body.tools-page .tool-section .card.tool-card-enhanced > *,
body:has(.tools-hero) .tool-sections .card.tool-card-enhanced > *,
body:has(.updates-canvas) .updates-grid.release-lab-grid .release-card > *,
body:has(.updates-canvas) .release-lab-grid .release-card > *,
.updates-shell .updates-grid.release-lab-grid .release-card > *{
  position:relative !important;
  z-index:1 !important;
}

@media (hover:hover) and (pointer:fine){
  body.tools-page .tool-sections .card.tool-card-enhanced:hover,
  body.tools-page .tool-section .card.tool-card-enhanced:hover,
  body:has(.tools-hero) .tool-sections .card.tool-card-enhanced:hover,
  body:has(.updates-canvas) .updates-grid.release-lab-grid .release-card:hover,
  body:has(.updates-canvas) .release-lab-grid .release-card:hover,
  .updates-shell .updates-grid.release-lab-grid .release-card:hover{
    transform:translateY(-5px) !important;
    border-color:rgba(var(--accent-rgb,34,211,238),.58) !important;
    background:
      radial-gradient(400px 190px at 18% 0%, rgba(var(--accent-rgb,34,211,238),.30), transparent 74%),
      radial-gradient(310px 160px at 94% 10%, rgba(var(--accent-rgb,34,211,238),.18), transparent 74%),
      linear-gradient(180deg, rgba(255,255,255,.120), rgba(255,255,255,.032)),
      rgba(10,18,38,.78) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.18),
      0 28px 82px rgba(0,0,0,.34),
      0 0 62px rgba(var(--accent-rgb,34,211,238),.23) !important;
  }
}

/* v115: final premium lock for generated tool apps and result cards. */
body.cms-tool-body .cms-tool-app.cms-box-action,
body.cms-tool-body .cms-tool-app.cms-box-action.cms-reveal,
body.cms-tool-body .cms-result-card.cms-box-action,
body.cms-tool-body .cms-result-card.cms-box-action.cms-reveal,
body.cms-tool-body .cms-result-card.cms-box-action.has-output{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid rgba(var(--accent-rgb,34,211,238),.30) !important;
  background:
    radial-gradient(520px 250px at 16% 0%, rgba(var(--accent-rgb,34,211,238),.20), transparent 72%),
    radial-gradient(380px 190px at 96% 12%, rgba(var(--accent-rgb,34,211,238),.13), transparent 74%),
    linear-gradient(180deg, rgba(255,255,255,.090), rgba(255,255,255,.022)),
    rgba(7,13,28,.68) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 24px 72px rgba(0,0,0,.30),
    0 0 52px rgba(var(--accent-rgb,34,211,238),.15) !important;
  backdrop-filter:blur(18px) saturate(1.14) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.14) !important;
}

body.cms-tool-body .cms-tool-app.cms-box-action::after,
body.cms-tool-body .cms-result-card.cms-box-action::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  border-radius:inherit !important;
  pointer-events:none !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.16), transparent 36%),
    linear-gradient(90deg, rgba(var(--accent-rgb,34,211,238),.50), transparent 44%) !important;
  opacity:.24 !important;
  mask-image:linear-gradient(180deg, #000 0%, transparent 52%) !important;
}

body.cms-tool-body .cms-tool-app.cms-box-action > *,
body.cms-tool-body .cms-result-card.cms-box-action > *{
  position:relative !important;
  z-index:1 !important;
}

/* v118: absolute end-of-file visual lock for premium neon glass. */
:root{
  --cz-glow-rgb:var(--accent-rgb,56,232,255);
  --cz-accent-bright:color-mix(in srgb, rgb(var(--cz-glow-rgb)) 68%, white 32%);
  --cz-accent-ultra:color-mix(in srgb, rgb(var(--cz-glow-rgb)) 50%, white 50%);
}

body.bigtext,
body{
  background:
    radial-gradient(1180px 780px at 50% -8%, rgba(var(--cz-glow-rgb),.48), transparent 68%),
    radial-gradient(860px 620px at 8% 30%, rgba(var(--cz-glow-rgb),.25), transparent 74%),
    radial-gradient(900px 660px at 92% 34%, rgba(var(--cz-glow-rgb),.20), transparent 76%),
    linear-gradient(180deg, color-mix(in srgb, rgb(var(--cz-glow-rgb)) 17%, #070a14 83%) 0%, #090d1b 46%, #05070d 100%) !important;
}

body::before{
  content:"" !important;
  position:fixed !important;
  inset:-48% !important;
  z-index:0 !important;
  pointer-events:none !important;
  opacity:1 !important;
  background:
    radial-gradient(820px 520px at var(--cz-mx, 50%) var(--cz-my, 24%), rgba(var(--cz-glow-rgb),.38), transparent 58%),
    radial-gradient(1320px 780px at 8% 4%, rgba(var(--cz-glow-rgb),.18), transparent 64%),
    radial-gradient(1240px 760px at 94% 10%, rgba(var(--cz-glow-rgb),.15), transparent 66%),
    radial-gradient(1500px 960px at 50% 106%, rgba(var(--cz-glow-rgb),.12), transparent 72%) !important;
  filter:blur(54px) saturate(1.18) !important;
}

body::after{
  content:"" !important;
  position:fixed !important;
  inset:-24% !important;
  z-index:0 !important;
  pointer-events:none !important;
  opacity:.92 !important;
  background:
    linear-gradient(rgba(var(--cz-glow-rgb),.080) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--cz-glow-rgb),.068) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px),
    radial-gradient(circle at var(--cz-mx, 50%) var(--cz-my, 24%), rgba(var(--cz-glow-rgb),.18), transparent 22%) !important;
  background-size:74px 74px, 74px 74px, 18px 18px, 18px 18px, auto !important;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.96), rgba(0,0,0,.86) 58%, transparent 100%) !important;
}

.cz-neon-grid,
body.page-guide .cz-neon-grid,
body.guides-page .cz-neon-grid{
  position:fixed !important;
  inset:0 !important;
  z-index:0 !important;
  display:block !important;
  pointer-events:none !important;
  opacity:.70 !important;
  background:
    linear-gradient(rgba(var(--cz-glow-rgb),.075) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--cz-glow-rgb),.062) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.020) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.017) 1px, transparent 1px) !important;
  background-size:74px 74px, 74px 74px, 18px 18px, 18px 18px !important;
  mix-blend-mode:screen !important;
  mask-image:radial-gradient(ellipse at 50% 18%, #000 0%, rgba(0,0,0,.72) 48%, transparent 88%) !important;
}

.platform-main,
.platform-console,
.package-grid article,
.quick-job-grid a,
.desk-tool-card,
.pipeline-grid a,
.growth-grid article,
.workbench-list,
.pillar-grid a,
.route-final-strip article,
.request-mega-cta,
.tools-hero,
.tool-section,
.tools-route-grid a,
.card.tool-card-enhanced,
.guide-hub-hero,
.guide-hub-card,
.guide-route-panel a,
.guide-category-band,
.updates-hero-v2,
.updates-release-strip article,
.updates-quality-board article,
.release-card,
.contact-hero,
.contact-form-card,
.contact-support-panel article,
.contact-next-links a,
body.cms-tool-body .cms-tool-panel,
body.cms-tool-body .cms-tool-app,
body.cms-tool-body .cms-result-card,
body.cms-tool-body .cms-info-card,
body.cms-tool-body .cms-related-box,
body.cms-tool-body .cms-ops-strip article{
  border-color:rgba(var(--cz-glow-rgb),.34) !important;
  background:
    radial-gradient(560px 270px at 16% 0%, rgba(var(--cz-glow-rgb),.20), transparent 72%),
    radial-gradient(420px 220px at 98% 0%, rgba(255,255,255,.070), transparent 74%),
    linear-gradient(180deg, rgba(255,255,255,.105), rgba(255,255,255,.030)),
    linear-gradient(180deg, rgba(3,7,17,.72), rgba(5,10,22,.58)),
    rgba(0,0,0,.24) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(var(--cz-glow-rgb),.12),
    0 24px 76px rgba(0,0,0,.36),
    0 0 52px rgba(var(--cz-glow-rgb),.17) !important;
  backdrop-filter:blur(18px) saturate(1.18) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.18) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-console{
  padding:14px !important;
  border:1px solid rgba(var(--cz-glow-rgb),.30) !important;
  border-radius:26px 26px 0 0 !important;
  background:
    radial-gradient(560px 260px at 50% 0%, rgba(var(--cz-glow-rgb),.18), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.090), rgba(255,255,255,.024)),
    rgba(2,7,17,.68) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 22px 68px rgba(0,0,0,.30),
    0 0 58px rgba(var(--cz-glow-rgb),.18) !important;
  backdrop-filter:blur(18px) saturate(1.18) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.18) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-input-row,
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row a,
.tools-page .chips,
.tools-page .tools-search .search,
.guide-search-control .search,
.guide-search-panel .search,
body.cms-tool-body .cms-output,
body.cms-tool-body textarea,
body.cms-tool-body input,
body.cms-tool-body select{
  border-color:rgba(var(--cz-glow-rgb),.38) !important;
  background:
    radial-gradient(360px 160px at 16% 0%, rgba(var(--cz-glow-rgb),.14), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.080), rgba(255,255,255,.020)),
    rgba(1,5,13,.76) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.11),
    0 16px 48px rgba(0,0,0,.30),
    0 0 38px rgba(var(--cz-glow-rgb),.14) !important;
}

.dot,
.logo-badge,
.section-ico,
.card-ico,
.pick-icon,
.tools-page .tool-sections .card.tool-card-enhanced .card-ico,
.authority-card-head span,
.console-dot,
.time-chip{
  border-color:rgba(var(--cz-glow-rgb),.42) !important;
  background:
    radial-gradient(circle at 32% 24%, rgba(255,255,255,.88), transparent 23%),
    linear-gradient(135deg, var(--cz-accent-ultra), rgb(var(--cz-glow-rgb))) !important;
  color:#061018 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.46),
    0 0 28px rgba(var(--cz-glow-rgb),.48),
    0 0 76px rgba(var(--cz-glow-rgb),.22) !important;
}

.btn.btn-accent,
.btn.primary,
.cz-btn.primary,
.request-mega-cta .btn,
.home-workdesk > .request-mega-cta .btn,
.tools-page .chip.active,
.tools-page .chip[aria-pressed="true"]{
  border-color:rgba(255,255,255,.38) !important;
  color:#061018 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,.10)),
    linear-gradient(135deg, var(--cz-accent-ultra), rgb(var(--cz-glow-rgb))) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    0 18px 54px rgba(0,0,0,.28),
    0 0 56px rgba(var(--cz-glow-rgb),.38) !important;
}

#colorMenu.menu,
.cz-theme-dropdown #colorMenu{
  border-color:rgba(var(--cz-glow-rgb),.34) !important;
  background:
    radial-gradient(420px 240px at 18% 0%, rgba(var(--cz-glow-rgb),.28), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.120), rgba(255,255,255,.040)),
    rgba(2,7,17,.94) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 30px 90px rgba(0,0,0,.62),
    0 0 70px rgba(var(--cz-glow-rgb),.22) !important;
}

#colorMenu .color-option,
.nav #colorMenu .color-option,
.m-menu .m-colors .color-option,
.m-colors .color-option,
.cz-theme-dropdown .cz-theme-option{
  border-radius:20px !important;
  border-color:rgba(255,255,255,.16) !important;
  background:
    radial-gradient(150px 80px at 18% 50%, color-mix(in srgb, var(--swatch, #38e8ff) 36%, transparent), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.095), rgba(255,255,255,.030)),
    rgba(0,0,0,.30) !important;
}

.color-swatch{
  border:1px solid rgba(255,255,255,.36) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.42),
    0 0 18px color-mix(in srgb, var(--swatch, #38e8ff) 68%, transparent),
    0 0 42px color-mix(in srgb, var(--swatch, #38e8ff) 34%, transparent) !important;
}

#colorMenu .color-option:hover,
#colorMenu .color-option.active,
.m-colors .color-option:hover,
.m-colors .color-option.active{
  border-color:color-mix(in srgb, var(--swatch, #38e8ff) 72%, rgba(255,255,255,.34)) !important;
  background:
    radial-gradient(170px 92px at 18% 50%, color-mix(in srgb, var(--swatch, #38e8ff) 52%, transparent), transparent 74%),
    linear-gradient(180deg, rgba(255,255,255,.155), rgba(255,255,255,.050)),
    rgba(0,0,0,.36) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 16px 40px rgba(0,0,0,.38),
    0 0 34px color-mix(in srgb, var(--swatch, #38e8ff) 44%, transparent) !important;
}

@media (max-width: 820px), (pointer: coarse){
  body::before{
    opacity:.78 !important;
    filter:blur(44px) saturate(1.08) !important;
  }

  body::after,
  .cz-neon-grid,
  body.page-guide .cz-neon-grid,
  body.guides-page .cz-neon-grid{
    opacity:.52 !important;
    background-size:86px 86px, 86px 86px, 24px 24px, 24px 24px, auto !important;
  }
}

/* v119: keep guide pages on the same visible square grid system. */
body.guides-page::after,
body.page-guide::after{
  content:"" !important;
  position:fixed !important;
  inset:-24% !important;
  z-index:0 !important;
  pointer-events:none !important;
  opacity:.88 !important;
  background:
    linear-gradient(rgba(var(--cz-glow-rgb),.080) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--cz-glow-rgb),.068) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px),
    radial-gradient(circle at var(--cz-mx, 50%) var(--cz-my, 24%), rgba(var(--cz-glow-rgb),.18), transparent 22%) !important;
  background-size:74px 74px, 74px 74px, 18px 18px, 18px 18px, auto !important;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.96), rgba(0,0,0,.86) 58%, transparent 100%) !important;
}

/* v120: photo-driven UX polish for hero, palette, home sections and cards. */
#colorMenu.menu,
.cz-theme-dropdown #colorMenu{
  position:fixed !important;
  top:calc(var(--navH, 76px) + 8px) !important;
  right:clamp(10px, 2.2vw, 32px) !important;
  left:auto !important;
  width:min(294px, calc(100vw - 20px)) !important;
  max-height:min(470px, calc(100vh - var(--navH, 76px) - 20px)) !important;
  padding:12px !important;
  border-radius:20px !important;
  transform-origin:top right !important;
  overflow:auto !important;
}

#colorMenu.menu.active{
  display:block !important;
  animation:paletteEnter .16s cubic-bezier(.2,.8,.2,1) both;
}

@keyframes paletteEnter{
  from{ opacity:0; transform:translate3d(0,-8px,0) scale(.98); }
  to{ opacity:1; transform:translate3d(0,0,0) scale(1); }
}

#colorMenu .menu-title{
  padding:2px 2px 10px !important;
  font-size:11px !important;
}

#colorMenu .menu-title::after{
  padding:5px 8px !important;
  font-size:9px !important;
}

#colorMenu .color-grid{
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:8px !important;
}

#colorMenu .color-option,
.nav #colorMenu .color-option,
.cz-theme-dropdown .cz-theme-option{
  height:46px !important;
  min-height:46px !important;
  grid-template-columns:28px minmax(0, 1fr) !important;
  gap:8px !important;
  padding:8px 9px !important;
  border-radius:15px !important;
}

#colorMenu .color-swatch{
  width:28px !important;
  height:28px !important;
}

#colorMenu .color-label{
  font-size:12px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2{
  padding-top:clamp(44px, 5.4vw, 82px) !important;
  padding-bottom:clamp(26px, 4vw, 58px) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy{
  max-width:1080px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy h1{
  max-width:min(980px, calc(100vw - 40px)) !important;
  font-size:clamp(48px, 6.1vw, 98px) !important;
  line-height:.96 !important;
  letter-spacing:0 !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-workdesk-sub{
  max-width:820px !important;
  font-size:clamp(15px, 1.25vw, 18px) !important;
  line-height:1.62 !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-direct-actions{
  margin:18px auto 16px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-console,
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row{
  width:min(920px, 100%) !important;
  max-width:920px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-console{
  padding:18px clamp(12px, 2vw, 22px) 16px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-console-head strong{
  font-size:clamp(28px, 3.2vw, 44px) !important;
  line-height:1.04 !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-input-row{
  width:min(680px, 100%) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row{
  gap:12px !important;
}

.home-workdesk > .section.container,
.home-workdesk > .route-final-strip,
.home-workdesk > .request-mega-cta{
  width:min(1240px, calc(100% - clamp(20px, 4vw, 56px))) !important;
}

.home-workdesk .friendly-tools-section,
.home-workdesk .authority-picker,
.home-workdesk .authority-split{
  border-radius:32px !important;
  margin-top:clamp(24px, 3.6vw, 46px) !important;
  padding:clamp(30px, 4vw, 54px) clamp(18px, 4vw, 46px) !important;
  overflow:hidden !important;
}

.home-workdesk .friendly-tools-section::before,
.home-workdesk .authority-picker::before,
.home-workdesk .authority-split::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(rgba(var(--cz-glow-rgb),.050) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--cz-glow-rgb),.040) 1px, transparent 1px),
    radial-gradient(520px 230px at 50% 0%, rgba(var(--cz-glow-rgb),.15), transparent 72%) !important;
  background-size:56px 56px, 56px 56px, auto !important;
  opacity:.72 !important;
}

.home-workdesk .friendly-tools-section > *,
.home-workdesk .authority-picker > *,
.home-workdesk .authority-split > *{
  position:relative !important;
  z-index:1 !important;
}

.friendly-section-intro,
.authority-head{
  max-width:860px !important;
  margin-inline:auto !important;
  text-align:center !important;
}

.friendly-section-intro h2,
.authority-head h2,
.authority-panel h2{
  text-transform:none !important;
  max-width:820px !important;
  margin-inline:auto !important;
  font-size:clamp(30px, 4.1vw, 58px) !important;
  line-height:1.03 !important;
  letter-spacing:0 !important;
  text-wrap:balance !important;
}

.friendly-section-intro p,
.authority-head > p:not(.guide-kicker),
.authority-panel p{
  max-width:690px !important;
  margin-inline:auto !important;
  font-size:clamp(14px, 1.15vw, 17px) !important;
  line-height:1.65 !important;
}

.picks-grid,
.authority-grid,
.authority-grid.authority-grid-3{
  display:grid !important;
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 250px), 1fr)) !important;
  gap:16px !important;
  align-items:stretch !important;
}

.picks-grid{
  margin-top:26px !important;
}

.pick-card,
.authority-card,
.guide-hub-card,
.card.tool-card-enhanced,
.tools-page .card.tool-card-enhanced,
.release-card{
  min-height:178px !important;
  padding:18px !important;
  border-radius:20px !important;
}

.pick-card,
.authority-card{
  display:grid !important;
  align-content:start !important;
  gap:12px !important;
}

.pick-head,
.authority-card-head{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  min-height:44px !important;
}

.pick-icon,
.authority-card-head span{
  flex:0 0 auto !important;
  width:38px !important;
  height:38px !important;
  display:inline-grid !important;
  place-items:center !important;
  border-radius:12px !important;
  font-size:10px !important;
}

.pick-title,
.authority-card h3,
.authority-card h2,
.guide-hub-card h2,
.guide-hub-card h3,
.tools-page .card.tool-card-enhanced h3,
.release-card h3{
  text-transform:none !important;
  letter-spacing:0 !important;
  line-height:1.12 !important;
  text-wrap:balance !important;
}

.pick-desc,
.authority-card p,
.guide-hub-card p,
.tools-page .card.tool-card-enhanced p,
.release-card p{
  font-size:14px !important;
  line-height:1.58 !important;
  color:rgba(238,246,255,.76) !important;
}

.pick-meta,
.tool-mini-features,
.guide-card-meta,
.release-tags{
  margin-top:auto !important;
}

.picks-actions{
  margin-top:18px !important;
}

.authority-picker .authority-grid{
  margin-top:26px !important;
}

.authority-split{
  grid-template-columns:minmax(0, .95fr) minmax(340px, 1.05fr) !important;
  align-items:center !important;
}

.authority-split .pillar-grid{
  gap:16px !important;
}

.authority-split .pillar-grid a{
  min-height:150px !important;
  padding:18px !important;
}

@media (hover:hover) and (pointer:fine){
  .pick-card:hover,
  .authority-card:hover,
  .guide-hub-card:hover,
  .tools-page .card.tool-card-enhanced:hover,
  .release-card:hover{
    transform:translateY(-6px) !important;
  }
}

@media (min-width: 1300px){
  .home-workdesk .friendly-tools-section,
  .home-workdesk .authority-picker,
  .home-workdesk .authority-split{
    padding-left:56px !important;
    padding-right:56px !important;
  }
}

@media (max-width: 980px){
  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy h1{
    font-size:clamp(42px, 10vw, 72px) !important;
  }

  .authority-split{
    grid-template-columns:1fr !important;
  }

  .authority-panel{
    text-align:center !important;
  }
}

@media (max-width: 720px){
  #colorMenu.menu,
  .cz-theme-dropdown #colorMenu{
    top:calc(var(--navH, 72px) + 6px) !important;
    right:10px !important;
    left:10px !important;
    width:auto !important;
  }

  #colorMenu .color-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-console{
    border-radius:22px 22px 0 0 !important;
  }

  .home-workdesk .friendly-tools-section,
  .home-workdesk .authority-picker,
  .home-workdesk .authority-split{
    border-radius:24px !important;
    padding:24px 14px !important;
  }

  .picks-grid,
  .authority-grid,
  .authority-grid.authority-grid-3{
    grid-template-columns:1fr !important;
  }
}

/* v121: prevent the compact theme palette from covering the hero headline. */
@media (min-width: 900px){
  html.theme-menu-open .home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy{
    transform:translateX(clamp(-118px, -8vw, -72px)) !important;
    transition:transform .18s cubic-bezier(.2,.8,.2,1) !important;
  }

  html.theme-menu-open .home-workdesk .cz-workdesk-hero.hero-simple-v2 .workdesk-copy h1{
    max-width:min(760px, calc(100vw - 440px)) !important;
    font-size:clamp(44px, 5.25vw, 76px) !important;
  }

  html.theme-menu-open .home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-workdesk-sub{
    max-width:680px !important;
  }
}

.picks-grid{
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
}

@media (max-width: 920px){
  .picks-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px){
  .picks-grid{
    grid-template-columns:1fr !important;
  }
}

/* v122: restore black glass and selected-color nebula. */
:root{
  --cz-glow-rgb:var(--accent-rgb,56,232,255);
  --cz-warm-rgb:var(--cz-glow-rgb);
  --cz-black-glass:rgba(0,0,0,.46);
  --cz-black-glass-strong:rgba(0,0,0,.58);
  --cz-glass-line:rgba(var(--cz-glow-rgb),.34);
}

body.bigtext,
body{
  background:
    radial-gradient(1320px 860px at 46% -10%, rgba(var(--cz-glow-rgb),.48), transparent 66%),
    radial-gradient(980px 680px at 8% 24%, rgba(var(--cz-glow-rgb),.23), transparent 72%),
    radial-gradient(980px 680px at 96% 30%, rgba(var(--cz-warm-rgb),.16), transparent 72%),
    radial-gradient(1200px 820px at 50% 104%, rgba(var(--cz-glow-rgb),.16), transparent 76%),
    linear-gradient(180deg, #07101c 0%, #08101f 42%, #05070d 100%) !important;
}

body::before{
  content:"" !important;
  position:fixed !important;
  inset:-52% !important;
  z-index:0 !important;
  pointer-events:none !important;
  opacity:1 !important;
  background:
    radial-gradient(closest-side at var(--cz-mx, 50%) var(--cz-my, 24%), rgba(var(--cz-glow-rgb),.48), rgba(var(--cz-glow-rgb),.20) 42%, transparent 78%),
    radial-gradient(1050px 660px at 18% 18%, rgba(var(--cz-glow-rgb),.24), transparent 70%),
    radial-gradient(920px 620px at 88% 22%, rgba(var(--cz-warm-rgb),.20), transparent 74%),
    radial-gradient(1200px 800px at 50% 92%, rgba(var(--cz-glow-rgb),.14), transparent 76%) !important;
  filter:blur(66px) saturate(1.34) !important;
}

body::after{
  content:"" !important;
  position:fixed !important;
  inset:-24% !important;
  z-index:0 !important;
  pointer-events:none !important;
  opacity:.78 !important;
  background:
    linear-gradient(rgba(var(--cz-glow-rgb),.068) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--cz-glow-rgb),.056) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.015) 1px, transparent 1px),
    radial-gradient(circle at var(--cz-mx, 50%) var(--cz-my, 24%), rgba(var(--cz-glow-rgb),.20), transparent 22%),
    radial-gradient(circle at 82% 18%, rgba(var(--cz-warm-rgb),.12), transparent 26%) !important;
  background-size:76px 76px, 76px 76px, 19px 19px, 19px 19px, auto, auto !important;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.96), rgba(0,0,0,.82) 58%, transparent 100%) !important;
}

.cz-orb{
  opacity:.92 !important;
  background:
    radial-gradient(closest-side at 48% 44%, rgba(255,255,255,.18), rgba(var(--cz-glow-rgb),.38) 38%, rgba(var(--cz-warm-rgb),.14) 62%, transparent 82%) !important;
  filter:blur(34px) saturate(1.48) !important;
}

.home-workdesk .friendly-tools-section,
.home-workdesk .authority-picker,
.home-workdesk .authority-split,
.platform-main,
.platform-console,
.package-grid article,
.quick-job-grid a,
.desk-tool-card,
.pipeline-grid a,
.growth-grid article,
.workbench-list,
.pillar-grid a,
.route-final-strip article,
.request-mega-cta,
.tools-hero,
.tool-section,
.tools-route-grid a,
.card.tool-card-enhanced,
.guide-hub-hero,
.guide-hub-card,
.guide-route-panel a,
.guide-category-band,
.updates-hero-v2,
.updates-release-strip article,
.updates-quality-board article,
.release-card,
.contact-hero,
.contact-form-card,
.contact-support-panel article,
.contact-next-links a,
body.cms-tool-body .cms-tool-panel,
body.cms-tool-body .cms-tool-app,
body.cms-tool-body .cms-result-card,
body.cms-tool-body .cms-info-card,
body.cms-tool-body .cms-related-box,
body.cms-tool-body .cms-ops-strip article{
  border-color:var(--cz-glass-line) !important;
  background:
    radial-gradient(680px 310px at 18% 0%, rgba(var(--cz-glow-rgb),.18), transparent 72%),
    radial-gradient(520px 280px at 94% 6%, rgba(var(--cz-warm-rgb),.18), transparent 76%),
    linear-gradient(180deg, rgba(255,255,255,.092), rgba(255,255,255,.024)),
    linear-gradient(180deg, var(--cz-black-glass-strong), var(--cz-black-glass)),
    rgba(0,0,0,.32) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -1px 0 rgba(var(--cz-glow-rgb),.12),
    0 28px 86px rgba(0,0,0,.46),
    0 0 58px rgba(var(--cz-glow-rgb),.17),
    0 0 74px rgba(var(--cz-warm-rgb),.075) !important;
  backdrop-filter:blur(20px) saturate(1.22) !important;
  -webkit-backdrop-filter:blur(20px) saturate(1.22) !important;
}

.home-workdesk .friendly-tools-section::before,
.home-workdesk .authority-picker::before,
.home-workdesk .authority-split::before{
  background:
    linear-gradient(rgba(var(--cz-glow-rgb),.044) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--cz-glow-rgb),.036) 1px, transparent 1px),
    radial-gradient(620px 260px at 44% 0%, rgba(var(--cz-glow-rgb),.16), transparent 72%),
    radial-gradient(520px 240px at 96% 4%, rgba(var(--cz-warm-rgb),.14), transparent 76%) !important;
  background-size:62px 62px, 62px 62px, auto, auto !important;
  opacity:.86 !important;
}

.pick-card,
.authority-card,
.guide-hub-card,
.card.tool-card-enhanced,
.tools-page .card.tool-card-enhanced,
.release-card,
.pillar-grid a,
.tools-route-grid a,
.contact-next-links a{
  border-color:rgba(var(--cz-glow-rgb),.30) !important;
  background:
    radial-gradient(360px 170px at 16% 0%, rgba(var(--cz-glow-rgb),.20), transparent 72%),
    radial-gradient(290px 160px at 92% 0%, rgba(var(--cz-warm-rgb),.18), transparent 74%),
    linear-gradient(180deg, rgba(255,255,255,.078), rgba(255,255,255,.018)),
    linear-gradient(180deg, rgba(0,0,0,.54), rgba(1,5,14,.64)),
    rgba(0,0,0,.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 24px 64px rgba(0,0,0,.42),
    0 0 42px rgba(var(--cz-glow-rgb),.14),
    0 0 42px rgba(var(--cz-warm-rgb),.06) !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2::before{
  background:
    radial-gradient(closest-side at 50% 34%, rgba(255,255,255,.13), rgba(var(--cz-glow-rgb),.35) 31%, rgba(var(--cz-warm-rgb),.12) 54%, transparent 84%),
    linear-gradient(rgba(var(--cz-glow-rgb),.080) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--cz-glow-rgb),.068) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.020) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.017) 1px, transparent 1px) !important;
  background-size:auto, 78px 78px, 78px 78px, 19px 19px, 19px 19px !important;
}

.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-console,
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-input-row,
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row a,
body.cms-tool-body .cms-output,
body.cms-tool-body textarea,
body.cms-tool-body input,
body.cms-tool-body select{
  background:
    radial-gradient(520px 230px at 14% 0%, rgba(var(--cz-glow-rgb),.15), transparent 72%),
    radial-gradient(360px 180px at 96% 0%, rgba(var(--cz-warm-rgb),.13), transparent 76%),
    linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.018)),
    rgba(0,0,0,.62) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.11),
    0 20px 62px rgba(0,0,0,.42),
    0 0 48px rgba(var(--cz-glow-rgb),.16),
    0 0 52px rgba(var(--cz-warm-rgb),.06) !important;
}

.pick-card::after,
.authority-card::after,
.guide-hub-card::after,
.card.tool-card-enhanced::after,
.release-card::after,
.pillar-grid a::after{
  background:
    linear-gradient(135deg, rgba(255,255,255,.12), transparent 34%),
    linear-gradient(90deg, rgba(var(--cz-glow-rgb),.54), rgba(var(--cz-warm-rgb),.16), transparent 46%) !important;
  opacity:.34 !important;
}

@media (hover:hover) and (pointer:fine){
  .pick-card:hover,
  .authority-card:hover,
  .guide-hub-card:hover,
  .tools-page .card.tool-card-enhanced:hover,
  .release-card:hover,
  .pillar-grid a:hover{
    border-color:rgba(var(--cz-glow-rgb),.58) !important;
    background:
      radial-gradient(410px 190px at 16% 0%, rgba(var(--cz-glow-rgb),.28), transparent 72%),
      radial-gradient(320px 170px at 92% 0%, rgba(var(--cz-warm-rgb),.24), transparent 74%),
      linear-gradient(180deg, rgba(255,255,255,.092), rgba(255,255,255,.024)),
      linear-gradient(180deg, rgba(0,0,0,.58), rgba(1,5,14,.68)),
      rgba(0,0,0,.38) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.15),
      0 30px 78px rgba(0,0,0,.48),
      0 0 62px rgba(var(--cz-glow-rgb),.22),
      0 0 74px rgba(var(--cz-warm-rgb),.10) !important;
  }
}

@media (max-width: 820px), (pointer: coarse){
  body::before{
    opacity:.82 !important;
    filter:blur(54px) saturate(1.22) !important;
  }

  body::after{
    opacity:.50 !important;
    background-size:92px 92px, 92px 92px, 24px 24px, 24px 24px, auto, auto !important;
  }
}

/* v123: beat older body:not(...) home-section glass rules. */
body.bigtext .home-workdesk .section.container.friendly-tools-section,
body.bigtext .home-workdesk .section.container.authority-picker,
body.bigtext .home-workdesk .section.container.authority-split,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-workdesk .section.container.friendly-tools-section,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-workdesk .section.container.authority-picker,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-workdesk .section.container.authority-split{
  border-color:rgba(var(--cz-glow-rgb),.36) !important;
  background:
    radial-gradient(760px 340px at 18% 0%, rgba(var(--cz-glow-rgb),.19), transparent 72%),
    radial-gradient(600px 300px at 96% 4%, rgba(var(--cz-warm-rgb),.22), transparent 76%),
    linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.022)),
    linear-gradient(180deg, rgba(0,0,0,.62), rgba(0,0,0,.46)),
    rgba(0,0,0,.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -1px 0 rgba(var(--cz-glow-rgb),.12),
    0 30px 96px rgba(0,0,0,.50),
    0 0 64px rgba(var(--cz-glow-rgb),.16),
    0 0 90px rgba(var(--cz-warm-rgb),.10) !important;
  backdrop-filter:blur(22px) saturate(1.22) !important;
  -webkit-backdrop-filter:blur(22px) saturate(1.22) !important;
}

body.bigtext .home-workdesk .section.container.friendly-tools-section::before,
body.bigtext .home-workdesk .section.container.authority-picker::before,
body.bigtext .home-workdesk .section.container.authority-split::before,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-workdesk .section.container.friendly-tools-section::before,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-workdesk .section.container.authority-picker::before,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-workdesk .section.container.authority-split::before{
  background:
    linear-gradient(rgba(var(--cz-glow-rgb),.050) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--cz-glow-rgb),.042) 1px, transparent 1px),
    radial-gradient(720px 300px at 42% 0%, rgba(var(--cz-glow-rgb),.18), transparent 72%),
    radial-gradient(560px 260px at 96% 6%, rgba(var(--cz-warm-rgb),.18), transparent 76%) !important;
  background-size:64px 64px, 64px 64px, auto, auto !important;
  opacity:.90 !important;
}

/* v124: picker-led CMS depth, no fixed warm wash. */
:root{
  --cz-glow-rgb:var(--accent-rgb,56,232,255);
  --cz-warm-rgb:var(--cz-glow-rgb);
  --cz-black-glass:rgba(0,0,0,.48);
  --cz-black-glass-strong:rgba(0,0,0,.66);
  --cz-panel-line:rgba(var(--cz-glow-rgb),.38);
  --cz-panel-line-soft:rgba(var(--cz-glow-rgb),.22);
  --cz-panel-sheen:rgba(255,255,255,.105);
}

body.bigtext,
body{
  background:
    radial-gradient(1180px 640px at 50% -4%, rgba(var(--cz-glow-rgb),.50), rgba(var(--cz-glow-rgb),.18) 42%, transparent 72%),
    radial-gradient(900px 540px at 50% 24%, rgba(var(--cz-glow-rgb),.22), transparent 76%),
    radial-gradient(780px 620px at 7% 32%, rgba(var(--cz-glow-rgb),.13), transparent 74%),
    radial-gradient(780px 620px at 94% 34%, rgba(var(--cz-glow-rgb),.105), transparent 76%),
    linear-gradient(180deg, #08111f 0%, #070d1a 46%, #05070d 100%) !important;
}

body::before{
  content:"" !important;
  position:fixed !important;
  inset:-38% !important;
  z-index:0 !important;
  pointer-events:none !important;
  opacity:.96 !important;
  background:
    radial-gradient(ellipse 54% 32% at 50% 20%, rgba(255,255,255,.16), transparent 32%),
    radial-gradient(ellipse 68% 42% at 50% 20%, rgba(var(--cz-glow-rgb),.55), rgba(var(--cz-glow-rgb),.22) 43%, transparent 74%),
    radial-gradient(closest-side at var(--cz-mx, 50%) var(--cz-my, 24%), rgba(var(--cz-glow-rgb),.20), transparent 66%),
    radial-gradient(1050px 720px at 50% 95%, rgba(var(--cz-glow-rgb),.13), transparent 74%) !important;
  filter:blur(62px) saturate(1.30) !important;
}

body::after{
  content:"" !important;
  position:fixed !important;
  inset:-20% !important;
  z-index:0 !important;
  pointer-events:none !important;
  opacity:.70 !important;
  background:
    linear-gradient(rgba(var(--cz-glow-rgb),.060) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--cz-glow-rgb),.050) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.017) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.014) 1px, transparent 1px),
    radial-gradient(circle at 50% 18%, rgba(var(--cz-glow-rgb),.18), transparent 27%) !important;
  background-size:78px 78px, 78px 78px, 20px 20px, 20px 20px, auto !important;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.96), rgba(0,0,0,.78) 60%, transparent 100%) !important;
}

.cz-orb{
  background:
    radial-gradient(closest-side at 48% 44%, rgba(255,255,255,.16), rgba(var(--cz-glow-rgb),.42) 42%, transparent 82%) !important;
}

.home-workdesk .friendly-tools-section,
.home-workdesk .authority-picker,
.home-workdesk .authority-split,
.platform-main,
.platform-console,
.package-grid article,
.quick-job-grid a,
.desk-tool-card,
.pipeline-grid a,
.growth-grid article,
.workbench-list,
.pillar-grid a,
.route-final-strip article,
.request-mega-cta,
.tools-hero,
.tool-section,
.tools-route-grid a,
.card.tool-card-enhanced,
.guide-hub-hero,
.guide-hub-card,
.guide-route-panel a,
.guide-category-band,
.updates-hero-v2,
.updates-release-strip article,
.updates-quality-board article,
.release-card,
.contact-hero,
.contact-form-card,
.contact-support-panel article,
.contact-next-links a,
body.cms-tool-body .cms-tool-panel,
body.cms-tool-body .cms-tool-app,
body.cms-tool-body .cms-result-card,
body.cms-tool-body .cms-info-card,
body.cms-tool-body .cms-related-box,
body.cms-tool-body .cms-ops-strip article{
  border-color:var(--cz-panel-line) !important;
  background:
    radial-gradient(720px 320px at 18% 0%, rgba(var(--cz-glow-rgb),.22), transparent 72%),
    radial-gradient(520px 280px at 96% 0%, rgba(var(--cz-glow-rgb),.095), transparent 76%),
    linear-gradient(180deg, var(--cz-panel-sheen), rgba(255,255,255,.026)),
    linear-gradient(180deg, var(--cz-black-glass-strong), var(--cz-black-glass)),
    rgba(0,0,0,.36) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(var(--cz-glow-rgb),.16),
    0 30px 92px rgba(0,0,0,.50),
    0 0 66px rgba(var(--cz-glow-rgb),.18) !important;
  backdrop-filter:blur(22px) saturate(1.24) !important;
  -webkit-backdrop-filter:blur(22px) saturate(1.24) !important;
}

body.bigtext .home-workdesk .section.container.friendly-tools-section,
body.bigtext .home-workdesk .section.container.authority-picker,
body.bigtext .home-workdesk .section.container.authority-split,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-workdesk .section.container.friendly-tools-section,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-workdesk .section.container.authority-picker,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-workdesk .section.container.authority-split{
  border-color:var(--cz-panel-line) !important;
  background:
    radial-gradient(780px 340px at 18% 0%, rgba(var(--cz-glow-rgb),.24), transparent 72%),
    radial-gradient(620px 290px at 96% 0%, rgba(var(--cz-glow-rgb),.105), transparent 76%),
    linear-gradient(180deg, rgba(255,255,255,.094), rgba(255,255,255,.024)),
    linear-gradient(180deg, rgba(0,0,0,.66), rgba(0,0,0,.48)),
    rgba(0,0,0,.36) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.15),
    inset 0 -1px 0 rgba(var(--cz-glow-rgb),.14),
    0 32px 98px rgba(0,0,0,.52),
    0 0 68px rgba(var(--cz-glow-rgb),.18) !important;
}

.home-workdesk .friendly-tools-section::before,
.home-workdesk .authority-picker::before,
.home-workdesk .authority-split::before,
body.bigtext .home-workdesk .section.container.friendly-tools-section::before,
body.bigtext .home-workdesk .section.container.authority-picker::before,
body.bigtext .home-workdesk .section.container.authority-split::before,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-workdesk .section.container.friendly-tools-section::before,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-workdesk .section.container.authority-picker::before,
body:not(.tools-page):not(.page-guide):not(.cms-tool-body) .home-workdesk .section.container.authority-split::before{
  background:
    linear-gradient(rgba(var(--cz-glow-rgb),.052) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--cz-glow-rgb),.044) 1px, transparent 1px),
    radial-gradient(720px 300px at 50% 0%, rgba(var(--cz-glow-rgb),.20), transparent 72%) !important;
  background-size:64px 64px, 64px 64px, auto !important;
  opacity:.92 !important;
}

.pick-card,
.authority-card,
.guide-hub-card,
.card.tool-card-enhanced,
.tools-page .card.tool-card-enhanced,
.release-card,
.pillar-grid a,
.tools-route-grid a,
.contact-next-links a,
body.cms-tool-body .cms-tool-brief.cms-box-signal article,
body.cms-tool-body .cms-job-summary.cms-box-signal article,
body.cms-tool-body .cms-step-card,
body.cms-tool-body .cms-example-box,
body.cms-tool-body .cms-metric,
body.cms-tool-body .cms-text-section,
body.cms-tool-body .cms-output-cards article,
body.cms-tool-body .cms-output-list,
body.cms-tool-body .cms-next-action,
body.cms-tool-body .cms-quality-action,
body.cms-tool-body .cms-local-history{
  border-color:var(--cz-panel-line-soft) !important;
  background:
    radial-gradient(420px 190px at 15% 0%, rgba(var(--cz-glow-rgb),.24), transparent 72%),
    radial-gradient(320px 170px at 92% 0%, rgba(var(--cz-glow-rgb),.075), transparent 76%),
    linear-gradient(180deg, rgba(255,255,255,.080), rgba(255,255,255,.018)),
    linear-gradient(180deg, rgba(0,0,0,.58), rgba(2,7,18,.66)),
    rgba(0,0,0,.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.13),
    0 24px 68px rgba(0,0,0,.44),
    0 0 46px rgba(var(--cz-glow-rgb),.14) !important;
}

.pick-card::after,
.authority-card::after,
.guide-hub-card::after,
.card.tool-card-enhanced::after,
.release-card::after,
.pillar-grid a::after,
body.cms-tool-body .cms-tool-app::after,
body.cms-tool-body .cms-result-card::after,
body.cms-tool-body .cms-info-card::after,
body.cms-tool-body .cms-related-box::after{
  background:
    linear-gradient(135deg, rgba(255,255,255,.14), transparent 34%),
    linear-gradient(90deg, rgba(var(--cz-glow-rgb),.60), transparent 48%) !important;
  opacity:.34 !important;
}

.dot,
.logo-badge,
.section-ico,
.card-ico,
.pick-icon,
.tools-page .tool-sections .card.tool-card-enhanced .card-ico,
.authority-card-head span,
.console-dot,
.time-chip,
body.cms-tool-body .cms-pill-icon,
body.cms-tool-body .cms-brief-icon,
body.cms-tool-body .cms-step-card .emoji,
body.cms-tool-body .cms-example-box h3::before,
body.cms-tool-body .cms-result-card h3::before,
body.cms-tool-body .cms-output-label span::before,
body.cms-tool-body .cms-text-title::before,
body.cms-tool-body .cms-quality-action li::before{
  border-color:rgba(var(--cz-glow-rgb),.50) !important;
  background:
    radial-gradient(circle at 30% 22%, rgba(255,255,255,.92), rgba(255,255,255,.24) 22%, transparent 33%),
    linear-gradient(135deg, color-mix(in srgb, rgb(var(--cz-glow-rgb)) 48%, white 52%), rgb(var(--cz-glow-rgb))) !important;
  color:#061018 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.52),
    inset 0 -1px 0 rgba(0,0,0,.18),
    0 0 26px rgba(var(--cz-glow-rgb),.50),
    0 12px 34px rgba(0,0,0,.30) !important;
}

body.cms-tool-body .cms-pill{
  gap:8px !important;
}

body.cms-tool-body .cms-pill-icon,
body.cms-tool-body .cms-brief-icon{
  display:inline-grid !important;
  place-items:center !important;
  flex:0 0 auto !important;
  width:24px !important;
  height:24px !important;
  border:1px solid rgba(var(--cz-glow-rgb),.48) !important;
  border-radius:9px !important;
  line-height:1 !important;
}

body.cms-tool-body .cms-pill-icon::before{
  content:"" !important;
  width:8px !important;
  height:8px !important;
  border-radius:999px !important;
  background:#061018 !important;
  box-shadow:0 0 0 3px rgba(6,16,24,.12) !important;
}

body.cms-tool-body .cms-tool-brief.cms-box-signal strong,
body.cms-tool-body .cms-job-summary.cms-box-signal b{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
}

body.cms-tool-body .cms-brief-icon{
  width:30px !important;
  height:30px !important;
  border-radius:11px !important;
  font-size:10px !important;
  font-weight:1000 !important;
  letter-spacing:0 !important;
}

.logo-mark,
.card-ico svg,
.section-ico svg{
  filter:drop-shadow(0 0 10px rgba(var(--cz-glow-rgb),.34)) !important;
}

.cms-pill,
.tool-mini-features span,
.guide-card-meta span,
.pick-cat,
.pick-cta,
.release-tags span,
body.cms-tool-body .cms-example-option,
body.cms-tool-body .cms-next-chips a,
body.cms-tool-body .cms-history-chip,
body.cms-tool-body .cms-shortcut-row span{
  border-color:rgba(var(--cz-glow-rgb),.26) !important;
  background:
    linear-gradient(180deg, rgba(var(--cz-glow-rgb),.15), rgba(var(--cz-glow-rgb),.045)),
    rgba(255,255,255,.026) !important;
  color:rgba(246,252,255,.90) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 0 24px rgba(var(--cz-glow-rgb),.08) !important;
}

body.cms-tool-body .cms-tool-app.cms-box-action,
body.cms-tool-body .cms-result-card.cms-box-action,
body.cms-tool-body .cms-output,
body.cms-tool-body textarea,
body.cms-tool-body input,
body.cms-tool-body select,
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-console,
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-fix-input-row,
.home-workdesk .cz-workdesk-hero.hero-simple-v2 .hero-assurance-row a{
  background:
    radial-gradient(540px 240px at 14% 0%, rgba(var(--cz-glow-rgb),.18), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.074), rgba(255,255,255,.018)),
    rgba(0,0,0,.64) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 20px 64px rgba(0,0,0,.44),
    0 0 52px rgba(var(--cz-glow-rgb),.16) !important;
}

@media (hover:hover) and (pointer:fine){
  .pick-card:hover,
  .authority-card:hover,
  .guide-hub-card:hover,
  .tools-page .card.tool-card-enhanced:hover,
  .release-card:hover,
  .pillar-grid a:hover,
  body.cms-tool-body .cms-step-card:hover,
  body.cms-tool-body .cms-related-box:hover,
  body.cms-tool-body .cms-info-card:hover{
    border-color:rgba(var(--cz-glow-rgb),.62) !important;
    background:
      radial-gradient(460px 210px at 16% 0%, rgba(var(--cz-glow-rgb),.32), transparent 72%),
      radial-gradient(340px 180px at 92% 0%, rgba(var(--cz-glow-rgb),.10), transparent 76%),
      linear-gradient(180deg, rgba(255,255,255,.102), rgba(255,255,255,.024)),
      linear-gradient(180deg, rgba(0,0,0,.60), rgba(1,5,14,.70)),
      rgba(0,0,0,.40) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.16),
      0 30px 82px rgba(0,0,0,.50),
      0 0 68px rgba(var(--cz-glow-rgb),.24) !important;
  }
}

@media (max-width: 820px), (pointer: coarse){
  body::before{
    opacity:.82 !important;
    filter:blur(52px) saturate(1.18) !important;
  }

  body::after{
    opacity:.42 !important;
    background-size:92px 92px, 92px 92px, 24px 24px, 24px 24px, auto !important;
  }
}

/* v125: lighter tech-premium CMS shell, no section boxing. */
:root{
  --cz-glow-rgb:var(--accent-rgb,56,232,255);
  --cz-warm-rgb:var(--cz-glow-rgb);
  --cz-stage-bg:#050914;
  --cz-stage-bg2:#071020;
  --cz-shell-line:rgba(var(--cz-glow-rgb),.28);
  --cz-shell-line-hot:rgba(var(--cz-glow-rgb),.58);
  --cz-card-fill:rgba(6,12,26,.54);
  --cz-card-fill-strong:rgba(4,9,20,.68);
  --cz-text-glow:0 0 22px rgba(var(--cz-glow-rgb),.34), 0 0 58px rgba(var(--cz-glow-rgb),.15);
  --cz-soft-glow:0 18px 58px rgba(0,0,0,.34), 0 0 34px rgba(var(--cz-glow-rgb),.11);
}

body.bigtext,
body{
  background:
    radial-gradient(1100px 580px at 50% -6%, rgba(var(--cz-glow-rgb),.46), rgba(var(--cz-glow-rgb),.16) 44%, transparent 72%),
    radial-gradient(760px 420px at 50% 21%, rgba(var(--cz-glow-rgb),.20), transparent 76%),
    radial-gradient(900px 700px at -6% 28%, rgba(var(--cz-glow-rgb),.10), transparent 72%),
    radial-gradient(860px 680px at 104% 30%, rgba(var(--cz-glow-rgb),.08), transparent 74%),
    linear-gradient(180deg, var(--cz-stage-bg2) 0%, var(--cz-stage-bg) 46%, #04070f 100%) !important;
}

body::before{
  content:"" !important;
  position:fixed !important;
  inset:-34% !important;
  z-index:0 !important;
  pointer-events:none !important;
  opacity:.92 !important;
  background:
    radial-gradient(ellipse 62% 34% at 50% 18%, rgba(255,255,255,.12), transparent 29%),
    radial-gradient(ellipse 76% 48% at 50% 20%, rgba(var(--cz-glow-rgb),.44), rgba(var(--cz-glow-rgb),.18) 44%, transparent 74%),
    radial-gradient(closest-side at var(--cz-mx, 50%) var(--cz-my, 24%), rgba(var(--cz-glow-rgb),.14), transparent 66%) !important;
  filter:blur(58px) saturate(1.24) !important;
}

body::after{
  content:"" !important;
  position:fixed !important;
  inset:-14% !important;
  z-index:0 !important;
  pointer-events:none !important;
  opacity:.72 !important;
  background:
    linear-gradient(rgba(var(--cz-glow-rgb),.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--cz-glow-rgb),.046) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.014) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px),
    radial-gradient(circle at 50% 18%, rgba(var(--cz-glow-rgb),.16), transparent 28%) !important;
  background-size:80px 80px, 80px 80px, 20px 20px, 20px 20px, auto !important;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.98), rgba(0,0,0,.78) 62%, transparent 100%) !important;
}

.home-workdesk .friendly-tools-section,
.home-workdesk .authority-picker,
.home-workdesk .authority-split,
.tools-page .tool-section,
.guide-category-band,
.guide-search-panel,
.guide-hub-overview,
.updates-box,
.updates-quality-board,
.updates-release-strip,
body.cms-tool-body .cms-tool-panel,
body.cms-tool-body .cms-related,
body.cms-tool-body .cms-info-grid,
body.cms-tool-body .cms-ops-strip{
  border-color:transparent !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.home-workdesk .friendly-tools-section,
.home-workdesk .authority-picker,
.home-workdesk .authority-split,
.tools-page .tool-section,
.guide-category-band,
.updates-box{
  padding-inline:clamp(8px, 2vw, 18px) !important;
}

.home-workdesk .friendly-tools-section::before,
.home-workdesk .friendly-tools-section::after,
.home-workdesk .authority-picker::before,
.home-workdesk .authority-picker::after,
.home-workdesk .authority-split::before,
.home-workdesk .authority-split::after,
.tools-page .tool-section::before,
.tools-page .tool-section::after,
.guide-category-band::before,
.guide-category-band::after,
.guide-search-panel::before,
.guide-search-panel::after,
.updates-box::before,
.updates-box::after,
body.cms-tool-body .cms-related::before,
body.cms-tool-body .cms-related::after,
body.cms-tool-body .cms-info-grid::before,
body.cms-tool-body .cms-info-grid::after,
body.cms-tool-body .cms-ops-strip::before,
body.cms-tool-body .cms-ops-strip::after{
  display:none !important;
}

body.cms-tool-body .cms-tool-panel.cms-box-action{
  padding:clamp(8px, 1.8vw, 18px) 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.cms-tool-title,
.tools-page .tools-title,
.tools-page .section-name,
.guide-hub-hero h1,
.guide-category-band .authority-head h2,
.updates-hero-copy h1,
.updates-box h2,
.home-workdesk .workdesk-copy h1,
.friendly-section-intro h2,
.authority-head h2,
.request-mega-cta h2{
  color:#fff !important;
  text-shadow:var(--cz-text-glow) !important;
}

.cms-tool-title,
.tools-page .tools-title,
.guide-hub-hero h1,
.updates-hero-copy h1{
  letter-spacing:0 !important;
}

.dash-kicker,
.guide-kicker,
.tools-page .section-kicker,
.cms-tool-hero .crumbs a,
.cms-tool-hero .crumbs span[aria-current="page"],
.section-count,
.release-version,
.pick-cta,
.tool-cta{
  color:color-mix(in srgb, rgb(var(--cz-glow-rgb)) 72%, white 28%) !important;
  text-shadow:0 0 18px rgba(var(--cz-glow-rgb),.30) !important;
}

.pick-card,
.authority-card,
.guide-hub-card,
.card.tool-card-enhanced,
.tools-page .card.tool-card-enhanced,
.release-card,
.pillar-grid a,
.tools-route-grid a,
.guide-route-panel a,
.contact-next-links a,
body.cms-tool-body .cms-tool-brief.cms-box-signal article,
body.cms-tool-body .cms-job-summary.cms-box-signal article,
body.cms-tool-body .cms-tool-app,
body.cms-tool-body .cms-result-card,
body.cms-tool-body .cms-related-box,
body.cms-tool-body .cms-info-card,
body.cms-tool-body .cms-ops-strip article,
body.cms-tool-body .cms-example-box,
body.cms-tool-body .cms-metric,
body.cms-tool-body .cms-text-section,
body.cms-tool-body .cms-output-cards article,
body.cms-tool-body .cms-output-list,
body.cms-tool-body .cms-next-action,
body.cms-tool-body .cms-quality-action,
body.cms-tool-body .cms-local-history{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid rgba(var(--cz-glow-rgb),.22) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.072), rgba(255,255,255,.018)),
    radial-gradient(420px 180px at 16% 0%, rgba(var(--cz-glow-rgb),.16), transparent 72%),
    linear-gradient(180deg, var(--cz-card-fill-strong), var(--cz-card-fill)),
    rgba(0,0,0,.26) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.13),
    inset 0 -1px 0 rgba(var(--cz-glow-rgb),.08),
    var(--cz-soft-glow) !important;
  backdrop-filter:blur(16px) saturate(1.14) !important;
  -webkit-backdrop-filter:blur(16px) saturate(1.14) !important;
}

.pick-card::after,
.authority-card::after,
.guide-hub-card::after,
.card.tool-card-enhanced::after,
.tools-page .card.tool-card-enhanced::after,
.release-card::after,
.pillar-grid a::after,
.tools-route-grid a::after,
.guide-route-panel a::after,
body.cms-tool-body .cms-tool-app::after,
body.cms-tool-body .cms-result-card::after,
body.cms-tool-body .cms-related-box::after,
body.cms-tool-body .cms-info-card::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  border-radius:inherit !important;
  background:
    linear-gradient(90deg, transparent, rgba(var(--cz-glow-rgb),.62), transparent) top / 100% 1px no-repeat,
    linear-gradient(135deg, rgba(255,255,255,.11), transparent 32%) !important;
  opacity:.42 !important;
  mask-image:linear-gradient(180deg, #000 0%, transparent 56%) !important;
}

.pick-card > *,
.authority-card > *,
.guide-hub-card > *,
.card.tool-card-enhanced > *,
.tools-page .card.tool-card-enhanced > *,
.release-card > *,
.pillar-grid a > *,
.tools-route-grid a > *,
.guide-route-panel a > *,
body.cms-tool-body .cms-tool-app > *,
body.cms-tool-body .cms-result-card > *,
body.cms-tool-body .cms-related-box > *,
body.cms-tool-body .cms-info-card > *{
  position:relative !important;
  z-index:1 !important;
}

.dot,
.logo-badge,
.section-ico,
.card-ico,
.pick-icon,
.authority-card-head span,
.guide-hub-card .authority-card-head span,
body.cms-tool-body .cms-pill-icon,
body.cms-tool-body .cms-brief-icon,
body.cms-tool-body .cms-step-card .emoji,
body.cms-tool-body .cms-example-box h3::before,
body.cms-tool-body .cms-result-card h3::before,
body.cms-tool-body .cms-output-label span::before,
body.cms-tool-body .cms-text-title::before,
body.cms-tool-body .cms-quality-action li::before{
  border-color:rgba(var(--cz-glow-rgb),.48) !important;
  background:
    radial-gradient(circle at 32% 24%, rgba(255,255,255,.86), rgba(255,255,255,.22) 24%, transparent 36%),
    linear-gradient(135deg, color-mix(in srgb, rgb(var(--cz-glow-rgb)) 55%, white 45%), rgb(var(--cz-glow-rgb))) !important;
  color:#04101a !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.48),
    0 0 22px rgba(var(--cz-glow-rgb),.38),
    0 14px 34px rgba(0,0,0,.28) !important;
}

.cms-pill,
.tool-mini-features span,
.guide-card-meta span,
.pick-cat,
.pick-cta,
.release-tags span,
body.cms-tool-body .cms-example-option,
body.cms-tool-body .cms-next-chips a,
body.cms-tool-body .cms-history-chip,
body.cms-tool-body .cms-shortcut-row span,
.tools-page .chips,
.tools-page .chip,
.guide-search-chips button{
  border-color:rgba(var(--cz-glow-rgb),.24) !important;
  background:
    linear-gradient(180deg, rgba(var(--cz-glow-rgb),.11), rgba(var(--cz-glow-rgb),.028)),
    rgba(0,0,0,.20) !important;
  color:rgba(245,250,255,.86) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 0 22px rgba(var(--cz-glow-rgb),.07) !important;
}

body.cms-tool-body .cms-tool-app.cms-box-action,
body.cms-tool-body .cms-result-card.cms-box-action,
body.cms-tool-body .cms-output,
body.cms-tool-body textarea,
body.cms-tool-body input,
body.cms-tool-body select,
.tools-page .tools-search .search,
.guide-search-control .search,
#guideSearch{
  background:
    radial-gradient(520px 220px at 14% 0%, rgba(var(--cz-glow-rgb),.13), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.062), rgba(255,255,255,.016)),
    rgba(1,6,16,.62) !important;
  border-color:rgba(var(--cz-glow-rgb),.26) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 16px 48px rgba(0,0,0,.32),
    0 0 34px rgba(var(--cz-glow-rgb),.10) !important;
}

.cms-input-warnings,
.cms-tool-feedback[data-tone="warn"]{
  border-color:rgba(var(--cz-glow-rgb),.30) !important;
  background:
    radial-gradient(320px 140px at 0 0, rgba(var(--cz-glow-rgb),.13), transparent 72%),
    rgba(var(--cz-glow-rgb),.045) !important;
}

.cms-input-warnings strong{
  color:color-mix(in srgb, rgb(var(--cz-glow-rgb)) 62%, white 38%) !important;
}

.cms-input-warnings li::before{
  background:rgb(var(--cz-glow-rgb)) !important;
}

.footer{
  position:relative !important;
  overflow:hidden !important;
  margin-top:clamp(42px, 7vw, 88px) !important;
  border-top:1px solid rgba(var(--cz-glow-rgb),.34) !important;
  border-bottom:0 !important;
  background:
    radial-gradient(880px 280px at 50% 0%, rgba(var(--cz-glow-rgb),.12), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.024), rgba(255,255,255,.006)),
    rgba(3,7,15,.42) !important;
  box-shadow:
    0 -1px 0 rgba(var(--cz-glow-rgb),.24),
    0 -20px 80px rgba(var(--cz-glow-rgb),.12),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
}

.footer::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:0 !important;
  width:min(820px, 86vw) !important;
  height:1px !important;
  transform:translateX(-50%) !important;
  background:linear-gradient(90deg, transparent, rgb(var(--cz-glow-rgb)), color-mix(in srgb, rgb(var(--cz-glow-rgb)) 60%, white 40%), transparent) !important;
  box-shadow:0 0 22px rgba(var(--cz-glow-rgb),.62), 0 0 58px rgba(var(--cz-glow-rgb),.24) !important;
}

.footer-grid > div{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.footer h4{
  color:rgba(255,255,255,.82) !important;
  text-shadow:0 0 18px rgba(var(--cz-glow-rgb),.16) !important;
}

.footer-links a:hover{
  color:color-mix(in srgb, rgb(var(--cz-glow-rgb)) 70%, white 30%) !important;
  text-shadow:0 0 18px rgba(var(--cz-glow-rgb),.24) !important;
}

.footer .sep{
  border-color:rgba(var(--cz-glow-rgb),.22) !important;
  box-shadow:0 0 18px rgba(var(--cz-glow-rgb),.14) !important;
}

@media (hover:hover) and (pointer:fine){
  .pick-card:hover,
  .authority-card:hover,
  .guide-hub-card:hover,
  .tools-page .card.tool-card-enhanced:hover,
  .release-card:hover,
  .pillar-grid a:hover,
  .tools-route-grid a:hover,
  .guide-route-panel a:hover,
  body.cms-tool-body .cms-tool-app:hover,
  body.cms-tool-body .cms-result-card:hover,
  body.cms-tool-body .cms-related-box:hover,
  body.cms-tool-body .cms-info-card:hover{
    transform:translateY(-4px) !important;
    border-color:var(--cz-shell-line-hot) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.16),
      0 24px 72px rgba(0,0,0,.42),
      0 0 54px rgba(var(--cz-glow-rgb),.20) !important;
  }
}

@media (max-width: 820px), (pointer: coarse){
  body::before{
    opacity:.78 !important;
    filter:blur(48px) saturate(1.14) !important;
  }

  body::after{
    opacity:.44 !important;
    background-size:92px 92px, 92px 92px, 24px 24px, 24px 24px, auto !important;
  }

  .home-workdesk .friendly-tools-section,
  .home-workdesk .authority-picker,
  .home-workdesk .authority-split,
  .tools-page .tool-section,
  .guide-category-band,
  .updates-box,
  body.cms-tool-body .cms-tool-panel.cms-box-action{
    padding-inline:0 !important;
  }
}

/* v126: simplified luminous palette and accent-driven nebula shell. */
:root{
  --cz-glow-rgb:var(--accent-rgb,56,232,255) !important;
  --cz-warm-rgb:var(--accent-rgb,56,232,255) !important;
  --cz-nebula-bg:#030714;
  --cz-nebula-panel:rgba(4,10,22,.66);
  --cz-nebula-panel-strong:rgba(5,12,26,.82);
  --cz-nebula-line:rgba(var(--cz-glow-rgb),.34);
  --cz-nebula-line-hot:rgba(var(--cz-glow-rgb),.58);
  --cz-nebula-text:#ecfbff;
  --cz-nebula-muted:rgba(226,246,255,.72);
  --cz-accent-bright:color-mix(in srgb, rgb(var(--cz-glow-rgb)) 68%, #dffbff 32%) !important;
  --cz-accent-ultra:color-mix(in srgb, rgb(var(--cz-glow-rgb)) 48%, #e9fbff 52%) !important;
  --cz-premium-line:var(--cz-nebula-line) !important;
  --cz-premium-line-strong:var(--cz-nebula-line-hot) !important;
}

html,
body.bigtext,
body{
  background-color:var(--cz-nebula-bg) !important;
}

body.bigtext,
body{
  background:
    radial-gradient(1200px 760px at var(--cz-mx, 50%) -12%, rgba(var(--cz-glow-rgb),.36), transparent 67%),
    radial-gradient(950px 640px at 12% 24%, color-mix(in srgb, var(--accent2, #8af3ff) 34%, transparent), transparent 74%),
    radial-gradient(980px 660px at 88% 18%, rgba(var(--cz-glow-rgb),.22), transparent 74%),
    radial-gradient(1500px 900px at 50% 92%, rgba(var(--cz-glow-rgb),.13), transparent 78%),
    linear-gradient(180deg, #080b19 0%, #050917 42%, var(--cz-nebula-bg) 100%) !important;
  color:var(--cz-nebula-text) !important;
}

body.bigtext::before,
body::before{
  inset:-42% !important;
  z-index:-6 !important;
  opacity:1 !important;
  background:
    radial-gradient(900px 520px at var(--cz-mx, 50%) var(--cz-my, 18%), rgba(var(--cz-glow-rgb),.30), transparent 62%),
    radial-gradient(1250px 720px at 24% 0%, color-mix(in srgb, var(--accent2, #8af3ff) 26%, transparent), transparent 68%),
    radial-gradient(1200px 780px at 78% 7%, rgba(var(--cz-glow-rgb),.18), transparent 70%),
    radial-gradient(1600px 980px at 50% 102%, rgba(var(--cz-glow-rgb),.12), transparent 74%) !important;
  filter:blur(56px) saturate(1.42) brightness(1.18) !important;
}

body.bigtext::after,
body::after{
  inset:0 !important;
  z-index:-5 !important;
  opacity:.74 !important;
  background:
    linear-gradient(rgba(var(--cz-glow-rgb),.052) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--cz-glow-rgb),.044) 1px, transparent 1px),
    radial-gradient(920px 420px at 50% 0%, rgba(var(--cz-glow-rgb),.14), transparent 78%),
    radial-gradient(1100px 640px at 50% 48%, rgba(var(--cz-glow-rgb),.075), transparent 82%) !important;
  background-size:72px 72px, 72px 72px, auto, auto !important;
  filter:none !important;
  mask-image:linear-gradient(to bottom, transparent 0, #000 8%, #000 82%, transparent 100%) !important;
}

.__grain{
  opacity:.055 !important;
  mix-blend-mode:screen !important;
}

#clickozParticles{
  opacity:1 !important;
  filter:saturate(1.55) brightness(1.32) !important;
}

.pidle,
.pburst,
.pguide{
  background:color-mix(in srgb, rgb(var(--cz-glow-rgb)) 78%, #e2fbff 22%) !important;
  box-shadow:
    0 0 14px rgba(var(--cz-glow-rgb),.92),
    0 0 42px rgba(var(--cz-glow-rgb),.42),
    0 0 86px rgba(var(--cz-glow-rgb),.18) !important;
}

.pidle{
  width:3.5px !important;
  height:3.5px !important;
  opacity:.9 !important;
}

.nav,
.m-menu,
.menu,
.footer{
  border-color:var(--cz-nebula-line) !important;
  background:
    radial-gradient(640px 220px at 50% 0%, rgba(var(--cz-glow-rgb),.18), transparent 72%),
    linear-gradient(180deg, rgba(var(--cz-glow-rgb),.045), rgba(2,7,18,.72)),
    rgba(2,7,18,.70) !important;
  box-shadow:
    inset 0 1px 0 rgba(var(--cz-glow-rgb),.18),
    0 0 0 1px rgba(var(--cz-glow-rgb),.07),
    0 0 54px rgba(var(--cz-glow-rgb),.16),
    0 18px 70px rgba(0,0,0,.38) !important;
}

.nav{
  backdrop-filter:blur(18px) saturate(1.24) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.24) !important;
}

.nav::after,
.footer::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  width:min(920px, 86vw) !important;
  height:1px !important;
  transform:translateX(-50%) !important;
  background:linear-gradient(90deg, transparent, rgba(var(--cz-glow-rgb),.92), color-mix(in srgb, rgb(var(--cz-glow-rgb)) 62%, #dffbff 38%), transparent) !important;
  box-shadow:0 0 24px rgba(var(--cz-glow-rgb),.70), 0 0 62px rgba(var(--cz-glow-rgb),.28) !important;
  pointer-events:none !important;
}

.nav::after{
  bottom:-1px !important;
}

.footer::before{
  top:0 !important;
}

.hero-box,
.tools-hero,
.guides-hero,
.updates-hero,
.updates-box,
.tool-section,
.cz-panel,
.guide-x,
.guide-hub-card,
.release-card,
.card,
.small-card,
.pick-card,
.authority-card,
.workflow-card,
.lane,
.faq,
.seo-boost,
.donate-box,
.pillar-grid a,
.tools-route-grid a,
.guide-route-panel a,
.route-final-strip article,
.request-mega-cta,
.hero-fix-console,
.hero-assurance-row a,
.m-command-card,
.m-quick-grid button,
.m-quick-grid a,
body.cms-tool-body .cms-tool-app,
body.cms-tool-body .cms-result-card,
body.cms-tool-body .cms-related-box,
body.cms-tool-body .cms-info-card,
body.cms-tool-body .cms-output{
  --lane-rgb:var(--cz-glow-rgb) !important;
  border-color:var(--cz-nebula-line) !important;
  background:
    radial-gradient(560px 240px at 18% 0%, rgba(var(--cz-glow-rgb),.20), transparent 72%),
    radial-gradient(420px 220px at 92% 4%, color-mix(in srgb, var(--accent2, #8af3ff) 15%, transparent), transparent 76%),
    linear-gradient(180deg, rgba(var(--cz-glow-rgb),.045), rgba(3,8,20,.62)),
    var(--cz-nebula-panel) !important;
  box-shadow:
    inset 0 1px 0 rgba(var(--cz-glow-rgb),.15),
    0 0 0 1px rgba(var(--cz-glow-rgb),.06),
    0 18px 58px rgba(0,0,0,.36),
    0 0 42px rgba(var(--cz-glow-rgb),.13) !important;
}

.hero-box:hover,
.tools-hero:hover,
.guides-hero:hover,
.updates-hero:hover,
.guide-x:hover,
.guide-hub-card:hover,
.release-card:hover,
.card:hover,
.small-card:hover,
.pick-card:hover,
.authority-card:hover,
.workflow-card:hover,
.lane:hover,
.pillar-grid a:hover,
.tools-route-grid a:hover,
.guide-route-panel a:hover,
body.cms-tool-body .cms-tool-app:hover,
body.cms-tool-body .cms-result-card:hover,
body.cms-tool-body .cms-related-box:hover,
body.cms-tool-body .cms-info-card:hover{
  border-color:var(--cz-nebula-line-hot) !important;
  box-shadow:
    inset 0 1px 0 rgba(var(--cz-glow-rgb),.22),
    0 0 0 1px rgba(var(--cz-glow-rgb),.12),
    0 24px 72px rgba(0,0,0,.42),
    0 0 62px rgba(var(--cz-glow-rgb),.24) !important;
}

.btn,
.cz-btn,
.tool-cta,
.guide-cta,
.release-more,
.chip,
.rec-refresh,
input,
textarea,
select,
.search,
.cz-input,
.cz-textarea{
  border-color:rgba(var(--cz-glow-rgb),.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(var(--cz-glow-rgb),.12),
    0 0 30px rgba(var(--cz-glow-rgb),.10) !important;
}

.btn-accent,
.btn.primary,
.cz-btn.primary,
.cookie .primary{
  background:
    linear-gradient(135deg, color-mix(in srgb, rgb(var(--cz-glow-rgb)) 58%, #dffbff 42%), rgb(var(--cz-glow-rgb))) !important;
  border-color:rgba(var(--cz-glow-rgb),.72) !important;
  color:#03121a !important;
  box-shadow:
    0 0 24px rgba(var(--cz-glow-rgb),.46),
    0 16px 42px rgba(var(--cz-glow-rgb),.22) !important;
}

.nav-links a:hover,
.nav-links a.active,
.nav-links a[aria-current="page"],
.m-link.active{
  background:
    radial-gradient(circle at 50% 0%, rgba(var(--cz-glow-rgb),.24), transparent 70%),
    rgba(var(--cz-glow-rgb),.10) !important;
  border-color:var(--cz-nebula-line-hot) !important;
  box-shadow:0 0 24px rgba(var(--cz-glow-rgb),.18) !important;
}

.color-option[style*="#ff7a1a"],
.color-option[style*="#f8fafc"],
.color-option[style*="#ffffff"]{
  display:none !important;
}

/* v128: mobile live motion and drawer hierarchy polish. */
.m-tools-card{
  min-width:0 !important;
  padding:14px !important;
  border-radius:20px !important;
  border:1px solid rgba(var(--cz-glow-rgb), .24) !important;
  background:
    radial-gradient(380px 180px at 18% 0%, rgba(var(--cz-glow-rgb), .20), transparent 70%),
    linear-gradient(180deg, rgba(var(--cz-glow-rgb), .055), rgba(4,10,24,.62)),
    rgba(3,9,22,.72) !important;
  box-shadow:
    inset 0 1px 0 rgba(var(--cz-glow-rgb), .16),
    0 0 0 1px rgba(var(--cz-glow-rgb), .07),
    0 16px 46px rgba(0,0,0,.30),
    0 0 42px rgba(var(--cz-glow-rgb), .14) !important;
}

.m-tool-grid{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:9px !important;
  margin-top:10px !important;
}

.m-tool-grid a{
  min-width:0 !important;
  min-height:68px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  padding:10px 8px !important;
  text-align:center !important;
  text-decoration:none !important;
  border-radius:16px !important;
  border:1px solid rgba(var(--cz-glow-rgb), .22) !important;
  background:
    radial-gradient(170px 82px at 50% 0%, rgba(var(--cz-glow-rgb), .18), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.066), rgba(255,255,255,.026)) !important;
  color:rgba(236,251,255,.92) !important;
  box-shadow:
    inset 0 1px 0 rgba(var(--cz-glow-rgb), .12),
    0 0 24px rgba(var(--cz-glow-rgb), .10) !important;
  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    background .18s ease !important;
  -webkit-tap-highlight-color:transparent !important;
}

.m-tool-grid a:hover,
.m-tool-grid a:focus-visible{
  transform:translateY(-1px) !important;
  border-color:rgba(var(--cz-glow-rgb), .58) !important;
  background:
    radial-gradient(190px 92px at 50% 0%, rgba(var(--cz-glow-rgb), .25), transparent 74%),
    rgba(var(--cz-glow-rgb), .11) !important;
  box-shadow:
    inset 0 1px 0 rgba(var(--cz-glow-rgb), .22),
    0 0 34px rgba(var(--cz-glow-rgb), .18) !important;
}

.m-tool-grid b{
  max-width:100% !important;
  font-family:"Oxanium", "Space Grotesk", system-ui, sans-serif !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.045em !important;
  line-height:1.05 !important;
  text-transform:uppercase !important;
  color:#f2fdff !important;
  overflow-wrap:anywhere !important;
}

.m-tool-grid span{
  max-width:100% !important;
  font-size:11.5px !important;
  line-height:1.18 !important;
  color:rgba(226,246,255,.66) !important;
  overflow-wrap:anywhere !important;
}

button.m-command-card{
  width:100% !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  text-align:left !important;
  color:inherit !important;
  font:inherit !important;
  cursor:pointer !important;
  -webkit-tap-highlight-color:transparent !important;
}

.m-advanced-search{
  border-color:rgba(var(--cz-glow-rgb), .34) !important;
  background:
    radial-gradient(360px 170px at 18% 0%, rgba(var(--cz-glow-rgb), .22), transparent 70%),
    linear-gradient(135deg, rgba(var(--cz-glow-rgb), .08), rgba(3,8,22,.70)),
    rgba(4,10,24,.74) !important;
}

.m-advanced-search .m-command-icon{
  color:#03121a !important;
  background:
    linear-gradient(135deg, color-mix(in srgb, rgb(var(--cz-glow-rgb)) 52%, #e8fbff 48%), rgb(var(--cz-glow-rgb))) !important;
  border-color:rgba(var(--cz-glow-rgb), .68) !important;
  font-family:"Oxanium", "Space Grotesk", system-ui, sans-serif !important;
  font-size:15px !important;
  font-weight:950 !important;
  box-shadow:
    0 0 22px rgba(var(--cz-glow-rgb), .34),
    inset 0 1px 0 rgba(255,255,255,.38) !important;
}

.m-advanced-search:hover,
.m-advanced-search:focus-visible{
  border-color:rgba(var(--cz-glow-rgb), .66) !important;
  box-shadow:
    inset 0 1px 0 rgba(var(--cz-glow-rgb), .24),
    0 0 0 1px rgba(var(--cz-glow-rgb), .12),
    0 18px 54px rgba(0,0,0,.34),
    0 0 48px rgba(var(--cz-glow-rgb), .22) !important;
  transform:translateY(-1px) !important;
}

@keyframes czMobileNebulaLive{
  0%{ transform:translate3d(-1.6%, -1%, 0) scale(1); opacity:.78; }
  50%{ transform:translate3d(1.2%, .7%, 0) scale(1.025); opacity:.96; }
  100%{ transform:translate3d(-.5%, 1.4%, 0) scale(1.01); opacity:.84; }
}

@keyframes czMobileGridLive{
  0%{ transform:translate3d(0, 0, 0); opacity:.46; }
  50%{ transform:translate3d(-10px, 8px, 0); opacity:.68; }
  100%{ transform:translate3d(8px, -6px, 0); opacity:.52; }
}

@keyframes czDrawerItemIn{
  from{ opacity:0; transform:translate3d(0, 10px, 0) scale(.985); }
  to{ opacity:1; transform:translate3d(0, 0, 0) scale(1); }
}

@keyframes czMobileCardBreath{
  0%, 100%{
    box-shadow:
      inset 0 1px 0 rgba(var(--cz-glow-rgb), .13),
      0 0 0 1px rgba(var(--cz-glow-rgb), .055),
      0 16px 44px rgba(0,0,0,.32),
      0 0 32px rgba(var(--cz-glow-rgb), .10);
  }
  50%{
    box-shadow:
      inset 0 1px 0 rgba(var(--cz-glow-rgb), .18),
      0 0 0 1px rgba(var(--cz-glow-rgb), .08),
      0 18px 48px rgba(0,0,0,.34),
      0 0 46px rgba(var(--cz-glow-rgb), .16);
  }
}

@media (max-width: 820px), (pointer: coarse){
  html.mobile-perf-mode body::before{
    content:"" !important;
    position:fixed !important;
    inset:-28% !important;
    display:block !important;
    z-index:-6 !important;
    pointer-events:none !important;
    opacity:.88 !important;
    background:
      radial-gradient(760px 520px at 16% 6%, rgba(var(--cz-glow-rgb), .34), transparent 68%),
      radial-gradient(780px 560px at 92% 7%, color-mix(in srgb, var(--accent2, #8af3ff) 30%, transparent), transparent 70%),
      radial-gradient(980px 720px at 48% 105%, rgba(var(--cz-glow-rgb), .18), transparent 74%),
      linear-gradient(180deg, rgba(3,8,22,.08), rgba(2,6,18,.72)) !important;
    filter:blur(36px) saturate(1.34) brightness(1.12) !important;
    transform:translate3d(0,0,0) !important;
    animation:czMobileNebulaLive 22s ease-in-out infinite alternate !important;
    will-change:transform, opacity !important;
  }

  html.mobile-perf-mode body::after{
    content:"" !important;
    position:fixed !important;
    inset:0 !important;
    display:block !important;
    z-index:-5 !important;
    pointer-events:none !important;
    opacity:.56 !important;
    background:
      linear-gradient(rgba(var(--cz-glow-rgb), .060) 1px, transparent 1px),
      linear-gradient(90deg, rgba(var(--cz-glow-rgb), .050) 1px, transparent 1px),
      radial-gradient(720px 300px at 50% 0%, rgba(var(--cz-glow-rgb), .18), transparent 76%) !important;
    background-size:74px 74px, 74px 74px, auto !important;
    mask-image:linear-gradient(to bottom, transparent 0, #000 7%, #000 86%, transparent 100%) !important;
    filter:none !important;
    transform:translate3d(0,0,0) !important;
    animation:czMobileGridLive 28s ease-in-out infinite alternate !important;
    will-change:transform, opacity !important;
  }

  html.mobile-perf-mode .m-menu{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    padding:14px !important;
    overflow-x:hidden !important;
    border-color:rgba(var(--cz-glow-rgb), .42) !important;
    background:
      radial-gradient(620px 280px at 50% 0%, rgba(var(--cz-glow-rgb), .23), transparent 72%),
      linear-gradient(180deg, rgba(4,11,27,.94), rgba(2,7,18,.96)) !important;
    box-shadow:
      inset 0 1px 0 rgba(var(--cz-glow-rgb), .22),
      0 0 0 1px rgba(var(--cz-glow-rgb), .09),
      0 24px 86px rgba(0,0,0,.58),
      0 0 70px rgba(var(--cz-glow-rgb), .22) !important;
    transition-duration:.22s, .22s, 0s !important;
  }

  html.mobile-perf-mode .m-menu *,
  html.mobile-perf-mode .m-menu *::before,
  html.mobile-perf-mode .m-menu *::after,
  html.mobile-perf-mode .pick-card,
  html.mobile-perf-mode .authority-card,
  html.mobile-perf-mode .guide-x,
  html.mobile-perf-mode .release-card,
  html.mobile-perf-mode body.cms-tool-body .cms-tool-app,
  html.mobile-perf-mode body.cms-tool-body .cms-result-card,
  html.mobile-perf-mode body.cms-tool-body .cms-related-box{
    transition-duration:.18s !important;
  }

  html.mobile-perf-mode .m-menu.open .m-tools-card,
  html.mobile-perf-mode .m-menu.open .m-links,
  html.mobile-perf-mode .m-menu.open .m-advanced-search,
  html.mobile-perf-mode .m-menu.open .m-theme-block,
  html.mobile-perf-mode .m-menu.open .m-lang-block{
    animation:czDrawerItemIn .38s cubic-bezier(.2,.8,.2,1) both !important;
  }

  html.mobile-perf-mode .m-menu.open .m-links{ animation-delay:.035s !important; }
  html.mobile-perf-mode .m-menu.open .m-advanced-search{ animation-delay:.07s !important; }
  html.mobile-perf-mode .m-menu.open .m-theme-block{ animation-delay:.105s !important; }
  html.mobile-perf-mode .m-menu.open .m-lang-block{ animation-delay:.14s !important; }

  .m-head-minimal{
    min-height:38px !important;
    padding-bottom:0 !important;
  }

  .m-tools-card,
  .m-command-card,
  .m-theme-block,
  .m-lang-block{
    width:100% !important;
    min-width:0 !important;
  }

  .m-tool-grid{
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
    gap:8px !important;
  }

  .m-tool-grid a{
    min-height:64px !important;
    border-radius:15px !important;
  }

  .m-links{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:9px !important;
  }

  .m-link{
    min-height:56px !important;
    border-color:rgba(var(--cz-glow-rgb), .20) !important;
    background:
      radial-gradient(180px 86px at 50% 0%, rgba(var(--cz-glow-rgb), .13), transparent 72%),
      rgba(255,255,255,.043) !important;
  }

  .m-theme-block,
  .m-lang-block{
    padding:13px !important;
  }

  .m-menu .m-colors,
  .m-colors{
    grid-template-columns:repeat(4, minmax(42px, 48px)) !important;
    gap:10px !important;
    max-width:224px !important;
    margin-inline:auto !important;
  }

  .m-lang-block{
    overflow:hidden !important;
  }

  .m-lang-block #google_translate_element_mobile,
  .m-lang-block #google_translate_native_mobile,
  .m-lang-block .cz-lang-select,
  .m-lang-block select{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }

  html.mobile-perf-mode .pick-card,
  html.mobile-perf-mode .authority-card,
  html.mobile-perf-mode .guide-x,
  html.mobile-perf-mode .release-card,
  html.mobile-perf-mode body.cms-tool-body .cms-tool-app,
  html.mobile-perf-mode body.cms-tool-body .cms-result-card{
    animation:czMobileCardBreath 8s ease-in-out infinite !important;
  }

  html.mobile-perf-mode .pick-card:nth-child(2n),
  html.mobile-perf-mode .authority-card:nth-child(2n),
  html.mobile-perf-mode .guide-x:nth-child(2n),
  html.mobile-perf-mode .release-card:nth-child(2n){
    animation-delay:-3s !important;
  }
}

@media (max-width: 390px){
  .m-tool-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .m-tool-grid a{
    min-height:58px !important;
  }

  .m-tool-grid span{
    font-size:11px !important;
  }

  .m-advanced-search{
    grid-template-columns:40px 1fr !important;
  }

  .m-advanced-search .m-command-icon{
    width:40px !important;
    height:40px !important;
  }
}

@media (prefers-reduced-motion: reduce){
  html.mobile-perf-mode body::before,
  html.mobile-perf-mode body::after,
  html.mobile-perf-mode .m-menu.open .m-tools-card,
  html.mobile-perf-mode .m-menu.open .m-links,
  html.mobile-perf-mode .m-menu.open .m-advanced-search,
  html.mobile-perf-mode .m-menu.open .m-theme-block,
  html.mobile-perf-mode .m-menu.open .m-lang-block,
  html.mobile-perf-mode .pick-card,
  html.mobile-perf-mode .authority-card,
  html.mobile-perf-mode .guide-x,
  html.mobile-perf-mode .release-card,
  html.mobile-perf-mode body.cms-tool-body .cms-tool-app,
  html.mobile-perf-mode body.cms-tool-body .cms-result-card{
    animation:none !important;
  }
}

/* v129: tools directory controls live below the hero and directly above SEO Tools. */
body.tools-page .tools-hero{
  margin-bottom:clamp(18px, 2.8vw, 30px) !important;
}

body.tools-page .tools-directory-controls{
  width:min(980px, 100%) !important;
  margin:0 auto clamp(14px, 2.2vw, 22px) !important;
  display:grid !important;
  gap:12px !important;
  justify-items:center !important;
  text-align:center !important;
  position:relative !important;
  z-index:2 !important;
}

body.tools-page .tools-directory-controls::before{
  content:"" !important;
  width:min(460px, 76vw) !important;
  height:1px !important;
  display:block !important;
  background:linear-gradient(90deg, transparent, rgba(var(--cz-glow-rgb), .72), transparent) !important;
  box-shadow:0 0 22px rgba(var(--cz-glow-rgb), .38) !important;
  opacity:.82 !important;
}

body.tools-page .tools-directory-meta{
  width:auto !important;
  min-height:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:rgba(236,251,255,.78) !important;
  font-size:13px !important;
  font-weight:850 !important;
  letter-spacing:.035em !important;
  text-transform:uppercase !important;
}

body.tools-page .tools-directory-meta span{
  text-shadow:0 0 22px rgba(var(--cz-glow-rgb), .24) !important;
}

body.tools-page .tools-directory-meta button{
  min-height:30px !important;
  padding:0 12px !important;
  border-radius:999px !important;
}

body.tools-page .tools-category-bar{
  width:100% !important;
  margin:0 !important;
  padding:9px !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:9px !important;
  border:1px solid rgba(var(--cz-glow-rgb), .22) !important;
  border-radius:999px !important;
  background:
    radial-gradient(520px 110px at 50% 0%, rgba(var(--cz-glow-rgb), .14), transparent 74%),
    linear-gradient(180deg, rgba(255,255,255,.048), rgba(255,255,255,.018)),
    rgba(3,8,20,.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(var(--cz-glow-rgb), .14),
    0 14px 42px rgba(0,0,0,.22),
    0 0 38px rgba(var(--cz-glow-rgb), .12) !important;
}

body.tools-page .tools-category-bar .chip{
  margin:0 !important;
  min-height:40px !important;
  border-color:rgba(var(--cz-glow-rgb), .20) !important;
  background:rgba(0,0,0,.20) !important;
  box-shadow:none !important;
}

body.tools-page .tools-category-bar .chip.active,
body.tools-page .tools-category-bar .chip[aria-current="true"]{
  border-color:rgba(var(--cz-glow-rgb), .54) !important;
  background:
    radial-gradient(140px 70px at 50% 0%, rgba(var(--cz-glow-rgb), .30), transparent 74%),
    rgba(var(--cz-glow-rgb), .12) !important;
  box-shadow:
    inset 0 1px 0 rgba(var(--cz-glow-rgb), .20),
    0 0 28px rgba(var(--cz-glow-rgb), .16) !important;
}

body.tools-page .tools-directory-controls + .tools-empty{
  margin-top:0 !important;
}

body.tools-page .tools-directory-controls + .tool-sections,
body.tools-page .tools-directory-controls + .tools-empty + .tool-sections{
  margin-top:0 !important;
}

@media (max-width: 820px), (pointer: coarse){
  body.tools-page .tools-directory-controls{
    width:100% !important;
    margin-bottom:14px !important;
    gap:10px !important;
  }

  body.tools-page .tools-directory-meta{
    font-size:12px !important;
    line-height:1.35 !important;
    flex-wrap:wrap !important;
  }

  body.tools-page .tools-category-bar{
    justify-content:flex-start !important;
    overflow-x:auto !important;
    flex-wrap:nowrap !important;
    padding:8px !important;
    border-radius:18px !important;
    scrollbar-width:none !important;
    -webkit-overflow-scrolling:touch !important;
  }

  body.tools-page .tools-category-bar::-webkit-scrollbar{
    display:none !important;
  }

  body.tools-page .tools-category-bar .chip{
    flex:0 0 auto !important;
    white-space:nowrap !important;
  }
}

/* v130: tools hero search focus and route cards moved after the directory. */
body.tools-page .tools-hero-top{
  margin-bottom:clamp(18px, 2.6vw, 28px) !important;
}

body.tools-page .tools-title + .cz-tools-search-hint{
  width:max-content !important;
  max-width:100% !important;
  margin:12px auto 14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  text-align:center !important;
  color:rgba(236,251,255,.76) !important;
  font-size:13px !important;
  font-weight:850 !important;
  letter-spacing:.025em !important;
  text-shadow:0 0 24px rgba(var(--cz-glow-rgb), .25) !important;
}

body.tools-page .tools-title + .cz-tools-search-hint kbd{
  min-width:25px !important;
  height:24px !important;
  border-color:rgba(var(--cz-glow-rgb), .34) !important;
  border-bottom-color:rgba(var(--cz-glow-rgb), .58) !important;
  background:
    linear-gradient(180deg, rgba(var(--cz-glow-rgb), .17), rgba(255,255,255,.055)) !important;
  color:#f2fdff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 0 18px rgba(var(--cz-glow-rgb), .16) !important;
}

body.tools-page .tools-hero .tools-sub{
  margin-top:0 !important;
}

body.tools-page .tools-hero .tools-search{
  width:min(1040px, 100%) !important;
  max-width:1040px !important;
  margin:clamp(18px, 2.4vw, 26px) auto 0 !important;
  grid-template-columns:minmax(0, 1fr) !important;
  justify-items:stretch !important;
}

body.tools-page .tools-hero .tools-search .search{
  width:100% !important;
  max-width:none !important;
  justify-self:stretch !important;
  min-height:62px !important;
  padding:0 24px !important;
  border-radius:18px !important;
  font-size:16px !important;
  letter-spacing:0 !important;
}

body.tools-page .tools-prompt-dock{
  display:none !important;
}

body.tools-page .tools-route-grid-after{
  width:100% !important;
  margin:clamp(24px, 3vw, 36px) auto clamp(18px, 2.4vw, 26px) !important;
}

body.tools-page .tools-route-grid-after + .route-final-strip{
  margin-top:0 !important;
}

@media (max-width: 820px), (pointer: coarse){
  body.tools-page .tools-title + .cz-tools-search-hint{
    width:100% !important;
    flex-wrap:wrap !important;
    margin:10px auto 12px !important;
    font-size:12.5px !important;
  }

  body.tools-page .tools-hero .tools-search{
    width:100% !important;
    margin-top:16px !important;
  }

  body.tools-page .tools-hero .tools-search .search{
    min-height:56px !important;
    padding-inline:16px !important;
    font-size:14px !important;
  }

  body.tools-page .tools-route-grid-after{
    margin-top:20px !important;
  }
}

/* v132: directory controls live inside the SEO Tools section box. */
body.tools-page .tool-section > .tools-directory-controls{
  width:100% !important;
  max-width:none !important;
  margin:0 auto clamp(18px, 2.4vw, 28px) !important;
  padding:0 0 clamp(16px, 2vw, 22px) !important;
  display:grid !important;
  border-bottom:1px solid rgba(var(--cz-glow-rgb), .16) !important;
}

body.tools-page .tool-section > .tools-directory-controls::before{
  width:min(520px, 76vw) !important;
  margin-inline:auto !important;
}

body.tools-page .tool-section > .tools-directory-controls .tools-category-bar{
  width:min(980px, 100%) !important;
}

body.tools-page .tools-route-status{
  width:max-content !important;
  max-width:100% !important;
  margin:clamp(24px, 3vw, 36px) auto 10px !important;
}

body.tools-page .tools-route-status + .tools-route-grid-after{
  margin-top:10px !important;
}

body.tools-page .tools-route-grid-after a{
  display:grid !important;
  grid-template-rows:auto 1fr auto !important;
  gap:12px !important;
}

body.tools-page .tools-route-grid-after a em{
  width:max-content !important;
  max-width:100% !important;
  min-height:44px !important;
  margin-top:8px !important;
  padding:0 18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(var(--cz-glow-rgb), .62) !important;
  border-radius:14px !important;
  background:
    linear-gradient(135deg, color-mix(in srgb, rgb(var(--cz-glow-rgb)) 52%, #e8fbff 48%), rgb(var(--cz-glow-rgb))) !important;
  color:#03121a !important;
  font-family:"Oxanium", "Space Grotesk", system-ui, sans-serif !important;
  font-size:12px !important;
  font-weight:950 !important;
  font-style:normal !important;
  letter-spacing:.035em !important;
  text-transform:uppercase !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.40),
    0 0 22px rgba(var(--cz-glow-rgb), .34),
    0 14px 34px rgba(var(--cz-glow-rgb), .18) !important;
}

body.tools-page .tools-route-grid-after a:hover em,
body.tools-page .tools-route-grid-after a:focus-visible em{
  transform:translateY(-1px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.48),
    0 0 30px rgba(var(--cz-glow-rgb), .44),
    0 18px 42px rgba(var(--cz-glow-rgb), .24) !important;
}

body.tools-page .tool-section.tools-section-controls-only{
  padding-bottom:18px !important;
}

body.tools-page .tool-section.tools-section-controls-only > .section-head,
body.tools-page .tool-section.tools-section-controls-only > .cards-grid{
  display:none !important;
}

@media (max-width: 820px), (pointer: coarse){
  body.tools-page .tool-section > .tools-directory-controls{
    margin-bottom:16px !important;
    padding-bottom:14px !important;
  }

  body.tools-page .tool-section > .tools-directory-controls .tools-category-bar{
    width:100% !important;
  }

  body.tools-page .tools-route-status{
    width:100% !important;
    margin-top:20px !important;
  }

  body.tools-page .tools-route-grid-after a em{
    width:100% !important;
  }
}

/* v134: restore accent nebula under particles and stronger CMS edge glow. */
:root{
  --cz-bg-deep:#030714;
  --cz-nebula-hot:rgba(var(--cz-glow-rgb, 56,232,255), .38);
  --cz-nebula-soft:rgba(var(--cz-glow-rgb, 56,232,255), .18);
  --cz-line-glow:rgba(var(--cz-glow-rgb, 56,232,255), .46);
  --cz-line-glow-strong:rgba(var(--cz-glow-rgb, 56,232,255), .68);
}

html,
body.bigtext,
body{
  background-color:var(--cz-bg-deep) !important;
}

body.bigtext,
body{
  background:
    radial-gradient(980px 620px at 50% 18%, var(--cz-nebula-hot), transparent 72%),
    radial-gradient(1160px 720px at 22% 28%, color-mix(in srgb, var(--accent2, #8af3ff) 25%, transparent), transparent 74%),
    radial-gradient(1100px 700px at 78% 22%, var(--cz-nebula-soft), transparent 76%),
    radial-gradient(1400px 840px at 50% 88%, rgba(var(--cz-glow-rgb, 56,232,255), .14), transparent 80%),
    linear-gradient(180deg, #08101b 0%, #050917 42%, var(--cz-bg-deep) 100%) !important;
}

body.bigtext::before,
body::before{
  content:"" !important;
  position:fixed !important;
  inset:-26% !important;
  z-index:-6 !important;
  pointer-events:none !important;
  opacity:1 !important;
  background:
    radial-gradient(780px 460px at 50% 20%, rgba(var(--cz-glow-rgb, 56,232,255), .52), transparent 66%),
    radial-gradient(980px 560px at 36% 12%, color-mix(in srgb, var(--accent2, #8af3ff) 34%, transparent), transparent 70%),
    radial-gradient(980px 620px at 68% 18%, rgba(var(--cz-glow-rgb, 56,232,255), .28), transparent 74%),
    radial-gradient(1320px 780px at 50% 58%, rgba(var(--cz-glow-rgb, 56,232,255), .16), transparent 76%) !important;
  filter:blur(44px) saturate(1.42) brightness(1.16) !important;
  transform:translate3d(0,0,0) !important;
  animation:czNebulaBreath 24s ease-in-out infinite alternate !important;
  will-change:opacity, transform !important;
}

body.bigtext::after,
body::after{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  z-index:-5 !important;
  pointer-events:none !important;
  opacity:.84 !important;
  background:
    linear-gradient(rgba(var(--cz-glow-rgb, 56,232,255), .070) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--cz-glow-rgb, 56,232,255), .058) 1px, transparent 1px),
    radial-gradient(900px 320px at 50% 10%, rgba(var(--cz-glow-rgb, 56,232,255), .18), transparent 76%),
    radial-gradient(980px 520px at 50% 45%, rgba(var(--cz-glow-rgb, 56,232,255), .095), transparent 82%) !important;
  background-size:72px 72px, 72px 72px, auto, auto !important;
  mask-image:linear-gradient(to bottom, transparent 0, #000 6%, #000 88%, transparent 100%) !important;
  filter:none !important;
}

@keyframes czNebulaBreath{
  0%{ opacity:.86; transform:translate3d(-1.2%, -.6%, 0) scale(1); }
  50%{ opacity:1; transform:translate3d(.8%, .4%, 0) scale(1.025); }
  100%{ opacity:.92; transform:translate3d(-.3%, 1%, 0) scale(1.012); }
}

#clickozParticles{
  opacity:1 !important;
  filter:saturate(1.72) brightness(1.38) !important;
}

.pidle,
.pburst,
.pguide{
  box-shadow:
    0 0 16px rgba(var(--cz-glow-rgb, 56,232,255), .98),
    0 0 48px rgba(var(--cz-glow-rgb, 56,232,255), .48),
    0 0 92px rgba(var(--cz-glow-rgb, 56,232,255), .22) !important;
}

.nav,
.footer,
.menu,
.m-menu,
.tools-hero,
.tool-section,
.tools-category-bar,
.tools-route-grid a,
.route-final-strip,
.request-mega-cta,
.guide-hub-hero,
.guide-hub-card,
.guide-category-band,
.guide-x,
.updates-hero,
.updates-box,
.release-card,
.card,
.small-card,
.pick-card,
.authority-card,
.workflow-card,
.lane,
.faq,
.seo-boost,
.donate-box,
.pillar-grid a,
.guide-route-panel a,
body.cms-tool-body .cms-tool-app,
body.cms-tool-body .cms-tool-panel,
body.cms-tool-body .cms-result-card,
body.cms-tool-body .cms-related-box,
body.cms-tool-body .cms-info-card,
body.cms-tool-body .cms-output,
body.cms-tool-body .cms-example-option{
  border-color:var(--cz-line-glow) !important;
  box-shadow:
    inset 0 1px 0 rgba(var(--cz-glow-rgb, 56,232,255), .20),
    inset 0 0 28px rgba(var(--cz-glow-rgb, 56,232,255), .035),
    0 0 0 1px rgba(var(--cz-glow-rgb, 56,232,255), .10),
    0 18px 56px rgba(0,0,0,.36),
    0 0 46px rgba(var(--cz-glow-rgb, 56,232,255), .18) !important;
}

.tools-hero,
.tool-section,
.guide-hub-hero,
.updates-hero,
body.cms-tool-body .cms-tool-app{
  background:
    radial-gradient(820px 300px at 50% 0%, rgba(var(--cz-glow-rgb, 56,232,255), .18), transparent 74%),
    radial-gradient(760px 360px at 16% 8%, rgba(var(--cz-glow-rgb, 56,232,255), .12), transparent 72%),
    linear-gradient(180deg, rgba(var(--cz-glow-rgb, 56,232,255), .045), rgba(3,8,20,.58)),
    rgba(3,8,20,.68) !important;
}

.tools-route-grid a,
.guide-hub-card,
.guide-x,
.release-card,
.card,
.small-card,
.pick-card,
.authority-card,
body.cms-tool-body .cms-result-card,
body.cms-tool-body .cms-related-box,
body.cms-tool-body .cms-info-card{
  background:
    radial-gradient(440px 190px at 20% 0%, rgba(var(--cz-glow-rgb, 56,232,255), .16), transparent 72%),
    linear-gradient(180deg, rgba(var(--cz-glow-rgb, 56,232,255), .040), rgba(3,8,20,.54)),
    rgba(3,8,20,.58) !important;
}

.tools-hero:hover,
.tool-section:hover,
.tools-route-grid a:hover,
.guide-hub-card:hover,
.guide-x:hover,
.release-card:hover,
.card:hover,
.small-card:hover,
.pick-card:hover,
.authority-card:hover,
body.cms-tool-body .cms-result-card:hover,
body.cms-tool-body .cms-related-box:hover,
body.cms-tool-body .cms-info-card:hover{
  border-color:var(--cz-line-glow-strong) !important;
  box-shadow:
    inset 0 1px 0 rgba(var(--cz-glow-rgb, 56,232,255), .26),
    inset 0 0 34px rgba(var(--cz-glow-rgb, 56,232,255), .05),
    0 0 0 1px rgba(var(--cz-glow-rgb, 56,232,255), .15),
    0 22px 66px rgba(0,0,0,.40),
    0 0 66px rgba(var(--cz-glow-rgb, 56,232,255), .27) !important;
}

.section-count,
.chip,
.tools-search .search,
.cz-command-input-row input,
body.cms-tool-body input,
body.cms-tool-body textarea,
body.cms-tool-body select,
body.cms-tool-body .cms-tool-actions .btn,
body.cms-tool-body .cms-copy-btn{
  border-color:rgba(var(--cz-glow-rgb, 56,232,255), .42) !important;
  box-shadow:
    inset 0 1px 0 rgba(var(--cz-glow-rgb, 56,232,255), .14),
    0 0 28px rgba(var(--cz-glow-rgb, 56,232,255), .14) !important;
}

@media (max-width: 820px), (pointer: coarse){
  html.mobile-perf-mode body::before{
    opacity:.84 !important;
    filter:blur(30px) saturate(1.22) brightness(1.08) !important;
    animation:czNebulaBreath 30s ease-in-out infinite alternate !important;
  }

  html.mobile-perf-mode body::after{
    opacity:.50 !important;
  }
}

@media (prefers-reduced-motion: reduce){
  body.bigtext::before,
  body::before{
    animation:none !important;
  }
}

/* v135: higher-specificity CMS glow restoration for generated tool/guide boxes. */
body.tools-page .tools-hero,
body.tools-page .tool-section,
body.tools-page .tools-category-bar,
body.tools-page .tools-route-grid a,
body.guides-page .guide-hub-hero,
body.guides-page .guide-hub-card,
body.guides-page .guide-category-band,
body.page-guide .guide-x,
body.page-guide .guide-route-panel a,
body:has(.updates-hero) .updates-hero,
body:has(.updates-hero) .updates-box,
body:has(.updates-hero) .release-card,
body.cms-tool-body .cms-tool-app,
body.cms-tool-body .cms-tool-panel,
body.cms-tool-body .cms-result-card,
body.cms-tool-body .cms-related-box,
body.cms-tool-body .cms-info-card,
body.cms-tool-body .cms-output{
  border-color:var(--cz-line-glow) !important;
  box-shadow:
    inset 0 1px 0 rgba(var(--cz-glow-rgb, 56,232,255), .22),
    inset 0 0 30px rgba(var(--cz-glow-rgb, 56,232,255), .045),
    0 0 0 1px rgba(var(--cz-glow-rgb, 56,232,255), .12),
    0 20px 58px rgba(0,0,0,.36),
    0 0 58px rgba(var(--cz-glow-rgb, 56,232,255), .20) !important;
}

body.tools-page .tools-hero,
body.tools-page .tool-section,
body.guides-page .guide-hub-hero,
body:has(.updates-hero) .updates-hero,
body.cms-tool-body .cms-tool-app{
  background:
    radial-gradient(900px 340px at 50% -4%, rgba(var(--cz-glow-rgb, 56,232,255), .22), transparent 74%),
    radial-gradient(760px 360px at 15% 8%, rgba(var(--cz-glow-rgb, 56,232,255), .13), transparent 72%),
    radial-gradient(700px 330px at 92% 12%, color-mix(in srgb, var(--accent2, #8af3ff) 16%, transparent), transparent 76%),
    linear-gradient(180deg, rgba(var(--cz-glow-rgb, 56,232,255), .050), rgba(3,8,20,.62)),
    rgba(3,8,20,.70) !important;
}

body.tools-page .tool-sections .card.tool-card-enhanced,
body.tools-page .tools-route-grid a,
body.guides-page .guide-hub-card,
body.page-guide .guide-x,
body:has(.updates-hero) .release-card,
body.cms-tool-body .cms-result-card,
body.cms-tool-body .cms-related-box,
body.cms-tool-body .cms-info-card{
  border-color:rgba(var(--cz-glow-rgb, 56,232,255), .42) !important;
  background:
    radial-gradient(480px 210px at 18% 0%, rgba(var(--cz-glow-rgb, 56,232,255), .18), transparent 74%),
    radial-gradient(340px 180px at 92% 8%, rgba(var(--cz-glow-rgb, 56,232,255), .10), transparent 76%),
    linear-gradient(180deg, rgba(var(--cz-glow-rgb, 56,232,255), .044), rgba(3,8,20,.58)),
    rgba(3,8,20,.62) !important;
  box-shadow:
    inset 0 1px 0 rgba(var(--cz-glow-rgb, 56,232,255), .20),
    0 0 0 1px rgba(var(--cz-glow-rgb, 56,232,255), .10),
    0 18px 56px rgba(0,0,0,.34),
    0 0 52px rgba(var(--cz-glow-rgb, 56,232,255), .18) !important;
}

body.tools-page .tools-hero::after,
body.tools-page .tool-section::after,
body.cms-tool-body .cms-tool-app::after,
body.guides-page .guide-hub-hero::after,
body:has(.updates-hero) .updates-hero::after{
  background:linear-gradient(90deg, transparent, rgba(var(--cz-glow-rgb, 56,232,255), .86), transparent) !important;
  box-shadow:0 0 24px rgba(var(--cz-glow-rgb, 56,232,255), .52) !important;
  opacity:.72 !important;
}

body.tools-page .tool-section:hover,
body.tools-page .tool-sections .card.tool-card-enhanced:hover,
body.tools-page .tools-route-grid a:hover,
body.guides-page .guide-hub-card:hover,
body.page-guide .guide-x:hover,
body.cms-tool-body .cms-result-card:hover,
body.cms-tool-body .cms-related-box:hover,
body.cms-tool-body .cms-info-card:hover{
  border-color:var(--cz-line-glow-strong) !important;
  box-shadow:
    inset 0 1px 0 rgba(var(--cz-glow-rgb, 56,232,255), .28),
    0 0 0 1px rgba(var(--cz-glow-rgb, 56,232,255), .16),
    0 24px 70px rgba(0,0,0,.42),
    0 0 74px rgba(var(--cz-glow-rgb, 56,232,255), .30) !important;
}

/* v136: picked-color CTA text contrast and hover inversion. */
.btn-accent,
.btn.primary,
.cz-btn.primary,
.cookie .primary,
.nav-primary-cta,
.tool-cta,
.guide-cta,
.updates-btn,
.updates-btn-primary,
.updates-btn.primary,
.release-more,
.rec-refresh,
.tools-route-grid-after a em,
body.cms-tool-body .cms-tool-actions .btn.primary,
body.cms-tool-body .cms-copy-btn,
body.cms-tool-body .cms-download-btn{
  color:#fff !important;
  -webkit-text-stroke:.72px rgba(0,0,0,.96) !important;
  paint-order:stroke fill !important;
  text-shadow:
    0 1px 0 rgba(0,0,0,.95),
    0 0 8px rgba(0,0,0,.70) !important;
}

.btn-accent *,
.btn.primary *,
.cz-btn.primary *,
.cookie .primary *,
.nav-primary-cta *,
.tool-cta *,
.guide-cta *,
.updates-btn *,
.updates-btn-primary *,
.updates-btn.primary *,
.release-more *,
.rec-refresh *,
.tools-route-grid-after a em *,
body.cms-tool-body .cms-tool-actions .btn.primary *,
body.cms-tool-body .cms-copy-btn *,
body.cms-tool-body .cms-download-btn *{
  color:inherit !important;
  -webkit-text-stroke:inherit !important;
  paint-order:inherit !important;
  text-shadow:inherit !important;
}

@media (hover:hover) and (pointer:fine){
  .btn-accent:hover,
  .btn.primary:hover,
  .cz-btn.primary:hover,
  .cookie .primary:hover,
  .nav-primary-cta:hover,
  .tool-cta:hover,
  .guide-cta:hover,
  .updates-btn:hover,
  .updates-btn-primary:hover,
  .updates-btn.primary:hover,
  .release-more:hover,
  .rec-refresh:hover,
  .tools-route-grid-after a:hover em,
  body.cms-tool-body .cms-tool-actions .btn.primary:hover,
  body.cms-tool-body .cms-copy-btn:hover,
  body.cms-tool-body .cms-download-btn:hover,
  .btn-accent:focus-visible,
  .btn.primary:focus-visible,
  .cz-btn.primary:focus-visible,
  .cookie .primary:focus-visible,
  .nav-primary-cta:focus-visible,
  .tool-cta:focus-visible,
  .guide-cta:focus-visible,
  .updates-btn:focus-visible,
  .updates-btn-primary:focus-visible,
  .updates-btn.primary:focus-visible,
  .release-more:focus-visible,
  .rec-refresh:focus-visible,
  .tools-route-grid-after a:focus-visible em,
  body.cms-tool-body .cms-tool-actions .btn.primary:focus-visible,
  body.cms-tool-body .cms-copy-btn:focus-visible,
  body.cms-tool-body .cms-download-btn:focus-visible{
    color:#030712 !important;
    -webkit-text-stroke:.72px rgba(255,255,255,.96) !important;
    paint-order:stroke fill !important;
    text-shadow:
      0 1px 0 rgba(255,255,255,.90),
      0 0 9px rgba(255,255,255,.62) !important;
  }
}

/* v137: higher-specificity contrast for page-scoped picked-color CTAs. */
body .btn-accent,
body .btn.primary,
body .cz-btn.primary,
body .cookie .primary,
body .nav-primary-cta,
body .tool-cta,
body .guide-cta,
body .updates-btn,
body .updates-btn-primary,
body .updates-btn.primary,
body .release-more,
body .rec-refresh,
body.tools-page .tools-route-grid-after a em,
body:has(.updates-canvas) .updates-btn,
body:has(.updates-canvas) .updates-btn-primary,
body:has(.updates-canvas) .updates-btn.primary,
body:has(.updates-canvas) .release-more,
body.cms-tool-body .cms-tool-actions .btn.primary,
body.cms-tool-body .cms-copy-btn,
body.cms-tool-body .cms-download-btn{
  color:#fff !important;
  -webkit-text-stroke-width:.72px !important;
  -webkit-text-stroke-color:rgba(0,0,0,.96) !important;
  text-shadow:
    0 1px 0 rgba(0,0,0,.95),
    0 0 8px rgba(0,0,0,.70) !important;
}

@media (hover:hover) and (pointer:fine){
  body .btn-accent:hover,
  body .btn.primary:hover,
  body .cz-btn.primary:hover,
  body .cookie .primary:hover,
  body .nav-primary-cta:hover,
  body .tool-cta:hover,
  body .guide-cta:hover,
  body .updates-btn:hover,
  body .updates-btn-primary:hover,
  body .updates-btn.primary:hover,
  body .release-more:hover,
  body .rec-refresh:hover,
  body.tools-page .tools-route-grid-after a:hover em,
  body:has(.updates-canvas) .updates-btn:hover,
  body:has(.updates-canvas) .updates-btn-primary:hover,
  body:has(.updates-canvas) .updates-btn.primary:hover,
  body:has(.updates-canvas) .release-more:hover,
  body.cms-tool-body .cms-tool-actions .btn.primary:hover,
  body.cms-tool-body .cms-copy-btn:hover,
  body.cms-tool-body .cms-download-btn:hover,
  body .btn-accent:focus-visible,
  body .btn.primary:focus-visible,
  body .cz-btn.primary:focus-visible,
  body .cookie .primary:focus-visible,
  body .nav-primary-cta:focus-visible,
  body .tool-cta:focus-visible,
  body .guide-cta:focus-visible,
  body .updates-btn:focus-visible,
  body .updates-btn-primary:focus-visible,
  body .updates-btn.primary:focus-visible,
  body .release-more:focus-visible,
  body .rec-refresh:focus-visible,
  body.tools-page .tools-route-grid-after a:focus-visible em,
  body:has(.updates-canvas) .updates-btn:focus-visible,
  body:has(.updates-canvas) .updates-btn-primary:focus-visible,
  body:has(.updates-canvas) .updates-btn.primary:focus-visible,
  body:has(.updates-canvas) .release-more:focus-visible,
  body.cms-tool-body .cms-tool-actions .btn.primary:focus-visible,
  body.cms-tool-body .cms-copy-btn:focus-visible,
  body.cms-tool-body .cms-download-btn:focus-visible{
    color:#030712 !important;
    -webkit-text-stroke-width:.72px !important;
    -webkit-text-stroke-color:rgba(255,255,255,.96) !important;
    text-shadow:
      0 1px 0 rgba(255,255,255,.90),
      0 0 9px rgba(255,255,255,.62) !important;
  }
}

/* v139: final picked-color CTA hover override after page-scoped button rules. */
body .btn-accent:hover,
body .btn.primary:hover,
body .cz-btn.primary:hover,
body .cookie .primary:hover,
body .nav-primary-cta:hover,
body .tool-cta:hover,
body .guide-cta:hover,
body .updates-btn:hover,
body .updates-btn-primary:hover,
body .updates-btn.primary:hover,
body .release-more:hover,
body .rec-refresh:hover,
body.tools-page .tools-route-grid-after a:hover em,
body:has(.updates-canvas) .updates-btn:hover,
body:has(.updates-canvas) .updates-btn-primary:hover,
body:has(.updates-canvas) .updates-btn.primary:hover,
body:has(.updates-canvas) .release-more:hover,
body.cms-tool-body .cms-tool-actions .btn.primary:hover,
body.cms-tool-body .cms-copy-btn:hover,
body.cms-tool-body .cms-download-btn:hover,
body .btn-accent:focus-visible,
body .btn.primary:focus-visible,
body .cz-btn.primary:focus-visible,
body .cookie .primary:focus-visible,
body .nav-primary-cta:focus-visible,
body .tool-cta:focus-visible,
body .guide-cta:focus-visible,
body .updates-btn:focus-visible,
body .updates-btn-primary:focus-visible,
body .updates-btn.primary:focus-visible,
body .release-more:focus-visible,
body .rec-refresh:focus-visible,
body.tools-page .tools-route-grid-after a:focus-visible em,
body:has(.updates-canvas) .updates-btn:focus-visible,
body:has(.updates-canvas) .updates-btn-primary:focus-visible,
body:has(.updates-canvas) .updates-btn.primary:focus-visible,
body:has(.updates-canvas) .release-more:focus-visible,
body.cms-tool-body .cms-tool-actions .btn.primary:focus-visible,
body.cms-tool-body .cms-copy-btn:focus-visible,
body.cms-tool-body .cms-download-btn:focus-visible{
  color:#030712 !important;
  -webkit-text-stroke-width:.72px !important;
  -webkit-text-stroke-color:rgba(255,255,255,.96) !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.90),
    0 0 9px rgba(255,255,255,.62) !important;
}

/* v140: unified picked-color CTA typography across CMS pages. */
html body .btn.btn-accent,
html body .btn.primary,
html body .cz-btn.primary,
html body .cookie .primary,
html body .nav-primary-cta,
html body .tool-cta,
html body .guide-cta,
html body .updates-btn-primary,
html body .updates-btn.primary,
html body .release-more,
html body .rec-refresh,
html body .dash-actions .btn.btn-accent,
html body .request-mega-cta .btn.btn-accent,
html body .tools-route-grid-after a em,
html body .friendly-preview-card-main a,
html body .cms-tool-start-row .cms-start-primary,
html body .guide-action-strip .guide-action-primary,
html body.cms-tool-body .cms-tool-actions .btn.primary,
html body.cms-tool-body .cms-copy-btn,
html body.cms-tool-body .cms-download-btn{
  color:#fff !important;
  -webkit-text-stroke-width:.52px !important;
  -webkit-text-stroke-color:rgba(0,0,0,.96) !important;
  paint-order:stroke fill !important;
  text-shadow:
    0 1px 0 rgba(0,0,0,.94),
    0 0 4px rgba(0,0,0,.72),
    0 0 10px rgba(0,0,0,.34) !important;
}

html body .btn.btn-accent *,
html body .btn.primary *,
html body .cz-btn.primary *,
html body .cookie .primary *,
html body .nav-primary-cta *,
html body .tool-cta *,
html body .guide-cta *,
html body .updates-btn-primary *,
html body .updates-btn.primary *,
html body .release-more *,
html body .rec-refresh *,
html body .dash-actions .btn.btn-accent *,
html body .request-mega-cta .btn.btn-accent *,
html body .tools-route-grid-after a em *,
html body .friendly-preview-card-main a *,
html body .cms-tool-start-row .cms-start-primary *,
html body .guide-action-strip .guide-action-primary *,
html body.cms-tool-body .cms-tool-actions .btn.primary *,
html body.cms-tool-body .cms-copy-btn *,
html body.cms-tool-body .cms-download-btn *{
  color:inherit !important;
  -webkit-text-stroke-width:inherit !important;
  -webkit-text-stroke-color:inherit !important;
  paint-order:inherit !important;
  text-shadow:inherit !important;
}

html body .btn.btn-accent:hover,
html body .btn.primary:hover,
html body .cz-btn.primary:hover,
html body .cookie .primary:hover,
html body .nav-primary-cta:hover,
html body .tool-cta:hover,
html body .guide-cta:hover,
html body .updates-btn-primary:hover,
html body .updates-btn.primary:hover,
html body .release-more:hover,
html body .rec-refresh:hover,
html body .dash-actions .btn.btn-accent:hover,
html body .request-mega-cta .btn.btn-accent:hover,
html body .tools-route-grid-after a:hover em,
html body .friendly-preview-card-main a:hover,
html body .cms-tool-start-row .cms-start-primary:hover,
html body .guide-action-strip .guide-action-primary:hover,
html body.cms-tool-body .cms-tool-actions .btn.primary:hover,
html body.cms-tool-body .cms-copy-btn:hover,
html body.cms-tool-body .cms-download-btn:hover,
html body .btn.btn-accent:focus-visible,
html body .btn.primary:focus-visible,
html body .cz-btn.primary:focus-visible,
html body .cookie .primary:focus-visible,
html body .nav-primary-cta:focus-visible,
html body .tool-cta:focus-visible,
html body .guide-cta:focus-visible,
html body .updates-btn-primary:focus-visible,
html body .updates-btn.primary:focus-visible,
html body .release-more:focus-visible,
html body .rec-refresh:focus-visible,
html body .dash-actions .btn.btn-accent:focus-visible,
html body .request-mega-cta .btn.btn-accent:focus-visible,
html body .tools-route-grid-after a:focus-visible em,
html body .friendly-preview-card-main a:focus-visible,
html body .cms-tool-start-row .cms-start-primary:focus-visible,
html body .guide-action-strip .guide-action-primary:focus-visible,
html body.cms-tool-body .cms-tool-actions .btn.primary:focus-visible,
html body.cms-tool-body .cms-copy-btn:focus-visible,
html body.cms-tool-body .cms-download-btn:focus-visible{
  color:#05070c !important;
  -webkit-text-stroke-width:.52px !important;
  -webkit-text-stroke-color:rgba(255,255,255,.96) !important;
  paint-order:stroke fill !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.92),
    0 0 4px rgba(255,255,255,.78),
    0 0 11px rgba(255,255,255,.38) !important;
}

/* v141: lift guide/update hero panels closer to the nav and add changelog typewriter. */
body.guides-page .guide-hub-shell,
body.guide-hub-page .guide-hub-shell,
body:has(.updates-hero) .updates-shell,
body:has(.updates-canvas) .updates-shell{
  padding-top:clamp(10px, 1.5vw, 22px) !important;
}

body.guides-page .guide-hub-hero,
body.guide-hub-page .guide-hub-hero,
body:has(.updates-hero) .updates-hero-v2,
body:has(.updates-canvas) .updates-hero-v2{
  margin-top:0 !important;
  transform:translateY(-18px) !important;
}

body:has(.updates-hero) .updates-manifesto,
body:has(.updates-canvas) .updates-manifesto{
  justify-content:center !important;
  gap:10px !important;
  overflow:hidden !important;
}

body:has(.updates-hero) .updates-manifesto .dot,
body:has(.updates-canvas) .updates-manifesto .dot{
  flex:0 0 auto !important;
}

body:has(.updates-hero) .updates-manifesto span:last-child,
body:has(.updates-canvas) .updates-manifesto span:last-child{
  display:inline-block !important;
  max-width:0;
  overflow:hidden !important;
  white-space:nowrap !important;
  vertical-align:bottom !important;
  border-right:2px solid rgba(var(--cz-glow-rgb, 56,232,255), .92) !important;
  animation:
    clickozManifestoType 3.4s steps(72, end) .45s both,
    clickozManifestoCaret .82s steps(1, end) .45s infinite !important;
}

@keyframes clickozManifestoType{
  from{ max-width:0; }
  to{ max-width:66ch; }
}

@keyframes clickozManifestoCaret{
  0%, 45%{ border-right-color:rgba(var(--cz-glow-rgb, 56,232,255), .96); }
  46%, 100%{ border-right-color:transparent; }
}

@media (max-width: 820px){
  body.guides-page .guide-hub-shell,
  body.guide-hub-page .guide-hub-shell,
  body:has(.updates-hero) .updates-shell,
  body:has(.updates-canvas) .updates-shell{
    padding-top:8px !important;
  }

  body.guides-page .guide-hub-hero,
  body.guide-hub-page .guide-hub-hero,
  body:has(.updates-hero) .updates-hero-v2,
  body:has(.updates-canvas) .updates-hero-v2{
    transform:translateY(-10px) !important;
  }

  body:has(.updates-hero) .updates-manifesto span:last-child,
  body:has(.updates-canvas) .updates-manifesto span:last-child{
    white-space:normal !important;
    max-width:100% !important;
    border-right:0 !important;
    animation:none !important;
  }
}

@media (prefers-reduced-motion: reduce){
  body:has(.updates-hero) .updates-manifesto span:last-child,
  body:has(.updates-canvas) .updates-manifesto span:last-child{
    max-width:66ch !important;
    border-right:0 !important;
    animation:none !important;
  }
}

/* v142: simpler CMS color palette, lighter glow and cleaner swatches. */
#colorMenu.menu,
.cz-theme-dropdown #colorMenu{
  width:min(306px, calc(100vw - 28px)) !important;
  padding:14px !important;
  border-radius:20px !important;
  border:1px solid rgba(var(--cz-glow-rgb, 56,232,255), .30) !important;
  background:
    linear-gradient(180deg, rgba(7,18,31,.94), rgba(3,9,20,.94)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 18px 54px rgba(0,0,0,.44),
    0 0 28px rgba(var(--cz-glow-rgb, 56,232,255), .14) !important;
  backdrop-filter:blur(18px) saturate(1.16) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.16) !important;
}

#colorMenu .menu-title{
  min-height:auto !important;
  margin:0 0 12px !important;
  padding:0 2px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  color:rgba(248,252,255,.92) !important;
  font-size:12px !important;
  font-weight:950 !important;
  line-height:1 !important;
  letter-spacing:.03em !important;
  text-transform:uppercase !important;
  text-shadow:none !important;
}

#colorMenu .menu-title::after{
  content:"Palette" !important;
  padding:4px 8px !important;
  border-radius:999px !important;
  border:1px solid rgba(var(--cz-glow-rgb, 56,232,255), .26) !important;
  color:rgba(248,252,255,.68) !important;
  background:rgba(255,255,255,.035) !important;
  box-shadow:none !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.03em !important;
}

#colorMenu .color-grid,
.m-menu .m-colors,
.m-colors{
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:8px !important;
  padding:0 !important;
}

#colorMenu .color-option,
.nav #colorMenu .color-option,
.m-menu .m-colors .color-option,
.m-colors .color-option,
.cz-theme-dropdown .cz-theme-option{
  min-height:48px !important;
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  padding:8px 10px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  color:rgba(248,252,255,.86) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.020)),
    rgba(4,11,22,.72) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 8px 22px rgba(0,0,0,.18) !important;
  filter:none !important;
  transform:none !important;
}

#colorMenu .color-option::before,
.m-colors .color-option::before,
.cz-theme-dropdown .cz-theme-option::before{
  display:none !important;
}

#colorMenu .color-option::after,
.m-colors .color-option::after{
  right:10px !important;
  top:50% !important;
  width:6px !important;
  height:6px !important;
  border:0 !important;
  border-radius:999px !important;
  background:rgba(248,252,255,.22) !important;
  box-shadow:none !important;
  transform:translateY(-50%) !important;
  opacity:1 !important;
}

#colorMenu .color-swatch,
.m-colors .color-swatch,
.cz-theme-option .color-swatch{
  width:24px !important;
  height:24px !important;
  flex:0 0 24px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.28) !important;
  background:
    radial-gradient(circle at 34% 26%, rgba(255,255,255,.78), rgba(255,255,255,.18) 28%, transparent 44%),
    linear-gradient(135deg, var(--swatch2), var(--swatch)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.26),
    0 0 14px color-mix(in srgb, var(--swatch) 42%, transparent) !important;
}

#colorMenu .color-label,
.m-colors .color-label,
.cz-theme-option .color-label{
  min-width:0 !important;
  color:inherit !important;
  font-size:12px !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  text-shadow:none !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

#colorMenu .color-option:hover,
#colorMenu .color-option.active,
.m-colors .color-option:hover,
.m-colors .color-option.active,
.cz-theme-dropdown .cz-theme-option:hover,
.cz-theme-dropdown .cz-theme-option.active{
  border-color:rgba(var(--cz-glow-rgb, 56,232,255), .40) !important;
  color:#fff !important;
  background:
    linear-gradient(180deg, rgba(var(--cz-glow-rgb, 56,232,255), .105), rgba(255,255,255,.026)),
    rgba(5,13,25,.82) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 10px 26px rgba(0,0,0,.20),
    0 0 18px rgba(var(--cz-glow-rgb, 56,232,255), .13) !important;
  transform:translateY(-1px) !important;
}

#colorMenu .color-option.active::after,
.m-colors .color-option.active::after{
  width:8px !important;
  height:8px !important;
  background:var(--swatch) !important;
  box-shadow:0 0 12px var(--swatch) !important;
}

@media (max-width: 760px){
  .m-menu .m-colors,
  .m-colors{
    gap:8px !important;
  }

  .m-menu .m-colors .color-option,
  .m-colors .color-option{
    min-height:46px !important;
    padding:8px 9px !important;
  }
}

/* v143: force picked-color CTA text fill consistently across Chromium/WebKit. */
html body .btn.btn-accent,
html body .btn.primary,
html body .cz-btn.primary,
html body .cookie .primary,
html body .nav-primary-cta,
html body .tool-cta,
html body .guide-cta,
html body .updates-btn-primary,
html body .updates-btn.primary,
html body .release-more,
html body .rec-refresh,
html body .dash-actions .btn.btn-accent,
html body .request-mega-cta .btn.btn-accent,
html body .tools-route-grid-after a em,
html body .friendly-preview-card-main a,
html body .cms-tool-start-row .cms-start-primary,
html body .guide-action-strip .guide-action-primary,
html body.cms-tool-body .cms-tool-actions .btn.primary,
html body.cms-tool-body .cms-copy-btn,
html body.cms-tool-body .cms-download-btn{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  -webkit-text-stroke-width:.42px !important;
  -webkit-text-stroke-color:rgba(0,0,0,.98) !important;
  paint-order:stroke fill !important;
  text-shadow:
    0 1px 0 rgba(0,0,0,.94),
    0 0 3px rgba(0,0,0,.66) !important;
  -webkit-font-smoothing:antialiased !important;
}

html body .btn.btn-accent *,
html body .btn.primary *,
html body .cz-btn.primary *,
html body .cookie .primary *,
html body .nav-primary-cta *,
html body .tool-cta *,
html body .guide-cta *,
html body .updates-btn-primary *,
html body .updates-btn.primary *,
html body .release-more *,
html body .rec-refresh *,
html body .dash-actions .btn.btn-accent *,
html body .request-mega-cta .btn.btn-accent *,
html body .tools-route-grid-after a em *,
html body .friendly-preview-card-main a *,
html body .cms-tool-start-row .cms-start-primary *,
html body .guide-action-strip .guide-action-primary *,
html body.cms-tool-body .cms-tool-actions .btn.primary *,
html body.cms-tool-body .cms-copy-btn *,
html body.cms-tool-body .cms-download-btn *{
  color:inherit !important;
  -webkit-text-fill-color:inherit !important;
  -webkit-text-stroke-width:inherit !important;
  -webkit-text-stroke-color:inherit !important;
  paint-order:inherit !important;
  text-shadow:inherit !important;
}

html body .btn.btn-accent:hover,
html body .btn.primary:hover,
html body .cz-btn.primary:hover,
html body .cookie .primary:hover,
html body .nav-primary-cta:hover,
html body .tool-cta:hover,
html body .guide-cta:hover,
html body .updates-btn-primary:hover,
html body .updates-btn.primary:hover,
html body .release-more:hover,
html body .rec-refresh:hover,
html body .dash-actions .btn.btn-accent:hover,
html body .request-mega-cta .btn.btn-accent:hover,
html body .tools-route-grid-after a:hover em,
html body .friendly-preview-card-main a:hover,
html body .cms-tool-start-row .cms-start-primary:hover,
html body .guide-action-strip .guide-action-primary:hover,
html body.cms-tool-body .cms-tool-actions .btn.primary:hover,
html body.cms-tool-body .cms-copy-btn:hover,
html body.cms-tool-body .cms-download-btn:hover,
html body .btn.btn-accent:focus-visible,
html body .btn.primary:focus-visible,
html body .cz-btn.primary:focus-visible,
html body .cookie .primary:focus-visible,
html body .nav-primary-cta:focus-visible,
html body .tool-cta:focus-visible,
html body .guide-cta:focus-visible,
html body .updates-btn-primary:focus-visible,
html body .updates-btn.primary:focus-visible,
html body .release-more:focus-visible,
html body .rec-refresh:focus-visible,
html body .dash-actions .btn.btn-accent:focus-visible,
html body .request-mega-cta .btn.btn-accent:focus-visible,
html body .tools-route-grid-after a:focus-visible em,
html body .friendly-preview-card-main a:focus-visible,
html body .cms-tool-start-row .cms-start-primary:focus-visible,
html body .guide-action-strip .guide-action-primary:focus-visible,
html body.cms-tool-body .cms-tool-actions .btn.primary:focus-visible,
html body.cms-tool-body .cms-copy-btn:focus-visible,
html body.cms-tool-body .cms-download-btn:focus-visible{
  color:#05070c !important;
  -webkit-text-fill-color:#05070c !important;
  -webkit-text-stroke-width:.42px !important;
  -webkit-text-stroke-color:rgba(255,255,255,.98) !important;
  paint-order:stroke fill !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.94),
    0 0 4px rgba(255,255,255,.72) !important;
}

html body .btn.btn-accent:hover *,
html body .btn.primary:hover *,
html body .cz-btn.primary:hover *,
html body .cookie .primary:hover *,
html body .nav-primary-cta:hover *,
html body .tool-cta:hover *,
html body .guide-cta:hover *,
html body .updates-btn-primary:hover *,
html body .updates-btn.primary:hover *,
html body .release-more:hover *,
html body .rec-refresh:hover *,
html body .dash-actions .btn.btn-accent:hover *,
html body .request-mega-cta .btn.btn-accent:hover *,
html body .tools-route-grid-after a:hover em *,
html body .friendly-preview-card-main a:hover *,
html body .cms-tool-start-row .cms-start-primary:hover *,
html body .guide-action-strip .guide-action-primary:hover *,
html body.cms-tool-body .cms-tool-actions .btn.primary:hover *,
html body.cms-tool-body .cms-copy-btn:hover *,
html body.cms-tool-body .cms-download-btn:hover *,
html body .btn.btn-accent:focus-visible *,
html body .btn.primary:focus-visible *,
html body .cz-btn.primary:focus-visible *,
html body .cookie .primary:focus-visible *,
html body .nav-primary-cta:focus-visible *,
html body .tool-cta:focus-visible *,
html body .guide-cta:focus-visible *,
html body .updates-btn-primary:focus-visible *,
html body .updates-btn.primary:focus-visible *,
html body .release-more:focus-visible *,
html body .rec-refresh:focus-visible *,
html body .dash-actions .btn.btn-accent:focus-visible *,
html body .request-mega-cta .btn.btn-accent:focus-visible *,
html body .tools-route-grid-after a:focus-visible em *,
html body .friendly-preview-card-main a:focus-visible *,
html body .cms-tool-start-row .cms-start-primary:focus-visible *,
html body .guide-action-strip .guide-action-primary:focus-visible *,
html body.cms-tool-body .cms-tool-actions .btn.primary:focus-visible *,
html body.cms-tool-body .cms-copy-btn:focus-visible *,
html body.cms-tool-body .cms-download-btn:focus-visible *{
  color:inherit !important;
  -webkit-text-fill-color:inherit !important;
  -webkit-text-stroke-width:inherit !important;
  -webkit-text-stroke-color:inherit !important;
  paint-order:inherit !important;
  text-shadow:inherit !important;
}

/* v144: Updates page as a release command center, scoped away from other CMS pages. */
body:has(.updates-canvas){
  --updates-panel:rgba(2,8,18,.76);
  --updates-panel-soft:rgba(7,16,32,.56);
  --updates-line:rgba(var(--cz-glow-rgb, 56,232,255), .34);
  --updates-line-strong:rgba(var(--cz-glow-rgb, 56,232,255), .68);
  --updates-glow:rgba(var(--cz-glow-rgb, 56,232,255), .22);
}

body:has(.updates-canvas) .updates-shell{
  position:relative !important;
  isolation:isolate !important;
  width:min(1320px, calc(100% - clamp(16px, 4vw, 56px))) !important;
  padding-top:clamp(8px, 1.2vw, 18px) !important;
}

body:has(.updates-canvas) .updates-shell::before{
  content:"" !important;
  position:absolute !important;
  z-index:0 !important;
  pointer-events:none !important;
  inset:-92px min(-5vw, -28px) auto !important;
  height:min(760px, 68vh) !important;
  background:
    linear-gradient(rgba(var(--cz-glow-rgb, 56,232,255), .065) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--cz-glow-rgb, 56,232,255), .052) 1px, transparent 1px),
    radial-gradient(680px 320px at 18% 16%, rgba(var(--cz-glow-rgb, 56,232,255), .24), transparent 74%),
    radial-gradient(760px 360px at 76% 12%, color-mix(in srgb, var(--accent2, #8af3ff) 26%, transparent), transparent 76%),
    radial-gradient(520px 260px at 50% 72%, rgba(255,255,255,.060), transparent 70%) !important;
  background-size:72px 72px, 72px 72px, auto, auto, auto !important;
  opacity:.88 !important;
  filter:saturate(1.18) brightness(1.08) !important;
  mask-image:linear-gradient(180deg, #000 0%, rgba(0,0,0,.92) 58%, transparent 100%) !important;
}

body:has(.updates-canvas) .updates-shell > *{
  position:relative !important;
  z-index:1 !important;
}

body:has(.updates-canvas) .updates-hero-v2{
  display:grid !important;
  grid-template-columns:minmax(0, 1.08fr) minmax(360px, .92fr) !important;
  align-items:center !important;
  gap:clamp(26px, 4vw, 58px) !important;
  min-height:clamp(520px, 64vh, 720px) !important;
  margin-bottom:clamp(24px, 4vw, 46px) !important;
  padding:clamp(34px, 5vw, 76px) !important;
  border:1px solid var(--updates-line) !important;
  border-radius:32px !important;
  overflow:hidden !important;
  transform:translateY(-16px) !important;
  background:
    radial-gradient(820px 360px at 16% 14%, rgba(var(--cz-glow-rgb, 56,232,255), .26), transparent 72%),
    radial-gradient(720px 360px at 84% 20%, color-mix(in srgb, var(--accent2, #8af3ff) 23%, transparent), transparent 76%),
    linear-gradient(180deg, rgba(255,255,255,.095), rgba(255,255,255,.022)),
    linear-gradient(135deg, rgba(2,9,22,.92), rgba(2,7,18,.70)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 0 44px rgba(var(--cz-glow-rgb, 56,232,255), .052),
    0 28px 92px rgba(0,0,0,.42),
    0 0 82px var(--updates-glow) !important;
  backdrop-filter:blur(24px) saturate(1.20) !important;
  -webkit-backdrop-filter:blur(24px) saturate(1.20) !important;
}

body:has(.updates-canvas) .updates-hero-v2::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(90deg, transparent, rgba(var(--cz-glow-rgb, 56,232,255), .78), transparent) top / 100% 1px no-repeat,
    linear-gradient(rgba(var(--cz-glow-rgb, 56,232,255), .058) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--cz-glow-rgb, 56,232,255), .046) 1px, transparent 1px),
    repeating-linear-gradient(180deg, rgba(255,255,255,.035) 0 1px, transparent 1px 11px) !important;
  background-size:100% 1px, 58px 58px, 58px 58px, 100% 11px !important;
  opacity:.68 !important;
  mask-image:linear-gradient(180deg, #000 0%, rgba(0,0,0,.82) 62%, transparent 100%) !important;
}

body:has(.updates-canvas) .updates-hero-v2::after{
  content:"" !important;
  position:absolute !important;
  left:-24% !important;
  right:-24% !important;
  top:0 !important;
  height:36% !important;
  pointer-events:none !important;
  background:linear-gradient(180deg, rgba(var(--cz-glow-rgb, 56,232,255), .16), transparent) !important;
  opacity:.74 !important;
  transform:translateY(-46%) !important;
  filter:blur(22px) !important;
  animation:updatesHeroPulse 7s ease-in-out infinite alternate !important;
}

body:has(.updates-canvas) .updates-hero-copy{
  max-width:760px !important;
  text-align:left !important;
}

body:has(.updates-canvas) .updates-eyebrow{
  width:max-content !important;
  max-width:100% !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  margin-bottom:18px !important;
  padding:9px 12px !important;
  border:1px solid rgba(var(--cz-glow-rgb, 56,232,255), .30) !important;
  border-radius:999px !important;
  background:
    radial-gradient(160px 70px at 24% 0%, rgba(var(--cz-glow-rgb, 56,232,255), .18), transparent 72%),
    rgba(3,10,24,.68) !important;
  color:color-mix(in srgb, rgb(var(--cz-glow-rgb, 56,232,255)) 68%, white 32%) !important;
  font-size:12px !important;
  letter-spacing:.16em !important;
  text-shadow:0 0 20px rgba(var(--cz-glow-rgb, 56,232,255), .34) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 0 28px rgba(var(--cz-glow-rgb, 56,232,255), .10) !important;
}

body:has(.updates-canvas) .updates-eyebrow::before{
  content:"" !important;
  width:8px !important;
  height:8px !important;
  border-radius:50% !important;
  background:rgb(var(--cz-glow-rgb, 56,232,255)) !important;
  box-shadow:0 0 16px rgba(var(--cz-glow-rgb, 56,232,255), .82) !important;
}

body:has(.updates-canvas) .updates-title{
  max-width:780px !important;
  margin:0 !important;
  font-size:clamp(54px, 7.6vw, 108px) !important;
  line-height:.88 !important;
  letter-spacing:0 !important;
  text-transform:uppercase !important;
  text-wrap:balance !important;
  text-shadow:
    0 0 26px rgba(var(--cz-glow-rgb, 56,232,255), .26),
    0 18px 70px rgba(0,0,0,.48) !important;
}

body:has(.updates-canvas) .updates-sub{
  max-width:760px !important;
  margin:clamp(18px, 2.4vw, 26px) 0 0 !important;
  color:rgba(245,252,255,.78) !important;
  font-size:clamp(16px, 1.32vw, 19px) !important;
  line-height:1.68 !important;
  text-align:left !important;
}

body:has(.updates-canvas) .updates-actions{
  justify-content:flex-start !important;
  gap:12px !important;
  margin-top:clamp(24px, 3vw, 34px) !important;
}

body:has(.updates-canvas) .updates-btn{
  min-height:50px !important;
  padding:0 20px !important;
  border-radius:15px !important;
  border-color:rgba(var(--cz-glow-rgb, 56,232,255), .30) !important;
  background:
    radial-gradient(180px 80px at 50% 0%, rgba(var(--cz-glow-rgb, 56,232,255), .12), transparent 74%),
    rgba(3,10,24,.68) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 0 24px rgba(var(--cz-glow-rgb, 56,232,255), .10) !important;
}

body:has(.updates-canvas) .updates-btn-primary{
  border-color:rgba(var(--cz-glow-rgb, 56,232,255), .70) !important;
  background:
    linear-gradient(135deg, color-mix(in srgb, rgb(var(--cz-glow-rgb, 56,232,255)) 45%, white 55%), rgb(var(--cz-glow-rgb, 56,232,255))) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.48),
    0 0 34px rgba(var(--cz-glow-rgb, 56,232,255), .30),
    0 18px 42px rgba(0,0,0,.26) !important;
}

body:has(.updates-canvas) .updates-manifesto{
  width:min(620px, 100%) !important;
  justify-content:flex-start !important;
  margin:clamp(22px, 3vw, 34px) 0 0 !important;
  padding:15px 18px !important;
  border:1px solid rgba(var(--cz-glow-rgb, 56,232,255), .28) !important;
  border-radius:18px !important;
  background:
    linear-gradient(90deg, rgba(var(--cz-glow-rgb, 56,232,255), .13), transparent 70%),
    rgba(2,9,22,.68) !important;
  color:rgba(245,252,255,.92) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 0 42px rgba(var(--cz-glow-rgb, 56,232,255), .12) !important;
}

body:has(.updates-canvas) .updates-manifesto .dot{
  width:10px !important;
  height:10px !important;
  border:0 !important;
  background:rgb(var(--cz-glow-rgb, 56,232,255)) !important;
  box-shadow:
    0 0 14px rgba(var(--cz-glow-rgb, 56,232,255), .92),
    0 0 34px rgba(var(--cz-glow-rgb, 56,232,255), .42) !important;
}

body:has(.updates-canvas) .source-command-panel-lite{
  min-height:480px !important;
  padding:20px !important;
  border:1px solid rgba(var(--cz-glow-rgb, 56,232,255), .34) !important;
  border-radius:28px !important;
  background:
    radial-gradient(420px 260px at 50% 0%, rgba(var(--cz-glow-rgb, 56,232,255), .18), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.022)),
    rgba(2,9,22,.72) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 22px 70px rgba(0,0,0,.34),
    0 0 62px rgba(var(--cz-glow-rgb, 56,232,255), .18) !important;
}

body:has(.updates-canvas) .source-command-panel-lite .source-panel-head{
  grid-template-columns:auto !important;
  place-items:start !important;
  text-align:left !important;
  padding:0 4px !important;
}

body:has(.updates-canvas) .source-command-panel-lite .source-panel-head span{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  color:color-mix(in srgb, rgb(var(--cz-glow-rgb, 56,232,255)) 72%, white 28%) !important;
  font-size:12px !important;
  letter-spacing:.17em !important;
}

body:has(.updates-canvas) .source-command-panel-lite .source-panel-head span::before{
  content:"SYS" !important;
  padding:4px 7px !important;
  border-radius:7px !important;
  border:1px solid rgba(var(--cz-glow-rgb, 56,232,255), .32) !important;
  background:rgba(var(--cz-glow-rgb, 56,232,255), .10) !important;
  color:#fff !important;
  font-size:10px !important;
  letter-spacing:.08em !important;
}

body:has(.updates-canvas) .source-command-panel-lite .source-panel-head strong{
  max-width:38ch !important;
  color:rgba(245,252,255,.86) !important;
}

body:has(.updates-canvas) .source-map-visual.source-map-lite{
  min-height:374px !important;
  margin-top:4px !important;
  border:1px solid rgba(var(--cz-glow-rgb, 56,232,255), .30) !important;
  border-radius:24px !important;
  background:
    linear-gradient(rgba(var(--cz-glow-rgb, 56,232,255), .080) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--cz-glow-rgb, 56,232,255), .068) 1px, transparent 1px),
    radial-gradient(360px 220px at 50% 48%, rgba(var(--cz-glow-rgb, 56,232,255), .22), transparent 72%),
    rgba(2,9,22,.66) !important;
  background-size:38px 38px, 38px 38px, auto, auto !important;
}

body:has(.updates-canvas) .source-lite-core{
  width:138px !important;
  height:138px !important;
  border-radius:30px !important;
  border-color:rgba(var(--cz-glow-rgb, 56,232,255), .62) !important;
  background:
    radial-gradient(circle at 34% 24%, rgba(255,255,255,.28), transparent 34%),
    linear-gradient(145deg, rgba(var(--cz-glow-rgb, 56,232,255), .42), rgba(255,255,255,.050)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 0 0 1px rgba(255,255,255,.06),
    0 0 58px rgba(var(--cz-glow-rgb, 56,232,255), .34) !important;
}

body:has(.updates-canvas) .source-lite-row a{
  min-height:76px !important;
  border-color:rgba(var(--cz-glow-rgb, 56,232,255), .28) !important;
  background:
    radial-gradient(160px 80px at 50% 0%, rgba(var(--cz-glow-rgb, 56,232,255), .12), transparent 72%),
    rgba(2,9,22,.82) !important;
}

body:has(.updates-canvas) .updates-box{
  padding:clamp(18px, 2.6vw, 34px) !important;
  border:1px solid rgba(var(--cz-glow-rgb, 56,232,255), .28) !important;
  border-radius:30px !important;
  background:
    radial-gradient(860px 320px at 50% -8%, rgba(var(--cz-glow-rgb, 56,232,255), .18), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.018)),
    rgba(2,8,18,.68) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 24px 86px rgba(0,0,0,.36),
    0 0 72px rgba(var(--cz-glow-rgb, 56,232,255), .14) !important;
}

body:has(.updates-canvas) .updates-control-panel{
  grid-template-columns:minmax(260px, .88fr) minmax(0, 1.25fr) auto !important;
  gap:18px !important;
  margin-bottom:clamp(24px, 3vw, 36px) !important;
  padding:18px !important;
  border:1px solid rgba(var(--cz-glow-rgb, 56,232,255), .26) !important;
  border-radius:24px !important;
  background:
    linear-gradient(90deg, rgba(var(--cz-glow-rgb, 56,232,255), .13), transparent 72%),
    rgba(2,9,22,.70) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 0 38px rgba(var(--cz-glow-rgb, 56,232,255), .10) !important;
}

body:has(.updates-canvas) .updates-control-panel h2{
  font-size:clamp(26px, 2.8vw, 42px) !important;
  text-transform:uppercase !important;
}

body:has(.updates-canvas) .updates-filter-buttons{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  gap:9px !important;
}

body:has(.updates-canvas) .updates-filter-buttons button{
  flex:0 1 auto !important;
  min-width:88px !important;
  min-height:42px !important;
  padding:0 15px !important;
  border-radius:999px !important;
  border-color:rgba(var(--cz-glow-rgb, 56,232,255), .22) !important;
  background:rgba(2,9,22,.64) !important;
  color:rgba(245,252,255,.78) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
}

body:has(.updates-canvas) .updates-filter-buttons button:hover,
body:has(.updates-canvas) .updates-filter-buttons button.active,
body:has(.updates-canvas) .updates-filter-buttons button[aria-pressed="true"]{
  border-color:rgba(var(--cz-glow-rgb, 56,232,255), .62) !important;
  background:
    linear-gradient(135deg, rgba(var(--cz-glow-rgb, 56,232,255), .25), rgba(255,255,255,.055)) !important;
  color:#fff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 0 26px rgba(var(--cz-glow-rgb, 56,232,255), .18) !important;
}

body:has(.updates-canvas) .updates-filter-status{
  min-height:42px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-color:rgba(var(--cz-glow-rgb, 56,232,255), .34) !important;
  background:rgba(var(--cz-glow-rgb, 56,232,255), .10) !important;
  color:color-mix(in srgb, rgb(var(--cz-glow-rgb, 56,232,255)) 70%, white 30%) !important;
}

body:has(.updates-canvas) .updates-box .authority-head{
  margin-bottom:20px !important;
  text-align:left !important;
}

body:has(.updates-canvas) .updates-box .authority-head h2{
  font-size:clamp(30px, 4vw, 56px) !important;
  text-transform:uppercase !important;
}

body:has(.updates-canvas) .updates-box .authority-head p{
  max-width:760px !important;
  margin-left:0 !important;
}

body:has(.updates-canvas) .release-lab-grid{
  position:relative !important;
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:16px !important;
}

body:has(.updates-canvas) .release-lab-grid::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:8px !important;
  bottom:8px !important;
  width:1px !important;
  background:linear-gradient(180deg, transparent, rgba(var(--cz-glow-rgb, 56,232,255), .42), transparent) !important;
  box-shadow:0 0 18px rgba(var(--cz-glow-rgb, 56,232,255), .32) !important;
  pointer-events:none !important;
}

body:has(.updates-canvas) .release-lab-grid .release-card{
  min-height:218px !important;
  padding:22px !important;
  border-radius:24px !important;
  border-color:rgba(var(--cz-glow-rgb, 56,232,255), .32) !important;
  background:
    radial-gradient(420px 180px at 18% 0%, rgba(var(--cz-glow-rgb, 56,232,255), .19), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.018)),
    rgba(2,9,22,.72) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 18px 58px rgba(0,0,0,.34),
    0 0 42px rgba(var(--cz-glow-rgb, 56,232,255), .12) !important;
}

body:has(.updates-canvas) .release-lab-grid .release-card:first-child{
  grid-column:1 / -1 !important;
  min-height:244px !important;
  display:grid !important;
  align-content:center !important;
  padding:clamp(24px, 3vw, 34px) !important;
  border-color:rgba(var(--cz-glow-rgb, 56,232,255), .52) !important;
  background:
    radial-gradient(720px 260px at 18% 0%, rgba(var(--cz-glow-rgb, 56,232,255), .28), transparent 74%),
    radial-gradient(520px 240px at 92% 8%, color-mix(in srgb, var(--accent2, #8af3ff) 20%, transparent), transparent 76%),
    linear-gradient(180deg, rgba(255,255,255,.090), rgba(255,255,255,.022)),
    rgba(2,9,22,.76) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 24px 76px rgba(0,0,0,.38),
    0 0 78px rgba(var(--cz-glow-rgb, 56,232,255), .22) !important;
}

body:has(.updates-canvas) .release-lab-grid .release-card::before{
  content:"" !important;
  position:absolute !important;
  inset:auto !important;
  left:0 !important;
  top:20px !important;
  right:auto !important;
  bottom:20px !important;
  width:3px !important;
  height:auto !important;
  border-radius:999px !important;
  border:0 !important;
  background:linear-gradient(180deg, transparent, rgb(var(--cz-glow-rgb, 56,232,255)), transparent) !important;
  box-shadow:0 0 18px rgba(var(--cz-glow-rgb, 56,232,255), .54) !important;
  opacity:.74 !important;
}

body:has(.updates-canvas) .release-meta{
  align-items:flex-start !important;
  gap:16px !important;
}

body:has(.updates-canvas) .release-left{
  align-items:center !important;
  gap:14px !important;
}

body:has(.updates-canvas) .release-version{
  min-width:58px !important;
  min-height:58px !important;
  border-radius:18px !important;
  color:#04101a !important;
  font-size:15px !important;
  text-shadow:none !important;
}

body:has(.updates-canvas) .release-card:first-child .release-version{
  min-width:72px !important;
  min-height:72px !important;
  font-size:18px !important;
}

body:has(.updates-canvas) .release-card h3{
  color:#fff !important;
  font-size:clamp(20px, 2vw, 30px) !important;
  line-height:1.05 !important;
  text-transform:uppercase !important;
}

body:has(.updates-canvas) .release-card:first-child h3{
  font-size:clamp(30px, 4vw, 52px) !important;
}

body:has(.updates-canvas) .release-card p{
  margin-top:18px !important;
  color:rgba(245,252,255,.74) !important;
  font-size:15px !important;
  line-height:1.62 !important;
}

body:has(.updates-canvas) .release-card:first-child p{
  max-width:920px !important;
  font-size:clamp(16px, 1.35vw, 19px) !important;
}

body:has(.updates-canvas) .release-type{
  padding:7px 10px !important;
  border:1px solid rgba(var(--cz-glow-rgb, 56,232,255), .30) !important;
  border-radius:999px !important;
  background:rgba(var(--cz-glow-rgb, 56,232,255), .10) !important;
  color:rgba(245,252,255,.84) !important;
  font-size:11px !important;
  font-weight:950 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

body:has(.updates-canvas) .release-tags{
  gap:8px !important;
  margin-top:18px !important;
}

body:has(.updates-canvas) .release-tags span{
  border-color:rgba(var(--cz-glow-rgb, 56,232,255), .26) !important;
  background:rgba(var(--cz-glow-rgb, 56,232,255), .080) !important;
  color:rgba(245,252,255,.76) !important;
}

body:has(.updates-canvas) .authority-split{
  margin-top:clamp(24px, 4vw, 46px) !important;
  border-radius:28px !important;
  border-color:rgba(var(--cz-glow-rgb, 56,232,255), .28) !important;
  background:
    radial-gradient(820px 260px at 16% 0%, rgba(var(--cz-glow-rgb, 56,232,255), .18), transparent 74%),
    linear-gradient(180deg, rgba(255,255,255,.064), rgba(255,255,255,.018)),
    rgba(2,8,18,.66) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 22px 72px rgba(0,0,0,.34),
    0 0 62px rgba(var(--cz-glow-rgb, 56,232,255), .13) !important;
}

body:has(.updates-canvas) .route-final-strip{
  margin-top:clamp(24px, 4vw, 46px) !important;
  border-radius:26px !important;
  border-color:rgba(var(--cz-glow-rgb, 56,232,255), .28) !important;
  background:
    linear-gradient(90deg, rgba(var(--cz-glow-rgb, 56,232,255), .13), transparent 72%),
    rgba(2,8,18,.64) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 20px 64px rgba(0,0,0,.32),
    0 0 58px rgba(var(--cz-glow-rgb, 56,232,255), .12) !important;
}

body:has(.updates-canvas) .request-mega-cta{
  border-color:rgba(var(--cz-glow-rgb, 56,232,255), .34) !important;
  background:
    radial-gradient(620px 220px at 18% 0%, rgba(var(--cz-glow-rgb, 56,232,255), .18), transparent 74%),
    rgba(2,8,18,.72) !important;
}

@media (hover:hover) and (pointer:fine){
  body:has(.updates-canvas) .release-lab-grid .release-card{
    transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease !important;
  }

  body:has(.updates-canvas) .release-lab-grid .release-card:hover{
    transform:translateY(-6px) !important;
    border-color:rgba(var(--cz-glow-rgb, 56,232,255), .72) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.18),
      0 26px 78px rgba(0,0,0,.42),
      0 0 82px rgba(var(--cz-glow-rgb, 56,232,255), .26) !important;
  }
}

@keyframes updatesHeroPulse{
  from{ opacity:.48; transform:translateY(-52%) scaleX(.92); }
  to{ opacity:.86; transform:translateY(-42%) scaleX(1.04); }
}

@media (max-width: 980px){
  body:has(.updates-canvas) .updates-hero-v2{
    grid-template-columns:1fr !important;
    min-height:auto !important;
    gap:24px !important;
  }

  body:has(.updates-canvas) .updates-hero-copy,
  body:has(.updates-canvas) .updates-sub,
  body:has(.updates-canvas) .updates-box .authority-head{
    text-align:center !important;
  }

  body:has(.updates-canvas) .updates-eyebrow,
  body:has(.updates-canvas) .updates-title,
  body:has(.updates-canvas) .updates-sub,
  body:has(.updates-canvas) .updates-manifesto,
  body:has(.updates-canvas) .updates-box .authority-head p{
    margin-left:auto !important;
    margin-right:auto !important;
  }

  body:has(.updates-canvas) .updates-actions{
    justify-content:center !important;
  }

  body:has(.updates-canvas) .source-command-panel-lite .source-panel-head{
    place-items:center !important;
    text-align:center !important;
  }

  body:has(.updates-canvas) .updates-control-panel{
    grid-template-columns:1fr !important;
    text-align:center !important;
  }

  body:has(.updates-canvas) .updates-filter-status{
    justify-self:center !important;
  }

  body:has(.updates-canvas) .release-lab-grid{
    grid-template-columns:1fr !important;
  }

  body:has(.updates-canvas) .release-lab-grid::before{
    display:none !important;
  }

  body:has(.updates-canvas) .release-lab-grid .release-card:first-child{
    grid-column:auto !important;
  }
}

@media (max-width: 640px){
  body:has(.updates-canvas) .updates-shell{
    width:min(100% - 18px, 1320px) !important;
    padding-top:6px !important;
  }

  body:has(.updates-canvas) .updates-hero-v2{
    padding:24px 14px !important;
    border-radius:22px !important;
    transform:translateY(-8px) !important;
  }

  body:has(.updates-canvas) .updates-title{
    font-size:clamp(38px, 13vw, 58px) !important;
    line-height:.94 !important;
  }

  body:has(.updates-canvas) .updates-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  body:has(.updates-canvas) .updates-btn{
    width:100% !important;
  }

  body:has(.updates-canvas) .updates-manifesto{
    padding:13px 14px !important;
    text-align:left !important;
  }

  body:has(.updates-canvas) .source-command-panel-lite{
    min-height:auto !important;
    padding:14px !important;
    border-radius:22px !important;
  }

  body:has(.updates-canvas) .source-map-visual.source-map-lite{
    min-height:330px !important;
    padding:12px !important;
  }

  body:has(.updates-canvas) .source-lite-row{
    left:12px !important;
    right:12px !important;
    gap:8px !important;
  }

  body:has(.updates-canvas) .source-lite-row a{
    min-height:66px !important;
    padding:9px !important;
  }

  body:has(.updates-canvas) .source-lite-core{
    width:112px !important;
    height:112px !important;
    border-radius:24px !important;
  }

  body:has(.updates-canvas) .source-lite-status{
    transform:translate(-50%, calc(-50% + 72px)) !important;
  }

  body:has(.updates-canvas) .updates-box{
    padding:14px !important;
    border-radius:22px !important;
  }

  body:has(.updates-canvas) .updates-filter-buttons{
    justify-content:stretch !important;
  }

  body:has(.updates-canvas) .updates-filter-buttons button{
    flex:1 1 calc(50% - 8px) !important;
    min-width:0 !important;
  }

  body:has(.updates-canvas) .release-lab-grid .release-card,
  body:has(.updates-canvas) .release-lab-grid .release-card:first-child{
    min-height:auto !important;
    padding:18px !important;
    border-radius:20px !important;
  }

  body:has(.updates-canvas) .release-meta{
    display:grid !important;
    gap:12px !important;
  }

  body:has(.updates-canvas) .release-type{
    width:max-content !important;
  }

  body:has(.updates-canvas) .release-card:first-child h3{
    font-size:clamp(26px, 8vw, 38px) !important;
  }
}

@media (prefers-reduced-motion: reduce){
  body:has(.updates-canvas) .updates-hero-v2::after,
  body:has(.updates-canvas) .release-lab-grid .release-card{
    animation:none !important;
    transition:none !important;
  }
}

/* v145: widen Updates hero and refine CMS map readability. */
body:has(.updates-canvas) .updates-shell{
  width:min(1500px, calc(100% - clamp(12px, 2.4vw, 34px))) !important;
}

body:has(.updates-canvas) .updates-hero-v2{
  grid-template-columns:minmax(0, 1.24fr) minmax(440px, .76fr) !important;
  gap:clamp(34px, 4.8vw, 72px) !important;
  padding:clamp(32px, 4vw, 62px) clamp(34px, 4.8vw, 76px) !important;
}

body:has(.updates-canvas) .updates-hero-copy{
  max-width:880px !important;
}

body:has(.updates-canvas) .updates-title{
  max-width:860px !important;
  font-size:clamp(50px, 6.15vw, 92px) !important;
  line-height:.93 !important;
  overflow:visible !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  text-wrap:balance !important;
}

body:has(.updates-canvas) .updates-sub{
  max-width:800px !important;
}

body:has(.updates-canvas) .updates-manifesto{
  width:min(820px, 100%) !important;
  max-width:100% !important;
  overflow:visible !important;
}

body:has(.updates-canvas) .updates-manifesto span:last-child{
  max-width:78ch !important;
}

body:has(.updates-canvas) .source-command-panel-lite{
  width:min(520px, 100%) !important;
  justify-self:end !important;
  min-height:540px !important;
  padding:22px !important;
}

body:has(.updates-canvas) .source-map-visual.source-map-lite{
  min-height:438px !important;
  overflow:hidden !important;
  background:
    linear-gradient(rgba(var(--cz-glow-rgb, 56,232,255), .092) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--cz-glow-rgb, 56,232,255), .074) 1px, transparent 1px),
    radial-gradient(360px 220px at 50% 46%, rgba(var(--cz-glow-rgb, 56,232,255), .30), transparent 68%),
    radial-gradient(240px 140px at 50% 46%, rgba(255,255,255,.12), transparent 68%),
    rgba(2,9,22,.72) !important;
  background-size:36px 36px, 36px 36px, auto, auto, auto !important;
}

body:has(.updates-canvas) .source-map-visual.source-map-lite::before,
body:has(.updates-canvas) .source-map-visual.source-map-lite::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  pointer-events:none !important;
  border-radius:inherit !important;
}

body:has(.updates-canvas) .source-map-visual.source-map-lite::before{
  inset:12px !important;
  z-index:0 !important;
  border:1px solid rgba(var(--cz-glow-rgb, 56,232,255), .18) !important;
  background:
    conic-gradient(from 90deg at 50% 50%, transparent 0 20%, rgba(var(--cz-glow-rgb, 56,232,255), .20) 25%, transparent 32% 58%, rgba(var(--cz-glow-rgb, 56,232,255), .16) 64%, transparent 72% 100%),
    radial-gradient(circle at 50% 50%, transparent 0 31%, rgba(var(--cz-glow-rgb, 56,232,255), .18) 32% 33%, transparent 34% 48%, rgba(var(--cz-glow-rgb, 56,232,255), .12) 49% 50%, transparent 51%) !important;
  opacity:.72 !important;
  filter:drop-shadow(0 0 18px rgba(var(--cz-glow-rgb, 56,232,255), .20)) !important;
}

body:has(.updates-canvas) .source-map-visual.source-map-lite::after{
  left:-18% !important;
  right:-18% !important;
  top:50% !important;
  z-index:1 !important;
  height:1px !important;
  background:linear-gradient(90deg, transparent, rgba(var(--cz-glow-rgb, 56,232,255), .82), transparent) !important;
  box-shadow:
    0 0 20px rgba(var(--cz-glow-rgb, 56,232,255), .42),
    0 18px 42px rgba(var(--cz-glow-rgb, 56,232,255), .16) !important;
  opacity:.62 !important;
  animation:updatesMapSweep 5.8s ease-in-out infinite alternate !important;
}

body:has(.updates-canvas) .source-lite-core{
  z-index:4 !important;
  width:150px !important;
  height:150px !important;
  border-radius:32px !important;
}

body:has(.updates-canvas) .source-lite-core strong{
  font-size:23px !important;
}

body:has(.updates-canvas) .source-lite-core span{
  font-size:12px !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
}

body:has(.updates-canvas) .source-lite-lines{
  z-index:2 !important;
  background:
    linear-gradient(90deg, transparent 8%, rgba(var(--cz-glow-rgb, 56,232,255), .34) 50%, transparent 92%),
    linear-gradient(0deg, transparent 8%, rgba(var(--cz-glow-rgb, 56,232,255), .20) 50%, transparent 92%),
    radial-gradient(circle at 50% 50%, rgba(var(--cz-glow-rgb, 56,232,255), .16), transparent 62%) !important;
  opacity:.58 !important;
  mask-image:radial-gradient(circle at 50% 50%, #000 0 66%, transparent 82%) !important;
}

body:has(.updates-canvas) .source-lite-orbit{
  width:min(68%, 340px) !important;
  opacity:.82 !important;
  border-color:rgba(var(--cz-glow-rgb, 56,232,255), .30) !important;
}

body:has(.updates-canvas) .source-lite-orbit-b{
  width:min(84%, 420px) !important;
  opacity:.62 !important;
}

body:has(.updates-canvas) .source-lite-pulse{
  width:210px !important;
  height:210px !important;
  background:radial-gradient(circle at 50% 50%, rgba(var(--cz-glow-rgb, 56,232,255), .26), transparent 70%) !important;
}

body:has(.updates-canvas) .source-lite-row{
  left:20px !important;
  right:20px !important;
  gap:14px !important;
}

body:has(.updates-canvas) .source-lite-row-top{
  top:20px !important;
}

body:has(.updates-canvas) .source-lite-row-bottom{
  bottom:20px !important;
}

body:has(.updates-canvas) .source-lite-row a{
  min-height:84px !important;
  border-color:rgba(var(--cz-glow-rgb, 56,232,255), .34) !important;
  background:
    radial-gradient(180px 90px at 50% 0%, rgba(var(--cz-glow-rgb, 56,232,255), .14), transparent 74%),
    linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.018)),
    rgba(2,9,22,.84) !important;
}

body:has(.updates-canvas) .source-lite-row b{
  font-size:clamp(22px, 2.3vw, 32px) !important;
}

body:has(.updates-canvas) .source-lite-status{
  z-index:5 !important;
  transform:translate(-50%, calc(-50% + 96px)) !important;
}

body:has(.updates-canvas) .source-lite-status span{
  border-color:rgba(var(--cz-glow-rgb, 56,232,255), .34) !important;
  background:rgba(2,9,22,.82) !important;
  color:rgba(245,252,255,.82) !important;
}

@keyframes updatesMapSweep{
  from{ transform:translateY(-92px); opacity:.24; }
  to{ transform:translateY(92px); opacity:.72; }
}

@media (max-width: 1180px){
  body:has(.updates-canvas) .updates-hero-v2{
    grid-template-columns:1fr !important;
  }

  body:has(.updates-canvas) .source-command-panel-lite{
    width:min(720px, 100%) !important;
    justify-self:center !important;
  }
}

@media (max-width: 980px){
  body:has(.updates-canvas) .updates-title{
    font-size:clamp(44px, 9vw, 76px) !important;
  }

  body:has(.updates-canvas) .updates-manifesto{
    overflow:hidden !important;
  }

  body:has(.updates-canvas) .updates-manifesto span:last-child{
    max-width:100% !important;
    white-space:normal !important;
    border-right:0 !important;
    animation:none !important;
  }
}

@media (max-width: 640px){
  body:has(.updates-canvas) .updates-shell{
    width:min(100% - 14px, 1500px) !important;
  }

  body:has(.updates-canvas) .updates-hero-v2{
    padding:22px 12px !important;
  }

  body:has(.updates-canvas) .updates-title{
    font-size:clamp(36px, 11.6vw, 54px) !important;
    line-height:.98 !important;
  }

  body:has(.updates-canvas) .source-command-panel-lite{
    width:100% !important;
  }

  body:has(.updates-canvas) .source-map-visual.source-map-lite{
    min-height:360px !important;
  }

  body:has(.updates-canvas) .source-lite-core{
    width:116px !important;
    height:116px !important;
  }

  body:has(.updates-canvas) .source-lite-row{
    left:10px !important;
    right:10px !important;
    gap:8px !important;
  }

  body:has(.updates-canvas) .source-lite-row a{
    min-height:66px !important;
  }
}

@media (prefers-reduced-motion: reduce){
  body:has(.updates-canvas) .source-map-visual.source-map-lite::after{
    animation:none !important;
  }
}

/* v146: override the global container cap for the Updates first viewport. */
body:has(.updates-canvas) .updates-shell.container{
  width:min(1680px, calc(100vw - 28px)) !important;
  max-width:none !important;
}

body:has(.updates-canvas) .updates-hero-v2{
  width:100% !important;
  grid-template-columns:minmax(0, 1.16fr) minmax(600px, .84fr) !important;
  gap:clamp(38px, 5vw, 84px) !important;
  padding:clamp(34px, 4vw, 66px) clamp(42px, 5vw, 88px) !important;
}

body:has(.updates-canvas) .updates-hero-copy{
  max-width:960px !important;
  min-width:0 !important;
}

body:has(.updates-canvas) .updates-title{
  max-width:940px !important;
  font-size:clamp(52px, 5.55vw, 98px) !important;
  line-height:.94 !important;
}

body:has(.updates-canvas) .updates-sub{
  max-width:840px !important;
}

body:has(.updates-canvas) .updates-actions{
  flex-wrap:wrap !important;
}

body:has(.updates-canvas) .updates-manifesto{
  width:min(920px, 100%) !important;
  max-width:100% !important;
  padding-right:22px !important;
}

body:has(.updates-canvas) .updates-manifesto span:last-child{
  max-width:82ch !important;
}

body:has(.updates-canvas) .source-command-panel-lite{
  width:100% !important;
  min-height:570px !important;
}

body:has(.updates-canvas) .source-map-visual.source-map-lite{
  min-height:468px !important;
}

body:has(.updates-canvas) .source-lite-row a{
  min-height:90px !important;
}

body:has(.updates-canvas) .source-lite-core{
  width:158px !important;
  height:158px !important;
}

body:has(.updates-canvas) .source-lite-pulse{
  width:230px !important;
  height:230px !important;
}

body:has(.updates-canvas) .source-lite-status{
  transform:translate(-50%, calc(-50% + 104px)) !important;
}

@media (max-width: 1180px){
  body:has(.updates-canvas) .updates-shell.container{
    width:min(100% - 22px, 1180px) !important;
  }

  body:has(.updates-canvas) .updates-hero-v2{
    grid-template-columns:1fr !important;
    padding:clamp(28px, 5vw, 52px) clamp(18px, 4vw, 42px) !important;
  }

  body:has(.updates-canvas) .source-command-panel-lite{
    width:min(780px, 100%) !important;
    justify-self:center !important;
  }

  body:has(.updates-canvas) .updates-manifesto span:last-child{
    white-space:normal !important;
    max-width:100% !important;
    border-right:0 !important;
    animation:none !important;
  }
}

@media (max-width: 640px){
  body:has(.updates-canvas) .updates-shell.container{
    width:min(100% - 14px, 1180px) !important;
  }

  body:has(.updates-canvas) .updates-hero-v2{
    padding:22px 12px !important;
  }

  body:has(.updates-canvas) .updates-title{
    font-size:clamp(36px, 11.6vw, 54px) !important;
  }

  body:has(.updates-canvas) .source-command-panel-lite{
    min-height:auto !important;
  }

  body:has(.updates-canvas) .source-map-visual.source-map-lite{
    min-height:360px !important;
  }

  body:has(.updates-canvas) .source-lite-core{
    width:116px !important;
    height:116px !important;
  }

  body:has(.updates-canvas) .source-lite-pulse{
    width:170px !important;
    height:170px !important;
  }

  body:has(.updates-canvas) .source-lite-status{
    transform:translate(-50%, calc(-50% + 72px)) !important;
  }
}

/* v147: keep Updates wide without stretching the first viewport vertically. */
body:has(.updates-canvas) main.section.container.updates-shell.updates-canvas,
body:has(.updates-canvas) .updates-shell.container{
  width:min(1760px, calc(100vw - 24px)) !important;
  max-width:none !important;
}

body:has(.updates-canvas) .updates-hero-v2{
  grid-template-columns:minmax(0, 1.18fr) minmax(620px, .82fr) !important;
  min-height:clamp(430px, 50vh, 590px) !important;
  gap:clamp(34px, 4.2vw, 72px) !important;
  padding:clamp(26px, 3.2vw, 46px) clamp(40px, 4.8vw, 82px) !important;
}

body:has(.updates-canvas) .updates-title{
  max-width:980px !important;
  font-size:clamp(50px, 5.25vw, 92px) !important;
  line-height:.94 !important;
}

body:has(.updates-canvas) .updates-sub{
  max-width:880px !important;
  margin-top:clamp(14px, 1.8vw, 22px) !important;
}

body:has(.updates-canvas) .updates-actions{
  margin-top:clamp(18px, 2.1vw, 26px) !important;
}

body:has(.updates-canvas) .updates-manifesto{
  width:min(960px, 100%) !important;
  margin-top:clamp(16px, 2vw, 24px) !important;
  padding:13px 18px !important;
}

body:has(.updates-canvas) .updates-manifesto span:last-child{
  max-width:86ch !important;
}

body:has(.updates-canvas) .source-command-panel-lite{
  min-height:auto !important;
  padding:18px !important;
}

body:has(.updates-canvas) .source-map-visual.source-map-lite{
  min-height:360px !important;
}

body:has(.updates-canvas) .source-lite-row{
  left:16px !important;
  right:16px !important;
  gap:12px !important;
}

body:has(.updates-canvas) .source-lite-row-top{
  top:16px !important;
}

body:has(.updates-canvas) .source-lite-row-bottom{
  bottom:16px !important;
}

body:has(.updates-canvas) .source-lite-row a{
  min-height:70px !important;
  padding:10px !important;
}

body:has(.updates-canvas) .source-lite-row b{
  font-size:clamp(20px, 2vw, 28px) !important;
}

body:has(.updates-canvas) .source-lite-row span{
  font-size:12px !important;
}

body:has(.updates-canvas) .source-lite-core{
  width:128px !important;
  height:128px !important;
  border-radius:28px !important;
}

body:has(.updates-canvas) .source-lite-core strong{
  font-size:20px !important;
}

body:has(.updates-canvas) .source-lite-pulse{
  width:184px !important;
  height:184px !important;
}

body:has(.updates-canvas) .source-lite-orbit{
  width:min(62%, 300px) !important;
}

body:has(.updates-canvas) .source-lite-orbit-b{
  width:min(76%, 370px) !important;
}

body:has(.updates-canvas) .source-lite-status{
  transform:translate(-50%, calc(-50% + 78px)) !important;
}

body:has(.updates-canvas) .source-lite-status span{
  min-height:24px !important;
  padding:0 8px !important;
}

@media (max-width: 1280px){
  body:has(.updates-canvas) .updates-hero-v2{
    grid-template-columns:minmax(0, 1.1fr) minmax(500px, .9fr) !important;
  }
}

@media (max-width: 1180px){
  body:has(.updates-canvas) main.section.container.updates-shell.updates-canvas,
  body:has(.updates-canvas) .updates-shell.container{
    width:min(100% - 22px, 1180px) !important;
  }

  body:has(.updates-canvas) .updates-hero-v2{
    grid-template-columns:1fr !important;
    min-height:auto !important;
  }

  body:has(.updates-canvas) .source-command-panel-lite{
    width:min(720px, 100%) !important;
  }
}

@media (max-width: 640px){
  body:has(.updates-canvas) main.section.container.updates-shell.updates-canvas,
  body:has(.updates-canvas) .updates-shell.container{
    width:min(100% - 14px, 1180px) !important;
  }

  body:has(.updates-canvas) .updates-hero-v2{
    padding:22px 12px !important;
  }

  body:has(.updates-canvas) .source-map-visual.source-map-lite{
    min-height:340px !important;
  }
}

/* v148: direct Updates width rules for browsers/servers that keep the base container cap. */
main.section.container.updates-shell.updates-canvas{
  width:min(1760px, calc(100vw - 24px)) !important;
  max-width:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

main.section.container.updates-shell.updates-canvas > .updates-hero-v2{
  width:100% !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1.18fr) minmax(540px, .82fr) !important;
  gap:clamp(36px, 4.6vw, 78px) !important;
  min-height:clamp(430px, 50vh, 590px) !important;
  padding:clamp(26px, 3vw, 46px) clamp(46px, 5vw, 86px) !important;
}

main.section.container.updates-shell.updates-canvas .updates-hero-copy{
  max-width:980px !important;
  min-width:0 !important;
}

main.section.container.updates-shell.updates-canvas .updates-title{
  max-width:980px !important;
  font-size:clamp(50px, 5.2vw, 92px) !important;
  line-height:.94 !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}

main.section.container.updates-shell.updates-canvas .updates-sub{
  max-width:880px !important;
}

main.section.container.updates-shell.updates-canvas .updates-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
  gap:12px !important;
}

main.section.container.updates-shell.updates-canvas .updates-manifesto{
  width:min(900px, 100%) !important;
  max-width:100% !important;
}

main.section.container.updates-shell.updates-canvas .updates-manifesto span:last-child{
  max-width:82ch !important;
}

main.section.container.updates-shell.updates-canvas .source-command-panel-lite{
  width:100% !important;
  min-height:auto !important;
  justify-self:stretch !important;
}

main.section.container.updates-shell.updates-canvas .source-map-visual.source-map-lite{
  min-height:360px !important;
}

@media (max-width: 1180px){
  main.section.container.updates-shell.updates-canvas{
    width:min(100% - 22px, 1180px) !important;
  }

  main.section.container.updates-shell.updates-canvas > .updates-hero-v2{
    grid-template-columns:1fr !important;
    min-height:auto !important;
    padding:clamp(28px, 5vw, 52px) clamp(18px, 4vw, 42px) !important;
  }

  main.section.container.updates-shell.updates-canvas .updates-hero-copy,
  main.section.container.updates-shell.updates-canvas .updates-sub{
    text-align:center !important;
  }

  main.section.container.updates-shell.updates-canvas .updates-actions{
    justify-content:center !important;
  }

  main.section.container.updates-shell.updates-canvas .updates-manifesto{
    margin-left:auto !important;
    margin-right:auto !important;
  }

  main.section.container.updates-shell.updates-canvas .updates-manifesto span:last-child{
    white-space:normal !important;
    max-width:100% !important;
    border-right:0 !important;
    animation:none !important;
  }

  main.section.container.updates-shell.updates-canvas .source-command-panel-lite{
    width:min(720px, 100%) !important;
    justify-self:center !important;
  }
}

@media (max-width: 640px){
  main.section.container.updates-shell.updates-canvas{
    width:min(100% - 14px, 1180px) !important;
  }

  main.section.container.updates-shell.updates-canvas > .updates-hero-v2{
    padding:22px 12px !important;
  }

  main.section.container.updates-shell.updates-canvas .updates-title{
    font-size:clamp(36px, 11.6vw, 54px) !important;
  }

  main.section.container.updates-shell.updates-canvas .source-map-visual.source-map-lite{
    min-height:340px !important;
  }
}

/* v149: only the Updates hero breaks wide; lower page sections keep normal CMS width. */
main.section.container.updates-shell.updates-canvas{
  width:min(1240px, calc(100vw - 32px)) !important;
  max-width:1240px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

main.section.container.updates-shell.updates-canvas > .updates-hero-v2{
  width:min(1760px, calc(100vw - 24px)) !important;
  max-width:none !important;
  margin-left:50% !important;
  margin-right:0 !important;
  transform:translateX(-50%) translateY(-16px) !important;
  grid-template-columns:minmax(0, 1.18fr) minmax(560px, .82fr) !important;
  gap:clamp(40px, 4.8vw, 86px) !important;
  min-height:clamp(430px, 50vh, 590px) !important;
  padding:clamp(26px, 3vw, 46px) clamp(46px, 5vw, 86px) !important;
}

main.section.container.updates-shell.updates-canvas > .updates-hero-v2 .updates-hero-copy{
  max-width:980px !important;
  min-width:0 !important;
}

main.section.container.updates-shell.updates-canvas > .updates-hero-v2 .updates-title{
  max-width:980px !important;
  font-size:clamp(48px, 4.85vw, 88px) !important;
  line-height:.95 !important;
  overflow:visible !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  text-wrap:balance !important;
}

main.section.container.updates-shell.updates-canvas > .updates-hero-v2 .updates-sub{
  max-width:840px !important;
}

main.section.container.updates-shell.updates-canvas > .updates-hero-v2 .updates-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
}

main.section.container.updates-shell.updates-canvas > .updates-hero-v2 .updates-manifesto{
  width:min(900px, 100%) !important;
  max-width:100% !important;
}

main.section.container.updates-shell.updates-canvas > .updates-hero-v2 .updates-manifesto span:last-child{
  max-width:82ch !important;
}

main.section.container.updates-shell.updates-canvas > .updates-hero-v2 .source-command-panel-lite{
  width:100% !important;
  justify-self:stretch !important;
  min-height:auto !important;
}

main.section.container.updates-shell.updates-canvas > .updates-hero-v2 .source-map-visual.source-map-lite{
  min-height:360px !important;
}

main.section.container.updates-shell.updates-canvas > .authority-split,
main.section.container.updates-shell.updates-canvas > .route-final-strip,
main.section.container.updates-shell.updates-canvas > .request-mega-cta,
main.section.container.updates-shell.updates-canvas > .updates-box{
  width:100% !important;
  max-width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

@media (max-width: 1180px){
  main.section.container.updates-shell.updates-canvas{
    width:min(100% - 22px, 1180px) !important;
    max-width:1180px !important;
  }

  main.section.container.updates-shell.updates-canvas > .updates-hero-v2{
    width:100% !important;
    margin-left:0 !important;
    transform:translateY(-10px) !important;
    grid-template-columns:1fr !important;
    min-height:auto !important;
    padding:clamp(28px, 5vw, 52px) clamp(18px, 4vw, 42px) !important;
  }

  main.section.container.updates-shell.updates-canvas > .updates-hero-v2 .updates-hero-copy,
  main.section.container.updates-shell.updates-canvas > .updates-hero-v2 .updates-sub{
    text-align:center !important;
  }

  main.section.container.updates-shell.updates-canvas > .updates-hero-v2 .updates-actions{
    justify-content:center !important;
  }

  main.section.container.updates-shell.updates-canvas > .updates-hero-v2 .updates-manifesto{
    margin-left:auto !important;
    margin-right:auto !important;
  }

  main.section.container.updates-shell.updates-canvas > .updates-hero-v2 .updates-manifesto span:last-child{
    white-space:normal !important;
    max-width:100% !important;
    border-right:0 !important;
    animation:none !important;
  }
}

@media (max-width: 640px){
  main.section.container.updates-shell.updates-canvas{
    width:min(100% - 14px, 1180px) !important;
  }

  main.section.container.updates-shell.updates-canvas > .updates-hero-v2{
    padding:22px 12px !important;
  }

  main.section.container.updates-shell.updates-canvas > .updates-hero-v2 .updates-title{
    font-size:clamp(36px, 11.6vw, 54px) !important;
  }

  main.section.container.updates-shell.updates-canvas > .updates-hero-v2 .source-map-visual.source-map-lite{
    min-height:340px !important;
  }
}

/* v150: force the Updates hero itself wider, without widening lower CMS sections. */
@media (min-width: 1181px){
  main.section.container.updates-shell.updates-canvas{
    width:min(1240px, calc(100vw - 32px)) !important;
    max-width:1240px !important;
    overflow:visible !important;
  }

  main.section.container.updates-shell.updates-canvas > header.updates-hero.updates-hero-v2{
    --updates-hero-wide: min(1540px, calc(100vw - 44px));
    position:relative !important;
    left:50% !important;
    inline-size:var(--updates-hero-wide) !important;
    width:var(--updates-hero-wide) !important;
    min-inline-size:var(--updates-hero-wide) !important;
    min-width:var(--updates-hero-wide) !important;
    max-inline-size:none !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    transform:translateX(-50%) translateY(-16px) !important;
    grid-template-columns:minmax(0, 1.16fr) minmax(560px, .84fr) !important;
    gap:clamp(42px, 5vw, 90px) !important;
    min-height:clamp(430px, 50vh, 590px) !important;
    padding:clamp(26px, 3vw, 46px) clamp(48px, 5vw, 88px) !important;
  }

  main.section.container.updates-shell.updates-canvas > header.updates-hero.updates-hero-v2 .updates-hero-copy{
    max-width:960px !important;
  }

  main.section.container.updates-shell.updates-canvas > header.updates-hero.updates-hero-v2 .updates-title{
    max-width:960px !important;
    font-size:clamp(48px, 4.75vw, 88px) !important;
  }

  main.section.container.updates-shell.updates-canvas > header.updates-hero.updates-hero-v2 .source-command-panel-lite{
    width:100% !important;
    justify-self:stretch !important;
  }
}

@media (max-width: 1180px){
  main.section.container.updates-shell.updates-canvas > header.updates-hero.updates-hero-v2{
    left:auto !important;
    inline-size:100% !important;
    width:100% !important;
    min-inline-size:0 !important;
    min-width:0 !important;
    transform:translateY(-10px) !important;
  }
}

/* v151: calibrated Updates hero width; lower sections return to the normal CMS measure. */
body:has(.updates-canvas) main.section.container.updates-shell.updates-canvas,
main.section.container.updates-shell.updates-canvas{
  inline-size:min(1240px, calc(100vw - 40px)) !important;
  width:min(1240px, calc(100vw - 40px)) !important;
  max-inline-size:1240px !important;
  max-width:1240px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  overflow:visible !important;
}

body:has(.updates-canvas) main.section.container.updates-shell.updates-canvas > .updates-box,
body:has(.updates-canvas) main.section.container.updates-shell.updates-canvas > .authority-split,
body:has(.updates-canvas) main.section.container.updates-shell.updates-canvas > .route-final-strip,
body:has(.updates-canvas) main.section.container.updates-shell.updates-canvas > .request-mega-cta,
main.section.container.updates-shell.updates-canvas > .updates-box,
main.section.container.updates-shell.updates-canvas > .authority-split,
main.section.container.updates-shell.updates-canvas > .route-final-strip,
main.section.container.updates-shell.updates-canvas > .request-mega-cta{
  inline-size:100% !important;
  width:100% !important;
  max-inline-size:1240px !important;
  max-width:1240px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

@media (min-width: 1181px){
  body:has(.updates-canvas) main.section.container.updates-shell.updates-canvas > header.updates-hero.updates-hero-v2,
  main.section.container.updates-shell.updates-canvas > header.updates-hero.updates-hero-v2{
    --updates-hero-wide:clamp(1120px, calc(100vw - 180px), 1500px);
    position:relative !important;
    left:50% !important;
    inline-size:var(--updates-hero-wide) !important;
    width:var(--updates-hero-wide) !important;
    min-inline-size:0 !important;
    min-width:0 !important;
    max-inline-size:var(--updates-hero-wide) !important;
    max-width:var(--updates-hero-wide) !important;
    margin-left:0 !important;
    margin-right:0 !important;
    transform:translateX(-50%) translateY(-16px) !important;
    grid-template-columns:minmax(0, 1.08fr) minmax(430px, .92fr) !important;
    gap:clamp(32px, 3.4vw, 58px) !important;
    min-height:clamp(420px, 48vh, 560px) !important;
    padding:clamp(26px, 3vw, 44px) clamp(36px, 4vw, 64px) !important;
  }

  body:has(.updates-canvas) main.section.container.updates-shell.updates-canvas > header.updates-hero.updates-hero-v2 .updates-hero-copy,
  main.section.container.updates-shell.updates-canvas > header.updates-hero.updates-hero-v2 .updates-hero-copy{
    max-width:820px !important;
    min-width:0 !important;
  }

  body:has(.updates-canvas) main.section.container.updates-shell.updates-canvas > header.updates-hero.updates-hero-v2 .updates-title,
  main.section.container.updates-shell.updates-canvas > header.updates-hero.updates-hero-v2 .updates-title{
    max-width:820px !important;
    font-size:clamp(48px, 4.05vw, 78px) !important;
    line-height:.96 !important;
    overflow:visible !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    text-wrap:balance !important;
  }

  body:has(.updates-canvas) main.section.container.updates-shell.updates-canvas > header.updates-hero.updates-hero-v2 .updates-sub,
  main.section.container.updates-shell.updates-canvas > header.updates-hero.updates-hero-v2 .updates-sub{
    max-width:720px !important;
  }

  body:has(.updates-canvas) main.section.container.updates-shell.updates-canvas > header.updates-hero.updates-hero-v2 .updates-manifesto,
  main.section.container.updates-shell.updates-canvas > header.updates-hero.updates-hero-v2 .updates-manifesto{
    width:min(760px, 100%) !important;
    max-width:100% !important;
  }

  body:has(.updates-canvas) main.section.container.updates-shell.updates-canvas > header.updates-hero.updates-hero-v2 .source-command-panel-lite,
  main.section.container.updates-shell.updates-canvas > header.updates-hero.updates-hero-v2 .source-command-panel-lite{
    inline-size:100% !important;
    width:100% !important;
    max-width:520px !important;
    justify-self:stretch !important;
  }

  body:has(.updates-canvas) main.section.container.updates-shell.updates-canvas > header.updates-hero.updates-hero-v2 .source-map-visual.source-map-lite,
  main.section.container.updates-shell.updates-canvas > header.updates-hero.updates-hero-v2 .source-map-visual.source-map-lite{
    min-height:350px !important;
  }
}

@media (max-width: 1180px){
  body:has(.updates-canvas) main.section.container.updates-shell.updates-canvas,
  main.section.container.updates-shell.updates-canvas{
    inline-size:min(100% - 22px, 1180px) !important;
    width:min(100% - 22px, 1180px) !important;
    max-inline-size:1180px !important;
    max-width:1180px !important;
  }

  body:has(.updates-canvas) main.section.container.updates-shell.updates-canvas > header.updates-hero.updates-hero-v2,
  main.section.container.updates-shell.updates-canvas > header.updates-hero.updates-hero-v2{
    left:auto !important;
    inline-size:100% !important;
    width:100% !important;
    min-inline-size:0 !important;
    min-width:0 !important;
    max-inline-size:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    transform:translateY(-10px) !important;
    grid-template-columns:1fr !important;
  }
}

@media (max-width: 640px){
  body:has(.updates-canvas) main.section.container.updates-shell.updates-canvas,
  main.section.container.updates-shell.updates-canvas{
    inline-size:min(100% - 14px, 1180px) !important;
    width:min(100% - 14px, 1180px) !important;
  }
}

/* v152: center the Updates hero action cluster and manifesto line. */
body:has(.updates-canvas) main.section.container.updates-shell.updates-canvas > header.updates-hero.updates-hero-v2 .updates-actions,
main.section.container.updates-shell.updates-canvas > header.updates-hero.updates-hero-v2 .updates-actions{
  width:min(760px, 100%) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  justify-content:center !important;
}

body:has(.updates-canvas) main.section.container.updates-shell.updates-canvas > header.updates-hero.updates-hero-v2 .updates-manifesto,
main.section.container.updates-shell.updates-canvas > header.updates-hero.updates-hero-v2 .updates-manifesto{
  width:min(760px, 100%) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  justify-content:center !important;
  text-align:center !important;
}

body:has(.updates-canvas) main.section.container.updates-shell.updates-canvas > header.updates-hero.updates-hero-v2 .updates-manifesto span:last-child,
main.section.container.updates-shell.updates-canvas > header.updates-hero.updates-hero-v2 .updates-manifesto span:last-child{
  text-align:center !important;
  text-wrap:balance !important;
}

/* v153: unify every visible Clickoz mark with the canonical red app logo. */
:root{
  --clickoz-logo-image:url("/assets/clickoz-logo-512.png");
}

.logo-badge,
.footer-logo-badge{
  background:var(--clickoz-logo-image) center / cover no-repeat !important;
  color:transparent !important;
  overflow:hidden !important;
  border-color:rgba(255,255,255,.18) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.10),
    0 10px 30px rgba(255,63,36,.30),
    0 0 34px rgba(255,63,36,.28) !important;
}

.logo-badge::before,
.logo-badge::after,
.footer-logo-badge::before,
.footer-logo-badge::after{
  opacity:0 !important;
}

.logo-badge .logo-mark,
.logo-badge .cz-logo-mark,
.footer-logo-badge .logo-mark,
.footer-logo-badge .footer-logo-mark,
.footer-logo-badge .cz-logo-mark{
  width:100% !important;
  height:100% !important;
  opacity:0 !important;
}

.logo-badge .logo-img,
.footer-logo-badge .logo-img{
  display:block !important;
  opacity:1 !important;
  object-fit:cover !important;
}

/* v154: footer brand badge uses the same logo treatment as the nav badge. */
.footer .footer-brand-bottom .footer-logo-badge{
  border:1px solid rgba(255,255,255,.18) !important;
  background:var(--clickoz-logo-image) center / cover no-repeat !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.10),
    0 10px 30px rgba(255,63,36,.30),
    0 0 34px rgba(255,63,36,.28) !important;
}

.footer .footer-brand-bottom .footer-logo-badge .logo-img{
  width:100% !important;
  height:100% !important;
  border-radius:inherit !important;
  object-fit:cover !important;
  opacity:1 !important;
}

/* v155: make the new Clickoz mark live with the selected palette color. */
:root{
  --clickoz-logo-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='black' d='M367 176c-25-29-61-43-109-43-83 0-145 50-145 123s62 123 145 123c49 0 86-15 112-47l-79-47c-8 12-20 18-36 18-25 0-42-19-42-47s17-47 42-47c16 0 28 6 36 19l76-52Z'/%3E%3C/svg%3E");
  --clickoz-logo-bg:
    radial-gradient(circle at 32% 18%, rgba(255,255,255,.34), transparent 34%),
    linear-gradient(135deg,
      color-mix(in srgb, var(--accent2, #8af3ff) 92%, #ffffff 8%) 0%,
      var(--accent, #38e8ff) 56%,
      color-mix(in srgb, var(--accent, #38e8ff) 72%, #05070c 28%) 100%);
}

.logo-badge,
.footer-logo-badge,
.footer .footer-brand-bottom .footer-logo-badge,
.footer .footer-brand-bottom:hover .footer-logo-badge{
  position:relative !important;
  background:var(--clickoz-logo-bg) !important;
  color:transparent !important;
  border:1px solid rgba(255,255,255,.18) !important;
  overflow:hidden !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 0 0 1px rgba(var(--accent-rgb), .16),
    0 10px 30px rgba(var(--accent-rgb), .30),
    0 0 34px rgba(var(--accent-rgb), .30) !important;
}

.logo-badge::before,
.footer-logo-badge::before,
.footer .footer-brand-bottom .footer-logo-badge::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  border-radius:inherit !important;
  opacity:.48 !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.44), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.12), transparent 52%) !important;
  pointer-events:none !important;
}

.logo-badge::after,
.footer-logo-badge::after,
.footer .footer-brand-bottom .footer-logo-badge::after{
  content:"" !important;
  position:absolute !important;
  inset:17% 11% 16% 11% !important;
  z-index:2 !important;
  opacity:1 !important;
  border-radius:0 !important;
  background:#f8fbff !important;
  box-shadow:none !important;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.20)) !important;
  -webkit-mask:var(--clickoz-logo-mask) center / contain no-repeat !important;
  mask:var(--clickoz-logo-mask) center / contain no-repeat !important;
  pointer-events:none !important;
}

.logo-badge .logo-mark,
.logo-badge .cz-logo-mark,
.logo-badge .logo-img,
.footer-logo-badge .logo-mark,
.footer-logo-badge .footer-logo-mark,
.footer-logo-badge .cz-logo-mark,
.footer-logo-badge .logo-img,
.footer .footer-brand-bottom .footer-logo-badge .logo-img{
  opacity:0 !important;
}

/* v156: add a readable dark trace around the white C mark. */
.logo-badge::after,
.footer-logo-badge::after,
.footer .footer-brand-bottom .footer-logo-badge::after{
  filter:
    drop-shadow(0 1px 0 rgba(7,16,24,.98))
    drop-shadow(1px 0 0 rgba(7,16,24,.98))
    drop-shadow(0 -1px 0 rgba(7,16,24,.98))
    drop-shadow(-1px 0 0 rgba(7,16,24,.98))
    drop-shadow(0 2px 2px rgba(0,0,0,.28)) !important;
}

/* v157: use the same stroked C SVG in nav/footer that the favicon uses. */
:root{
  --clickoz-logo-stroked-c:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23f8fbff' stroke='%23071018' stroke-width='24' stroke-linejoin='round' paint-order='stroke fill' d='M367 176c-25-29-61-43-109-43-83 0-145 50-145 123s62 123 145 123c49 0 86-15 112-47l-79-47c-8 12-20 18-36 18-25 0-42-19-42-47s17-47 42-47c16 0 28 6 36 19l76-52Z'/%3E%3C/svg%3E");
}

.logo-badge::after,
.footer-logo-badge::after,
.footer .footer-brand-bottom .footer-logo-badge::after{
  inset:12% 6% 11% 6% !important;
  background:var(--clickoz-logo-stroked-c) center / contain no-repeat !important;
  -webkit-mask:none !important;
  mask:none !important;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.22)) !important;
}

/* v158: mobile drawer order, fit and live motion pass. */
@media (max-width: 820px), (pointer: coarse){
  html.mobile-perf-mode #clickozParticles{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:none !important;
  }

  html.mobile-perf-mode #clickozParticles .pidle,
  html.mobile-perf-mode #clickozParticles .pburst,
  html.mobile-perf-mode #clickozParticles .pguide{
    display:block !important;
  }

  .m-tools-card,
  .m-tool-grid{
    display:none !important;
  }

  .m-menu.m-menu-premium{
    position:fixed !important;
    top:calc(var(--navH, 72px) + env(safe-area-inset-top) + 8px) !important;
    right:calc(10px + env(safe-area-inset-right)) !important;
    left:auto !important;
    width:min(392px, calc(100vw - 20px - env(safe-area-inset-left) - env(safe-area-inset-right))) !important;
    height:auto !important;
    max-height:calc(100dvh - var(--navH, 72px) - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 18px) !important;
    padding:12px !important;
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    border-radius:22px !important;
    border:1px solid rgba(var(--cz-glow-rgb), .42) !important;
    background:
      radial-gradient(560px 240px at 50% 0%, rgba(var(--cz-glow-rgb), .24), transparent 72%),
      linear-gradient(180deg, rgba(4,11,27,.96), rgba(2,7,18,.96)) !important;
    box-shadow:
      inset 0 1px 0 rgba(var(--cz-glow-rgb), .20),
      0 0 0 1px rgba(var(--cz-glow-rgb), .08),
      0 22px 76px rgba(0,0,0,.58),
      0 0 64px rgba(var(--cz-glow-rgb), .20) !important;
  }

  .m-head-minimal{
    order:0 !important;
    position:sticky !important;
    top:0 !important;
    z-index:4 !important;
    min-height:34px !important;
    display:flex !important;
    justify-content:flex-end !important;
    align-items:center !important;
    margin:-2px -2px -2px !important;
    padding:0 0 2px !important;
    border-bottom:0 !important;
    background:linear-gradient(180deg, rgba(4,11,27,.96), rgba(4,11,27,.74) 70%, transparent) !important;
  }

  .m-category-block{
    order:1 !important;
    width:100% !important;
    min-width:0 !important;
    padding:13px !important;
    border-radius:20px !important;
    border:1px solid rgba(var(--cz-glow-rgb), .24) !important;
    background:
      radial-gradient(320px 160px at 20% 0%, rgba(var(--cz-glow-rgb), .18), transparent 70%),
      rgba(255,255,255,.038) !important;
    box-shadow:
      inset 0 1px 0 rgba(var(--cz-glow-rgb), .12),
      0 0 32px rgba(var(--cz-glow-rgb), .10) !important;
  }

  .m-category-block .m-label{
    margin-bottom:10px !important;
  }

  .m-category-block .m-links,
  .m-menu .m-links{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:9px !important;
  }

  .m-category-block .m-link,
  .m-menu .m-link{
    min-height:54px !important;
    padding:10px !important;
    border-radius:16px !important;
  }

  .m-advanced-search{
    order:2 !important;
  }

  .m-theme-block{
    order:3 !important;
  }

  .m-lang-block{
    order:4 !important;
  }

  .m-theme-block,
  .m-lang-block,
  .m-command-card{
    width:100% !important;
    min-width:0 !important;
  }

  .m-menu .m-colors,
  .m-colors{
    width:100% !important;
    max-width:none !important;
    margin-inline:0 !important;
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
    gap:8px !important;
  }

  .m-menu .m-colors .color-option,
  .m-colors .color-option{
    width:100% !important;
    min-width:0 !important;
    height:44px !important;
  }

  .m-lang-block #google_translate_element_mobile,
  .m-lang-block #google_translate_native_mobile,
  .m-lang-block .cz-lang-select,
  .m-lang-block select{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }

  html.mobile-perf-mode .m-menu.open .m-category-block,
  html.mobile-perf-mode .m-menu.open .m-advanced-search,
  html.mobile-perf-mode .m-menu.open .m-theme-block,
  html.mobile-perf-mode .m-menu.open .m-lang-block{
    animation:czDrawerItemIn .38s cubic-bezier(.2,.8,.2,1) both !important;
  }

  html.mobile-perf-mode .m-menu.open .m-category-block{
    animation-delay:.025s !important;
  }

  html.mobile-perf-mode .m-menu.open .m-advanced-search{
    animation-delay:.07s !important;
  }

  html.mobile-perf-mode .m-menu.open .m-theme-block{
    animation-delay:.105s !important;
  }

  html.mobile-perf-mode .m-menu.open .m-lang-block{
    animation-delay:.14s !important;
  }
}

@media (max-width: 390px){
  .m-menu.m-menu-premium{
    right:8px !important;
    width:calc(100vw - 16px) !important;
    padding:10px !important;
    gap:8px !important;
  }

  .m-category-block{
    padding:11px !important;
  }

  .m-category-block .m-links,
  .m-menu .m-links{
    gap:7px !important;
  }

  .m-category-block .m-link,
  .m-menu .m-link{
    min-height:50px !important;
    padding:9px !important;
  }

  .m-menu .m-colors,
  .m-colors{
    gap:7px !important;
  }

  .m-menu .m-colors .color-option,
  .m-colors .color-option{
    height:40px !important;
  }
}

@media (prefers-reduced-motion: reduce){
  html.mobile-perf-mode #clickozParticles{
    display:none !important;
  }

  html.mobile-perf-mode .m-menu.open .m-category-block{
    animation:none !important;
  }
}

/* v159: readable CMS card hierarchy, stronger icons and aligned content flow. */
:root{
  --cz-card-title-readable:clamp(20px, 1.28vw, 25px);
  --cz-card-copy-readable:clamp(14.8px, .92vw, 16.2px);
  --cz-card-chip-readable:12.6px;
}

body.tools-page .cards-grid,
body.tools-page .tools-route-grid,
body.guides-page .guide-hub-grid,
body.bigtext .home-workdesk .picks-grid,
body.bigtext .home-workdesk .authority-grid{
  align-items:stretch !important;
}

body.tools-page .tool-sections .card.tool-card-enhanced,
body.tools-page .tools-route-grid a,
body.guides-page .guide-hub-card,
html body.bigtext .home-workdesk .friendly-tools-section .picks-grid .pick-card,
body.bigtext .home-workdesk .authority-card{
  height:100% !important;
  min-width:0 !important;
  border-color:rgba(var(--cz-glow-rgb), .44) !important;
  background:
    radial-gradient(520px 230px at 18% 0%, rgba(var(--cz-glow-rgb), .20), transparent 74%),
    radial-gradient(360px 190px at 92% 10%, color-mix(in srgb, var(--accent2, #8af3ff) 14%, transparent), transparent 78%),
    linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.020)),
    rgba(3,9,22,.70) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.13),
    0 0 0 1px rgba(var(--cz-glow-rgb), .10),
    0 18px 58px rgba(0,0,0,.34),
    0 0 52px rgba(var(--cz-glow-rgb), .18) !important;
}

body.tools-page .tools-route-grid a,
body.guides-page .guide-hub-card,
body.bigtext .home-workdesk .authority-card{
  display:grid !important;
  grid-template-rows:auto minmax(0, 1fr) auto !important;
  gap:16px !important;
}

body.tools-page .tools-route-grid a{
  min-height:190px !important;
  padding:24px 22px !important;
  justify-items:center !important;
  text-align:center !important;
}

body.guides-page .guide-hub-card{
  min-height:262px !important;
  padding:24px !important;
}

html body.bigtext .home-workdesk .friendly-tools-section .picks-grid .pick-card{
  min-height:292px !important;
  display:grid !important;
  grid-template-rows:auto minmax(0, 1fr) auto !important;
  align-content:start !important;
  justify-items:center !important;
  gap:18px !important;
  padding:26px 24px !important;
}

body.bigtext .home-workdesk .authority-card{
  min-height:218px !important;
  padding:24px !important;
}

body.tools-page .tool-sections .card.tool-card-enhanced{
  display:grid !important;
  grid-template-rows:auto auto minmax(0, auto) auto !important;
  gap:18px !important;
  padding:26px !important;
}

body.tools-page .tool-sections .card.tool-card-enhanced .card-top,
body.guides-page .guide-hub-card .authority-card-head,
body.bigtext .home-workdesk .authority-card .authority-card-head{
  width:100% !important;
  display:grid !important;
  grid-template-columns:58px minmax(0, 1fr) !important;
  align-items:start !important;
  gap:15px !important;
  text-align:left !important;
}

html body.bigtext .home-workdesk .friendly-tools-section .pick-card .pick-head{
  width:100% !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  justify-items:center !important;
  align-items:start !important;
  gap:15px !important;
  text-align:center !important;
}

body.tools-page .tool-sections .card.tool-card-enhanced .card-top > div:not(.card-ico),
body.guides-page .guide-hub-card .authority-card-head h3,
body.bigtext .home-workdesk .authority-card .authority-card-head h3{
  min-width:0 !important;
}

.card-ico,
.pick-icon,
.authority-card-head > span,
body.tools-page .tool-sections .card.tool-card-enhanced .card-ico,
body.guides-page .guide-hub-card .authority-card-head > span,
html body.bigtext .home-workdesk .friendly-tools-section .pick-card .pick-icon{
  inline-size:58px !important;
  block-size:58px !important;
  min-inline-size:58px !important;
  min-block-size:58px !important;
  flex:0 0 58px !important;
  display:inline-grid !important;
  place-items:center !important;
  border-radius:17px !important;
  border:1px solid rgba(var(--cz-glow-rgb), .70) !important;
  color:#fff !important;
  font-family:"Oxanium", "Space Grotesk", system-ui, sans-serif !important;
  font-size:12.5px !important;
  font-weight:1000 !important;
  line-height:1 !important;
  letter-spacing:.015em !important;
  -webkit-text-stroke:.55px rgba(0,0,0,.92) !important;
  paint-order:stroke fill !important;
  text-shadow:
    0 1px 0 rgba(0,0,0,.92),
    0 0 12px rgba(0,0,0,.62),
    0 0 22px rgba(var(--cz-glow-rgb), .52) !important;
  background:
    radial-gradient(circle at 32% 22%, rgba(255,255,255,.92), rgba(255,255,255,.24) 25%, transparent 36%),
    radial-gradient(circle at 50% 68%, rgba(var(--cz-glow-rgb), .30), transparent 62%),
    linear-gradient(145deg, color-mix(in srgb, rgb(var(--cz-glow-rgb)) 58%, white 42%), rgb(var(--cz-glow-rgb))) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.54),
    inset 0 -10px 18px rgba(0,0,0,.24),
    0 0 0 1px rgba(var(--cz-glow-rgb), .20),
    0 0 34px rgba(var(--cz-glow-rgb), .48),
    0 16px 38px rgba(0,0,0,.34) !important;
}

body.tools-page .tool-sections .card.tool-card-enhanced h3,
body.tools-page .tools-route-grid a b,
body.guides-page .guide-hub-card h3,
body.bigtext .home-workdesk .authority-card h3,
html body.bigtext .home-workdesk .friendly-tools-section .pick-card .pick-title{
  max-width:100% !important;
  color:#fff !important;
  font-size:var(--cz-card-title-readable) !important;
  line-height:1.12 !important;
  font-weight:950 !important;
  letter-spacing:0 !important;
  text-wrap:balance !important;
  overflow-wrap:anywhere !important;
  text-shadow:
    0 1px 0 rgba(0,0,0,.72),
    0 0 22px rgba(var(--cz-glow-rgb), .20) !important;
}

body.tools-page .tool-sections .card.tool-card-enhanced .card-top p,
body.tools-page .tools-route-grid a span,
body.guides-page .guide-hub-card > p,
body.bigtext .home-workdesk .authority-card > p,
html body.bigtext .home-workdesk .friendly-tools-section .pick-card .pick-desc{
  max-width:100% !important;
  color:rgba(240,248,255,.82) !important;
  font-size:var(--cz-card-copy-readable) !important;
  line-height:1.56 !important;
  font-weight:650 !important;
  letter-spacing:0 !important;
  overflow-wrap:anywhere !important;
  text-shadow:0 1px 0 rgba(0,0,0,.48) !important;
}

html body.bigtext .home-workdesk .friendly-tools-section .pick-card .pick-desc{
  width:min(100%, 310px) !important;
  margin:auto 0 0 !important;
  text-align:center !important;
}

body.bigtext .home-workdesk .authority-card > p,
body.guides-page .guide-hub-card > p{
  margin:0 !important;
}

body.tools-page .tool-output-preview{
  padding:17px !important;
  border-radius:18px !important;
  border-color:rgba(var(--cz-glow-rgb), .28) !important;
  background:
    radial-gradient(360px 160px at 18% 0%, rgba(var(--cz-glow-rgb), .13), transparent 72%),
    rgba(1,7,18,.52) !important;
}

body.tools-page .tool-output-preview > strong{
  font-size:clamp(14.5px, .9vw, 16px) !important;
  line-height:1.42 !important;
  color:rgba(248,252,255,.94) !important;
}

body.tools-page .tool-output-preview > span,
body.tools-page .tool-output-preview > em{
  font-size:12.4px !important;
  line-height:1.35 !important;
}

.guide-card-meta,
.tool-mini-features,
html body.bigtext .home-workdesk .friendly-tools-section .pick-card .pick-meta{
  width:100% !important;
  margin-top:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  flex-wrap:wrap !important;
}

body.guides-page .guide-card-meta,
body.tools-page .tool-mini-features,
html body.bigtext .home-workdesk .friendly-tools-section .pick-card .pick-meta{
  padding-top:14px !important;
  border-top:1px solid rgba(var(--cz-glow-rgb), .22) !important;
  background:linear-gradient(90deg, transparent, rgba(var(--cz-glow-rgb), .075), transparent) top/100% 1px no-repeat !important;
}

.guide-card-meta span,
.tool-mini-features span,
html body.bigtext .home-workdesk .friendly-tools-section .pick-card .pick-cat,
html body.bigtext .home-workdesk .friendly-tools-section .pick-card .pick-cta{
  min-height:33px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  padding:8px 12px !important;
  border-radius:999px !important;
  font-size:var(--cz-card-chip-readable) !important;
  line-height:1.08 !important;
  font-weight:950 !important;
  letter-spacing:.012em !important;
  color:rgba(248,252,255,.93) !important;
  -webkit-text-stroke:.30px rgba(0,0,0,.68) !important;
  paint-order:stroke fill !important;
  text-shadow:0 1px 0 rgba(0,0,0,.78), 0 0 10px rgba(var(--cz-glow-rgb), .22) !important;
  border-color:rgba(var(--cz-glow-rgb), .36) !important;
  background:
    radial-gradient(160px 72px at 50% 0%, rgba(var(--cz-glow-rgb), .18), transparent 72%),
    rgba(3,9,22,.68) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.11),
    0 0 24px rgba(var(--cz-glow-rgb), .12) !important;
}

html body.bigtext .home-workdesk .friendly-tools-section .pick-card .pick-meta{
  justify-content:center !important;
}

body.tools-page .tools-route-grid a em,
html body .tools-route-grid-after a em{
  min-height:42px !important;
  margin-top:auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:11px 18px !important;
  border-radius:15px !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:950 !important;
}

@media (hover:hover) and (pointer:fine){
  body.tools-page .tool-sections .card.tool-card-enhanced:hover .card-ico,
  body.guides-page .guide-hub-card:hover .authority-card-head > span,
  body.bigtext .home-workdesk .authority-card:hover .authority-card-head > span,
  html body.bigtext .home-workdesk .friendly-tools-section .pick-card:hover .pick-icon{
    transform:translateY(-2px) scale(1.035) !important;
    border-color:rgba(var(--cz-glow-rgb), .92) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.62),
      inset 0 -10px 18px rgba(0,0,0,.20),
      0 0 0 1px rgba(var(--cz-glow-rgb), .28),
      0 0 46px rgba(var(--cz-glow-rgb), .58),
      0 18px 42px rgba(0,0,0,.36) !important;
  }
}

@media (max-width: 820px){
  body.tools-page .tool-sections .card.tool-card-enhanced,
  body.tools-page .tools-route-grid a,
  body.guides-page .guide-hub-card,
  html body.bigtext .home-workdesk .friendly-tools-section .picks-grid .pick-card,
  body.bigtext .home-workdesk .authority-card{
    min-height:auto !important;
    padding:20px !important;
  }

  body.tools-page .tool-sections .card.tool-card-enhanced .card-top,
  body.guides-page .guide-hub-card .authority-card-head,
  body.bigtext .home-workdesk .authority-card .authority-card-head{
    grid-template-columns:52px minmax(0, 1fr) !important;
    gap:13px !important;
  }

  .card-ico,
  .pick-icon,
  .authority-card-head > span,
  body.tools-page .tool-sections .card.tool-card-enhanced .card-ico,
  body.guides-page .guide-hub-card .authority-card-head > span,
  html body.bigtext .home-workdesk .friendly-tools-section .pick-card .pick-icon{
    inline-size:52px !important;
    block-size:52px !important;
    min-inline-size:52px !important;
    min-block-size:52px !important;
    flex-basis:52px !important;
    border-radius:16px !important;
  }

  body.tools-page .tool-sections .card.tool-card-enhanced h3,
  body.tools-page .tools-route-grid a b,
  body.guides-page .guide-hub-card h3,
  body.bigtext .home-workdesk .authority-card h3,
  html body.bigtext .home-workdesk .friendly-tools-section .pick-card .pick-title{
    font-size:clamp(19px, 5vw, 23px) !important;
  }
}

/* v160: guide hub pages use guide-hub-page, keep their cards in the same readable system. */
body.guide-hub-page .guide-hub-grid{
  align-items:stretch !important;
}

body.guide-hub-page .guide-hub-card{
  height:100% !important;
  min-height:262px !important;
  display:grid !important;
  grid-template-rows:auto minmax(0, 1fr) auto !important;
  gap:16px !important;
  padding:24px !important;
  border-color:rgba(var(--cz-glow-rgb), .44) !important;
  background:
    radial-gradient(520px 230px at 18% 0%, rgba(var(--cz-glow-rgb), .20), transparent 74%),
    radial-gradient(360px 190px at 92% 10%, color-mix(in srgb, var(--accent2, #8af3ff) 14%, transparent), transparent 78%),
    linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.020)),
    rgba(3,9,22,.70) !important;
}

body.guide-hub-page .guide-hub-card .authority-card-head{
  width:100% !important;
  display:grid !important;
  grid-template-columns:58px minmax(0, 1fr) !important;
  align-items:start !important;
  gap:15px !important;
  text-align:left !important;
}

body.guide-hub-page .guide-hub-card .authority-card-head > span{
  inline-size:58px !important;
  block-size:58px !important;
  min-inline-size:58px !important;
  min-block-size:58px !important;
  display:inline-grid !important;
  place-items:center !important;
  border-radius:17px !important;
  color:#fff !important;
  font-size:12.5px !important;
  font-weight:1000 !important;
  line-height:1 !important;
  -webkit-text-stroke:.55px rgba(0,0,0,.92) !important;
  paint-order:stroke fill !important;
  text-shadow:
    0 1px 0 rgba(0,0,0,.92),
    0 0 12px rgba(0,0,0,.62),
    0 0 22px rgba(var(--cz-glow-rgb), .52) !important;
}

body.guide-hub-page .guide-hub-card h3{
  font-size:var(--cz-card-title-readable) !important;
  line-height:1.12 !important;
  letter-spacing:0 !important;
  text-wrap:balance !important;
}

body.guide-hub-page .guide-hub-card > p{
  margin:0 !important;
  color:rgba(240,248,255,.82) !important;
  font-size:var(--cz-card-copy-readable) !important;
  line-height:1.56 !important;
  font-weight:650 !important;
  letter-spacing:0 !important;
  text-shadow:0 1px 0 rgba(0,0,0,.48) !important;
}

body.guide-hub-page .guide-card-meta{
  width:100% !important;
  margin-top:auto !important;
  padding-top:14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  border-top:1px solid rgba(var(--cz-glow-rgb), .22) !important;
  background:linear-gradient(90deg, transparent, rgba(var(--cz-glow-rgb), .075), transparent) top/100% 1px no-repeat !important;
}

@media (max-width: 820px){
  body.guide-hub-page .guide-hub-card{
    min-height:auto !important;
    padding:20px !important;
  }

  body.guide-hub-page .guide-hub-card .authority-card-head{
    grid-template-columns:52px minmax(0, 1fr) !important;
    gap:13px !important;
  }

  body.guide-hub-page .guide-hub-card .authority-card-head > span{
    inline-size:52px !important;
    block-size:52px !important;
    min-inline-size:52px !important;
    min-block-size:52px !important;
    border-radius:16px !important;
  }
}

/* v161: cleaner mobile palette, safer drawer language area and non-scroll category bar. */
body.tools-page .tools-category-bar .chip.active,
body.tools-page .tools-category-bar .chip[aria-pressed="true"],
body.tools-page .tools-category-bar .chip[aria-current="true"]{
  color:#fff !important;
  -webkit-text-stroke:.42px rgba(0,0,0,.86) !important;
  paint-order:stroke fill !important;
  text-shadow:
    0 1px 0 rgba(0,0,0,.82),
    0 0 14px rgba(var(--cz-glow-rgb), .38) !important;
}

@media (max-width: 820px), (pointer: coarse){
  .m-menu.m-menu-premium{
    top:calc(var(--navH, 72px) + env(safe-area-inset-top) + 6px) !important;
    bottom:calc(8px + env(safe-area-inset-bottom)) !important;
    height:auto !important;
    max-height:none !important;
    padding-bottom:calc(14px + env(safe-area-inset-bottom)) !important;
    overscroll-behavior:contain !important;
    scrollbar-gutter:stable !important;
  }

  .m-theme-block{
    padding-bottom:12px !important;
  }

  .m-menu .m-colors{
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
    gap:8px !important;
  }

  .m-menu .m-colors .color-option{
    min-height:46px !important;
    height:46px !important;
    padding:0 !important;
    justify-content:center !important;
    gap:0 !important;
  }

  .m-menu .m-colors .color-label{
    display:none !important;
  }

  .m-menu .m-colors .color-swatch{
    width:28px !important;
    height:28px !important;
    flex-basis:28px !important;
  }

  .m-menu .m-colors .color-option::after{
    right:8px !important;
    width:7px !important;
    height:7px !important;
  }

  .m-lang-block{
    overflow:visible !important;
    padding-bottom:16px !important;
    margin-bottom:0 !important;
  }

  .m-lang-block #google_translate_element_mobile,
  .m-lang-block #google_translate_native_mobile{
    min-height:48px !important;
    overflow:visible !important;
  }

  .m-lang-block .cz-lang-select,
  .m-lang-block select,
  .m-lang-block .goog-te-combo{
    min-height:46px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
    line-height:1.2 !important;
  }

  body.tools-page .tools-category-bar{
    width:100% !important;
    max-width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
    justify-content:stretch !important;
    align-items:stretch !important;
    gap:8px !important;
    overflow:visible !important;
    flex-wrap:initial !important;
    padding:9px !important;
    border-radius:22px !important;
    -webkit-overflow-scrolling:auto !important;
  }

  body.tools-page .tools-category-bar .chip{
    width:100% !important;
    min-width:0 !important;
    min-height:38px !important;
    flex:initial !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 8px !important;
    white-space:nowrap !important;
    font-size:clamp(10.5px, 2.95vw, 12.5px) !important;
    letter-spacing:.025em !important;
    text-align:center !important;
  }
}

@media (max-width: 370px){
  body.tools-page .tools-category-bar{
    gap:6px !important;
    padding:8px !important;
  }

  body.tools-page .tools-category-bar .chip{
    min-height:36px !important;
    padding:0 5px !important;
    font-size:10.2px !important;
    letter-spacing:.01em !important;
  }

  .m-menu .m-colors{
    gap:7px !important;
  }
}

/* v162: symmetric generated tool cards with aligned preview, features and CTA rows. */
body.tools-page .tool-sections .cards-grid{
  align-items:stretch !important;
  grid-auto-rows:1fr !important;
}

body.tools-page .tool-sections .cards-grid > .card.tool-card-enhanced{
  height:100% !important;
  display:grid !important;
  grid-template-rows:minmax(134px, auto) minmax(356px, auto) minmax(66px, auto) minmax(54px, auto) !important;
  align-items:stretch !important;
  gap:18px !important;
  padding:28px 26px !important;
}

body.tools-page .tool-sections .card.tool-card-enhanced .card-top{
  min-height:134px !important;
  display:grid !important;
  grid-template-columns:68px minmax(0, 1fr) !important;
  align-items:start !important;
  gap:16px !important;
}

body.tools-page .tool-sections .card.tool-card-enhanced .card-ico{
  inline-size:64px !important;
  block-size:64px !important;
  min-inline-size:64px !important;
  min-block-size:64px !important;
  border-radius:18px !important;
  font-size:22px !important;
  line-height:1 !important;
  transform:translateZ(0) !important;
}

body.tools-page .tool-sections .card.tool-card-enhanced h3{
  margin:0 0 10px !important;
}

body.tools-page .tool-sections .card.tool-card-enhanced .card-top p{
  margin:0 !important;
  max-width:100% !important;
}

body.tools-page .tool-output-preview{
  min-height:356px !important;
  height:100% !important;
  display:grid !important;
  grid-template-rows:26px minmax(64px, auto) minmax(166px, auto) minmax(42px, auto) !important;
  align-content:start !important;
  gap:12px !important;
  padding:18px !important;
}

body.tools-page .tool-output-preview > span{
  width:max-content !important;
  max-width:100% !important;
  align-self:start !important;
}

body.tools-page .tool-output-preview > strong{
  min-height:64px !important;
  display:flex !important;
  align-items:flex-start !important;
}

body.tools-page .tool-card-flow{
  min-height:166px !important;
  display:grid !important;
  grid-template-rows:repeat(2, minmax(78px, 1fr)) !important;
  gap:10px !important;
}

body.tools-page .tool-card-flow p{
  min-height:78px !important;
  display:grid !important;
  grid-template-rows:auto 1fr !important;
  align-content:start !important;
  gap:8px !important;
  margin:0 !important;
  padding:13px 14px !important;
}

body.tools-page .tool-card-flow p b{
  width:max-content !important;
  max-width:100% !important;
  font-size:11px !important;
  line-height:1 !important;
}

body.tools-page .tool-card-flow p span{
  display:block !important;
  align-self:start !important;
  font-size:13px !important;
  line-height:1.45 !important;
}

body.tools-page .tool-output-preview > em{
  min-height:42px !important;
  display:flex !important;
  align-items:flex-start !important;
  margin:0 !important;
}

body.tools-page .tool-mini-features{
  min-height:66px !important;
  align-content:start !important;
  align-self:start !important;
  padding-top:14px !important;
}

body.tools-page .tool-mini-features span{
  min-height:33px !important;
}

body.tools-page .tool-mini-features span b{
  min-width:20px !important;
  inline-size:20px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:15px !important;
  line-height:1 !important;
  filter:drop-shadow(0 0 8px rgba(var(--cz-glow-rgb), .34)) !important;
}

html body.tools-page .tool-cta,
html body.tools-page .card.tool-card-enhanced .tool-cta{
  min-height:54px !important;
  width:100% !important;
  margin-top:0 !important;
  align-self:end !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  padding:0 18px !important;
  border-radius:17px !important;
  border-color:rgba(var(--cz-glow-rgb), .72) !important;
  color:#fff !important;
  background:
    linear-gradient(135deg, color-mix(in srgb, rgb(var(--cz-glow-rgb)) 55%, #e7fbff 45%), rgb(var(--cz-glow-rgb))) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.40),
    0 0 26px rgba(var(--cz-glow-rgb), .42),
    0 14px 32px rgba(var(--cz-glow-rgb), .16),
    0 18px 48px rgba(0,0,0,.28) !important;
}

@media (hover:hover) and (pointer:fine){
  html body.tools-page .card.tool-card-enhanced:hover .tool-cta{
    transform:translateY(-1px) !important;
    border-color:rgba(var(--cz-glow-rgb), .92) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.48),
      0 0 34px rgba(var(--cz-glow-rgb), .56),
      0 16px 38px rgba(var(--cz-glow-rgb), .20),
      0 20px 52px rgba(0,0,0,.32) !important;
    filter:brightness(1.05) saturate(1.08) !important;
  }
}

@media (max-width: 980px){
  body.tools-page .tool-sections .cards-grid > .card.tool-card-enhanced{
    grid-template-rows:auto auto auto minmax(52px, auto) !important;
  }

  body.tools-page .tool-sections .card.tool-card-enhanced .card-top,
  body.tools-page .tool-output-preview,
  body.tools-page .tool-card-flow,
  body.tools-page .tool-card-flow p,
  body.tools-page .tool-output-preview > strong,
  body.tools-page .tool-output-preview > em,
  body.tools-page .tool-mini-features{
    min-height:0 !important;
  }
}

@media (max-width: 640px){
  body.tools-page .tool-sections .cards-grid > .card.tool-card-enhanced{
    padding:22px !important;
    gap:16px !important;
  }

  body.tools-page .tool-sections .card.tool-card-enhanced .card-top{
    grid-template-columns:58px minmax(0, 1fr) !important;
    gap:14px !important;
  }

  body.tools-page .tool-sections .card.tool-card-enhanced .card-ico{
    inline-size:56px !important;
    block-size:56px !important;
    min-inline-size:56px !important;
    min-block-size:56px !important;
    font-size:20px !important;
  }
}

/* v163: match the real generated DOM for tool-section cards. */
body.tools-page .tool-section .cards-grid{
  align-items:stretch !important;
  grid-auto-rows:1fr !important;
}

body.tools-page .tool-section .cards-grid > .card.tool-card-enhanced{
  height:100% !important;
  display:grid !important;
  grid-template-rows:minmax(134px, auto) minmax(356px, auto) minmax(66px, auto) minmax(54px, auto) !important;
  align-items:stretch !important;
  gap:18px !important;
  padding:28px 26px !important;
}

body.tools-page .tool-section .card.tool-card-enhanced .card-top{
  min-height:134px !important;
  display:grid !important;
  grid-template-columns:68px minmax(0, 1fr) !important;
  align-items:start !important;
  gap:16px !important;
}

body.tools-page .tool-section .card.tool-card-enhanced .card-ico{
  width:64px !important;
  height:64px !important;
  inline-size:64px !important;
  block-size:64px !important;
  min-width:64px !important;
  min-height:64px !important;
  min-inline-size:64px !important;
  min-block-size:64px !important;
  border-radius:18px !important;
  font-size:22px !important;
  line-height:1 !important;
}

body.tools-page .tool-section .card.tool-card-enhanced h3{
  margin:0 0 10px !important;
}

body.tools-page .tool-section .card.tool-card-enhanced .card-top p{
  margin:0 !important;
}

@media (hover:hover) and (pointer:fine){
  body.tools-page .tool-section .card.tool-card-enhanced:hover .card-ico{
    transform:translateY(-2px) scale(1.035) !important;
  }
}

@media (max-width: 980px){
  body.tools-page .tool-section .cards-grid > .card.tool-card-enhanced{
    grid-template-rows:auto auto auto minmax(52px, auto) !important;
  }

  body.tools-page .tool-section .card.tool-card-enhanced .card-top{
    min-height:0 !important;
  }
}

@media (max-width: 640px){
  body.tools-page .tool-section .cards-grid > .card.tool-card-enhanced{
    padding:22px !important;
    gap:16px !important;
  }

  body.tools-page .tool-section .card.tool-card-enhanced .card-top{
    grid-template-columns:58px minmax(0, 1fr) !important;
    gap:14px !important;
  }

  body.tools-page .tool-section .card.tool-card-enhanced .card-ico{
    width:56px !important;
    height:56px !important;
    inline-size:56px !important;
    block-size:56px !important;
    min-width:56px !important;
    min-height:56px !important;
    min-inline-size:56px !important;
    min-block-size:56px !important;
    font-size:20px !important;
  }
}

/* v164: keep the symmetric desktop card system compact on mobile. */
@media (max-width: 980px){
  body.tools-page .tool-output-preview{
    grid-template-rows:auto auto auto auto !important;
    min-height:0 !important;
    height:auto !important;
    gap:10px !important;
    padding:16px !important;
  }

  body.tools-page .tool-output-preview > strong,
  body.tools-page .tool-output-preview > em{
    min-height:0 !important;
  }

  body.tools-page .tool-card-flow{
    grid-template-rows:auto auto !important;
    min-height:0 !important;
    gap:9px !important;
  }

  body.tools-page .tool-card-flow p{
    min-height:0 !important;
    padding:12px !important;
  }

  body.tools-page .tool-mini-features{
    min-height:0 !important;
    padding-top:12px !important;
  }
}

/* v165: standardize generated tool cards and make palette CTAs readable. */
body.tools-page .tool-section .cards-grid{
  align-items:stretch !important;
  grid-auto-rows:1fr !important;
}

body.tools-page .tool-section .cards-grid > .card.tool-card-enhanced{
  --cz-tool-card-header-row:134px;
  --cz-tool-card-preview-row:356px;
  --cz-tool-card-feature-row:78px;
  --cz-tool-card-cta-row:70px;
  grid-template-rows:
    minmax(var(--cz-tool-card-header-row), auto)
    minmax(var(--cz-tool-card-preview-row), auto)
    minmax(var(--cz-tool-card-feature-row), auto)
    minmax(var(--cz-tool-card-cta-row), auto) !important;
  align-items:stretch !important;
  overflow:clip !important;
}

body.tools-page .tool-section .card.tool-card-enhanced .card-top{
  min-height:var(--cz-tool-card-header-row) !important;
}

body.tools-page .tool-section .card.tool-card-enhanced .card-top > div:not(.card-ico){
  min-width:0 !important;
}

body.tools-page .tool-section .card.tool-card-enhanced h3,
body.tools-page .tool-section .card.tool-card-enhanced .card-top p{
  overflow-wrap:anywhere !important;
}

body.tools-page .tool-output-preview{
  min-height:var(--cz-tool-card-preview-row) !important;
  align-self:stretch !important;
}

body.tools-page .tool-mini-features{
  min-height:var(--cz-tool-card-feature-row) !important;
  display:flex !important;
  align-items:flex-start !important;
  align-content:flex-start !important;
  gap:8px !important;
  padding-top:14px !important;
  overflow:visible !important;
}

body.tools-page .tool-mini-features span{
  min-height:34px !important;
  padding:8px 11px !important;
  line-height:1.12 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}

body.tools-page .tool-mini-features span b{
  color:#ffffff !important;
  -webkit-text-stroke:.35px rgba(1,7,15,.94) !important;
  text-shadow:
    0 1px 0 rgba(0,0,0,.90),
    0 0 10px rgba(var(--cz-glow-rgb), .44) !important;
}

html body .btn.btn-accent,
html body .btn.primary,
html body .cz-btn.primary,
html body .tool-cta,
html body .release-more,
html body .rec-refresh,
html body .tools-route-grid-after a em,
body.cms-tool-body .cms-tool-actions .btn.primary,
body.cms-tool-body .cms-copy-btn,
body.cms-tool-body .cms-download-btn{
  color:#ffffff !important;
  -webkit-text-stroke:.62px rgba(1,7,15,.98) !important;
  paint-order:stroke fill !important;
  text-shadow:
    0 1px 0 rgba(0,0,0,.98),
    0 2px 8px rgba(0,0,0,.52),
    0 0 16px rgba(0,0,0,.34) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,.12) 43%, rgba(0,0,0,.20) 100%),
    linear-gradient(135deg, color-mix(in srgb, rgb(var(--cz-glow-rgb, 56,232,255)) 52%, #f6ffff 48%), rgb(var(--cz-glow-rgb, 56,232,255))) !important;
  border-color:rgba(255,255,255,.40) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.46),
    inset 0 -1px 0 rgba(0,0,0,.25),
    0 0 0 1px rgba(var(--cz-glow-rgb, 56,232,255), .24),
    0 0 30px rgba(var(--cz-glow-rgb, 56,232,255), .44),
    0 18px 46px rgba(0,0,0,.34) !important;
}

html body .tool-cta,
html body.tools-page .card.tool-card-enhanced .tool-cta{
  min-height:var(--cz-tool-card-cta-row, 70px) !important;
  height:auto !important;
  width:100% !important;
  margin-top:0 !important;
  padding:13px 18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  align-self:stretch !important;
  border-radius:18px !important;
  white-space:normal !important;
  overflow:visible !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
  line-height:1.16 !important;
  text-align:left !important;
}

html body .tool-cta *,
html body.tools-page .card.tool-card-enhanced .tool-cta *{
  color:inherit !important;
  -webkit-text-stroke:inherit !important;
  text-shadow:inherit !important;
}

@media (hover:hover) and (pointer:fine){
  html body .btn.btn-accent:hover,
  html body .btn.primary:hover,
  html body .cz-btn.primary:hover,
  html body .tool-cta:hover,
  html body .release-more:hover,
  html body .rec-refresh:hover,
  html body .tools-route-grid-after a:hover em,
  body.cms-tool-body .cms-tool-actions .btn.primary:hover,
  body.cms-tool-body .cms-copy-btn:hover,
  body.cms-tool-body .cms-download-btn:hover{
    color:#071019 !important;
    -webkit-text-stroke:.55px rgba(255,255,255,.95) !important;
    text-shadow:
      0 1px 0 rgba(255,255,255,.82),
      0 0 14px rgba(255,255,255,.40) !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.42), rgba(255,255,255,.18) 44%, rgba(0,0,0,.08) 100%),
      linear-gradient(135deg, color-mix(in srgb, rgb(var(--cz-glow-rgb, 56,232,255)) 44%, #ffffff 56%), rgb(var(--cz-glow-rgb, 56,232,255))) !important;
    filter:brightness(1.04) saturate(1.08) !important;
  }
}

@media (max-width: 980px){
  body.tools-page .tool-section .cards-grid > .card.tool-card-enhanced{
    grid-template-rows:auto auto auto minmax(64px, auto) !important;
    overflow:visible !important;
  }

  body.tools-page .tool-output-preview,
  body.tools-page .tool-mini-features{
    min-height:0 !important;
  }

  html body .tool-cta,
  html body.tools-page .card.tool-card-enhanced .tool-cta{
    min-height:64px !important;
    padding:12px 17px !important;
  }
}

/* v166: final high-specificity CTA polish for generated tool cards. */
html body.tools-page .tool-section .cards-grid > .card.tool-card-enhanced{
  --cz-tool-card-cta-row:76px;
  grid-template-rows:
    minmax(var(--cz-tool-card-header-row), auto)
    minmax(var(--cz-tool-card-preview-row), auto)
    minmax(var(--cz-tool-card-feature-row), auto)
    minmax(var(--cz-tool-card-cta-row), auto) !important;
}

html body.tools-page .tool-section .cards-grid > .card.tool-card-enhanced .tool-cta,
html body.tools-page .tool-sections .cards-grid > .card.tool-card-enhanced .tool-cta,
html body .tool-section .cards-grid > .card.tool-card-enhanced .tool-cta{
  min-height:76px !important;
  height:auto !important;
  padding:14px 19px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  white-space:normal !important;
  overflow:visible !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
  line-height:1.15 !important;
  text-align:left !important;
  color:#ffffff !important;
  -webkit-text-stroke:.68px rgba(0,5,13,.98) !important;
  paint-order:stroke fill !important;
  text-shadow:
    0 1px 0 rgba(0,0,0,.98),
    0 2px 8px rgba(0,0,0,.56),
    0 0 18px rgba(0,0,0,.34) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.30), rgba(255,255,255,.10) 42%, rgba(0,0,0,.24) 100%),
    radial-gradient(circle at 18% 18%, rgba(255,255,255,.38), transparent 28%),
    linear-gradient(135deg, color-mix(in srgb, rgb(var(--cz-glow-rgb, 56,232,255)) 58%, #eaffff 42%), rgb(var(--cz-glow-rgb, 56,232,255)) 74%, color-mix(in srgb, rgb(var(--cz-glow-rgb, 56,232,255)) 78%, #001018 22%)) !important;
  border-color:rgba(255,255,255,.44) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.48),
    inset 0 -1px 0 rgba(0,0,0,.28),
    0 0 0 1px rgba(var(--cz-glow-rgb, 56,232,255), .28),
    0 0 34px rgba(var(--cz-glow-rgb, 56,232,255), .42),
    0 18px 46px rgba(0,0,0,.36) !important;
}

@media (hover:hover) and (pointer:fine){
  html body.tools-page .tool-section .cards-grid > .card.tool-card-enhanced .tool-cta:hover,
  html body.tools-page .tool-sections .cards-grid > .card.tool-card-enhanced .tool-cta:hover,
  html body .tool-section .cards-grid > .card.tool-card-enhanced .tool-cta:hover{
    color:#071019 !important;
    -webkit-text-stroke:.58px rgba(255,255,255,.98) !important;
    text-shadow:
      0 1px 0 rgba(255,255,255,.88),
      0 0 16px rgba(255,255,255,.44) !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.42), rgba(255,255,255,.18) 44%, rgba(0,0,0,.10) 100%),
      radial-gradient(circle at 18% 18%, rgba(255,255,255,.46), transparent 30%),
      linear-gradient(135deg, color-mix(in srgb, rgb(var(--cz-glow-rgb, 56,232,255)) 44%, #ffffff 56%), rgb(var(--cz-glow-rgb, 56,232,255)) 76%, color-mix(in srgb, rgb(var(--cz-glow-rgb, 56,232,255)) 86%, #ffffff 14%)) !important;
  }
}

@media (max-width: 980px){
  html body.tools-page .tool-section .cards-grid > .card.tool-card-enhanced{
    grid-template-rows:auto auto auto minmax(68px, auto) !important;
  }

  html body.tools-page .tool-section .cards-grid > .card.tool-card-enhanced .tool-cta,
  html body.tools-page .tool-sections .cards-grid > .card.tool-card-enhanced .tool-cta,
  html body .tool-section .cards-grid > .card.tool-card-enhanced .tool-cta{
    min-height:68px !important;
    padding:13px 18px !important;
  }
}

/* v167: keep one-tool categories visually aligned with normal generated cards. */
html body.tools-page .tool-section[data-tool-count="1"] .cards-grid{
  grid-template-columns:minmax(0, min(100%, 370px)) !important;
  justify-content:center !important;
  align-items:stretch !important;
}

html body.tools-page .tool-section[data-tool-count="1"] .cards-grid > .card.tool-card-enhanced{
  width:100% !important;
  max-width:370px !important;
  justify-self:center !important;
}

@media (min-width: 1500px){
  html body.tools-page .tool-section[data-tool-count="1"] .cards-grid{
    grid-template-columns:minmax(0, min(100%, 390px)) !important;
  }

  html body.tools-page .tool-section[data-tool-count="1"] .cards-grid > .card.tool-card-enhanced{
    max-width:390px !important;
  }
}

@media (max-width: 640px){
  html body.tools-page .tool-section[data-tool-count="1"] .cards-grid{
    grid-template-columns:minmax(0, 1fr) !important;
  }

  html body.tools-page .tool-section[data-tool-count="1"] .cards-grid > .card.tool-card-enhanced{
    max-width:none !important;
  }
}

/* v168: readable professional palette-filled buttons. */
html body .btn.btn-accent,
html body .btn.primary,
html body .cz-btn.primary,
html body .tool-cta,
html body .release-more,
html body .updates-btn-primary,
html body .rec-refresh,
html body .tools-route-grid-after a em,
html body.bigtext .home-workdesk .hero-direct-actions .btn.btn-accent,
html body.bigtext .home-workdesk .hero-fix-input-row .btn.btn-accent,
html body.bigtext .home-workdesk > .request-mega-cta .btn.btn-accent,
html body.tools-page .tool-section .cards-grid > .card.tool-card-enhanced .tool-cta,
html body.tools-page .tool-sections .cards-grid > .card.tool-card-enhanced .tool-cta,
body.cms-tool-body .cms-tool-actions .btn.primary,
body.cms-tool-body .cms-copy-btn,
body.cms-tool-body .cms-download-btn{
  color:#061018 !important;
  -webkit-text-fill-color:#061018 !important;
  -webkit-text-stroke:.28px rgba(255,255,255,.82) !important;
  paint-order:stroke fill !important;
  font-weight:900 !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.76),
    0 0 10px rgba(255,255,255,.34),
    0 1px 14px rgba(0,0,0,.18) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.42), rgba(255,255,255,.18) 42%, rgba(0,0,0,.12) 100%),
    radial-gradient(circle at 18% 14%, rgba(255,255,255,.48), transparent 30%),
    linear-gradient(135deg,
      color-mix(in srgb, rgb(var(--cz-glow-rgb, 56,232,255)) 66%, #ffffff 34%),
      rgb(var(--cz-glow-rgb, 56,232,255)) 70%,
      color-mix(in srgb, rgb(var(--cz-glow-rgb, 56,232,255)) 84%, #001018 16%)
    ) !important;
  border-color:rgba(255,255,255,.50) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.58),
    inset 0 -1px 0 rgba(0,0,0,.24),
    0 0 0 1px rgba(var(--cz-glow-rgb, 56,232,255), .34),
    0 0 28px rgba(var(--cz-glow-rgb, 56,232,255), .38),
    0 14px 34px rgba(0,0,0,.28) !important;
  filter:saturate(1.03) contrast(1.02) !important;
}

html body .btn.btn-accent *,
html body .btn.primary *,
html body .cz-btn.primary *,
html body .tool-cta *,
html body .release-more *,
html body .updates-btn-primary *,
html body .rec-refresh *,
html body .tools-route-grid-after a em *,
html body.bigtext .home-workdesk .hero-direct-actions .btn.btn-accent *,
html body.bigtext .home-workdesk .hero-fix-input-row .btn.btn-accent *,
html body.bigtext .home-workdesk > .request-mega-cta .btn.btn-accent *,
body.cms-tool-body .cms-tool-actions .btn.primary *,
body.cms-tool-body .cms-copy-btn *,
body.cms-tool-body .cms-download-btn *{
  color:inherit !important;
  -webkit-text-fill-color:inherit !important;
  -webkit-text-stroke:inherit !important;
  text-shadow:inherit !important;
}

@media (hover:hover) and (pointer:fine){
  html body .btn.btn-accent:hover,
  html body .btn.primary:hover,
  html body .cz-btn.primary:hover,
  html body .tool-cta:hover,
  html body .release-more:hover,
  html body .updates-btn-primary:hover,
  html body .rec-refresh:hover,
  html body .tools-route-grid-after a:hover em,
  html body.bigtext .home-workdesk .hero-direct-actions .btn.btn-accent:hover,
  html body.bigtext .home-workdesk .hero-fix-input-row .btn.btn-accent:hover,
  html body.bigtext .home-workdesk > .request-mega-cta .btn.btn-accent:hover,
  html body.tools-page .tool-section .cards-grid > .card.tool-card-enhanced .tool-cta:hover,
  html body.tools-page .tool-sections .cards-grid > .card.tool-card-enhanced .tool-cta:hover,
  body.cms-tool-body .cms-tool-actions .btn.primary:hover,
  body.cms-tool-body .cms-copy-btn:hover,
  body.cms-tool-body .cms-download-btn:hover{
    color:#020812 !important;
    -webkit-text-fill-color:#020812 !important;
    -webkit-text-stroke:.32px rgba(255,255,255,.92) !important;
    text-shadow:
      0 1px 0 rgba(255,255,255,.86),
      0 0 14px rgba(255,255,255,.44),
      0 2px 14px rgba(0,0,0,.18) !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.52), rgba(255,255,255,.22) 42%, rgba(0,0,0,.10) 100%),
      radial-gradient(circle at 18% 14%, rgba(255,255,255,.58), transparent 31%),
      linear-gradient(135deg,
        color-mix(in srgb, rgb(var(--cz-glow-rgb, 56,232,255)) 58%, #ffffff 42%),
        rgb(var(--cz-glow-rgb, 56,232,255)) 72%,
        color-mix(in srgb, rgb(var(--cz-glow-rgb, 56,232,255)) 90%, #ffffff 10%)
      ) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.64),
      inset 0 -1px 0 rgba(0,0,0,.20),
      0 0 0 1px rgba(255,255,255,.20),
      0 0 38px rgba(var(--cz-glow-rgb, 56,232,255), .52),
      0 18px 42px rgba(0,0,0,.30) !important;
  }
}

/* v169: force readable ink on anchor/button palette CTAs across hubs. */
html body a.btn.btn-accent,
html body a.btn.btn-accent:link,
html body a.btn.btn-accent:visited,
html body button.btn.btn-accent,
html body .request-mega-cta a.btn.btn-accent,
html body .dash-actions a.btn.btn-accent,
html body .updates-actions a.updates-btn-primary,
html body .updates-btn.updates-btn-primary,
html body.tools-page .request-mega-cta a.btn.btn-accent,
html body:has(.guides-hero) .request-mega-cta a.btn.btn-accent,
html body:has(.updates-hero) .request-mega-cta a.btn.btn-accent,
html body:has(.updates-canvas) .request-mega-cta a.btn.btn-accent{
  color:#061018 !important;
  -webkit-text-fill-color:#061018 !important;
  -webkit-text-stroke:.28px rgba(255,255,255,.84) !important;
  paint-order:stroke fill !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.78),
    0 0 11px rgba(255,255,255,.36),
    0 1px 14px rgba(0,0,0,.18) !important;
}

@media (hover:hover) and (pointer:fine){
  html body a.btn.btn-accent:hover,
  html body a.btn.btn-accent:visited:hover,
  html body button.btn.btn-accent:hover,
  html body .request-mega-cta a.btn.btn-accent:hover,
  html body .dash-actions a.btn.btn-accent:hover,
  html body .updates-actions a.updates-btn-primary:hover,
  html body .updates-btn.updates-btn-primary:hover,
  html body.tools-page .request-mega-cta a.btn.btn-accent:hover,
  html body:has(.guides-hero) .request-mega-cta a.btn.btn-accent:hover,
  html body:has(.updates-hero) .request-mega-cta a.btn.btn-accent:hover,
  html body:has(.updates-canvas) .request-mega-cta a.btn.btn-accent:hover{
    color:#020812 !important;
    -webkit-text-fill-color:#020812 !important;
    -webkit-text-stroke:.32px rgba(255,255,255,.92) !important;
  }
}

/* v170: center and simplify the guide library search block. */
body.guides-page .guide-search-panel{
  width:min(1040px, 100%) !important;
  margin:clamp(26px, 4vw, 44px) auto 0 !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) !important;
  justify-items:center !important;
  align-items:center !important;
  gap:clamp(14px, 2.2vw, 22px) !important;
  text-align:center !important;
  padding:clamp(24px, 3.2vw, 40px) clamp(16px, 3vw, 34px) !important;
}

body.guides-page .guide-search-copy{
  width:min(780px, 100%) !important;
  display:grid !important;
  justify-items:center !important;
  gap:8px !important;
}

body.guides-page .guide-search-panel .guide-kicker{
  margin:0 !important;
  text-align:center !important;
}

body.guides-page .guide-search-panel h2{
  max-width:820px !important;
  margin:0 !important;
  text-align:center !important;
}

body.guides-page .guide-search-panel .guide-search-copy > p:not(.guide-kicker){
  max-width:720px !important;
  margin:0 !important;
  text-align:center !important;
}

body.guides-page .guide-search-control{
  width:min(860px, 100%) !important;
  display:grid !important;
  justify-items:center !important;
  gap:10px !important;
}

body.guides-page .guide-search-control .search,
body.guides-page #guideSearch{
  width:100% !important;
}

body.guides-page .guide-search-status{
  width:100% !important;
  max-width:860px !important;
  min-height:34px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

body.guides-page .guide-search-chips{
  display:none !important;
}

@media (max-width: 720px){
  body.guides-page .guide-search-panel{
    width:100% !important;
    padding-inline:10px !important;
  }

  body.guides-page .guide-search-control .search,
  body.guides-page #guideSearch{
    min-height:54px !important;
  }
}

/* v171: guide cards use semantic emoji chips and a picked-color CTA footer. */
body.guides-page .guide-card-footer,
body.guide-hub-page .guide-card-footer{
  width:100% !important;
  margin-top:auto !important;
  display:grid !important;
  gap:12px !important;
}

body.guides-page .guide-card-footer .guide-card-meta,
body.guide-hub-page .guide-card-footer .guide-card-meta{
  margin-top:0 !important;
}

body.guides-page .guide-card-meta span,
body.guide-hub-page .guide-card-meta span{
  gap:7px !important;
}

body.guides-page .guide-card-meta span b,
body.guide-hub-page .guide-card-meta span b{
  display:inline-grid !important;
  place-items:center !important;
  min-width:1.1em !important;
  font-size:1.08em !important;
  line-height:1 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  -webkit-text-stroke:.42px rgba(0,0,0,.82) !important;
  paint-order:stroke fill !important;
  text-shadow:
    0 1px 0 rgba(0,0,0,.78),
    0 0 10px rgba(var(--cz-glow-rgb), .32) !important;
}

body.guides-page .guide-card-meta .guide-tool-chip b,
body.guide-hub-page .guide-card-meta .guide-tool-chip b{
  font-size:1.14em !important;
}

body.guides-page .guide-card-cta,
body.guide-hub-page .guide-card-cta{
  width:100% !important;
  min-height:46px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  padding:12px 16px !important;
  border:1px solid rgba(255,255,255,.52) !important;
  border-radius:15px !important;
  color:#061018 !important;
  -webkit-text-fill-color:#061018 !important;
  -webkit-text-stroke:.30px rgba(255,255,255,.88) !important;
  paint-order:stroke fill !important;
  font-size:13.5px !important;
  font-weight:950 !important;
  line-height:1 !important;
  text-align:center !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.82),
    0 0 10px rgba(255,255,255,.38),
    0 1px 14px rgba(0,0,0,.18) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.46), rgba(255,255,255,.20) 42%, rgba(0,0,0,.10) 100%),
    radial-gradient(circle at 18% 14%, rgba(255,255,255,.54), transparent 30%),
    linear-gradient(135deg,
      color-mix(in srgb, rgb(var(--cz-glow-rgb, 56,232,255)) 68%, #ffffff 32%),
      color-mix(in srgb, rgb(var(--cz-glow-rgb, 56,232,255)) 88%, #061018 12%)
    ) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.62),
    inset 0 -1px 0 rgba(0,0,0,.24),
    0 0 0 1px rgba(var(--cz-glow-rgb, 56,232,255), .34),
    0 0 28px rgba(var(--cz-glow-rgb, 56,232,255), .38),
    0 14px 34px rgba(0,0,0,.28) !important;
}

body.guides-page .guide-card-cta b,
body.guide-hub-page .guide-card-cta b{
  font-size:1.08em !important;
  line-height:1 !important;
}

@media (hover:hover) and (pointer:fine){
  body.guides-page .guide-hub-card:hover .guide-card-cta,
  body.guide-hub-page .guide-hub-card:hover .guide-card-cta{
    color:#020812 !important;
    -webkit-text-fill-color:#020812 !important;
    -webkit-text-stroke:.34px rgba(255,255,255,.94) !important;
    filter:saturate(1.04) brightness(1.05) !important;
    transform:translateY(-1px) !important;
  }
}

/* v172: mobile stability pass without removing the premium ambient layer. */
@media (max-width: 820px), (pointer: coarse){
  html.mobile-perf-mode #clickozParticles{
    display:block !important;
    contain:layout style paint !important;
    opacity:.82 !important;
    filter:saturate(1.08) brightness(1.02) !important;
  }

  html.mobile-perf-mode #spaceParticles{
    display:block !important;
    contain:layout style paint !important;
    opacity:.34 !important;
  }

  .burger,
  .dot-btn,
  .m-close{
    min-width:44px !important;
    min-height:44px !important;
    touch-action:manipulation !important;
  }

  .m-menu.m-menu-premium{
    right:max(8px, env(safe-area-inset-right)) !important;
    left:max(8px, env(safe-area-inset-left)) !important;
    width:auto !important;
    max-width:420px !important;
    margin-left:auto !important;
    padding-bottom:calc(18px + env(safe-area-inset-bottom)) !important;
  }

  .m-category-block .m-link,
  .m-menu .m-link,
  .m-command-card{
    min-height:52px !important;
    touch-action:manipulation !important;
  }

  .m-lang-block{
    min-height:92px !important;
    overflow:visible !important;
  }

  .m-lang-block #google_translate_element_mobile,
  .m-lang-block #google_translate_native_mobile,
  .m-lang-block .goog-te-gadget,
  .m-lang-block .goog-te-combo,
  .m-lang-block .cz-lang-select,
  .m-lang-block select{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:48px !important;
    overflow:visible !important;
  }

  .footer-links a,
  .footer a,
  body.cms-tool-body .cms-related-links a,
  .guide-related-tools a,
  .guide-related-grid a,
  .trust-nav-card a,
  .pillar-grid a{
    min-height:40px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    touch-action:manipulation !important;
  }

  .footer-links a,
  .footer a{
    min-width:44px !important;
    padding:8px 12px !important;
  }

  body.tools-page .tools-category-bar .chip.active,
  body.tools-page .tools-category-bar .chip[aria-pressed="true"],
  body.tools-page .tools-category-bar .chip[aria-current="true"]{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
  }

  body.guides-page .guide-card-meta span,
  body.guide-hub-page .guide-card-meta span{
    min-height:34px !important;
  }

  body.guides-page .guide-card-cta,
  body.guide-hub-page .guide-card-cta,
  html body .btn.btn-accent,
  html body .btn.primary,
  html body .cz-btn.primary,
  html body .tool-cta,
  html body .release-more,
  html body .updates-btn-primary,
  html body .rec-refresh{
    min-height:46px !important;
    touch-action:manipulation !important;
  }
}

@media (max-width: 390px){
  .m-menu.m-menu-premium{
    left:8px !important;
    right:8px !important;
    max-width:none !important;
  }

  .m-lang-block{
    min-height:98px !important;
  }
}

/* v173: clearer pick buttons and a measured +1/+2px CMS readability pass. */
:root{
  --cz-card-title-readable:clamp(21px, 1.34vw, 27px);
  --cz-card-copy-readable:clamp(15.8px, .98vw, 17.4px);
  --cz-card-chip-readable:13.4px;
}

html body .rec-refresh,
html body.bigtext .home-workdesk .rec-refresh,
html body.bigtext .home-workdesk .picks-actions-bottom .rec-refresh{
  min-height:50px !important;
  min-width:178px !important;
  padding:0 24px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:16px !important;
  border:1px solid rgba(255,255,255,.44) !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  -webkit-text-stroke:.48px rgba(0,0,0,.94) !important;
  paint-order:stroke fill !important;
  font-size:15px !important;
  font-weight:950 !important;
  line-height:1 !important;
  letter-spacing:.01em !important;
  text-align:center !important;
  text-shadow:
    0 1px 0 rgba(0,0,0,.98),
    0 2px 10px rgba(0,0,0,.58),
    0 0 18px rgba(0,0,0,.34) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.26), rgba(255,255,255,.10) 42%, rgba(0,0,0,.26) 100%),
    radial-gradient(circle at 24% 12%, rgba(255,255,255,.42), transparent 30%),
    linear-gradient(135deg,
      color-mix(in srgb, rgb(var(--cz-glow-rgb, 56,232,255)) 62%, #ffffff 38%),
      rgb(var(--cz-glow-rgb, 56,232,255)) 76%,
      color-mix(in srgb, rgb(var(--cz-glow-rgb, 56,232,255)) 78%, #001018 22%)
    ) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.54),
    inset 0 -1px 0 rgba(0,0,0,.34),
    0 0 0 1px rgba(var(--cz-glow-rgb, 56,232,255), .34),
    0 0 34px rgba(var(--cz-glow-rgb, 56,232,255), .44),
    0 16px 38px rgba(0,0,0,.34) !important;
  filter:saturate(1.04) contrast(1.04) !important;
}

@media (hover:hover) and (pointer:fine){
  html body .rec-refresh:hover,
  html body.bigtext .home-workdesk .rec-refresh:hover,
  html body.bigtext .home-workdesk .picks-actions-bottom .rec-refresh:hover{
    color:#020812 !important;
    -webkit-text-fill-color:#020812 !important;
    -webkit-text-stroke:.34px rgba(255,255,255,.94) !important;
    text-shadow:
      0 1px 0 rgba(255,255,255,.88),
      0 0 14px rgba(255,255,255,.46),
      0 2px 14px rgba(0,0,0,.18) !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.50), rgba(255,255,255,.22) 42%, rgba(0,0,0,.08) 100%),
      radial-gradient(circle at 22% 12%, rgba(255,255,255,.62), transparent 32%),
      linear-gradient(135deg,
        color-mix(in srgb, rgb(var(--cz-glow-rgb, 56,232,255)) 54%, #ffffff 46%),
        rgb(var(--cz-glow-rgb, 56,232,255)) 74%,
        color-mix(in srgb, rgb(var(--cz-glow-rgb, 56,232,255)) 92%, #ffffff 8%)
      ) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.70),
      inset 0 -1px 0 rgba(0,0,0,.18),
      0 0 0 1px rgba(255,255,255,.22),
      0 0 42px rgba(var(--cz-glow-rgb, 56,232,255), .56),
      0 18px 42px rgba(0,0,0,.30) !important;
    transform:translateY(-1px) !important;
  }
}

html body.tools-page .tool-output-preview > strong,
html body.tools-page .tool-card-flow p b,
body.cms-tool-body .cms-output,
body.cms-tool-body .cms-example-box pre,
body.cms-tool-body .cms-tool-feedback{
  font-size:clamp(15.5px, .96vw, 17.2px) !important;
  line-height:1.48 !important;
}

html body.tools-page .tool-output-preview > span,
html body.tools-page .tool-output-preview > em,
html body.tools-page .tool-card-flow p span,
body.cms-tool-body .cms-info-card p,
body.cms-tool-body .cms-related-links a,
body.cms-tool-body .cms-field label,
body.cms-tool-body .cms-field input,
body.cms-tool-body .cms-field textarea,
body.cms-tool-body .cms-field select{
  font-size:clamp(14px, .86vw, 16px) !important;
  line-height:1.5 !important;
}

html body.tools-page .tool-mini-features span,
html body.guides-page .guide-card-meta span,
html body.guide-hub-page .guide-card-meta span,
html body .guide-card-meta span,
html body .chip,
html body.tools-page .tools-category-bar .chip{
  font-size:var(--cz-card-chip-readable) !important;
  line-height:1.15 !important;
}

html body.guides-page .guide-card-cta,
html body.guide-hub-page .guide-card-cta,
html body.tools-page .card.tool-card-enhanced .tool-cta,
body.cms-tool-body .cms-tool-actions .btn,
body.cms-tool-body .cms-copy-btn,
body.cms-tool-body .cms-download-btn{
  font-size:14.5px !important;
}

body.tools-page .tool-section .cards-grid > .card.tool-card-enhanced{
  --cz-tool-card-header-row:142px;
  --cz-tool-card-preview-row:370px;
  --cz-tool-card-feature-row:84px;
  --cz-tool-card-cta-row:74px;
}

@media (max-width: 980px){
  body.tools-page .tool-section .cards-grid > .card.tool-card-enhanced{
    --cz-tool-card-header-row:auto;
    --cz-tool-card-preview-row:auto;
    --cz-tool-card-feature-row:auto;
    --cz-tool-card-cta-row:66px;
  }
}

/* v174: Clickoz developer-style consent panel for cache, cookies and optional services. */
html body .cookie.cookie-pro{
  position:fixed !important;
  z-index:3200 !important;
  left:clamp(10px, 2vw, 24px) !important;
  right:clamp(10px, 2vw, 24px) !important;
  bottom:clamp(10px, 2vw, 24px) !important;
  pointer-events:none !important;
}

html body .cookie.cookie-pro .cookie-dev-card{
  pointer-events:auto !important;
  width:min(1040px, 100%) !important;
  grid-template-columns:minmax(0, 1fr) auto !important;
  gap:16px !important;
  padding:18px !important;
  border-radius:22px !important;
  border:1px solid rgba(var(--accent-rgb), .34) !important;
  background:
    linear-gradient(145deg, rgba(var(--accent-rgb), .13), rgba(255,255,255,.035) 42%, rgba(2,8,18,.88)),
    rgba(4, 10, 22, .94) !important;
  box-shadow:
    0 28px 90px rgba(0,0,0,.56),
    0 0 0 1px rgba(var(--accent-rgb), .08),
    0 0 48px rgba(var(--accent-rgb), .20),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
  backdrop-filter:blur(22px) saturate(1.18) !important;
  -webkit-backdrop-filter:blur(22px) saturate(1.18) !important;
  overflow:hidden !important;
}

html body .cookie.cookie-pro .cookie-dev-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    radial-gradient(420px 160px at 18% 0%, rgba(var(--accent-rgb), .28), transparent 68%),
    linear-gradient(rgba(var(--accent-rgb), .08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--accent-rgb), .065) 1px, transparent 1px) !important;
  background-size:auto, 34px 34px, 34px 34px !important;
  opacity:.78 !important;
}

html body .cookie.cookie-pro .cookie-status,
html body .cookie.cookie-pro .cookie-content,
html body .cookie.cookie-pro .cookie-actions,
html body .cookie.cookie-pro .cookie-x{
  position:relative !important;
  z-index:1 !important;
}

html body .cookie.cookie-pro .cookie-status{
  grid-column:1 / -1 !important;
  display:inline-flex !important;
  width:max-content !important;
  align-items:center !important;
  gap:9px !important;
  padding:7px 11px !important;
  border:1px solid rgba(var(--accent-rgb), .28) !important;
  border-radius:999px !important;
  background:rgba(2,8,18,.58) !important;
  color:rgba(248,252,255,.78) !important;
  font-family:"Oxanium", "Space Grotesk", system-ui, sans-serif !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

html body .cookie.cookie-pro .cookie-led{
  width:8px !important;
  height:8px !important;
  border-radius:999px !important;
  background:rgb(var(--accent-rgb)) !important;
  box-shadow:
    0 0 0 3px rgba(var(--accent-rgb), .14),
    0 0 16px rgba(var(--accent-rgb), .96),
    0 0 42px rgba(var(--accent-rgb), .42) !important;
  animation:clickozConsentLed 1500ms ease-in-out infinite !important;
}

html body .cookie.cookie-pro .cookie-title{
  margin:0 0 8px !important;
  color:#fff !important;
  font-family:"Oxanium", "Space Grotesk", system-ui, sans-serif !important;
  font-size:clamp(21px, 1.8vw, 30px) !important;
  font-weight:950 !important;
  line-height:1.02 !important;
  letter-spacing:0 !important;
  text-shadow:0 0 24px rgba(var(--accent-rgb), .26) !important;
}

html body .cookie.cookie-pro .cookie-content{
  padding-right:46px !important;
}

html body .cookie.cookie-pro .cookie-text{
  max-width:720px !important;
  color:rgba(248,252,255,.76) !important;
  font-size:15px !important;
  line-height:1.56 !important;
}

html body .cookie.cookie-pro .cookie-text a{
  color:color-mix(in srgb, rgb(var(--accent-rgb)) 70%, #ffffff 30%) !important;
  font-weight:850 !important;
  text-decoration-thickness:1px !important;
}

html body .cookie.cookie-pro .cookie-mini-grid{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin-top:12px !important;
}

html body .cookie.cookie-pro .cookie-mini-grid span{
  display:inline-flex !important;
  gap:6px !important;
  align-items:center !important;
  min-height:31px !important;
  padding:7px 10px !important;
  border:1px solid rgba(var(--accent-rgb), .20) !important;
  border-radius:999px !important;
  background:rgba(0,0,0,.20) !important;
  color:rgba(248,252,255,.66) !important;
  font-size:12.5px !important;
  font-weight:800 !important;
}

html body .cookie.cookie-pro .cookie-mini-grid b{
  color:#fff !important;
  font-weight:950 !important;
}

html body .cookie.cookie-pro .cookie-actions{
  align-self:end !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:9px !important;
  min-width:210px !important;
}

html body .cookie.cookie-pro .cookie-btn{
  min-height:43px !important;
  border-radius:13px !important;
  padding:0 14px !important;
  font-size:13.5px !important;
  font-weight:950 !important;
}

html body .cookie.cookie-pro .cookie-btn.btn-outline{
  border-color:rgba(var(--accent-rgb), .28) !important;
  background:rgba(3,9,18,.46) !important;
  color:rgba(248,252,255,.88) !important;
}

html body .cookie.cookie-pro .cookie-x{
  top:12px !important;
  right:12px !important;
  border-color:rgba(var(--accent-rgb), .22) !important;
  background:rgba(3,9,18,.56) !important;
}

@keyframes clickozConsentLed{
  0%, 100%{ opacity:.62; filter:brightness(.92) saturate(1.08); }
  42%{ opacity:1; filter:brightness(1.58) saturate(1.46); }
}

@media (max-width: 760px){
  html body .cookie.cookie-pro .cookie-dev-card{
    grid-template-columns:1fr !important;
    padding:15px !important;
    border-radius:18px !important;
  }

  html body .cookie.cookie-pro .cookie-content{
    padding-right:34px !important;
  }

  html body .cookie.cookie-pro .cookie-text{
    font-size:14px !important;
  }

  html body .cookie.cookie-pro .cookie-actions{
    min-width:0 !important;
  }
}

/* v176: unified Advanced Search shortcut copy and 5-click/tap affordance. */
html body .cz-tools-search-hint,
html body .hero-command-note[data-open-command]{
  appearance:none !important;
  border-style:solid !important;
  cursor:pointer !important;
  user-select:none !important;
  -webkit-tap-highlight-color:transparent !important;
}

html body button.cz-tools-search-hint{
  border-color:rgba(var(--accent-rgb), .22) !important;
  border-radius:999px !important;
  padding:8px 13px !important;
  background:
    radial-gradient(circle at 18% 20%, rgba(255,255,255,.12), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.028)),
    rgba(5,13,24,.62) !important;
}

html body .command-shortcut,
html body .command-burst{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  min-width:0 !important;
}

html body .command-burst{
  position:relative !important;
  color:rgba(248,252,255,.72) !important;
  white-space:nowrap !important;
}

html body .command-burst::before{
  content:"" !important;
  width:6px !important;
  height:6px !important;
  border-radius:999px !important;
  background:rgb(var(--accent-rgb)) !important;
  box-shadow:
    0 0 0 3px rgba(var(--accent-rgb), .13),
    0 0 14px rgba(var(--accent-rgb), .82),
    0 0 30px rgba(var(--accent-rgb), .42) !important;
  animation:czCommandBurstLed 1.28s ease-in-out infinite !important;
}

html body .cz-command-titlebar em{
  color:rgba(248,252,255,.66) !important;
}

@media (hover:hover) and (pointer:fine){
  html body .cz-tools-search-hint:hover,
  html body .hero-command-note[data-open-command]:hover{
    border-color:rgba(var(--accent-rgb), .38) !important;
    color:rgba(248,252,255,.92) !important;
    background:
      radial-gradient(circle at 18% 20%, rgba(var(--accent-rgb), .16), transparent 34%),
      linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.035)),
      rgba(5,13,24,.72) !important;
    box-shadow:
      0 0 0 1px rgba(var(--accent-rgb), .10),
      0 0 28px rgba(var(--accent-rgb), .20) !important;
  }
}

@media (max-width: 640px){
  html body .command-shortcut,
  html body .command-burst{
    white-space:normal !important;
  }
}

@keyframes czCommandBurstLed{
  0%, 100%{ opacity:.56; transform:scale(.92); filter:brightness(.92); }
  45%{ opacity:1; transform:scale(1.18); filter:brightness(1.65); }
}

/* v178: visually merge the tools hero, category controls and first SEO section into one opening panel. */
body.tools-page .tools-shell{
  padding-top:clamp(6px, 1.1vw, 16px) !important;
}

body.tools-page .tools-hero{
  margin-bottom:0 !important;
  padding:clamp(18px, 2.4vw, 32px) clamp(18px, 3vw, 42px) clamp(10px, 1.6vw, 18px) !important;
  border-bottom-color:transparent !important;
  border-radius:28px 28px 0 0 !important;
  box-shadow:
    inset 0 1px 0 rgba(var(--cz-glow-rgb), .22),
    inset 0 0 30px rgba(var(--cz-glow-rgb), .05),
    0 0 0 1px rgba(var(--cz-glow-rgb), .12),
    0 18px 54px rgba(0,0,0,.30),
    0 0 54px rgba(var(--cz-glow-rgb), .18) !important;
}

body.tools-page .tools-hero::after{
  display:none !important;
}

body.tools-page .tools-hero-top{
  margin-bottom:clamp(8px, 1.3vw, 14px) !important;
}

body.tools-page .tools-title{
  margin-bottom:clamp(7px, 1vw, 10px) !important;
}

body.tools-page .tools-title + .cz-tools-search-hint{
  margin:clamp(7px, 1vw, 10px) auto clamp(8px, 1.2vw, 12px) !important;
}

body.tools-page .tools-hero .tools-sub{
  max-width:960px !important;
  margin-bottom:0 !important;
  line-height:1.48 !important;
}

body.tools-page .tools-hero .tools-search{
  margin-top:clamp(13px, 1.7vw, 20px) !important;
}

body.tools-page .tools-hero .tools-search .search{
  min-height:clamp(54px, 4.8vw, 60px) !important;
}

body.tools-page .tool-sections{
  margin-top:0 !important;
}

body.tools-page .tool-sections > #seo.tool-section{
  margin-top:-1px !important;
  padding:clamp(10px, 1.5vw, 18px) clamp(18px, 3vw, 42px) clamp(24px, 3vw, 38px) !important;
  border-top-color:transparent !important;
  border-radius:0 0 28px 28px !important;
  background:
    radial-gradient(900px 340px at 50% -16%, rgba(var(--cz-glow-rgb, 56,232,255), .18), transparent 74%),
    radial-gradient(760px 360px at 15% -2%, rgba(var(--cz-glow-rgb, 56,232,255), .10), transparent 72%),
    radial-gradient(700px 330px at 92% 2%, color-mix(in srgb, var(--accent2, #d6ccff) 14%, transparent), transparent 76%),
    linear-gradient(180deg, rgba(var(--cz-glow-rgb, 56,232,255), .038), rgba(3,8,20,.62)),
    rgba(3,8,20,.70) !important;
  box-shadow:
    inset 0 -1px 0 rgba(var(--cz-glow-rgb), .18),
    0 0 0 1px rgba(var(--cz-glow-rgb), .12),
    0 28px 70px rgba(0,0,0,.38),
    0 0 66px rgba(var(--cz-glow-rgb), .20) !important;
}

body.tools-page .tool-sections > #seo.tool-section::after{
  bottom:auto !important;
  top:0 !important;
  width:min(560px, 78vw) !important;
  transform:translateY(-2px) !important;
  opacity:.86 !important;
  display:block !important;
}

body.tools-page .tool-sections > #seo.tool-section > .tools-directory-controls{
  margin:0 auto clamp(12px, 1.8vw, 20px) !important;
  padding:0 0 clamp(10px, 1.4vw, 16px) !important;
  gap:clamp(8px, 1.2vw, 12px) !important;
  border-bottom-color:rgba(var(--cz-glow-rgb), .14) !important;
}

body.tools-page .tool-sections > #seo.tool-section > .tools-directory-controls::before{
  margin-top:-20px !important;
  margin-bottom:clamp(8px, 1.2vw, 12px) !important;
}

body.tools-page .tool-sections > #seo.tool-section > .section-head{
  margin:0 0 clamp(14px, 2vw, 22px) !important;
  padding-top:clamp(2px, .8vw, 8px) !important;
}

body.tools-page .tool-sections > #seo.tool-section > .section-head .section-desc{
  margin-top:clamp(5px, .8vw, 8px) !important;
}

body.tools-page .tool-sections > #seo.tool-section > .cards-grid{
  margin-top:0 !important;
}

@media (max-width: 820px), (pointer: coarse){
  body.tools-page .tools-shell{
    padding-top:6px !important;
  }

  body.tools-page .tools-hero{
    padding:16px 14px 10px !important;
    border-radius:22px 22px 0 0 !important;
  }

  body.tools-page .tools-hero .tools-search{
    margin-top:12px !important;
  }

  body.tools-page .tool-sections > #seo.tool-section{
    padding:10px 14px 22px !important;
    border-radius:0 0 22px 22px !important;
  }

body.tools-page .tool-sections > #seo.tool-section > .tools-directory-controls::before{
    margin-top:-14px !important;
  }
}

/* v179: clearer glass consent panel with mapped cache/privacy choices. */
html body .cookie.cookie-pro .cookie-dev-card{
  width:min(980px, 100%) !important;
  grid-template-columns:minmax(0, 1fr) minmax(210px, 240px) !important;
  gap:12px 18px !important;
  padding:14px 16px 16px !important;
  border-color:rgba(var(--accent-rgb), .42) !important;
  background:
    radial-gradient(620px 190px at 18% 0%, rgba(var(--accent-rgb), .18), transparent 70%),
    linear-gradient(145deg, rgba(var(--accent-rgb), .11), rgba(255,255,255,.024) 42%, rgba(2,8,18,.48)),
    rgba(4, 10, 22, .58) !important;
  box-shadow:
    0 24px 86px rgba(0,0,0,.50),
    0 0 0 1px rgba(var(--accent-rgb), .11),
    0 0 58px rgba(var(--accent-rgb), .25),
    inset 0 1px 0 rgba(255,255,255,.14) !important;
  backdrop-filter:blur(18px) saturate(1.24) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.24) !important;
}

html body .cookie.cookie-pro .cookie-dev-card::before{
  background:
    radial-gradient(500px 150px at 20% 0%, rgba(var(--accent-rgb), .22), transparent 70%),
    linear-gradient(rgba(var(--accent-rgb), .07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--accent-rgb), .055) 1px, transparent 1px) !important;
  opacity:.38 !important;
}

html body .cookie.cookie-pro .cookie-status-row{
  grid-column:1 / -1 !important;
  position:relative !important;
  z-index:1 !important;
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  width:max-content !important;
}

html body .cookie.cookie-pro .cookie-status{
  grid-column:auto !important;
  padding:7px 12px !important;
  background:rgba(2,8,18,.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 22px rgba(var(--accent-rgb), .12) !important;
}

html body .cookie.cookie-pro .cookie-x{
  position:static !important;
  inset:auto !important;
  top:auto !important;
  right:auto !important;
  flex:0 0 auto !important;
  width:30px !important;
  height:30px !important;
  border-radius:10px !important;
  border-color:rgba(255, 105, 130, .38) !important;
  background:
    radial-gradient(circle at 50% 35%, rgba(255,255,255,.12), transparent 48%),
    rgba(16, 7, 16, .64) !important;
  color:#ff8094 !important;
  font-size:14px !important;
  font-weight:950 !important;
  text-shadow:0 0 14px rgba(255,105,130,.68) !important;
  box-shadow:
    0 0 0 1px rgba(255,105,130,.08),
    0 0 20px rgba(255,105,130,.16) !important;
}

html body .cookie.cookie-pro .cookie-x:hover{
  border-color:rgba(255, 142, 160, .62) !important;
  background:rgba(255,105,130,.17) !important;
  color:#fff !important;
}

html body .cookie.cookie-pro .cookie-content{
  padding-right:0 !important;
}

html body .cookie.cookie-pro .cookie-title{
  margin-bottom:7px !important;
  font-size:clamp(20px, 1.7vw, 28px) !important;
}

html body .cookie.cookie-pro .cookie-text{
  max-width:720px !important;
  font-size:14.5px !important;
  line-height:1.5 !important;
}

html body .cookie.cookie-pro .cookie-mini-grid{
  gap:7px !important;
  margin-top:10px !important;
}

html body .cookie.cookie-pro .cookie-mini-grid span{
  min-height:30px !important;
  padding:7px 10px !important;
  border-color:rgba(var(--accent-rgb), .23) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
    rgba(3,9,18,.38) !important;
  color:rgba(248,252,255,.72) !important;
}

html body .cookie.cookie-pro .cookie-mini-grid span[data-choice="all"]{
  border-color:rgba(var(--accent-rgb), .42) !important;
  background:
    radial-gradient(circle at 10% 45%, rgba(var(--accent-rgb), .26), transparent 42%),
    rgba(3,9,18,.36) !important;
  box-shadow:0 0 18px rgba(var(--accent-rgb), .12) !important;
}

html body .cookie.cookie-pro .cookie-mini-grid span[data-choice="essential"]{
  border-color:rgba(255,255,255,.20) !important;
}

html body .cookie.cookie-pro .cookie-mini-grid span[data-choice="none"]{
  border-color:rgba(255,105,130,.26) !important;
}

html body .cookie.cookie-pro .cookie-actions{
  align-self:center !important;
  min-width:0 !important;
  gap:8px !important;
}

html body .cookie.cookie-pro .cookie-btn{
  min-height:44px !important;
  border-radius:14px !important;
  font-size:13.25px !important;
}

html body .cookie.cookie-pro #cookieAccept{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.44),
    0 0 22px rgba(var(--accent-rgb), .24),
    0 10px 30px rgba(var(--accent-rgb), .13) !important;
}

html body .cookie.cookie-pro #cookieEssential,
html body .cookie.cookie-pro #cookieReject{
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.012)),
    rgba(3,9,18,.50) !important;
}

html body .cookie.cookie-pro #cookieReject{
  border-color:rgba(255,105,130,.30) !important;
}

@media (max-width: 760px){
  html body .cookie.cookie-pro .cookie-dev-card{
    width:100% !important;
    grid-template-columns:1fr !important;
    gap:11px !important;
    padding:13px !important;
  }

  html body .cookie.cookie-pro .cookie-status-row{
    width:100% !important;
  }

  html body .cookie.cookie-pro .cookie-status{
    min-width:0 !important;
  }

  html body .cookie.cookie-pro .cookie-text{
    font-size:13.75px !important;
  }
}

/* v181: Updates hero neural CMS map and JS-backed manifesto typewriter. */
body:has(.updates-canvas) .updates-manifesto [data-typewriter]{
  display:inline !important;
  max-width:100% !important;
  overflow:visible !important;
  white-space:normal !important;
  vertical-align:baseline !important;
  border-right:2px solid rgba(var(--cz-glow-rgb, 155,140,255), .96) !important;
  animation:clickozTypeCaret .86s steps(1, end) infinite !important;
  text-shadow:0 0 18px rgba(var(--cz-glow-rgb, 155,140,255), .20) !important;
}

body:has(.updates-canvas) .updates-manifesto [data-typewriter].is-complete{
  border-right-color:rgba(var(--cz-glow-rgb, 155,140,255), .78) !important;
}

@keyframes clickozTypeCaret{
  0%, 48%{ border-right-color:rgba(var(--cz-glow-rgb, 155,140,255), .96); }
  49%, 100%{ border-right-color:transparent; }
}

body:has(.updates-canvas) .source-command-panel-lite .source-map-visual.neural-map-shell,
main.section.container.updates-shell.updates-canvas > header.updates-hero.updates-hero-v2 .source-map-visual.neural-map-shell{
  position:relative !important;
  min-height:360px !important;
  height:clamp(340px, 30vw, 430px) !important;
  border-radius:24px !important;
  overflow:hidden !important;
  cursor:grab !important;
  touch-action:none !important;
  background:
    radial-gradient(420px 260px at 50% 48%, rgba(var(--cz-glow-rgb, 155,140,255), .22), transparent 70%),
    radial-gradient(320px 180px at 22% 14%, rgba(255,255,255,.065), transparent 72%),
    linear-gradient(rgba(var(--cz-glow-rgb, 155,140,255), .075) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--cz-glow-rgb, 155,140,255), .06) 1px, transparent 1px),
    rgba(2,8,20,.78) !important;
  background-size:auto, auto, 34px 34px, 34px 34px, auto !important;
  border-color:rgba(var(--cz-glow-rgb, 155,140,255), .34) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.045),
    inset 0 0 62px rgba(var(--cz-glow-rgb, 155,140,255), .10),
    0 0 42px rgba(var(--cz-glow-rgb, 155,140,255), .16) !important;
  transform:translateZ(0) !important;
  contain:layout paint !important;
}

body:has(.updates-canvas) .source-command-panel-lite:hover .source-map-visual.neural-map-shell{
  transform:translateZ(0) scale(1.012) !important;
  border-color:rgba(var(--cz-glow-rgb, 155,140,255), .48) !important;
}

body:has(.updates-canvas) .source-map-visual.neural-map-shell::before{
  inset:14px !important;
  border-radius:20px !important;
  opacity:.72 !important;
  border-color:rgba(var(--cz-glow-rgb, 155,140,255), .18) !important;
}

body:has(.updates-canvas) .source-map-visual.neural-map-shell::after{
  inset:auto -16% 50% !important;
  height:1px !important;
  border:0 !important;
  border-radius:999px !important;
  background:linear-gradient(90deg, transparent, rgba(var(--cz-glow-rgb, 155,140,255), .54), transparent) !important;
  box-shadow:
    0 0 22px rgba(var(--cz-glow-rgb, 155,140,255), .34),
    0 18px 46px rgba(var(--cz-glow-rgb, 155,140,255), .14) !important;
  opacity:.60 !important;
  animation:updatesNeuralSweep 6.4s ease-in-out infinite alternate !important;
}

body:has(.updates-canvas) .source-map-visual.neural-map-shell::before,
body:has(.updates-canvas) .source-map-visual.neural-map-shell::after,
body:has(.updates-canvas) .neural-map-tip{
  pointer-events:none !important;
}

body:has(.updates-canvas) .cms-neural-canvas{
  border-radius:inherit !important;
}

body:has(.updates-canvas) .neural-map-hud{
  max-width:calc(100% - 126px) !important;
}

body:has(.updates-canvas) .neural-map-hud span,
body:has(.updates-canvas) .neural-map-controls button,
body:has(.updates-canvas) .neural-map-tip{
  border-color:rgba(var(--cz-glow-rgb, 155,140,255), .26) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
    rgba(3,8,18,.70) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 22px rgba(var(--cz-glow-rgb, 155,140,255), .12) !important;
}

body:has(.updates-canvas) .neural-map-controls button{
  line-height:1 !important;
  transition:transform .18s ease, border-color .18s ease, background .18s ease !important;
}

body:has(.updates-canvas) .neural-map-controls button:hover{
  color:#061018 !important;
  background:linear-gradient(135deg, var(--accent), var(--accent2)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.36),
    0 0 28px rgba(var(--cz-glow-rgb, 155,140,255), .24) !important;
}

body:has(.updates-canvas) .neural-map-tip{
  min-height:40px !important;
  bottom:60px !important;
  color:rgba(248,252,255,.80) !important;
}

body:has(.updates-canvas) .updates-full-map-btn{
  position:absolute !important;
  left:22px !important;
  right:22px !important;
  bottom:16px !important;
  z-index:20 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  pointer-events:auto !important;
  min-height:42px !important;
  padding:0 18px !important;
  border:1px solid rgba(var(--cz-glow-rgb, 155,140,255), .62) !important;
  border-radius:15px !important;
  color:#fff !important;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--accent) 92%, #ffffff 8%), color-mix(in srgb, var(--accent2) 88%, #ffffff 12%)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.42),
    inset 0 -12px 28px rgba(0,0,0,.10),
    0 0 26px rgba(var(--cz-glow-rgb, 155,140,255), .34),
    0 0 58px rgba(var(--cz-glow-rgb, 155,140,255), .20) !important;
  font:900 12px/1 var(--font-display, "Oxanium", system-ui, sans-serif) !important;
  letter-spacing:.075em !important;
  text-align:center !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  text-shadow:
    0 1px 0 #000,
    1px 0 0 #000,
    -1px 0 0 #000,
    0 -1px 0 #000,
    0 2px 10px rgba(0,0,0,.45) !important;
  -webkit-text-stroke:.35px rgba(0,0,0,.78) !important;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

body:has(.updates-canvas) .updates-full-map-btn::before{
  content:"" !important;
  width:7px !important;
  height:7px !important;
  margin-right:10px !important;
  border-radius:999px !important;
  background:#fff !important;
  box-shadow:0 0 14px rgba(255,255,255,.72), 0 0 22px rgba(var(--cz-glow-rgb, 155,140,255), .70) !important;
}

body:has(.updates-canvas) .updates-full-map-btn:hover{
  color:#061018 !important;
  filter:saturate(1.12) brightness(1.05) !important;
  transform:translateY(-1px) !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.95),
    1px 0 0 rgba(255,255,255,.92),
    -1px 0 0 rgba(255,255,255,.92),
    0 -1px 0 rgba(255,255,255,.92) !important;
  -webkit-text-stroke:.35px rgba(255,255,255,.88) !important;
}

@keyframes updatesNeuralSweep{
  from{ transform:translateY(-118px); opacity:.22; }
  to{ transform:translateY(118px); opacity:.66; }
}

@media (max-width: 820px), (pointer: coarse){
  body:has(.updates-canvas) .updates-manifesto [data-typewriter]{
    text-align:left !important;
  }

  body:has(.updates-canvas) .source-command-panel-lite .source-map-visual.neural-map-shell,
  main.section.container.updates-shell.updates-canvas > header.updates-hero.updates-hero-v2 .source-map-visual.neural-map-shell{
    height:clamp(276px, 72vw, 330px) !important;
    min-height:276px !important;
    border-radius:20px !important;
    touch-action:pan-y !important;
    cursor:default !important;
  }

  body:has(.updates-canvas) .source-command-panel-lite:hover .source-map-visual.neural-map-shell{
    transform:translateZ(0) !important;
  }

  body:has(.updates-canvas) .source-map-visual.neural-map-shell::after{
    animation:none !important;
    opacity:.28 !important;
  }

  body:has(.updates-canvas) .neural-map-hud{
    display:none !important;
  }

  body:has(.updates-canvas) .neural-map-controls{
    top:8px !important;
    right:8px !important;
  }

  body:has(.updates-canvas) .neural-map-controls button{
    min-width:34px !important;
    height:34px !important;
  }

  body:has(.updates-canvas) .neural-map-tip{
    left:8px !important;
    right:8px !important;
    bottom:54px !important;
    min-height:34px !important;
    padding:7px 10px !important;
    font-size:11.5px !important;
    line-height:1.3 !important;
  }

  body:has(.updates-canvas) .updates-full-map-btn{
    left:8px !important;
    right:8px !important;
    bottom:8px !important;
    min-height:38px !important;
    padding:0 12px !important;
    border-radius:13px !important;
    font-size:10.5px !important;
    letter-spacing:.055em !important;
  }
}

@media (prefers-reduced-motion: reduce){
  body:has(.updates-canvas) .updates-manifesto [data-typewriter],
  body:has(.updates-canvas) .source-map-visual.neural-map-shell::after{
    animation:none !important;
  }
}

/* v182: Advanced Search becomes a responsive command desk without touching page layouts. */
html.cz-command-open,
html.cz-command-open body{
  overflow:hidden !important;
}

html body .cz-command-palette{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483000 !important;
  color:rgba(248,252,255,.94) !important;
  font-family:var(--font-body, "Space Grotesk", system-ui, sans-serif) !important;
}

html body .cz-command-backdrop{
  position:absolute !important;
  inset:0 !important;
  background:
    radial-gradient(1100px 720px at 42% 20%, rgba(var(--accent-rgb), .22), transparent 72%),
    radial-gradient(780px 560px at 86% 8%, color-mix(in srgb, var(--accent2, #8e7dff) 20%, transparent), transparent 76%),
    linear-gradient(180deg, rgba(2,8,20,.88), rgba(1,7,16,.94)) !important;
  backdrop-filter:blur(18px) saturate(1.18) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.18) !important;
}

html body .cz-command-dialog.cz-command-desk{
  position:relative !important;
  display:grid !important;
  grid-template-columns:230px minmax(0, 1fr) minmax(320px, 390px) !important;
  grid-template-rows:minmax(0, 1fr) auto !important;
  width:min(1536px, calc(100vw - 24px)) !important;
  height:min(900px, calc(100dvh - 28px)) !important;
  max-height:none !important;
  margin:14px auto !important;
  overflow:hidden !important;
  border:1px solid rgba(var(--accent-rgb), .32) !important;
  border-radius:20px !important;
  background:
    linear-gradient(rgba(var(--accent-rgb), .042) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--accent-rgb), .035) 1px, transparent 1px),
    radial-gradient(760px 520px at 45% 8%, rgba(var(--accent-rgb), .16), transparent 76%),
    linear-gradient(145deg, rgba(3,12,27,.96), rgba(2,7,17,.98)) !important;
  background-size:38px 38px, 38px 38px, auto, auto !important;
  box-shadow:
    0 28px 110px rgba(0,0,0,.62),
    0 0 0 1px rgba(255,255,255,.045) inset,
    0 0 72px rgba(var(--accent-rgb), .22) !important;
}

html body .cz-command-sidebar{
  grid-row:1 / span 2 !important;
  min-width:0 !important;
  display:grid !important;
  grid-template-rows:auto auto minmax(0, 1fr) auto auto !important;
  gap:18px !important;
  padding:26px 20px 18px !important;
  border-right:1px solid rgba(var(--accent-rgb), .14) !important;
  background:
    radial-gradient(420px 420px at 20% 6%, rgba(var(--accent-rgb), .14), transparent 72%),
    linear-gradient(180deg, rgba(3,14,30,.86), rgba(1,7,17,.92)) !important;
}

html body .cz-command-brand{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  color:rgba(248,252,255,.98) !important;
  text-decoration:none !important;
}

html body .cz-command-brand span{
  width:34px !important;
  height:34px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:10px !important;
  color:#fff !important;
  -webkit-text-stroke:.9px rgba(0,0,0,.92) !important;
  text-shadow:0 1px 0 #000, 0 0 14px rgba(0,0,0,.54) !important;
  background:linear-gradient(135deg, var(--accent), var(--accent2)) !important;
  box-shadow:0 0 26px rgba(var(--accent-rgb), .36) !important;
  font:950 18px/1 var(--font-head, "Space Grotesk", system-ui) !important;
}

html body .cz-command-brand strong{
  font:950 19px/1 var(--font-head, "Space Grotesk", system-ui) !important;
  letter-spacing:0 !important;
}

html body .cz-command-side-group{
  min-width:0 !important;
  display:grid !important;
  align-content:start !important;
  gap:8px !important;
}

html body .cz-command-side-group p{
  margin:0 0 4px !important;
  color:rgba(var(--accent-rgb), .95) !important;
  font:850 11px/1 var(--font-head, "Space Grotesk", system-ui) !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
}

html body .cz-command-side-group a,
html body .cz-command-side-group button,
html body .cz-command-memory a{
  width:100% !important;
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  min-height:38px !important;
  margin:0 !important;
  padding:10px 10px !important;
  border:1px solid transparent !important;
  border-radius:8px !important;
  color:rgba(248,252,255,.76) !important;
  text-decoration:none !important;
  text-align:left !important;
  background:transparent !important;
  font:750 13px/1.2 var(--font-body, "Space Grotesk", system-ui) !important;
  cursor:pointer !important;
}

html body .cz-command-side-group button{
  appearance:none !important;
}

html body .cz-command-side-group a:hover,
html body .cz-command-side-group button:hover,
html body .cz-command-side-group button.is-active,
html body .cz-command-memory a:hover{
  border-color:rgba(var(--accent-rgb), .28) !important;
  color:#fff !important;
  background:
    linear-gradient(135deg, rgba(var(--accent-rgb), .20), rgba(255,255,255,.035)),
    rgba(var(--accent-rgb), .08) !important;
  box-shadow:0 0 24px rgba(var(--accent-rgb), .10) !important;
}

html body #czCommandCollections{
  display:grid !important;
  gap:6px !important;
}

html body #czCommandCollections button em{
  min-width:26px !important;
  padding:4px 6px !important;
  border:1px solid rgba(var(--accent-rgb), .24) !important;
  border-radius:999px !important;
  color:rgb(var(--accent-rgb)) !important;
  background:rgba(var(--accent-rgb), .08) !important;
  font-style:normal !important;
  text-align:center !important;
}

html body .cz-command-memory{
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  overflow:visible !important;
}

html body .cz-command-memory a{
  display:grid !important;
  justify-items:start !important;
  gap:3px !important;
  min-height:52px !important;
  background:rgba(255,255,255,.035) !important;
}

html body .cz-command-memory a span,
html body .cz-command-hint{
  color:rgba(248,252,255,.50) !important;
  font-size:11px !important;
}

html body .cz-command-memory a strong{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#fff !important;
  font:850 12.5px/1.2 var(--font-head, "Space Grotesk", system-ui) !important;
}

html body .cz-command-local-card{
  display:grid !important;
  gap:8px !important;
  padding:14px !important;
  border:1px solid rgba(var(--accent-rgb), .18) !important;
  border-radius:10px !important;
  background:
    radial-gradient(220px 120px at 0 0, rgba(var(--accent-rgb), .16), transparent 70%),
    rgba(var(--accent-rgb), .055) !important;
}

html body .cz-command-local-card strong{
  color:#fff !important;
  font:900 14px/1.2 var(--font-head, "Space Grotesk", system-ui) !important;
}

html body .cz-command-local-card span{
  color:rgba(248,252,255,.64) !important;
  font-size:12.5px !important;
  line-height:1.45 !important;
}

html body .cz-command-main{
  min-width:0 !important;
  min-height:0 !important;
  display:grid !important;
  grid-template-rows:auto auto auto minmax(0, 1fr) !important;
  gap:20px !important;
  padding:20px !important;
  overflow:hidden !important;
}

html body .cz-command-topbar{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto !important;
  gap:18px !important;
  align-items:start !important;
}

html body .cz-command-search{
  min-width:0 !important;
  display:grid !important;
  gap:6px !important;
  padding:12px 14px !important;
  border:1px solid rgba(var(--accent-rgb), .48) !important;
  border-radius:14px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.016)),
    rgba(3,9,22,.74) !important;
  box-shadow:0 0 34px rgba(var(--accent-rgb), .18), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

html body .cz-command-search > span{
  color:rgba(var(--accent-rgb), .95) !important;
  font:850 11px/1 var(--font-head, "Space Grotesk", system-ui) !important;
  letter-spacing:.11em !important;
  text-transform:uppercase !important;
}

html body .cz-command-search div{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto auto !important;
  gap:6px !important;
  align-items:center !important;
}

html body .cz-command-search input{
  min-width:0 !important;
  width:100% !important;
  height:34px !important;
  border:0 !important;
  outline:0 !important;
  color:rgba(248,252,255,.94) !important;
  background:transparent !important;
  font:650 14.5px/1.3 var(--font-body, "Space Grotesk", system-ui) !important;
}

html body .cz-command-search input::placeholder{
  color:rgba(248,252,255,.46) !important;
}

html body .cz-command-search kbd{
  min-width:30px !important;
  height:30px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(var(--accent-rgb), .30) !important;
  border-radius:8px !important;
  color:#fff !important;
  background:rgba(var(--accent-rgb), .10) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
  font:850 12px/1 var(--font-head, "Space Grotesk", system-ui) !important;
}

html body .cz-command-actions{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:12px !important;
  border:1px solid rgba(255,255,255,.07) !important;
  border-radius:14px !important;
  background:rgba(1,7,18,.58) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.22) !important;
}

html body .cz-command-actions a,
html body .cz-command-actions button{
  min-height:38px !important;
  border:1px solid rgba(var(--accent-rgb), .22) !important;
  border-radius:8px !important;
  padding:0 14px !important;
  color:#fff !important;
  text-decoration:none !important;
  background:
    linear-gradient(135deg, rgba(var(--accent-rgb), .24), rgba(255,255,255,.035)),
    rgba(var(--accent-rgb), .08) !important;
  font:850 13px/1 var(--font-head, "Space Grotesk", system-ui) !important;
  cursor:pointer !important;
}

html body .cz-command-actions button{
  width:42px !important;
  padding:0 !important;
  overflow:hidden !important;
  color:transparent !important;
  position:relative !important;
}

html body .cz-command-actions button::before{
  content:"×" !important;
  position:absolute !important;
  inset:0 !important;
  display:grid !important;
  place-items:center !important;
  color:rgba(248,252,255,.78) !important;
  font:950 18px/1 var(--font-head, "Space Grotesk", system-ui) !important;
}

html body .cz-command-hero{
  display:grid !important;
  gap:8px !important;
}

html body .cz-command-hero span{
  color:rgba(var(--accent-rgb), .98) !important;
  font:900 11px/1 var(--font-head, "Space Grotesk", system-ui) !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

html body .cz-command-hero h2{
  margin:0 !important;
  color:#fff !important;
  font:950 clamp(27px, 3.6vw, 42px)/1.02 var(--font-head, "Space Grotesk", system-ui) !important;
  letter-spacing:0 !important;
}

html body .cz-command-hero h2::after{
  content:"" !important;
  display:inline-block !important;
  width:.42em !important;
  height:.42em !important;
  margin-left:.22em !important;
  border-radius:999px !important;
  background:rgb(var(--accent-rgb)) !important;
  box-shadow:0 0 22px rgba(var(--accent-rgb), .70) !important;
  vertical-align:baseline !important;
}

html body .cz-command-hero p{
  margin:0 !important;
  color:rgba(248,252,255,.68) !important;
  font-size:15.5px !important;
}

html body .cz-command-filter-row{
  display:flex !important;
  gap:8px !important;
  min-width:0 !important;
  overflow:auto !important;
  scrollbar-width:thin !important;
  padding-bottom:2px !important;
}

html body .cz-command-filter-row button,
html body .cz-command-tabs button{
  flex:0 0 auto !important;
  min-height:38px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:8px !important;
  padding:0 14px !important;
  color:rgba(248,252,255,.78) !important;
  background:rgba(255,255,255,.035) !important;
  font:800 13px/1 var(--font-head, "Space Grotesk", system-ui) !important;
  cursor:pointer !important;
}

html body .cz-command-filter-row button:hover,
html body .cz-command-filter-row button.is-active,
html body .cz-command-tabs button:hover,
html body .cz-command-tabs button.is-active{
  border-color:rgba(var(--accent-rgb), .40) !important;
  color:#fff !important;
  background:
    linear-gradient(135deg, rgba(var(--accent-rgb), .24), rgba(255,255,255,.035)),
    rgba(var(--accent-rgb), .08) !important;
  box-shadow:0 0 22px rgba(var(--accent-rgb), .12) !important;
}

html body .cz-command-results-shell{
  min-width:0 !important;
  min-height:0 !important;
  display:grid !important;
  grid-template-rows:auto minmax(0, 1fr) !important;
  border:1px solid rgba(var(--accent-rgb), .14) !important;
  border-radius:12px !important;
  overflow:hidden !important;
  background:rgba(3,10,23,.56) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045) !important;
}

html body .cz-command-result-head{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto !important;
  gap:12px !important;
  align-items:center !important;
  min-width:0 !important;
  padding:14px 14px 10px !important;
  border-bottom:1px solid rgba(255,255,255,.075) !important;
}

html body .cz-command-tabs{
  display:flex !important;
  gap:12px !important;
  overflow:auto !important;
  min-width:0 !important;
}

html body .cz-command-result-head > span{
  min-height:34px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:8px !important;
  padding:0 12px !important;
  color:rgba(248,252,255,.76) !important;
  background:rgba(255,255,255,.035) !important;
  font:800 12px/1 var(--font-head, "Space Grotesk", system-ui) !important;
}

html body .cz-command-results{
  min-height:0 !important;
  max-height:none !important;
  display:grid !important;
  align-content:start !important;
  gap:0 !important;
  padding:0 12px 12px !important;
  overflow:auto !important;
  scrollbar-gutter:stable !important;
}

html body .cz-command-result-row{
  min-width:0 !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) minmax(74px, auto) 108px 42px !important;
  gap:12px !important;
  align-items:center !important;
  padding:12px 0 !important;
  border-bottom:1px solid rgba(255,255,255,.07) !important;
}

html body .cz-command-result-row.is-active{
  background:
    linear-gradient(90deg, rgba(var(--accent-rgb), .10), transparent 82%) !important;
}

html body .cz-command-result-main{
  min-width:0 !important;
  display:grid !important;
  grid-template-columns:54px minmax(0, 1fr) !important;
  gap:14px !important;
  align-items:center !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  color:inherit !important;
  text-decoration:none !important;
  background:transparent !important;
  box-shadow:none !important;
}

html body .cz-command-item-icon{
  width:54px !important;
  height:54px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(var(--accent-rgb), .26) !important;
  border-radius:9px !important;
  color:#fff !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.22), transparent 38%),
    linear-gradient(135deg, rgba(var(--accent-rgb), .66), rgba(var(--accent-rgb), .22)) !important;
  box-shadow:0 0 24px rgba(var(--accent-rgb), .18), inset 0 1px 0 rgba(255,255,255,.12) !important;
  font:950 13px/1 var(--font-head, "Space Grotesk", system-ui) !important;
}

html body .cz-command-item-copy{
  min-width:0 !important;
  display:grid !important;
  gap:5px !important;
}

html body .cz-command-item-copy strong{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#fff !important;
  font:900 16px/1.18 var(--font-head, "Space Grotesk", system-ui) !important;
}

html body .cz-command-item-copy em{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:rgba(248,252,255,.62) !important;
  font-style:normal !important;
  font-size:13px !important;
  line-height:1.3 !important;
}

html body .cz-command-tags{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:5px !important;
}

html body .cz-command-tags span{
  min-height:20px !important;
  display:inline-flex !important;
  align-items:center !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:5px !important;
  padding:0 7px !important;
  color:rgba(248,252,255,.56) !important;
  background:rgba(255,255,255,.035) !important;
  font:700 11px/1 var(--font-body, "Space Grotesk", system-ui) !important;
}

html body .cz-command-item-time{
  justify-self:end !important;
  white-space:nowrap !important;
  border:1px solid rgba(255,255,255,.075) !important;
  border-radius:8px !important;
  padding:9px 10px !important;
  color:rgba(248,252,255,.62) !important;
  background:rgba(255,255,255,.035) !important;
  font:750 12px/1 var(--font-body, "Space Grotesk", system-ui) !important;
}

html body .cz-command-open-btn{
  min-height:38px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(var(--accent-rgb), .26) !important;
  border-radius:8px !important;
  padding:0 14px !important;
  color:#fff !important;
  text-decoration:none !important;
  background:
    linear-gradient(135deg, rgba(var(--accent-rgb), .30), color-mix(in srgb, var(--accent2, #8e7dff) 26%, transparent)),
    rgba(var(--accent-rgb), .08) !important;
  box-shadow:0 0 22px rgba(var(--accent-rgb), .12) !important;
  font:850 12.5px/1 var(--font-head, "Space Grotesk", system-ui) !important;
}

html body .cz-command-favorite{
  width:36px !important;
  height:36px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:8px !important;
  color:rgba(248,252,255,.72) !important;
  background:rgba(255,255,255,.035) !important;
  font:900 17px/1 var(--font-head, "Space Grotesk", system-ui) !important;
  cursor:pointer !important;
}

html body .cz-command-favorite.is-saved{
  color:rgb(var(--accent-rgb)) !important;
  border-color:rgba(var(--accent-rgb), .34) !important;
  background:rgba(var(--accent-rgb), .11) !important;
  box-shadow:0 0 18px rgba(var(--accent-rgb), .16) !important;
}

html body .cz-command-favorite.is-static{
  font-size:10px !important;
  cursor:default !important;
}

html body .cz-command-detail{
  min-width:0 !important;
  min-height:0 !important;
  padding:20px 18px !important;
  overflow:auto !important;
  border-left:1px solid rgba(var(--accent-rgb), .14) !important;
  background:
    radial-gradient(440px 480px at 50% 0, rgba(var(--accent-rgb), .12), transparent 78%),
    rgba(1,8,18,.58) !important;
}

html body .cz-command-detail-card{
  display:grid !important;
  gap:18px !important;
  padding:20px !important;
  border:1px solid rgba(var(--accent-rgb), .20) !important;
  border-radius:12px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.012)),
    rgba(3,10,23,.74) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 22px 52px rgba(0,0,0,.20) !important;
}

html body .cz-command-detail-kicker{
  color:rgba(var(--accent-rgb), .96) !important;
  font:900 11px/1 var(--font-head, "Space Grotesk", system-ui) !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
}

html body .cz-command-detail-title{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) 60px !important;
  gap:14px !important;
  align-items:start !important;
}

html body .cz-command-detail-title span{
  grid-column:2 !important;
  grid-row:1 !important;
  width:60px !important;
  height:60px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(var(--accent-rgb), .25) !important;
  border-radius:12px !important;
  color:#fff !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.20), transparent 38%),
    linear-gradient(135deg, rgba(var(--accent-rgb), .58), rgba(var(--accent-rgb), .17)) !important;
  box-shadow:0 0 30px rgba(var(--accent-rgb), .16) !important;
  font:950 15px/1 var(--font-head, "Space Grotesk", system-ui) !important;
}

html body .cz-command-detail-title h3{
  margin:0 !important;
  color:#fff !important;
  font:950 22px/1.12 var(--font-head, "Space Grotesk", system-ui) !important;
  letter-spacing:0 !important;
}

html body .cz-command-detail-card p{
  margin:0 !important;
  color:rgba(248,252,255,.68) !important;
  font-size:14px !important;
  line-height:1.55 !important;
}

html body .cz-command-detail-card dl{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:0 !important;
  margin:0 !important;
  padding:14px 0 !important;
  border-block:1px solid rgba(255,255,255,.075) !important;
}

html body .cz-command-detail-card dl div{
  min-width:0 !important;
  display:grid !important;
  gap:5px !important;
  padding:0 10px !important;
  border-right:1px solid rgba(255,255,255,.075) !important;
}

html body .cz-command-detail-card dl div:last-child{
  border-right:0 !important;
}

html body .cz-command-detail-card dt{
  color:rgba(248,252,255,.46) !important;
  font-size:11px !important;
}

html body .cz-command-detail-card dd{
  margin:0 !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#fff !important;
  font:850 12.5px/1.15 var(--font-head, "Space Grotesk", system-ui) !important;
}

html body .cz-command-primary,
html body .cz-command-secondary{
  min-height:44px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(var(--accent-rgb), .32) !important;
  border-radius:8px !important;
  padding:0 16px !important;
  color:#fff !important;
  text-decoration:none !important;
  background:
    linear-gradient(135deg, rgba(var(--accent-rgb), .70), color-mix(in srgb, var(--accent2, #8e7dff) 56%, rgba(var(--accent-rgb), .26))),
    rgb(var(--accent-rgb)) !important;
  box-shadow:0 0 26px rgba(var(--accent-rgb), .20) !important;
  font:900 14px/1 var(--font-head, "Space Grotesk", system-ui) !important;
  cursor:pointer !important;
}

html body .cz-command-secondary{
  color:rgba(248,252,255,.88) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
    rgba(3,10,23,.74) !important;
}

html body .cz-command-how,
html body .cz-command-recent{
  display:grid !important;
  gap:10px !important;
  padding-top:8px !important;
  border-top:1px solid rgba(255,255,255,.075) !important;
}

html body .cz-command-how > strong,
html body .cz-command-recent > strong{
  color:rgba(var(--accent-rgb), .96) !important;
  font:900 11px/1 var(--font-head, "Space Grotesk", system-ui) !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
}

html body .cz-command-how span,
html body .cz-command-recent a{
  display:grid !important;
  grid-template-columns:26px minmax(0, 1fr) !important;
  gap:8px !important;
  align-items:center !important;
  min-height:30px !important;
  color:rgba(248,252,255,.76) !important;
  text-decoration:none !important;
  font-size:13px !important;
}

html body .cz-command-how span em{
  width:24px !important;
  height:24px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:999px !important;
  color:#fff !important;
  background:rgba(var(--accent-rgb), .14) !important;
  font-style:normal !important;
  font:850 11px/1 var(--font-head, "Space Grotesk", system-ui) !important;
}

html body .cz-command-recent a{
  grid-template-columns:minmax(0, 1fr) auto !important;
  border:1px solid rgba(255,255,255,.075) !important;
  border-radius:8px !important;
  padding:9px 10px !important;
  background:rgba(255,255,255,.025) !important;
}

html body .cz-command-recent a span{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

html body .cz-command-recent a em,
html body .cz-command-recent p{
  margin:0 !important;
  color:rgba(248,252,255,.48) !important;
  font-style:normal !important;
  font-size:12px !important;
}

html body .cz-command-status{
  grid-column:2 / 4 !important;
  grid-row:2 !important;
  min-width:0 !important;
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) auto !important;
  gap:12px !important;
  align-items:center !important;
  padding:14px 18px !important;
  border-top:1px solid rgba(var(--accent-rgb), .16) !important;
  background:
    linear-gradient(90deg, rgba(var(--accent-rgb), .08), rgba(255,255,255,.02), rgba(var(--accent-rgb), .06)),
    rgba(2,9,21,.86) !important;
}

html body .cz-command-status span{
  min-width:0 !important;
  display:grid !important;
  gap:3px !important;
  padding-left:18px !important;
  position:relative !important;
}

html body .cz-command-status span::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:.32em !important;
  width:8px !important;
  height:8px !important;
  border-radius:999px !important;
  background:rgb(var(--accent-rgb)) !important;
  box-shadow:0 0 18px rgba(var(--accent-rgb), .70) !important;
}

html body .cz-command-status strong{
  color:#fff !important;
  font:850 13px/1.15 var(--font-head, "Space Grotesk", system-ui) !important;
}

html body .cz-command-status em{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:rgba(248,252,255,.56) !important;
  font-style:normal !important;
  font-size:12px !important;
}

html body .cz-command-status a{
  min-height:42px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(var(--accent-rgb), .22) !important;
  border-radius:8px !important;
  padding:0 16px !important;
  color:#fff !important;
  text-decoration:none !important;
  background:rgba(255,255,255,.035) !important;
  font:850 13px/1 var(--font-head, "Space Grotesk", system-ui) !important;
}

html body .cz-command-empty{
  margin:14px 0 0 !important;
  padding:18px !important;
  border:1px solid rgba(var(--accent-rgb), .18) !important;
  border-radius:10px !important;
  color:rgba(248,252,255,.68) !important;
  background:rgba(var(--accent-rgb), .06) !important;
}

@media (max-width: 1180px){
  html body .cz-command-dialog.cz-command-desk{
    grid-template-columns:210px minmax(0, 1fr) !important;
    grid-template-rows:minmax(0, 1fr) auto auto !important;
  }

  html body .cz-command-detail{
    grid-column:2 !important;
    grid-row:2 !important;
    max-height:280px !important;
    border-left:0 !important;
    border-top:1px solid rgba(var(--accent-rgb), .14) !important;
  }

  html body .cz-command-status{
    grid-column:2 !important;
    grid-row:3 !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) auto !important;
  }

  html body .cz-command-status span:nth-child(3),
  html body .cz-command-status span:nth-child(4){
    display:none !important;
  }
}

@media (max-width: 860px){
  html body .cz-command-dialog.cz-command-desk{
    display:flex !important;
    flex-direction:column !important;
    width:calc(100vw - 12px) !important;
    height:calc(100dvh - 12px) !important;
    margin:6px auto !important;
    border-radius:16px !important;
    overflow:auto !important;
  }

  html body .cz-command-sidebar{
    order:2 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    padding:12px 14px !important;
    border-right:0 !important;
    border-top:1px solid rgba(var(--accent-rgb), .14) !important;
  }

  html body .cz-command-brand{
    display:none !important;
  }

  html body .cz-command-side-group{
    gap:7px !important;
  }

  html body .cz-command-side-group:nth-of-type(1){
    display:none !important;
  }

  html body #czCommandCollections{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:7px !important;
  }

  html body #czCommandCollections button{
    width:auto !important;
    min-height:34px !important;
    padding:8px 10px !important;
  }

  html body .cz-command-memory{
    display:flex !important;
    gap:8px !important;
    overflow:auto !important;
  }

  html body .cz-command-memory a{
    min-width:150px !important;
  }

  html body .cz-command-local-card{
    display:none !important;
  }

  html body .cz-command-main{
    order:1 !important;
    flex:0 0 auto !important;
    padding:14px !important;
    gap:14px !important;
    overflow:visible !important;
  }

  html body .cz-command-topbar{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  html body .cz-command-actions{
    position:absolute !important;
    top:10px !important;
    right:10px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  html body .cz-command-actions a{
    display:none !important;
  }

  html body .cz-command-actions button{
    width:38px !important;
    height:38px !important;
    background:rgba(2,8,18,.78) !important;
  }

  html body .cz-command-search{
    padding-right:56px !important;
  }

  html body .cz-command-hero h2{
    font-size:clamp(26px, 8vw, 36px) !important;
  }

  html body .cz-command-results-shell{
    min-height:430px !important;
  }

  html body .cz-command-result-row{
    grid-template-columns:minmax(0, 1fr) 38px !important;
    gap:8px !important;
    padding:12px 0 !important;
  }

  html body .cz-command-result-main{
    grid-template-columns:46px minmax(0, 1fr) !important;
    gap:10px !important;
  }

  html body .cz-command-item-icon{
    width:46px !important;
    height:46px !important;
    font-size:11px !important;
  }

  html body .cz-command-item-time,
  html body .cz-command-open-btn{
    display:none !important;
  }

  html body .cz-command-item-copy strong,
  html body .cz-command-item-copy em{
    white-space:normal !important;
  }

  html body .cz-command-detail{
    order:3 !important;
    max-height:none !important;
    padding:12px 14px !important;
    border-left:0 !important;
    border-top:1px solid rgba(var(--accent-rgb), .14) !important;
    overflow:visible !important;
  }

  html body .cz-command-status{
    order:4 !important;
    grid-template-columns:1fr 1fr !important;
    padding:12px 14px !important;
  }

  html body .cz-command-status a{
    grid-column:1 / -1 !important;
  }
}

@media (max-width: 560px){
  html body .cz-command-dialog.cz-command-desk{
    width:100vw !important;
    height:100dvh !important;
    margin:0 !important;
    border-radius:0 !important;
    border-inline:0 !important;
  }

  html body .cz-command-search div{
    grid-template-columns:minmax(0, 1fr) auto !important;
  }

  html body .cz-command-search kbd:first-of-type{
    display:none !important;
  }

  html body .cz-command-filter-row button,
  html body .cz-command-tabs button{
    min-height:36px !important;
    padding:0 12px !important;
    font-size:12px !important;
  }

  html body .cz-command-result-head{
    grid-template-columns:1fr !important;
  }

  html body .cz-command-result-head > span{
    display:none !important;
  }

  html body .cz-command-tags span:nth-child(n+3){
    display:none !important;
  }

  html body .cz-command-detail-card{
    padding:16px !important;
  }

  html body .cz-command-detail-title{
    grid-template-columns:1fr !important;
  }

  html body .cz-command-detail-title span{
    grid-column:1 !important;
    grid-row:auto !important;
    width:50px !important;
    height:50px !important;
  }

  html body .cz-command-detail-card dl{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  html body .cz-command-detail-card dl div{
    border-right:0 !important;
    padding:0 !important;
  }

  html body .cz-command-status{
    grid-template-columns:1fr !important;
  }
}

/* v191: command desk return control and device-safe app layout refinements. */
html body .cz-command-dialog.cz-command-desk,
html body .cz-command-dialog.cz-command-desk *{
  box-sizing:border-box !important;
  min-width:0 !important;
}

html body .cz-command-dialog.cz-command-desk{
  width:min(1548px, calc(100vw - 22px)) !important;
  height:min(910px, calc(100svh - 26px)) !important;
  height:min(910px, calc(100dvh - 26px)) !important;
}

html body .cz-command-actions{
  align-items:stretch !important;
  min-width:min(360px, 34vw) !important;
}

html body .cz-command-actions .cz-command-return{
  width:auto !important;
  min-width:132px !important;
  padding-inline:18px !important;
  border-color:rgba(var(--accent-rgb), .52) !important;
  color:#08101f !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.18) 42%, rgba(0,0,0,.10)),
    linear-gradient(135deg, color-mix(in srgb, rgb(var(--accent-rgb)) 58%, #ffffff 42%), rgb(var(--accent-rgb))) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    0 0 0 1px rgba(255,255,255,.10),
    0 0 32px rgba(var(--accent-rgb), .34),
    0 14px 30px rgba(0,0,0,.24) !important;
  text-shadow:none !important;
  overflow:visible !important;
}

html body .cz-command-actions .cz-command-return::before{
  content:none !important;
  display:none !important;
}

html body .cz-command-actions .cz-command-launch{
  min-width:142px !important;
  gap:8px !important;
}

html body .cz-command-actions .cz-command-launch::before{
  content:"K" !important;
  width:22px !important;
  height:22px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:7px !important;
  color:#08101f !important;
  background:rgb(var(--accent-rgb)) !important;
  box-shadow:0 0 16px rgba(var(--accent-rgb), .38) !important;
  font:950 11px/1 var(--font-head, "Space Grotesk", system-ui) !important;
}

html body .cz-command-actions .cz-command-close-icon{
  flex:0 0 42px !important;
}

html body .cz-command-actions .cz-command-close-icon::before{
  content:"x" !important;
}

html body .cz-command-actions .cz-command-return:hover,
html body .cz-command-actions .cz-command-return:focus-visible{
  color:#020812 !important;
  border-color:rgba(255,255,255,.58) !important;
  filter:brightness(1.06) saturate(1.08) !important;
  transform:translateY(-1px) !important;
}

html body .cz-command-main{
  gap:clamp(14px, 1.7vw, 20px) !important;
}

html body .cz-command-results-shell{
  min-height:0 !important;
}

html body .cz-command-result-row{
  border-radius:10px !important;
  padding-inline:10px !important;
}

html body .cz-command-result-row.is-active{
  box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb), .22) !important;
}

html body .cz-command-open-btn,
html body .cz-command-primary{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  text-shadow:0 1px 0 rgba(0,0,0,.78), 0 0 14px rgba(0,0,0,.34) !important;
}

html body .cz-command-status a{
  border-color:rgba(var(--accent-rgb), .34) !important;
  background:
    linear-gradient(135deg, rgba(var(--accent-rgb), .20), rgba(255,255,255,.035)),
    rgba(var(--accent-rgb), .08) !important;
}

@media (max-width: 1320px){
  html body .cz-command-dialog.cz-command-desk{
    grid-template-columns:218px minmax(0, 1fr) minmax(300px, 350px) !important;
  }

  html body .cz-command-actions{
    min-width:320px !important;
  }
}

@media (max-width: 1180px){
  html body .cz-command-actions{
    min-width:0 !important;
  }

  html body .cz-command-actions .cz-command-launch{
    min-width:124px !important;
  }
}

@media (max-width: 860px){
  html body .cz-command-palette{
    display:block !important;
    overflow:hidden !important;
  }

  html body .cz-command-palette[hidden]{
    display:none !important;
  }

  html body .cz-command-dialog.cz-command-desk{
    width:100vw !important;
    height:100svh !important;
    height:100dvh !important;
    margin:0 !important;
    border-radius:0 !important;
    border-inline:0 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:minmax(0, 1fr) auto !important;
    overflow:hidden !important;
  }

  html body .cz-command-main{
    grid-row:1 !important;
    order:initial !important;
    height:100% !important;
    min-height:0 !important;
    display:grid !important;
    grid-template-rows:auto auto auto minmax(0, 1fr) !important;
    padding:clamp(12px, 4vw, 18px) !important;
    gap:12px !important;
    overflow:hidden !important;
  }

  html body .cz-command-topbar{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  html body .cz-command-actions{
    position:relative !important;
    inset:auto !important;
    order:-1 !important;
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) auto !important;
    gap:8px !important;
    width:100% !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  html body .cz-command-actions .cz-command-return{
    min-height:42px !important;
    min-width:0 !important;
    width:100% !important;
    justify-content:center !important;
    border-radius:12px !important;
    font-size:14px !important;
  }

  html body .cz-command-actions .cz-command-launch{
    display:none !important;
  }

  html body .cz-command-actions .cz-command-close-icon{
    width:42px !important;
    height:42px !important;
    flex:0 0 42px !important;
    border-radius:12px !important;
    color:transparent !important;
    background:
      radial-gradient(circle at 50% 35%, rgba(255,255,255,.16), transparent 48%),
      rgba(2,8,18,.72) !important;
  }

  html body .cz-command-search{
    padding:11px 12px !important;
  }

  html body .cz-command-search div{
    grid-template-columns:minmax(0, 1fr) auto auto !important;
  }

  html body .cz-command-search input{
    height:36px !important;
    font-size:15px !important;
  }

  html body .cz-command-hero{
    gap:6px !important;
  }

  html body .cz-command-hero h2{
    font-size:clamp(25px, 7vw, 34px) !important;
  }

  html body .cz-command-hero p{
    font-size:14px !important;
  }

  html body .cz-command-filter-row{
    padding:0 0 3px !important;
    margin-inline:-2px !important;
  }

  html body .cz-command-results-shell{
    min-height:0 !important;
    height:100% !important;
  }

  html body .cz-command-results{
    padding:0 8px 10px !important;
  }

  html body .cz-command-result-row{
    grid-template-columns:minmax(0, 1fr) 40px !important;
    padding:10px 8px !important;
  }

  html body .cz-command-result-main{
    grid-template-columns:44px minmax(0, 1fr) !important;
  }

  html body .cz-command-item-copy strong{
    font-size:15px !important;
  }

  html body .cz-command-item-copy em{
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;
    overflow:hidden !important;
  }

  html body .cz-command-sidebar,
  html body .cz-command-detail{
    display:none !important;
  }

  html body .cz-command-status{
    grid-row:2 !important;
    order:initial !important;
    grid-column:1 !important;
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:8px !important;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
  }

  html body .cz-command-status span{
    min-height:36px !important;
    padding-left:14px !important;
  }

  html body .cz-command-status span:nth-child(3),
  html body .cz-command-status span:nth-child(4){
    display:none !important;
  }

  html body .cz-command-status a{
    grid-column:1 / -1 !important;
    min-height:40px !important;
  }
}

@media (max-width: 430px){
  html body .cz-command-main{
    padding:10px !important;
    gap:10px !important;
  }

  html body .cz-command-search div{
    grid-template-columns:minmax(0, 1fr) auto !important;
  }

  html body .cz-command-search kbd:first-of-type{
    display:none !important;
  }

  html body .cz-command-filter-row button,
  html body .cz-command-tabs button{
    min-height:34px !important;
    padding:0 10px !important;
    font-size:11.5px !important;
  }

  html body .cz-command-result-head{
    padding:10px !important;
  }

  html body .cz-command-tabs{
    gap:7px !important;
  }

  html body .cz-command-tags{
    display:none !important;
  }

  html body .cz-command-status{
    grid-template-columns:1fr !important;
  }

  html body .cz-command-status span:nth-child(2){
    display:none !important;
  }
}

/* v187: mobile drawer containment and CMS growth guards for future generated content. */
@media (max-width: 820px), (pointer: coarse){
  html.no-scroll,
  html.no-scroll body{
    width:100% !important;
    max-width:100vw !important;
    overflow:hidden !important;
    overflow-x:hidden !important;
  }

  html body .home-workdesk,
  html body .home-workdesk .cz-workdesk-hero.hero-simple-v2{
    max-width:100vw !important;
    overflow:hidden !important;
    overflow-x:hidden !important;
  }

  html body .home-workdesk .cz-workdesk-hero.hero-simple-v2::before{
    left:50% !important;
    right:auto !important;
    width:100vw !important;
    max-width:100vw !important;
    transform:translateX(-50%) !important;
  }

  html body .home-workdesk .cz-workdesk-hero.hero-simple-v2::after{
    width:min(100vw, 1060px) !important;
    max-width:100vw !important;
  }

  html.no-scroll body::before,
  html.no-scroll body::after{
    inset:0 !important;
    width:100vw !important;
    max-width:100vw !important;
    height:100dvh !important;
    max-height:100dvh !important;
    transform:none !important;
  }

  html.no-scroll body > .cz-neon-grid,
  html.no-scroll body > canvas{
    width:100vw !important;
    max-width:100vw !important;
    overflow:hidden !important;
  }

  html.no-scroll .m-overlay{
    width:100vw !important;
    max-width:100vw !important;
    overflow:hidden !important;
  }

  html body .nav .burger,
  html body .burger{
    position:relative !important;
    width:48px !important;
    min-width:48px !important;
    height:48px !important;
    min-height:48px !important;
    display:grid !important;
    place-items:center !important;
    overflow:hidden !important;
    border-radius:16px !important;
    border-color:rgba(var(--cz-glow-rgb, 155,140,255), .38) !important;
    background:
      radial-gradient(circle at 50% 34%, rgba(255,255,255,.16), transparent 31%),
      radial-gradient(54px 42px at 50% 12%, rgba(var(--cz-glow-rgb, 155,140,255), .30), transparent 72%),
      linear-gradient(180deg, rgba(255,255,255,.078), rgba(255,255,255,.026)),
      rgba(3,9,21,.90) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.12),
      0 0 0 1px rgba(var(--cz-glow-rgb, 155,140,255), .10),
      0 0 24px rgba(var(--cz-glow-rgb, 155,140,255), .16) !important;
  }

  html body .burger::before{
    content:"" !important;
    position:absolute !important;
    left:14px !important;
    top:14px !important;
    width:7px !important;
    height:7px !important;
    border-radius:999px !important;
    background:rgb(var(--cz-glow-rgb, 155,140,255)) !important;
    box-shadow:
      14px 0 0 rgba(var(--cz-glow-rgb, 155,140,255), .86),
      7px 10px 0 rgba(var(--cz-glow-rgb, 155,140,255), .74),
      0 20px 0 rgba(var(--cz-glow-rgb, 155,140,255), .52),
      14px 20px 0 rgba(var(--cz-glow-rgb, 155,140,255), .78),
      0 0 18px rgba(var(--cz-glow-rgb, 155,140,255), .52) !important;
  }

  html body .burger::after{
    content:"" !important;
    position:absolute !important;
    inset:9px !important;
    height:auto !important;
    border:1px solid rgba(var(--cz-glow-rgb, 155,140,255), .22) !important;
    border-radius:13px !important;
    background:
      linear-gradient(90deg, transparent 0 42%, rgba(var(--cz-glow-rgb, 155,140,255), .30) 42% 46%, transparent 46%),
      linear-gradient(180deg, transparent 0 43%, rgba(var(--cz-glow-rgb, 155,140,255), .24) 43% 47%, transparent 47%) !important;
    opacity:.9 !important;
  }

  html body .burger span{
    position:absolute !important;
    height:2px !important;
    border-radius:999px !important;
    background:rgba(248,252,255,.92) !important;
    box-shadow:0 0 12px rgba(var(--cz-glow-rgb, 155,140,255), .44) !important;
    opacity:.98 !important;
    transition:transform .18s ease, opacity .18s ease, inset .18s ease, width .18s ease !important;
  }

  html body .burger span:nth-child(1){
    top:16px !important;
    left:20px !important;
    width:12px !important;
  }

  html body .burger span:nth-child(2){
    top:23px !important;
    left:15px !important;
    width:18px !important;
  }

  html body .burger span:nth-child(3){
    top:30px !important;
    left:23px !important;
    width:9px !important;
  }

  html body .burger[aria-expanded="true"] span:nth-child(1){
    top:23px !important;
    left:15px !important;
    width:19px !important;
    transform:rotate(45deg) !important;
  }

  html body .burger[aria-expanded="true"] span:nth-child(2){
    opacity:0 !important;
    transform:scaleX(.35) !important;
  }

  html body .burger[aria-expanded="true"] span:nth-child(3){
    top:23px !important;
    left:15px !important;
    width:19px !important;
    transform:rotate(-45deg) !important;
  }

  html body .m-menu.m-menu-premium,
  html body .m-menu.m-menu-premium *,
  html body .m-menu.m-menu-premium *::before,
  html body .m-menu.m-menu-premium *::after{
    box-sizing:border-box !important;
  }

  html body .m-menu.m-menu-premium{
    isolation:isolate !important;
    contain:layout paint !important;
    width:min(402px, calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right))) !important;
    max-width:calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right)) !important;
    left:auto !important;
    right:calc(8px + env(safe-area-inset-right)) !important;
    padding:12px !important;
    overflow-x:hidden !important;
    background:
      linear-gradient(rgba(var(--cz-glow-rgb, 155,140,255), .052) 1px, transparent 1px),
      linear-gradient(90deg, rgba(var(--cz-glow-rgb, 155,140,255), .040) 1px, transparent 1px),
      radial-gradient(320px 220px at 74% 0%, rgba(var(--cz-glow-rgb, 155,140,255), .28), transparent 74%),
      radial-gradient(280px 180px at 5% 18%, rgba(var(--cz-glow-rgb, 155,140,255), .12), transparent 70%),
      linear-gradient(180deg, rgba(4,12,27,.95), rgba(2,7,18,.97)) !important;
    background-size:28px 28px, 28px 28px, auto, auto, auto !important;
    background-clip:padding-box !important;
  }

  html.no-scroll body .m-menu.m-menu-premium.open{
    transform:translate3d(0,0,0) scale(1) !important;
  }

  html body .m-menu.m-menu-premium::before{
    content:"" !important;
    position:absolute !important;
    inset:1px !important;
    z-index:-1 !important;
    border-radius:inherit !important;
    background:
      radial-gradient(300px 160px at 50% 0%, rgba(var(--cz-glow-rgb, 155,140,255), .16), transparent 70%),
      linear-gradient(180deg, rgba(255,255,255,.035), transparent 48%) !important;
    pointer-events:none !important;
  }

  html body .m-category-block,
  html body .m-theme-block,
  html body .m-lang-block,
  html body .m-command-card{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
    border-radius:18px !important;
  }

  html body .m-command-card,
  html body button.m-command-card,
  html body .m-advanced-search{
    display:grid !important;
    grid-template-columns:42px minmax(0, 1fr) !important;
    align-items:center !important;
    gap:11px !important;
    min-height:74px !important;
    padding:12px !important;
    text-align:left !important;
    border-color:rgba(var(--cz-glow-rgb, 155,140,255), .30) !important;
    background:
      radial-gradient(220px 110px at 7% 12%, rgba(var(--cz-glow-rgb, 155,140,255), .18), transparent 70%),
      linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
      rgba(2,8,19,.52) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.08),
      0 0 26px rgba(var(--cz-glow-rgb, 155,140,255), .12) !important;
  }

  html body .m-command-card > div{
    min-width:0 !important;
    width:100% !important;
    display:grid !important;
    gap:5px !important;
  }

  html body .m-command-card strong,
  html body .m-command-card p{
    min-width:0 !important;
    max-width:100% !important;
    overflow-wrap:anywhere !important;
  }

  html body .m-command-card strong{
    color:#fff !important;
    font-size:15px !important;
    line-height:1.12 !important;
  }

  html body .m-command-card p{
    margin:0 !important;
    color:rgba(248,252,255,.62) !important;
    font-size:12px !important;
    line-height:1.32 !important;
  }

  html body .m-command-icon,
  html body .m-advanced-search .m-command-icon{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:13px !important;
    color:#fff !important;
    -webkit-text-stroke:.5px rgba(0,0,0,.82) !important;
    background:linear-gradient(135deg, var(--accent), var(--accent2)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.34),
      0 0 24px rgba(var(--cz-glow-rgb, 155,140,255), .28) !important;
  }

  html body .m-category-block .m-links,
  html body .m-menu .m-links{
    width:100% !important;
    max-width:100% !important;
  }

  html body .m-category-block .m-link,
  html body .m-menu .m-link{
    min-width:0 !important;
    max-width:100% !important;
    overflow:hidden !important;
  }

  html body .m-category-block .m-link strong,
  html body .m-menu .m-link strong{
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  html body .m-menu .m-colors{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  }

  html body .m-menu .m-colors .color-option{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }

  html body .m-lang-block{
    overflow:hidden !important;
  }

  html body .m-lang-block #google_translate_element_mobile,
  html body .m-lang-block #google_translate_native_mobile,
  html body .m-lang-block .goog-te-gadget,
  html body .m-lang-block .gt-fallback,
  html body .m-lang-block .goog-te-combo,
  html body .m-lang-block .cz-lang-select,
  html body .m-lang-block select{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }
}

@media (max-width: 380px){
  html body .m-menu.m-menu-premium{
    left:6px !important;
    right:6px !important;
    width:auto !important;
    max-width:none !important;
    padding:10px !important;
  }

  html body .m-command-card,
  html body button.m-command-card,
  html body .m-advanced-search{
    grid-template-columns:38px minmax(0, 1fr) !important;
    gap:9px !important;
    padding:10px !important;
  }

  html body .m-command-icon,
  html body .m-advanced-search .m-command-icon{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
  }
}

html body .cms-growth-grid{
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  align-items:stretch !important;
}

html body .cms-growth-card{
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  overflow-wrap:anywhere !important;
}

html body .cms-growth-card :is(h1,h2,h3,h4,p,span,strong,em,b,small,a,button){
  max-width:100% !important;
}

html body .cms-growth-card :is(h2,h3,strong,p,span,em,small){
  overflow-wrap:anywhere !important;
}

body.tools-page .tool-section .cards-grid.cms-growth-grid,
body.tools-page .tool-sections .cards-grid.cms-growth-grid{
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 318px), 1fr)) !important;
}

body.guides-page .guide-hub-grid.cms-growth-grid,
body.guide-hub-page .guide-hub-grid.cms-growth-grid,
html body .release-lab-grid.cms-growth-grid,
html body .picks-grid.cms-growth-grid,
html body .authority-grid.cms-growth-grid,
html body .tools-route-grid.cms-growth-grid,
html body .cluster-focus-grid.cms-growth-grid,
html body .cms-info-grid.cms-growth-grid{
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 270px), 1fr)) !important;
}

html body .route-final-strip.cms-growth-grid{
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 230px), 1fr)) !important;
}

body.tools-page .tool-section[data-tool-count="1"] .cards-grid.cms-growth-grid{
  grid-template-columns:minmax(0, min(100%, 390px)) !important;
  justify-content:center !important;
}

body.tools-page .tool-section[data-tool-count="2"] .cards-grid.cms-growth-grid{
  grid-template-columns:repeat(2, minmax(min(100%, 318px), 390px)) !important;
  justify-content:center !important;
}

html body .cms-growth-grid > .cms-growth-card{
  height:100% !important;
}

html body :is(.tool-card-enhanced,.guide-hub-card,.release-card,.pick-card,.authority-card).cms-growth-card{
  display:grid !important;
  align-content:start !important;
}

html body :is(.tools-route-grid,.cluster-focus-grid,.cms-info-grid,.route-final-strip).cms-growth-grid > .cms-growth-card{
  display:grid !important;
  align-content:start !important;
}

@media (max-width: 820px){
  body.tools-page .tool-section .cards-grid.cms-growth-grid,
  body.tools-page .tool-sections .cards-grid.cms-growth-grid,
  body.guides-page .guide-hub-grid.cms-growth-grid,
  body.guide-hub-page .guide-hub-grid.cms-growth-grid,
  html body .release-lab-grid.cms-growth-grid,
  html body .picks-grid.cms-growth-grid,
  html body .authority-grid.cms-growth-grid,
  html body .tools-route-grid.cms-growth-grid,
  html body .cluster-focus-grid.cms-growth-grid,
  html body .cms-info-grid.cms-growth-grid,
  html body .route-final-strip.cms-growth-grid{
    grid-template-columns:minmax(0, 1fr) !important;
    overflow:visible !important;
  }

  body.tools-page .tool-section[data-tool-count="2"] .cards-grid.cms-growth-grid{
    grid-template-columns:minmax(0, 1fr) !important;
  }
}

/* v189: clearer mobile drawer trigger and compact adaptive menu stack. */
@keyframes clickozMenuBeacon{
  0%, 100%{
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.42),
      inset 0 -10px 22px rgba(0,0,0,.16),
      0 0 0 1px rgba(var(--cz-glow-rgb, 155,140,255), .52),
      0 0 18px rgba(var(--cz-glow-rgb, 155,140,255), .44),
      0 0 42px rgba(var(--cz-glow-rgb, 155,140,255), .22) !important;
  }
  50%{
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.52),
      inset 0 -10px 22px rgba(0,0,0,.12),
      0 0 0 1px rgba(var(--cz-glow-rgb, 155,140,255), .82),
      0 0 28px rgba(var(--cz-glow-rgb, 155,140,255), .72),
      0 0 68px rgba(var(--cz-glow-rgb, 155,140,255), .34) !important;
  }
}

@media (max-width: 980px){
  html body .nav .burger,
  html body .burger{
    position:relative !important;
    isolation:isolate !important;
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    min-height:48px !important;
    display:grid !important;
    place-items:center !important;
    gap:0 !important;
    overflow:visible !important;
    border-radius:16px !important;
    border:1px solid rgba(255,255,255,.42) !important;
    color:#fff !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.35), rgba(255,255,255,.12) 42%, rgba(0,0,0,.16) 100%),
      linear-gradient(135deg, var(--accent), var(--accent2)) !important;
    animation:clickozMenuBeacon 1.65s ease-in-out infinite !important;
  }

  html body .burger:hover,
  html body .burger:focus-visible,
  html body .burger[aria-expanded="true"]{
    filter:brightness(1.08) saturate(1.12) !important;
    border-color:rgba(255,255,255,.62) !important;
  }

  html body .burger::before{
    content:"" !important;
    position:absolute !important;
    inset:-6px !important;
    z-index:-1 !important;
    width:auto !important;
    height:auto !important;
    border-radius:20px !important;
    background:radial-gradient(circle, rgba(var(--cz-glow-rgb, 155,140,255), .36), transparent 68%) !important;
    box-shadow:none !important;
    opacity:.78 !important;
  }

  html body .burger::after{
    content:"" !important;
    position:absolute !important;
    inset:7px !important;
    height:auto !important;
    border:1px solid rgba(255,255,255,.22) !important;
    border-radius:12px !important;
    background:
      radial-gradient(circle at 35% 30%, rgba(255,255,255,.38), transparent 30%),
      linear-gradient(180deg, rgba(255,255,255,.14), transparent) !important;
    opacity:.72 !important;
  }

  html body .burger span{
    position:absolute !important;
    z-index:2 !important;
    left:14px !important;
    width:20px !important;
    height:3px !important;
    border-radius:999px !important;
    background:#ffffff !important;
    box-shadow:
      0 1px 0 rgba(0,0,0,.95),
      1px 0 0 rgba(0,0,0,.72),
      -1px 0 0 rgba(0,0,0,.72),
      0 0 14px rgba(255,255,255,.38) !important;
    transform-origin:center !important;
  }

  html body .burger span:nth-child(1){
    top:16px !important;
  }

  html body .burger span:nth-child(2){
    top:23px !important;
  }

  html body .burger span:nth-child(3){
    top:30px !important;
  }

  html body .burger[aria-expanded="true"] span:nth-child(1){
    top:23px !important;
    left:13px !important;
    width:22px !important;
    transform:rotate(45deg) !important;
  }

  html body .burger[aria-expanded="true"] span:nth-child(2){
    opacity:0 !important;
    transform:scaleX(.15) !important;
  }

  html body .burger[aria-expanded="true"] span:nth-child(3){
    top:23px !important;
    left:13px !important;
    width:22px !important;
    transform:rotate(-45deg) !important;
  }

  html body .m-menu.m-menu-premium .m-head-minimal,
  html body .m-menu.m-menu-premium .m-close{
    display:none !important;
  }

  html body .m-menu.m-menu-premium{
    top:calc(var(--navH, 72px) + env(safe-area-inset-top) + 4px) !important;
    bottom:calc(6px + env(safe-area-inset-bottom)) !important;
    max-height:calc(100dvh - var(--navH, 72px) - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 10px) !important;
    padding:10px !important;
    gap:8px !important;
    scroll-padding-bottom:18px !important;
  }

  html body .m-category-block{
    order:1 !important;
    padding:11px !important;
  }

  html body .m-category-block .m-label,
  html body .m-theme-block .m-label,
  html body .m-lang-block .m-label{
    margin-bottom:8px !important;
  }

  html body .m-category-block .m-links,
  html body .m-menu .m-links{
    gap:7px !important;
  }

  html body .m-category-block .m-link,
  html body .m-menu .m-link{
    min-height:48px !important;
    padding:8px 9px !important;
    border-radius:15px !important;
  }

  html body .m-command-card,
  html body button.m-command-card,
  html body .m-advanced-search{
    min-height:64px !important;
    padding:10px !important;
  }

  html body .m-theme-block,
  html body .m-lang-block{
    padding:10px !important;
  }

  html body .m-menu .m-colors{
    gap:7px !important;
  }

  html body .m-menu .m-colors .color-option{
    height:40px !important;
    min-height:40px !important;
  }

  html body .m-lang-block #google_translate_element_mobile,
  html body .m-lang-block #google_translate_native_mobile{
    min-height:44px !important;
  }

  html body .m-lang-block .cz-lang-select,
  html body .m-lang-block select,
  html body .m-lang-block .goog-te-combo{
    min-height:42px !important;
    height:42px !important;
    line-height:1.15 !important;
  }
}

@media (max-width: 980px) and (max-height: 720px){
  html body .m-menu.m-menu-premium{
    top:calc(var(--navH, 68px) + env(safe-area-inset-top) + 3px) !important;
    bottom:calc(4px + env(safe-area-inset-bottom)) !important;
    padding:8px !important;
    gap:7px !important;
  }

  html body .m-category-block,
  html body .m-theme-block,
  html body .m-lang-block{
    padding:9px !important;
    border-radius:16px !important;
  }

  html body .m-category-block .m-label,
  html body .m-theme-block .m-label,
  html body .m-lang-block .m-label{
    margin-bottom:6px !important;
    font-size:10.5px !important;
  }

  html body .m-category-block .m-link,
  html body .m-menu .m-link{
    min-height:42px !important;
    padding:7px 8px !important;
  }

  html body .m-command-card,
  html body button.m-command-card,
  html body .m-advanced-search{
    min-height:56px !important;
    grid-template-columns:36px minmax(0, 1fr) !important;
    gap:9px !important;
    padding:9px !important;
  }

  html body .m-command-icon,
  html body .m-advanced-search .m-command-icon{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
  }

  html body .m-command-card strong{
    font-size:13.5px !important;
  }

  html body .m-command-card p{
    font-size:11px !important;
    line-height:1.22 !important;
  }

  html body .m-menu .m-colors .color-option{
    height:34px !important;
    min-height:34px !important;
  }

  html body .m-menu .m-colors .color-swatch{
    width:24px !important;
    height:24px !important;
    flex-basis:24px !important;
  }

  html body .m-lang-block .cz-lang-select,
  html body .m-lang-block select,
  html body .m-lang-block .goog-te-combo{
    min-height:38px !important;
    height:38px !important;
  }
}

@media (max-width: 420px){
  html body .nav .burger,
  html body .burger{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
    border-radius:15px !important;
  }

  html body .burger span{
    left:12px !important;
  }

  html body .burger span:nth-child(1){
    top:14px !important;
  }

  html body .burger span:nth-child(2){
    top:21px !important;
  }

  html body .burger span:nth-child(3){
    top:28px !important;
  }

  html body .burger[aria-expanded="true"] span:nth-child(1),
  html body .burger[aria-expanded="true"] span:nth-child(3){
    top:21px !important;
    left:11px !important;
  }
}

@media (prefers-reduced-motion: reduce){
  html body .nav .burger,
  html body .burger{
    animation:none !important;
  }
}

/* v190: unified readable text treatment for picked-color CTA buttons. */
html body :is(
  .btn.btn-accent,
  .btn-accent,
  .btn.primary,
  .cz-btn.primary,
  .cookie .primary,
  .tool-cta,
  .pick-cta,
  .rec-refresh,
  .updates-btn-primary,
  .updates-full-map-btn,
  .guide-action-strip .guide-action-primary,
  .tools-route-grid a em,
  .tools-route-grid-after a em
){
  color:#06111f !important;
  -webkit-text-fill-color:#06111f !important;
  -webkit-text-stroke:0 transparent !important;
  paint-order:normal !important;
  font-weight:950 !important;
  font-size:max(15px, 1em) !important;
  line-height:1.12 !important;
  letter-spacing:.005em !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.72),
    0 0 10px rgba(255,255,255,.24) !important;
  text-rendering:geometricPrecision !important;
}

html body :is(
  .btn.btn-accent,
  .btn-accent,
  .btn.primary,
  .cz-btn.primary,
  .cookie .primary,
  .tool-cta,
  .pick-cta,
  .rec-refresh,
  .updates-btn-primary,
  .updates-full-map-btn,
  .guide-action-strip .guide-action-primary,
  .tools-route-grid a em,
  .tools-route-grid-after a em
) *{
  color:inherit !important;
  -webkit-text-fill-color:inherit !important;
  -webkit-text-stroke:inherit !important;
  text-shadow:inherit !important;
}

@media (hover:hover) and (pointer:fine){
  html body :is(
    .btn.btn-accent,
    .btn-accent,
    .btn.primary,
    .cz-btn.primary,
    .cookie .primary,
    .tool-cta,
    .pick-cta,
    .rec-refresh,
    .updates-btn-primary,
    .updates-full-map-btn,
    .guide-action-strip .guide-action-primary,
    .tools-route-grid a em,
    .tools-route-grid-after a em
  ):hover,
  html body :is(
    .btn.btn-accent,
    .btn-accent,
    .btn.primary,
    .cz-btn.primary,
    .cookie .primary,
    .tool-cta,
    .pick-cta,
    .rec-refresh,
    .updates-btn-primary,
    .updates-full-map-btn,
    .guide-action-strip .guide-action-primary,
    .tools-route-grid a em,
    .tools-route-grid-after a em
  ):focus-visible{
    color:#020812 !important;
    -webkit-text-fill-color:#020812 !important;
    -webkit-text-stroke:0 transparent !important;
    text-shadow:
      0 1px 0 rgba(255,255,255,.88),
      0 0 12px rgba(255,255,255,.32) !important;
    filter:saturate(1.08) brightness(1.04) contrast(1.04) !important;
  }
}

/* v193: directory and guide hubs show newest previews with a clear route to full category pages. */
html body .section-actions,
html body .guide-band-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  min-width:min(100%, 280px) !important;
}

html body .section-hub-link{
  min-height:38px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 15px !important;
  border:1px solid rgba(var(--cz-glow-rgb, 155,140,255), .42) !important;
  border-radius:999px !important;
  color:rgba(250,254,255,.92) !important;
  -webkit-text-fill-color:rgba(250,254,255,.92) !important;
  font-size:12.5px !important;
  font-weight:950 !important;
  letter-spacing:.025em !important;
  text-decoration:none !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  background:
    radial-gradient(150px 70px at 50% 0%, rgba(var(--cz-glow-rgb, 155,140,255), .20), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.026)),
    rgba(3,8,20,.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.15),
    0 0 24px rgba(var(--cz-glow-rgb, 155,140,255), .14) !important;
}

@media (hover:hover) and (pointer:fine){
  html body .section-hub-link:hover,
  html body .section-hub-link:focus-visible{
    border-color:rgba(var(--cz-glow-rgb, 155,140,255), .72) !important;
    color:#06111f !important;
    -webkit-text-fill-color:#06111f !important;
    background:
      linear-gradient(135deg,
        color-mix(in srgb, rgb(var(--cz-glow-rgb, 155,140,255)) 58%, #ffffff 42%),
        rgb(var(--cz-glow-rgb, 155,140,255))
      ) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.44),
      0 0 30px rgba(var(--cz-glow-rgb, 155,140,255), .34),
      0 14px 30px rgba(0,0,0,.22) !important;
  }
}

body.guides-page .guide-category-band .authority-head{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:18px !important;
}

body.guides-page .guide-category-band .authority-head > div:first-child{
  min-width:0 !important;
}

body.guides-page .guide-category-band .authority-head h2{
  max-width:780px !important;
}

body.guides-page .guide-band-actions .section-count{
  min-height:38px !important;
}

@media (max-width: 820px){
  html body .section-actions,
  html body .guide-band-actions{
    width:100% !important;
    justify-content:flex-start !important;
    gap:8px !important;
  }

  html body .section-hub-link{
    width:100% !important;
    min-height:42px !important;
    white-space:normal !important;
    text-align:center !important;
  }

  body.tools-page .section-head,
  body.guides-page .guide-category-band .authority-head{
    align-items:flex-start !important;
  }
}

/* v195: clearer Advanced Search command surface with device-safe containment. */
html.cz-command-open,
html.cz-command-open body{
  width:100% !important;
  max-width:100vw !important;
  overflow:hidden !important;
  overscroll-behavior:none !important;
}

html body .cz-command-palette{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483000 !important;
  display:grid !important;
  place-items:center !important;
  padding:16px !important;
  color:rgba(248,252,255,.94) !important;
}

html body .cz-command-palette[hidden]{
  display:none !important;
}

html body .cz-command-backdrop{
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(180deg, rgba(2,8,18,.82), rgba(1,5,13,.94)),
    rgba(1,6,15,.92) !important;
  backdrop-filter:blur(14px) saturate(1.08) !important;
  -webkit-backdrop-filter:blur(14px) saturate(1.08) !important;
}

html body .cz-command-dialog.cz-command-desk,
html body .cz-command-dialog.cz-command-desk *{
  box-sizing:border-box !important;
  min-width:0 !important;
}

html body .cz-command-dialog.cz-command-desk{
  position:relative !important;
  width:min(1120px, calc(100vw - 32px)) !important;
  height:min(760px, calc(100svh - 32px)) !important;
  height:min(760px, calc(100dvh - 32px)) !important;
  margin:0 !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) minmax(292px, 340px) !important;
  grid-template-rows:minmax(0, 1fr) auto !important;
  overflow:hidden !important;
  border:1px solid rgba(var(--accent-rgb), .28) !important;
  border-radius:18px !important;
  background:
    linear-gradient(180deg, rgba(7,16,34,.98), rgba(3,9,22,.98)),
    rgba(3,9,22,.98) !important;
  box-shadow:
    0 30px 110px rgba(0,0,0,.58),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

html body .cz-command-sidebar{
  display:none !important;
}

html body .cz-command-main{
  grid-column:1 !important;
  grid-row:1 !important;
  min-height:0 !important;
  display:grid !important;
  grid-template-rows:auto auto auto auto minmax(0, 1fr) !important;
  gap:14px !important;
  padding:20px !important;
  overflow:hidden !important;
}

html body .cz-command-topbar{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto !important;
  gap:12px !important;
  align-items:stretch !important;
}

html body .cz-command-search{
  min-height:64px !important;
  display:grid !important;
  gap:7px !important;
  padding:11px 13px !important;
  border:1px solid rgba(var(--accent-rgb), .40) !important;
  border-radius:13px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.060), rgba(255,255,255,.022)),
    rgba(5,14,30,.82) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 0 26px rgba(var(--accent-rgb), .10) !important;
}

html body .cz-command-search > span{
  color:rgba(var(--accent-rgb), .92) !important;
  font:850 11px/1 var(--font-head, "Space Grotesk", system-ui) !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

html body .cz-command-search div{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto auto !important;
  gap:6px !important;
  align-items:center !important;
}

html body .cz-command-search input{
  width:100% !important;
  height:34px !important;
  border:0 !important;
  outline:0 !important;
  color:rgba(248,252,255,.96) !important;
  background:transparent !important;
  font:700 15px/1.25 var(--font-body, "Space Grotesk", system-ui) !important;
  letter-spacing:0 !important;
}

html body .cz-command-search input::placeholder{
  color:rgba(248,252,255,.42) !important;
}

html body .cz-command-search kbd{
  min-width:30px !important;
  height:28px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(var(--accent-rgb), .28) !important;
  border-radius:8px !important;
  color:rgba(248,252,255,.86) !important;
  background:rgba(var(--accent-rgb), .09) !important;
  font:850 12px/1 var(--font-head, "Space Grotesk", system-ui) !important;
}

html body .cz-command-actions{
  min-width:0 !important;
  display:flex !important;
  align-items:stretch !important;
  gap:8px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

html body .cz-command-actions a,
html body .cz-command-actions button{
  min-height:44px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(var(--accent-rgb), .26) !important;
  border-radius:11px !important;
  padding:0 14px !important;
  color:rgba(248,252,255,.90) !important;
  -webkit-text-fill-color:rgba(248,252,255,.90) !important;
  text-decoration:none !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.060), rgba(255,255,255,.022)),
    rgba(5,14,30,.70) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
  font:850 13px/1 var(--font-head, "Space Grotesk", system-ui) !important;
  letter-spacing:0 !important;
  cursor:pointer !important;
}

html body .cz-command-actions .cz-command-return{
  width:auto !important;
  min-width:116px !important;
  color:#07111f !important;
  -webkit-text-fill-color:#07111f !important;
  border-color:rgba(var(--accent-rgb), .60) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.22)),
    rgb(var(--accent-rgb)) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.22), 0 0 26px rgba(var(--accent-rgb), .24) !important;
  text-shadow:0 1px 0 rgba(255,255,255,.52) !important;
  overflow:visible !important;
}

html body .cz-command-actions .cz-command-return::before,
html body .cz-command-actions .cz-command-launch::before{
  content:none !important;
  display:none !important;
}

html body .cz-command-actions .cz-command-launch{
  min-width:86px !important;
}

html body .cz-command-actions .cz-command-close-icon{
  width:44px !important;
  flex:0 0 44px !important;
  padding:0 !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  overflow:hidden !important;
  position:relative !important;
}

html body .cz-command-actions .cz-command-close-icon::before{
  content:"x" !important;
  position:absolute !important;
  inset:0 !important;
  display:grid !important;
  place-items:center !important;
  color:rgba(248,252,255,.82) !important;
  -webkit-text-fill-color:rgba(248,252,255,.82) !important;
  font:950 18px/1 var(--font-head, "Space Grotesk", system-ui) !important;
}

html body .cz-command-hero{
  display:grid !important;
  gap:5px !important;
}

html body .cz-command-hero span{
  color:rgba(var(--accent-rgb), .95) !important;
  font:900 11px/1 var(--font-head, "Space Grotesk", system-ui) !important;
  letter-spacing:.09em !important;
  text-transform:uppercase !important;
}

html body .cz-command-hero h2{
  margin:0 !important;
  max-width:760px !important;
  color:#fff !important;
  font:950 32px/1.08 var(--font-head, "Space Grotesk", system-ui) !important;
  letter-spacing:0 !important;
}

html body .cz-command-hero h2::after{
  content:none !important;
}

html body .cz-command-hero p{
  margin:0 !important;
  max-width:660px !important;
  color:rgba(248,252,255,.66) !important;
  font:650 14px/1.45 var(--font-body, "Space Grotesk", system-ui) !important;
}

html body .cz-command-quick-picks{
  display:grid !important;
  grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
  gap:8px !important;
}

html body .cz-command-quick-picks button{
  min-width:0 !important;
  min-height:52px !important;
  display:grid !important;
  gap:3px !important;
  align-content:center !important;
  justify-items:start !important;
  padding:9px 10px !important;
  border:1px solid rgba(255,255,255,.095) !important;
  border-radius:10px !important;
  color:rgba(248,252,255,.86) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.050), rgba(255,255,255,.018)),
    rgba(255,255,255,.026) !important;
  font:800 12.5px/1.1 var(--font-head, "Space Grotesk", system-ui) !important;
  text-align:left !important;
  cursor:pointer !important;
}

html body .cz-command-quick-picks button span,
html body .cz-command-quick-picks button em{
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

html body .cz-command-quick-picks button em{
  color:rgba(248,252,255,.50) !important;
  font:700 11px/1.15 var(--font-body, "Space Grotesk", system-ui) !important;
  font-style:normal !important;
}

html body .cz-command-filter-row{
  display:flex !important;
  gap:7px !important;
  padding:0 0 2px !important;
  overflow:auto !important;
  scrollbar-width:thin !important;
}

html body .cz-command-filter-row button,
html body .cz-command-tabs button{
  flex:0 0 auto !important;
  min-height:36px !important;
  border:1px solid rgba(255,255,255,.095) !important;
  border-radius:999px !important;
  padding:0 13px !important;
  color:rgba(248,252,255,.72) !important;
  background:rgba(255,255,255,.030) !important;
  font:850 12.5px/1 var(--font-head, "Space Grotesk", system-ui) !important;
  letter-spacing:0 !important;
  cursor:pointer !important;
}

html body .cz-command-filter-row button:hover,
html body .cz-command-filter-row button:focus-visible,
html body .cz-command-filter-row button.is-active,
html body .cz-command-tabs button:hover,
html body .cz-command-tabs button:focus-visible,
html body .cz-command-tabs button.is-active{
  border-color:rgba(var(--accent-rgb), .44) !important;
  color:#fff !important;
  background:rgba(var(--accent-rgb), .13) !important;
  box-shadow:0 0 20px rgba(var(--accent-rgb), .10) !important;
}

html body .cz-command-results-shell{
  min-height:0 !important;
  display:grid !important;
  grid-template-rows:auto minmax(0, 1fr) !important;
  overflow:hidden !important;
  border:1px solid rgba(var(--accent-rgb), .16) !important;
  border-radius:14px !important;
  background:rgba(2,9,21,.66) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}

html body .cz-command-result-head{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto !important;
  gap:10px !important;
  align-items:center !important;
  padding:10px 12px !important;
  border-bottom:1px solid rgba(255,255,255,.07) !important;
}

html body .cz-command-tabs{
  display:flex !important;
  gap:7px !important;
  min-width:0 !important;
  overflow:auto !important;
  scrollbar-width:none !important;
}

html body .cz-command-result-head > span{
  min-height:32px !important;
  max-width:260px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 11px !important;
  border:1px solid rgba(255,255,255,.095) !important;
  border-radius:999px !important;
  color:rgba(248,252,255,.58) !important;
  background:rgba(255,255,255,.025) !important;
  font:800 11.5px/1 var(--font-body, "Space Grotesk", system-ui) !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

html body .cz-command-results{
  min-height:0 !important;
  display:grid !important;
  align-content:start !important;
  gap:8px !important;
  padding:10px !important;
  overflow:auto !important;
  scrollbar-gutter:stable !important;
}

html body .cz-command-result-row{
  min-height:74px !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto 94px 38px !important;
  gap:9px !important;
  align-items:center !important;
  padding:9px !important;
  border:1px solid rgba(255,255,255,.060) !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.022) !important;
}

html body .cz-command-result-row.is-active{
  border-color:rgba(var(--accent-rgb), .34) !important;
  background:
    linear-gradient(90deg, rgba(var(--accent-rgb), .12), rgba(255,255,255,.018)),
    rgba(255,255,255,.025) !important;
  box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb), .10) !important;
}

html body .cz-command-result-main{
  min-width:0 !important;
  display:grid !important;
  grid-template-columns:46px minmax(0, 1fr) !important;
  gap:11px !important;
  align-items:center !important;
  color:inherit !important;
  text-decoration:none !important;
}

html body .cz-command-item-icon{
  width:46px !important;
  height:46px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(var(--accent-rgb), .28) !important;
  border-radius:10px !important;
  color:#fff !important;
  background:
    linear-gradient(135deg, rgba(var(--accent-rgb), .52), rgba(255,255,255,.055)),
    rgba(var(--accent-rgb), .14) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12) !important;
  font:950 11.5px/1 var(--font-head, "Space Grotesk", system-ui) !important;
  letter-spacing:0 !important;
}

html body .cz-command-item-copy{
  min-width:0 !important;
  display:grid !important;
  gap:4px !important;
}

html body .cz-command-item-copy strong{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#fff !important;
  font:900 15px/1.18 var(--font-head, "Space Grotesk", system-ui) !important;
  letter-spacing:0 !important;
}

html body .cz-command-item-copy em{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:rgba(248,252,255,.58) !important;
  font:650 12.5px/1.28 var(--font-body, "Space Grotesk", system-ui) !important;
  font-style:normal !important;
}

html body .cz-command-tags{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:5px !important;
}

html body .cz-command-tags span{
  min-height:19px !important;
  display:inline-flex !important;
  align-items:center !important;
  border:1px solid rgba(255,255,255,.075) !important;
  border-radius:999px !important;
  padding:0 7px !important;
  color:rgba(248,252,255,.50) !important;
  background:rgba(255,255,255,.025) !important;
  font:750 10.5px/1 var(--font-body, "Space Grotesk", system-ui) !important;
}

html body .cz-command-item-time{
  justify-self:end !important;
  max-width:104px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  border:1px solid rgba(255,255,255,.070) !important;
  border-radius:999px !important;
  padding:8px 9px !important;
  color:rgba(248,252,255,.58) !important;
  background:rgba(255,255,255,.025) !important;
  font:750 11.5px/1 var(--font-body, "Space Grotesk", system-ui) !important;
}

html body .cz-command-open-btn,
html body .cz-command-primary{
  min-height:38px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(var(--accent-rgb), .42) !important;
  border-radius:10px !important;
  padding:0 12px !important;
  color:#06111f !important;
  -webkit-text-fill-color:#06111f !important;
  text-decoration:none !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.76), rgba(255,255,255,.20)),
    rgb(var(--accent-rgb)) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.20), 0 0 22px rgba(var(--accent-rgb), .20) !important;
  text-shadow:0 1px 0 rgba(255,255,255,.62) !important;
  font:900 12.5px/1 var(--font-head, "Space Grotesk", system-ui) !important;
}

html body .cz-command-favorite{
  width:36px !important;
  height:36px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:10px !important;
  color:rgba(248,252,255,.66) !important;
  background:rgba(255,255,255,.025) !important;
  font:900 17px/1 var(--font-head, "Space Grotesk", system-ui) !important;
  cursor:pointer !important;
}

html body .cz-command-favorite.is-saved{
  color:rgb(var(--accent-rgb)) !important;
  border-color:rgba(var(--accent-rgb), .42) !important;
  background:rgba(var(--accent-rgb), .12) !important;
}

html body .cz-command-detail{
  grid-column:2 !important;
  grid-row:1 !important;
  min-height:0 !important;
  padding:20px 18px 20px 0 !important;
  overflow:auto !important;
  border-left:0 !important;
  background:transparent !important;
}

html body .cz-command-detail-card{
  min-height:100% !important;
  display:grid !important;
  align-content:start !important;
  gap:15px !important;
  padding:18px !important;
  border:1px solid rgba(var(--accent-rgb), .18) !important;
  border-radius:14px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.018)),
    rgba(2,9,21,.62) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055) !important;
}

html body .cz-command-detail-title{
  display:grid !important;
  grid-template-columns:52px minmax(0, 1fr) !important;
  gap:12px !important;
  align-items:center !important;
}

html body .cz-command-detail-title span{
  grid-column:1 !important;
  grid-row:1 !important;
  width:52px !important;
  height:52px !important;
  border-radius:11px !important;
}

html body .cz-command-detail-title h3{
  margin:0 !important;
  color:#fff !important;
  font:950 19px/1.14 var(--font-head, "Space Grotesk", system-ui) !important;
  letter-spacing:0 !important;
}

html body .cz-command-detail-card dl{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:8px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}

html body .cz-command-detail-card dl div{
  display:grid !important;
  grid-template-columns:76px minmax(0, 1fr) !important;
  gap:10px !important;
  align-items:center !important;
  padding:9px 10px !important;
  border:1px solid rgba(255,255,255,.070) !important;
  border-radius:9px !important;
  background:rgba(255,255,255,.024) !important;
}

html body .cz-command-detail-card dd{
  white-space:normal !important;
}

html body .cz-command-secondary{
  min-height:40px !important;
  border-radius:10px !important;
  color:rgba(248,252,255,.86) !important;
  -webkit-text-fill-color:rgba(248,252,255,.86) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.050), rgba(255,255,255,.018)),
    rgba(255,255,255,.025) !important;
  box-shadow:none !important;
}

html body .cz-command-status{
  grid-column:1 / -1 !important;
  grid-row:2 !important;
  min-width:0 !important;
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) auto !important;
  gap:10px !important;
  align-items:center !important;
  padding:10px 14px !important;
  border-top:1px solid rgba(var(--accent-rgb), .14) !important;
  background:rgba(2,9,21,.74) !important;
}

html body .cz-command-status span:nth-child(4){
  display:none !important;
}

html body .cz-command-status span{
  min-height:34px !important;
  display:grid !important;
  gap:2px !important;
  padding-left:13px !important;
  position:relative !important;
}

html body .cz-command-status strong{
  color:#fff !important;
  font:850 12px/1.15 var(--font-head, "Space Grotesk", system-ui) !important;
}

html body .cz-command-status em{
  color:rgba(248,252,255,.50) !important;
  font-size:11.5px !important;
}

html body .cz-command-status a{
  min-height:36px !important;
  border-radius:10px !important;
  padding:0 13px !important;
  white-space:nowrap !important;
}

html body .cz-command-empty{
  margin:0 !important;
  padding:18px !important;
  border:1px solid rgba(var(--accent-rgb), .18) !important;
  border-radius:12px !important;
  color:rgba(248,252,255,.68) !important;
  background:rgba(var(--accent-rgb), .07) !important;
}

@media (hover:hover) and (pointer:fine){
  html body .cz-command-quick-picks button:hover,
  html body .cz-command-quick-picks button:focus-visible,
  html body .cz-command-result-row:hover{
    border-color:rgba(var(--accent-rgb), .32) !important;
    background:rgba(var(--accent-rgb), .10) !important;
  }
}

@media (max-width: 980px){
  html body .cz-command-dialog.cz-command-desk{
    grid-template-columns:1fr !important;
    grid-template-rows:minmax(0, 1fr) auto !important;
    width:min(760px, calc(100vw - 24px)) !important;
  }

  html body .cz-command-main{
    grid-column:1 !important;
  }

  html body .cz-command-detail{
    display:none !important;
  }

  html body .cz-command-status{
    grid-template-columns:repeat(2, minmax(0, 1fr)) auto !important;
  }

  html body .cz-command-status span:nth-child(3){
    display:none !important;
  }
}

@media (max-width: 720px){
  html body .cz-command-palette{
    padding:0 !important;
    place-items:stretch !important;
  }

  html body .cz-command-dialog.cz-command-desk{
    width:100vw !important;
    height:100svh !important;
    height:100dvh !important;
    max-height:100dvh !important;
    border-radius:0 !important;
    border-inline:0 !important;
    grid-template-rows:minmax(0, 1fr) !important;
  }

  html body .cz-command-main{
    height:100% !important;
    padding:12px max(12px, env(safe-area-inset-left, 0px)) max(12px, env(safe-area-inset-bottom, 0px)) max(12px, env(safe-area-inset-right, 0px)) !important;
    grid-template-rows:auto auto auto auto minmax(0, 1fr) !important;
    gap:10px !important;
    overflow:hidden !important;
  }

  html body .cz-command-topbar{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  html body .cz-command-actions{
    order:-1 !important;
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) 42px !important;
    gap:8px !important;
  }

  html body .cz-command-actions .cz-command-launch{
    display:none !important;
  }

  html body .cz-command-actions .cz-command-return,
  html body .cz-command-actions .cz-command-close-icon{
    min-height:42px !important;
    border-radius:12px !important;
  }

  html body .cz-command-search{
    min-height:60px !important;
    padding:10px 11px !important;
  }

  html body .cz-command-search div{
    grid-template-columns:minmax(0, 1fr) auto !important;
  }

  html body .cz-command-search kbd:first-of-type{
    display:none !important;
  }

  html body .cz-command-search input{
    height:34px !important;
    font-size:15px !important;
  }

  html body .cz-command-hero h2{
    font-size:24px !important;
    line-height:1.12 !important;
  }

  html body .cz-command-hero p{
    font-size:13px !important;
  }

  html body .cz-command-quick-picks{
    display:flex !important;
    gap:7px !important;
    overflow:auto !important;
    padding-bottom:2px !important;
    scrollbar-width:none !important;
  }

  html body .cz-command-quick-picks button{
    flex:0 0 142px !important;
    min-height:48px !important;
  }

  html body .cz-command-filter-row{
    gap:6px !important;
    scrollbar-width:none !important;
  }

  html body .cz-command-filter-row button,
  html body .cz-command-tabs button{
    min-height:34px !important;
    padding:0 11px !important;
    font-size:12px !important;
  }

  html body .cz-command-result-head{
    grid-template-columns:1fr !important;
    gap:8px !important;
    padding:9px !important;
  }

  html body .cz-command-result-head > span{
    justify-content:flex-start !important;
    max-width:100% !important;
  }

  html body .cz-command-results{
    gap:7px !important;
    padding:8px !important;
    scrollbar-gutter:auto !important;
  }

  html body .cz-command-result-row{
    min-height:72px !important;
    grid-template-columns:minmax(0, 1fr) 38px !important;
    gap:8px !important;
    padding:8px !important;
  }

  html body .cz-command-result-main{
    grid-template-columns:42px minmax(0, 1fr) !important;
    gap:10px !important;
  }

  html body .cz-command-item-icon{
    width:42px !important;
    height:42px !important;
    font-size:10.5px !important;
  }

  html body .cz-command-item-copy strong{
    white-space:normal !important;
    font-size:14px !important;
  }

  html body .cz-command-item-copy em{
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;
    overflow:hidden !important;
    white-space:normal !important;
    font-size:12px !important;
  }

  html body .cz-command-tags,
  html body .cz-command-item-time,
  html body .cz-command-open-btn,
  html body .cz-command-status{
    display:none !important;
  }
}

@media (max-width: 380px){
  html body .cz-command-main{
    padding:10px !important;
    gap:8px !important;
  }

  html body .cz-command-hero h2{
    font-size:22px !important;
  }

  html body .cz-command-hero p{
    display:none !important;
  }

  html body .cz-command-quick-picks button{
    flex-basis:128px !important;
  }
}

@media (max-width: 720px) and (max-height: 620px){
  html body .cz-command-hero p{
    display:none !important;
  }

  html body .cz-command-quick-picks button{
    min-height:42px !important;
  }
}

@media (max-width: 380px) and (max-height: 620px){
  html body .cz-command-hero h2{
    font-size:20px !important;
  }

  html body .cz-command-quick-picks{
    display:none !important;
  }
}

@media (max-width: 900px) and (max-height: 520px){
  html body .cz-command-main{
    grid-template-rows:auto auto minmax(0, 1fr) !important;
    gap:8px !important;
  }

  html body .cz-command-topbar{
    grid-template-columns:minmax(0, 1fr) 42px !important;
    align-items:stretch !important;
  }

  html body .cz-command-actions{
    order:initial !important;
    display:grid !important;
    grid-template-columns:42px !important;
  }

  html body .cz-command-actions .cz-command-return,
  html body .cz-command-actions .cz-command-launch{
    display:none !important;
  }

  html body .cz-command-search{
    min-height:52px !important;
    padding:8px 10px !important;
  }

  html body .cz-command-search > span{
    font-size:10px !important;
  }

  html body .cz-command-search input{
    height:28px !important;
  }

  html body .cz-command-hero,
  html body .cz-command-quick-picks{
    display:none !important;
  }

  html body .cz-command-filter-row{
    min-height:34px !important;
  }

  html body .cz-command-results-shell{
    min-height:0 !important;
  }
}

/* v195: restore the full desktop command-desk layout while keeping the compact mobile app mode. */
@media (min-width: 981px){
  html body .cz-command-palette{
    place-items:center !important;
    padding:14px !important;
    overflow:hidden !important;
  }

  html body .cz-command-dialog.cz-command-desk{
    width:min(1450px, calc(100vw - 28px)) !important;
    height:min(860px, calc(100dvh - 28px)) !important;
    grid-template-columns:minmax(205px, 225px) minmax(0, 1fr) minmax(300px, 350px) !important;
    grid-template-rows:minmax(0, 1fr) auto !important;
    margin:0 auto !important;
    overflow:hidden !important;
  }

  html body .cz-command-sidebar{
    grid-column:1 !important;
    grid-row:1 / span 2 !important;
    display:grid !important;
    grid-template-rows:auto auto minmax(0, 1fr) auto auto !important;
    gap:14px !important;
    padding:20px 18px 16px !important;
    overflow:hidden !important;
    border-right:1px solid rgba(var(--accent-rgb), .14) !important;
    background:
      radial-gradient(420px 420px at 20% 6%, rgba(var(--accent-rgb), .12), transparent 72%),
      linear-gradient(180deg, rgba(3,14,30,.74), rgba(1,7,17,.88)) !important;
  }

  html body .cz-command-main{
    grid-column:2 !important;
    grid-row:1 !important;
    grid-template-rows:auto auto auto auto minmax(0, 1fr) !important;
    min-height:0 !important;
    height:100% !important;
    overflow:hidden !important;
  }

  html body .cz-command-topbar{
    grid-template-columns:minmax(0, 1fr) auto !important;
  }

  html body .cz-command-detail{
    grid-column:3 !important;
    grid-row:1 !important;
    display:block !important;
    min-height:0 !important;
    max-height:none !important;
    padding:20px 18px !important;
    overflow:auto !important;
    border-left:1px solid rgba(var(--accent-rgb), .14) !important;
    background:
      radial-gradient(440px 480px at 50% 0, rgba(var(--accent-rgb), .10), transparent 78%),
      rgba(1,8,18,.46) !important;
  }

  html body .cz-command-results-shell{
    min-height:0 !important;
    height:100% !important;
  }

  html body .cz-command-results{
    min-height:0 !important;
    height:100% !important;
  }

  html body .cz-command-status{
    grid-column:2 / 4 !important;
    grid-row:2 !important;
  }
}

@media (min-width: 1321px){
  html body .cz-command-dialog.cz-command-desk{
    width:min(1536px, calc(100vw - 28px)) !important;
    grid-template-columns:230px minmax(0, 1fr) minmax(320px, 380px) !important;
  }
}

/* v197: normalize preview section headers for tool and guide category blocks. */
body.tools-page .tool-section > .section-head,
body.guides-page .guide-category-band > .authority-head{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) !important;
  justify-items:center !important;
  align-items:center !important;
  gap:clamp(10px, 1.5vw, 14px) !important;
  text-align:center !important;
}

body.tools-page .tool-section > .section-head > div:first-child,
body.guides-page .guide-category-band > .authority-head > div:first-child{
  width:min(820px, 100%) !important;
  min-width:0 !important;
  display:grid !important;
  justify-items:center !important;
  text-align:center !important;
}

body.tools-page .tool-section > .section-head .section-kicker{
  justify-content:center !important;
}

body.tools-page .tool-section > .section-head .section-desc,
body.guides-page .guide-category-band > .authority-head h2{
  max-width:780px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}

html body .section-actions,
html body .guide-band-actions{
  width:min(100%, 560px) !important;
  min-width:0 !important;
  justify-content:center !important;
  justify-self:center !important;
  text-align:center !important;
}

html body .section-actions .section-count,
html body .guide-band-actions .section-count,
html body .section-actions .section-hub-link,
html body .guide-band-actions .section-hub-link{
  flex:0 1 auto !important;
}

@media (max-width: 820px){
  body.tools-page .tool-section > .section-head,
  body.guides-page .guide-category-band > .authority-head{
    justify-items:center !important;
    text-align:center !important;
  }

  html body .section-actions,
  html body .guide-band-actions{
    width:100% !important;
    justify-content:center !important;
  }

  html body .section-hub-link{
    width:auto !important;
    max-width:100% !important;
  }
}

/* v200: lock generated tool-card rows and make tool entry actions compact. */
body.tools-page .tool-section .cards-grid,
body.tools-page .tool-sections .cards-grid{
  align-items:stretch !important;
  grid-auto-rows:1fr !important;
}

body.tools-page .tool-section .cards-grid > .card.tool-card-enhanced,
body.tools-page .tool-sections .cards-grid > .card.tool-card-enhanced{
  --cz-tool-card-header-row:220px !important;
  --cz-tool-card-title-row:100px !important;
  --cz-tool-card-preview-row:448px !important;
  --cz-tool-card-feature-row:112px !important;
  --cz-tool-card-cta-row:58px !important;
  display:grid !important;
  grid-template-rows:
    var(--cz-tool-card-header-row)
    var(--cz-tool-card-preview-row)
    var(--cz-tool-card-feature-row)
    var(--cz-tool-card-cta-row) !important;
  align-items:stretch !important;
  align-content:start !important;
  gap:18px !important;
  height:100% !important;
  overflow:clip !important;
}

body.tools-page .tool-section .card.tool-card-enhanced .card-top,
body.tools-page .tool-sections .card.tool-card-enhanced .card-top{
  min-height:0 !important;
  height:var(--cz-tool-card-header-row) !important;
  display:grid !important;
  grid-template-columns:68px minmax(0, 1fr) !important;
  align-items:start !important;
  gap:16px !important;
}

body.tools-page .tool-section .card.tool-card-enhanced .card-top > div:not(.card-ico),
body.tools-page .tool-sections .card.tool-card-enhanced .card-top > div:not(.card-ico){
  min-width:0 !important;
  display:grid !important;
  grid-template-rows:var(--cz-tool-card-title-row) 1fr !important;
  align-content:start !important;
}

body.tools-page .tool-section .card.tool-card-enhanced h3,
body.tools-page .tool-sections .card.tool-card-enhanced h3{
  grid-area:auto !important;
  order:0 !important;
  height:var(--cz-tool-card-title-row) !important;
  min-height:var(--cz-tool-card-title-row) !important;
  margin:0 !important;
  display:flex !important;
  align-items:flex-start !important;
}

body.tools-page .tool-section .card.tool-card-enhanced .card-top p,
body.tools-page .tool-sections .card.tool-card-enhanced .card-top p{
  grid-area:auto !important;
  order:0 !important;
  margin:0 !important;
  align-self:start !important;
}

body.tools-page .tool-output-preview{
  min-height:0 !important;
  height:var(--cz-tool-card-preview-row) !important;
  align-self:stretch !important;
}

body.tools-page .tool-mini-features{
  min-height:0 !important;
  height:var(--cz-tool-card-feature-row) !important;
  align-self:stretch !important;
  align-content:start !important;
}

html body.tools-page .tool-section .cards-grid > .card.tool-card-enhanced .tool-cta,
html body.tools-page .tool-sections .cards-grid > .card.tool-card-enhanced .tool-cta,
html body .tool-section .cards-grid > .card.tool-card-enhanced .tool-cta{
  min-height:0 !important;
  height:var(--cz-tool-card-cta-row) !important;
  align-self:stretch !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  padding:0 12px 0 16px !important;
  border-radius:14px !important;
  border:1px solid rgba(var(--cz-glow-rgb, 56,232,255), .34) !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  -webkit-text-stroke:0 transparent !important;
  font-size:0 !important;
  line-height:0 !important;
  letter-spacing:0 !important;
  text-shadow:none !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.020)),
    rgba(3,10,22,.50) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.13),
    0 10px 24px rgba(0,0,0,.22),
    0 0 20px rgba(var(--cz-glow-rgb, 56,232,255), .10) !important;
  filter:none !important;
}

html body.tools-page .tool-section .cards-grid > .card.tool-card-enhanced .tool-cta::before,
html body.tools-page .tool-sections .cards-grid > .card.tool-card-enhanced .tool-cta::before,
html body .tool-section .cards-grid > .card.tool-card-enhanced .tool-cta::before{
  content:"Open tool" !important;
  color:rgba(248,252,255,.92) !important;
  -webkit-text-fill-color:rgba(248,252,255,.92) !important;
  font-size:13px !important;
  font-weight:950 !important;
  line-height:1 !important;
  letter-spacing:.02em !important;
  text-transform:uppercase !important;
  text-shadow:none !important;
}

html body.tools-page .tool-section .cards-grid > .card.tool-card-enhanced .tool-cta::after,
html body.tools-page .tool-sections .cards-grid > .card.tool-card-enhanced .tool-cta::after,
html body .tool-section .cards-grid > .card.tool-card-enhanced .tool-cta::after{
  content:"\2192" !important;
  width:34px !important;
  height:34px !important;
  flex:0 0 34px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:11px !important;
  border:1px solid rgba(var(--cz-glow-rgb, 56,232,255), .42) !important;
  color:#071019 !important;
  -webkit-text-fill-color:#071019 !important;
  font-size:17px !important;
  font-weight:950 !important;
  line-height:1 !important;
  opacity:1 !important;
  transform:none !important;
  background:
    linear-gradient(135deg, color-mix(in srgb, rgb(var(--cz-glow-rgb, 56,232,255)) 62%, #ffffff 38%), rgb(var(--cz-glow-rgb, 56,232,255))) !important;
  box-shadow:0 0 18px rgba(var(--cz-glow-rgb, 56,232,255), .22) !important;
}

@media (hover:hover) and (pointer:fine){
  html body.tools-page .tool-section .cards-grid > .card.tool-card-enhanced:hover .tool-cta,
  html body.tools-page .tool-sections .cards-grid > .card.tool-card-enhanced:hover .tool-cta,
  html body .tool-section .cards-grid > .card.tool-card-enhanced:hover .tool-cta{
    transform:translateY(-1px) !important;
    border-color:rgba(var(--cz-glow-rgb, 56,232,255), .55) !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.095), rgba(255,255,255,.030)),
      rgba(3,10,22,.62) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.16),
      0 14px 30px rgba(0,0,0,.28),
      0 0 28px rgba(var(--cz-glow-rgb, 56,232,255), .16) !important;
  }

  html body.tools-page .tool-section .cards-grid > .card.tool-card-enhanced:hover .tool-cta::after,
  html body.tools-page .tool-sections .cards-grid > .card.tool-card-enhanced:hover .tool-cta::after,
  html body .tool-section .cards-grid > .card.tool-card-enhanced:hover .tool-cta::after{
    transform:translateX(2px) !important;
  }
}

@media (max-width: 820px){
  body.tools-page .tool-section .cards-grid > .card.tool-card-enhanced,
  body.tools-page .tool-sections .cards-grid > .card.tool-card-enhanced{
    --cz-tool-card-header-row:auto !important;
    --cz-tool-card-title-row:auto !important;
    --cz-tool-card-preview-row:auto !important;
    --cz-tool-card-feature-row:auto !important;
    --cz-tool-card-cta-row:58px !important;
    grid-template-rows:auto auto auto minmax(var(--cz-tool-card-cta-row), auto) !important;
    overflow:visible !important;
  }

  body.tools-page .tool-section .card.tool-card-enhanced .card-top,
  body.tools-page .tool-sections .card.tool-card-enhanced .card-top,
  body.tools-page .tool-output-preview,
  body.tools-page .tool-mini-features{
    height:auto !important;
  }

  body.tools-page .tool-section .card.tool-card-enhanced .card-top > div:not(.card-ico),
  body.tools-page .tool-sections .card.tool-card-enhanced .card-top > div:not(.card-ico){
    grid-template-rows:auto auto !important;
  }

  body.tools-page .tool-section .card.tool-card-enhanced h3,
  body.tools-page .tool-sections .card.tool-card-enhanced h3{
    height:auto !important;
    min-height:0 !important;
  }

  html body.tools-page .tool-section .cards-grid > .card.tool-card-enhanced .tool-cta,
  html body.tools-page .tool-sections .cards-grid > .card.tool-card-enhanced .tool-cta,
  html body .tool-section .cards-grid > .card.tool-card-enhanced .tool-cta{
    height:auto !important;
    min-height:var(--cz-tool-card-cta-row) !important;
  }
}

/* v196: final Advanced Search desktop clarity override after legacy desk restoration. */
@media (min-width: 981px){
  html body .cz-command-dialog.cz-command-desk{
    width:min(1120px, calc(100vw - 32px)) !important;
    height:min(760px, calc(100svh - 32px)) !important;
    height:min(760px, calc(100dvh - 32px)) !important;
    grid-template-columns:minmax(0, 1fr) minmax(292px, 340px) !important;
    grid-template-rows:minmax(0, 1fr) auto !important;
  }

  html body .cz-command-sidebar{
    display:none !important;
  }

  html body .cz-command-main{
    grid-column:1 !important;
    grid-row:1 !important;
    height:100% !important;
    grid-template-rows:auto auto auto auto minmax(0, 1fr) !important;
    padding:20px !important;
    overflow:hidden !important;
  }

  html body .cz-command-detail{
    grid-column:2 !important;
    grid-row:1 !important;
    display:block !important;
    padding:20px 18px 20px 0 !important;
    border-left:0 !important;
    background:transparent !important;
  }

  html body .cz-command-status{
    grid-column:1 / -1 !important;
    grid-row:2 !important;
  }
}

@media (min-width: 1321px){
  html body .cz-command-dialog.cz-command-desk{
    width:min(1120px, calc(100vw - 32px)) !important;
    grid-template-columns:minmax(0, 1fr) minmax(292px, 340px) !important;
  }
}

/* v198: restore the premium Advanced Search command desk and remove the cramped desktop modal. */
html body .cz-command-dialog.cz-command-desk,
html body .cz-command-dialog.cz-command-desk :where(a, button, input, strong, em, h2, h3, p, span, dd){
  text-transform:none !important;
}

html body .cz-command-dialog.cz-command-desk :where(.cz-command-search > span, .cz-command-hero > span, .cz-command-detail-kicker, .cz-command-side-group > p, .cz-command-how > strong, .cz-command-recent > strong){
  text-transform:uppercase !important;
}

html body .cz-command-hero h2 span{
  color:rgb(var(--accent-rgb)) !important;
  background:linear-gradient(135deg, #3f8cff, rgb(var(--accent-rgb))) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
}

@media (min-width: 981px){
  html body .cz-command-palette{
    place-items:center !important;
    padding:8px !important;
    overflow:hidden !important;
  }

  html body .cz-command-dialog.cz-command-desk{
    width:min(1536px, calc(100vw - 16px)) !important;
    height:min(920px, calc(100dvh - 16px)) !important;
    max-height:calc(100dvh - 16px) !important;
    display:grid !important;
    grid-template-columns:218px minmax(0, 1fr) minmax(302px, 356px) !important;
    grid-template-rows:minmax(0, 1fr) 70px !important;
    gap:0 !important;
    border-radius:20px !important;
    overflow:hidden !important;
    background:
      linear-gradient(140deg, rgba(5,15,34,.98), rgba(1,8,19,.99) 56%, rgba(3,13,29,.98)),
      rgba(2,8,19,.98) !important;
    box-shadow:
      0 30px 120px rgba(0,0,0,.62),
      inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  html body .cz-command-sidebar{
    grid-column:1 !important;
    grid-row:1 !important;
    display:grid !important;
    grid-template-rows:auto auto minmax(0, 1fr) auto auto !important;
    gap:12px !important;
    min-height:0 !important;
    padding:22px 18px 16px !important;
    overflow:hidden !important;
    border-right:1px solid rgba(var(--accent-rgb), .13) !important;
    background:
      linear-gradient(180deg, rgba(4,15,33,.82), rgba(1,8,18,.94)),
      rgba(2,9,20,.90) !important;
  }

  html body .cz-command-brand{
    min-height:42px !important;
  }

  html body .cz-command-side-group{
    gap:7px !important;
    min-height:0 !important;
  }

  html body .cz-command-side-group a,
  html body .cz-command-side-group button,
  html body .cz-command-memory a{
    min-height:33px !important;
    border-radius:7px !important;
    padding:0 9px !important;
    font-size:13px !important;
  }

  html body .cz-command-side-group p{
    margin-bottom:2px !important;
    color:rgba(248,252,255,.50) !important;
    font-size:10.5px !important;
    letter-spacing:.08em !important;
  }

  html body .cz-command-memory{
    min-height:0 !important;
    overflow:auto !important;
  }

  html body .cz-command-local-card{
    border-radius:10px !important;
    padding:12px !important;
  }

  html body .cz-command-main{
    grid-column:2 !important;
    grid-row:1 !important;
    min-height:0 !important;
    height:100% !important;
    display:grid !important;
    grid-template-rows:74px auto auto minmax(0, 1fr) !important;
    gap:18px !important;
    padding:20px 24px 16px !important;
    overflow:hidden !important;
  }

  html body .cz-command-topbar{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) auto !important;
    gap:18px !important;
    align-items:stretch !important;
  }

  html body .cz-command-search{
    min-height:74px !important;
    padding:12px 16px !important;
    border-radius:14px !important;
    border-color:rgba(var(--accent-rgb), .50) !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.022)),
      rgba(5,14,31,.82) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.08),
      0 0 34px rgba(var(--accent-rgb), .14) !important;
  }

  html body .cz-command-search input{
    height:36px !important;
    font-size:15px !important;
    font-weight:650 !important;
  }

  html body .cz-command-actions{
    min-width:0 !important;
    display:flex !important;
    gap:10px !important;
    justify-content:flex-end !important;
    align-items:start !important;
  }

  html body .cz-command-actions .cz-command-return{
    display:none !important;
  }

  html body .cz-command-actions .cz-command-launch{
    min-width:164px !important;
    min-height:46px !important;
    gap:8px !important;
    color:rgba(248,252,255,.94) !important;
    -webkit-text-fill-color:rgba(248,252,255,.94) !important;
    background:
      linear-gradient(180deg, rgba(var(--accent-rgb), .20), rgba(var(--accent-rgb), .08)),
      rgba(5,14,31,.80) !important;
    box-shadow:0 10px 28px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  html body .cz-command-actions .cz-command-launch::before{
    content:"\26A1" !important;
    display:inline-block !important;
    color:rgb(var(--accent-rgb)) !important;
    -webkit-text-fill-color:rgb(var(--accent-rgb)) !important;
  }

  html body .cz-command-actions .cz-command-close-icon{
    width:52px !important;
    flex:0 0 52px !important;
    min-height:46px !important;
  }

  html body .cz-command-actions .cz-command-close-icon::before{
    content:"\00d7" !important;
    font-size:20px !important;
  }

  html body .cz-command-hero{
    gap:8px !important;
  }

  html body .cz-command-hero h2{
    max-width:820px !important;
    font-size:clamp(28px, 2.15vw, 34px) !important;
    line-height:1.08 !important;
  }

  html body .cz-command-hero p{
    font-size:15px !important;
    color:rgba(248,252,255,.68) !important;
  }

  html body .cz-command-quick-picks{
    display:none !important;
  }

  html body .cz-command-filter-row{
    display:flex !important;
    gap:8px !important;
    min-height:38px !important;
    padding:0 !important;
    overflow:auto !important;
    scrollbar-width:none !important;
  }

  html body .cz-command-filter-row button,
  html body .cz-command-tabs button{
    min-height:38px !important;
    padding:0 16px !important;
    border-radius:8px !important;
  }

  html body .cz-command-results-shell{
    min-height:0 !important;
    height:100% !important;
    border-radius:12px !important;
    border-color:rgba(var(--accent-rgb), .14) !important;
    background:rgba(2,9,21,.58) !important;
  }

  html body .cz-command-result-head{
    min-height:58px !important;
    padding:10px 12px !important;
  }

  html body .cz-command-tabs{
    gap:8px !important;
  }

  html body .cz-command-result-head > span{
    min-height:34px !important;
    border-radius:8px !important;
  }

  html body .cz-command-results{
    height:100% !important;
    min-height:0 !important;
    gap:8px !important;
    padding:10px 12px 12px !important;
    overflow:auto !important;
    scrollbar-width:thin !important;
    scrollbar-gutter:stable !important;
  }

  html body .cz-command-result-row{
    min-height:86px !important;
    grid-template-columns:minmax(0, 1fr) 78px 100px 38px !important;
    gap:10px !important;
    padding:12px !important;
    border-radius:10px !important;
  }

  html body .cz-command-result-main{
    grid-template-columns:56px minmax(0, 1fr) !important;
    gap:16px !important;
  }

  html body .cz-command-item-icon{
    width:56px !important;
    height:56px !important;
    border-radius:9px !important;
    font-size:12px !important;
  }

  html body .cz-command-item-copy strong{
    font-size:16px !important;
    line-height:1.2 !important;
    white-space:nowrap !important;
  }

  html body .cz-command-item-copy em{
    font-size:13px !important;
    line-height:1.35 !important;
    white-space:nowrap !important;
  }

  html body .cz-command-item-time{
    justify-self:stretch !important;
    text-align:center !important;
    padding:8px 6px !important;
  }

  html body .cz-command-open-btn{
    min-height:40px !important;
    border-radius:8px !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    background:
      linear-gradient(135deg, rgba(48,119,255,.95), rgba(var(--accent-rgb), .95)),
      rgb(var(--accent-rgb)) !important;
    text-shadow:none !important;
  }

  html body .cz-command-detail{
    grid-column:3 !important;
    grid-row:1 !important;
    display:block !important;
    min-height:0 !important;
    padding:20px 18px !important;
    overflow:hidden !important;
    border-left:1px solid rgba(var(--accent-rgb), .13) !important;
    background:rgba(1,8,18,.48) !important;
  }

  html body .cz-command-detail-card{
    min-height:100% !important;
    height:100% !important;
    gap:16px !important;
    padding:20px !important;
    border-radius:12px !important;
    overflow:hidden !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.050), rgba(255,255,255,.018)),
      rgba(2,9,21,.58) !important;
  }

  html body .cz-command-detail-title{
    grid-template-columns:minmax(0, 1fr) 64px !important;
    gap:14px !important;
  }

  html body .cz-command-detail-title span{
    grid-column:2 !important;
    width:64px !important;
    height:64px !important;
    border-radius:12px !important;
  }

  html body .cz-command-detail-title h3{
    grid-column:1 !important;
    grid-row:1 !important;
    font-size:20px !important;
  }

  html body .cz-command-detail-card p{
    margin:0 !important;
    color:rgba(248,252,255,.66) !important;
    font-size:14px !important;
    line-height:1.55 !important;
  }

  html body .cz-command-detail-card dl{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  html body .cz-command-detail-card dl div{
    min-height:42px !important;
    grid-template-columns:78px minmax(0, 1fr) !important;
    padding:8px 10px !important;
    border-radius:8px !important;
  }

  html body .cz-command-primary,
  html body .cz-command-secondary{
    min-height:44px !important;
    border-radius:9px !important;
  }

  html body .cz-command-primary{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    background:
      linear-gradient(135deg, rgba(48,119,255,.95), rgba(var(--accent-rgb), .95)),
      rgb(var(--accent-rgb)) !important;
    text-shadow:none !important;
  }

  html body .cz-command-how,
  html body .cz-command-recent{
    gap:9px !important;
  }

  html body .cz-command-how span,
  html body .cz-command-recent a{
    min-height:32px !important;
  }

  html body .cz-command-status{
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    min-height:70px !important;
    display:grid !important;
    grid-template-columns:repeat(4, minmax(0, 1fr)) auto !important;
    gap:16px !important;
    align-items:center !important;
    padding:10px 26px !important;
    border-top:1px solid rgba(var(--accent-rgb), .14) !important;
    background:rgba(2,9,21,.78) !important;
  }

  html body .cz-command-status span,
  html body .cz-command-status span:nth-child(4){
    display:grid !important;
  }

  html body .cz-command-status a{
    min-height:40px !important;
    border-radius:8px !important;
  }
}

@media (min-width: 1321px){
  html body .cz-command-dialog.cz-command-desk{
    grid-template-columns:238px minmax(0, 1fr) minmax(350px, 392px) !important;
  }

  html body .cz-command-main{
    padding:20px 24px 16px !important;
  }

  html body .cz-command-detail-card dl{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:0 !important;
    border:1px solid rgba(255,255,255,.055) !important;
    border-radius:9px !important;
    overflow:hidden !important;
  }

  html body .cz-command-detail-card dl div{
    grid-template-columns:1fr !important;
    gap:6px !important;
    border:0 !important;
    border-right:1px solid rgba(255,255,255,.055) !important;
    border-radius:0 !important;
    background:rgba(255,255,255,.018) !important;
  }

  html body .cz-command-detail-card dl div:last-child{
    border-right:0 !important;
  }
}

@media (min-width: 981px) and (max-width: 1180px){
  html body .cz-command-dialog.cz-command-desk{
    grid-template-columns:198px minmax(0, 1fr) minmax(280px, 302px) !important;
  }

  html body .cz-command-sidebar{
    padding-inline:14px !important;
  }

  html body .cz-command-main{
    padding:18px 16px 14px !important;
    gap:14px !important;
  }

  html body .cz-command-actions .cz-command-launch{
    width:52px !important;
    min-width:52px !important;
    flex:0 0 52px !important;
    padding:0 !important;
    color:transparent !important;
    -webkit-text-fill-color:transparent !important;
    font-size:0 !important;
  }

  html body .cz-command-actions .cz-command-launch::before{
    margin:0 !important;
    font-size:15px !important;
  }

  html body .cz-command-result-row{
    grid-template-columns:minmax(0, 1fr) 70px 92px 36px !important;
    gap:8px !important;
  }

  html body .cz-command-detail{
    padding:18px 14px !important;
  }
}

@media (min-width: 981px) and (max-width: 1320px){
  html body .cz-command-actions .cz-command-launch{
    width:52px !important;
    min-width:52px !important;
    flex:0 0 52px !important;
    padding:0 !important;
    color:transparent !important;
    -webkit-text-fill-color:transparent !important;
    font-size:0 !important;
  }

  html body .cz-command-actions .cz-command-launch::before{
    margin:0 !important;
    font-size:15px !important;
  }
}

@media (min-width: 981px) and (max-height: 760px){
  html body .cz-command-dialog.cz-command-desk{
    grid-template-rows:minmax(0, 1fr) 58px !important;
  }

  html body .cz-command-sidebar{
    grid-template-rows:auto auto minmax(0, 1fr) !important;
    gap:10px !important;
    padding-top:14px !important;
    padding-bottom:12px !important;
  }

  html body .cz-command-memory-group,
  html body .cz-command-local-card{
    display:none !important;
  }

  html body .cz-command-main{
    grid-template-rows:66px auto auto minmax(0, 1fr) !important;
    gap:12px !important;
    padding-top:14px !important;
  }

  html body .cz-command-search{
    min-height:66px !important;
    padding-block:10px !important;
  }

  html body .cz-command-hero{
    gap:5px !important;
  }

  html body .cz-command-hero h2{
    font-size:28px !important;
  }

  html body .cz-command-hero p{
    font-size:13px !important;
  }

  html body .cz-command-result-head{
    min-height:50px !important;
  }

  html body .cz-command-result-row{
    min-height:76px !important;
    padding:9px !important;
  }

  html body .cz-command-detail-card{
    gap:10px !important;
    padding:14px !important;
  }

  html body .cz-command-detail-card p{
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;
    overflow:hidden !important;
  }

  html body .cz-command-detail-card dl div{
    min-height:36px !important;
    padding-block:7px !important;
  }

  html body .cz-command-recent{
    display:none !important;
  }

  html body .cz-command-status{
    min-height:58px !important;
    padding-block:8px !important;
  }
}

/* v202: mobile-first Advanced Search surface with a focused quick-task card. */
html body .cz-command-mobile-task{
  display:none !important;
}

@media (max-width: 720px){
  html body .cz-command-palette{
    background:
      linear-gradient(180deg, rgba(1,7,17,.98), rgba(3,10,24,.99)) !important;
  }

  html body .cz-command-dialog.cz-command-desk{
    background:
      linear-gradient(180deg, rgba(5,16,35,.98), rgba(1,7,17,.99)) !important;
  }

  html body .cz-command-main{
    grid-template-rows:auto auto auto auto minmax(0, 1fr) !important;
    gap:10px !important;
    padding:10px max(12px, env(safe-area-inset-right, 0px)) max(12px, env(safe-area-inset-bottom, 0px)) max(12px, env(safe-area-inset-left, 0px)) !important;
  }

  html body .cz-command-topbar{
    gap:10px !important;
  }

  html body .cz-command-actions{
    order:-1 !important;
    grid-template-columns:minmax(0, 1fr) 44px !important;
    align-items:center !important;
  }

  html body .cz-command-actions .cz-command-return{
    width:auto !important;
    min-width:0 !important;
    min-height:44px !important;
    display:inline-flex !important;
    justify-content:flex-start !important;
    align-items:center !important;
    gap:9px !important;
    padding:0 2px !important;
    border:0 !important;
    color:transparent !important;
    -webkit-text-fill-color:transparent !important;
    background:transparent !important;
    box-shadow:none !important;
    font-size:0 !important;
    text-shadow:none !important;
    overflow:visible !important;
  }

  html body .cz-command-actions .cz-command-return::before{
    content:"C" !important;
    position:static !important;
    inset:auto !important;
    width:34px !important;
    flex:0 0 34px !important;
    height:34px !important;
    display:grid !important;
    place-items:center !important;
    border:1px solid rgba(var(--accent-rgb), .42) !important;
    border-radius:10px !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    background:
      linear-gradient(135deg, rgba(48,119,255,.75), rgba(var(--accent-rgb), .95)),
      rgba(var(--accent-rgb), .22) !important;
    box-shadow:0 0 24px rgba(var(--accent-rgb), .18) !important;
    font:950 14px/1 var(--font-head, "Space Grotesk", system-ui) !important;
  }

  html body .cz-command-actions .cz-command-return::after{
    content:"CLICKOZ" !important;
    position:static !important;
    flex:0 1 auto !important;
    min-width:0 !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font:900 14px/1 var(--font-head, "Space Grotesk", system-ui) !important;
    letter-spacing:0 !important;
  }

  html body .cz-command-actions .cz-command-close-icon{
    width:44px !important;
    min-height:44px !important;
    flex:0 0 44px !important;
    border-radius:12px !important;
    background:rgba(255,255,255,.04) !important;
  }

  html body .cz-command-search{
    min-height:68px !important;
    padding:11px 13px !important;
    border-radius:16px !important;
    border-color:rgba(var(--accent-rgb), .48) !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.022)),
      rgba(3,12,27,.88) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.08),
      0 0 34px rgba(var(--accent-rgb), .16) !important;
  }

  html body .cz-command-search > span{
    font-size:10px !important;
    letter-spacing:.10em !important;
  }

  html body .cz-command-search div{
    grid-template-columns:minmax(0, 1fr) !important;
  }

  html body .cz-command-search kbd{
    display:none !important;
  }

  html body .cz-command-search input{
    height:32px !important;
    font-size:15px !important;
  }

  html body .cz-command-hero{
    gap:5px !important;
  }

  html body .cz-command-hero span{
    font-size:10px !important;
  }

  html body .cz-command-hero h2{
    max-width:330px !important;
    font-size:25px !important;
    line-height:1.08 !important;
  }

  html body .cz-command-hero p{
    max-width:310px !important;
    font-size:12.5px !important;
    color:rgba(248,252,255,.62) !important;
  }

  html body .cz-command-quick-picks{
    display:none !important;
  }

  html body .cz-command-filter-row{
    min-height:36px !important;
    gap:7px !important;
    padding:1px 0 !important;
    overflow:auto !important;
    scrollbar-width:none !important;
  }

  html body .cz-command-filter-row button{
    min-height:36px !important;
    padding:0 13px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.035) !important;
  }

  html body .cz-command-filter-row button.is-active{
    color:#fff !important;
    background:
      linear-gradient(135deg, rgba(48,119,255,.32), rgba(var(--accent-rgb), .22)),
      rgba(var(--accent-rgb), .10) !important;
  }

  html body .cz-command-mobile-task{
    display:block !important;
    min-height:0 !important;
  }

  html body .cz-command-mobile-task[hidden]{
    display:none !important;
  }

  html body .cz-command-mobile-task-card{
    display:grid !important;
    gap:11px !important;
    padding:13px !important;
    border:1px solid rgba(var(--accent-rgb), .24) !important;
    border-radius:18px !important;
    background:
      linear-gradient(145deg, rgba(255,255,255,.070), rgba(255,255,255,.020)),
      rgba(3,13,29,.88) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 18px 42px rgba(0,0,0,.22) !important;
  }

  html body .cz-command-mobile-task-head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
  }

  html body .cz-command-mobile-task-head span{
    color:rgba(var(--accent-rgb), .95) !important;
    font:900 10px/1 var(--font-head, "Space Grotesk", system-ui) !important;
    letter-spacing:.10em !important;
    text-transform:uppercase !important;
  }

  html body .cz-command-mobile-task-head em{
    min-height:26px !important;
    display:inline-flex !important;
    align-items:center !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-radius:999px !important;
    padding:0 9px !important;
    color:rgba(248,252,255,.70) !important;
    background:rgba(255,255,255,.035) !important;
    font:800 11px/1 var(--font-body, "Space Grotesk", system-ui) !important;
    font-style:normal !important;
    white-space:nowrap !important;
  }

  html body .cz-command-mobile-task-main{
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:50px minmax(0, 1fr) !important;
    gap:12px !important;
    align-items:center !important;
    color:inherit !important;
    text-decoration:none !important;
  }

  html body .cz-command-mobile-task-icon{
    width:50px !important;
    height:50px !important;
    display:grid !important;
    place-items:center !important;
    border:1px solid rgba(var(--accent-rgb), .34) !important;
    border-radius:14px !important;
    color:#fff !important;
    background:
      linear-gradient(135deg, rgba(48,119,255,.70), rgba(var(--accent-rgb), .78)),
      rgba(var(--accent-rgb), .14) !important;
    font:950 11px/1 var(--font-head, "Space Grotesk", system-ui) !important;
  }

  html body .cz-command-mobile-task-main strong,
  html body .cz-command-mobile-task-main em{
    min-width:0 !important;
    display:block !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  html body .cz-command-mobile-task-main strong{
    color:#fff !important;
    font:950 16px/1.15 var(--font-head, "Space Grotesk", system-ui) !important;
  }

  html body .cz-command-mobile-task-main em{
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;
    margin-top:4px !important;
    color:rgba(248,252,255,.62) !important;
    font:650 12.5px/1.35 var(--font-body, "Space Grotesk", system-ui) !important;
    font-style:normal !important;
    white-space:normal !important;
  }

  html body .cz-command-mobile-task-actions{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) 44px !important;
    gap:9px !important;
  }

  html body .cz-command-mobile-task-actions a,
  html body .cz-command-mobile-task-actions button{
    min-height:42px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid rgba(var(--accent-rgb), .40) !important;
    border-radius:12px !important;
    text-decoration:none !important;
    font:900 13px/1 var(--font-head, "Space Grotesk", system-ui) !important;
  }

  html body .cz-command-mobile-task-actions a{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    background:
      linear-gradient(135deg, rgba(48,119,255,.96), rgba(var(--accent-rgb), .95)),
      rgb(var(--accent-rgb)) !important;
    box-shadow:0 14px 30px rgba(var(--accent-rgb), .18) !important;
  }

  html body .cz-command-mobile-task-actions button{
    color:rgba(248,252,255,.78) !important;
    background:rgba(255,255,255,.035) !important;
  }

  html body .cz-command-mobile-task-actions button.is-saved{
    color:rgb(var(--accent-rgb)) !important;
    background:rgba(var(--accent-rgb), .12) !important;
  }

  html body .cz-command-results-shell{
    border-radius:16px !important;
    background:rgba(1,8,19,.58) !important;
  }

  html body .cz-command-result-head{
    min-height:48px !important;
    padding:8px !important;
  }

  html body .cz-command-tabs{
    gap:7px !important;
  }

  html body .cz-command-tabs button{
    min-height:34px !important;
    border-radius:999px !important;
  }

  html body .cz-command-result-head > span{
    display:none !important;
  }

  html body .cz-command-results{
    gap:8px !important;
    padding:8px !important;
  }

  html body .cz-command-result-row{
    min-height:76px !important;
    border-radius:14px !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.046), rgba(255,255,255,.018)),
      rgba(255,255,255,.016) !important;
  }

  html body .cz-command-result-row.is-active{
    border-color:rgba(var(--accent-rgb), .42) !important;
    background:
      linear-gradient(90deg, rgba(var(--accent-rgb), .15), rgba(255,255,255,.020)),
      rgba(255,255,255,.020) !important;
  }

  html body .cz-command-favorite{
    border-radius:12px !important;
  }
}

@media (max-width: 720px) and (max-height: 760px){
  html body .cz-command-hero p{
    display:none !important;
  }

  html body .cz-command-mobile-task-card{
    gap:8px !important;
    padding:11px !important;
  }

  html body .cz-command-mobile-task-main em{
    -webkit-line-clamp:1 !important;
  }
}

@media (max-width: 900px) and (max-height: 520px){
  html body .cz-command-main{
    grid-template-rows:auto auto minmax(0, 1fr) !important;
    gap:8px !important;
  }

  html body .cz-command-topbar{
    grid-template-columns:minmax(0, 1fr) 44px !important;
    gap:8px !important;
  }

  html body .cz-command-actions{
    order:initial !important;
    grid-template-columns:44px !important;
  }

  html body .cz-command-actions .cz-command-return,
  html body .cz-command-actions .cz-command-launch{
    display:none !important;
  }

  html body .cz-command-search{
    min-height:56px !important;
    width:auto !important;
    padding:8px 10px !important;
  }

  html body .cz-command-hero,
  html body .cz-command-mobile-task{
    display:none !important;
  }
}

/* v205: generated tool pages keep the hero support and SEO route readable on every device. */
body.cms-tool-body .cms-tool-page{
  width:min(100% - 28px, 1180px) !important;
}

body.cms-tool-body .cms-tool-brief.cms-box-signal,
body.cms-tool-body .cms-related.cms-box-flow,
body.cms-tool-body .cms-ops-strip.cms-box-support,
body.cms-tool-body .cms-info-grid.cms-box-support{
  max-width:1120px !important;
}

body.cms-tool-body .cms-tool-brief.cms-box-signal{
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  align-items:stretch !important;
  gap:12px !important;
}

body.cms-tool-body .cms-tool-brief.cms-box-signal article{
  min-height:136px !important;
  align-content:start !important;
}

body.cms-tool-body .cms-tool-brief.cms-box-signal span,
body.cms-tool-body .cms-step-card.cms-box-flow span:not(.emoji),
body.cms-tool-body .cms-info-grid.cms-box-support .cms-info-card p,
body.cms-tool-body .cms-info-grid.cms-box-support .cms-info-card:not(.cms-faq) p,
body.cms-tool-body .cms-ops-strip.cms-box-support p{
  display:block !important;
  overflow:visible !important;
  -webkit-line-clamp:unset !important;
  -webkit-box-orient:initial !important;
  text-overflow:clip !important;
}

body.cms-tool-body .cms-workbench-head{
  grid-template-columns:1fr !important;
  justify-items:center !important;
  text-align:center !important;
  gap:14px !important;
}

body.cms-tool-body .cms-workbench-head p{
  margin-left:auto !important;
  margin-right:auto !important;
}

body.cms-tool-body .cms-workbench-meta{
  width:min(100%, 620px) !important;
  justify-content:center !important;
  align-items:center !important;
  gap:10px !important;
}

body.cms-tool-body .cms-workbench-meta span{
  min-width:160px !important;
  justify-content:center !important;
  padding:9px 14px !important;
  border-color:rgba(var(--accent-rgb), .24) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(var(--accent-rgb), .18), transparent 65%),
    rgba(var(--accent-rgb), .070) !important;
}

body.cms-tool-body .cms-ops-strip.cms-box-support,
body.cms-tool-body .cms-info-grid.cms-box-support{
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  align-items:stretch !important;
}

body.cms-tool-body .cms-ops-strip.cms-box-support article{
  min-height:178px !important;
  gap:12px !important;
}

body.cms-tool-body .cms-info-grid.cms-box-support .cms-info-card{
  min-height:210px !important;
  display:flex !important;
  flex-direction:column !important;
}

body.cms-tool-body .cms-info-grid.cms-box-support .cms-info-card p,
body.cms-tool-body .cms-ops-strip.cms-box-support p{
  font-size:clamp(14px, .9vw, 15.5px) !important;
  line-height:1.66 !important;
}

body.cms-tool-body .cms-info-grid.cms-box-support .cms-info-card.cms-search-card{
  grid-column:1 / -1 !important;
  min-height:0 !important;
  display:grid !important;
  grid-template-columns:minmax(260px, .8fr) minmax(0, 1.2fr) !important;
  gap:16px !important;
  align-items:start !important;
  background:
    radial-gradient(620px 230px at 0 0, rgba(var(--accent-rgb), .12), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.040), rgba(255,255,255,.016)),
    rgba(255,255,255,.020) !important;
}

body.cms-tool-body .cms-search-actions{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:10px !important;
  align-self:stretch !important;
}

body.cms-tool-body .cms-search-actions a{
  min-height:46px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  padding:10px 14px !important;
  border-radius:14px !important;
  border:1px solid rgba(var(--accent-rgb), .26) !important;
  color:rgba(248,252,255,.92) !important;
  -webkit-text-fill-color:rgba(248,252,255,.92) !important;
  text-decoration:none !important;
  font-weight:1000 !important;
  background:
    linear-gradient(180deg, rgba(var(--accent-rgb), .14), rgba(var(--accent-rgb), .055)),
    rgba(3,10,23,.56) !important;
  box-shadow:0 0 24px rgba(var(--accent-rgb), .10) !important;
}

body.cms-tool-body .cms-search-actions a:hover,
body.cms-tool-body .cms-search-actions a:focus-visible{
  transform:translateY(-1px) !important;
  border-color:rgba(var(--accent-rgb), .44) !important;
  background:
    linear-gradient(180deg, rgba(var(--accent-rgb), .22), rgba(var(--accent-rgb), .085)),
    rgba(3,10,23,.68) !important;
}

body.cms-tool-body .cms-info-grid.cms-box-support .cms-info-card.cms-search-card .cms-query-chips{
  grid-column:1 / -1 !important;
  margin-top:0 !important;
  padding-top:14px !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
}

body.cms-tool-body .cms-info-grid.cms-box-support .cms-info-card.cms-search-card .cms-query-chips span{
  min-height:34px !important;
  color:rgba(248,252,255,.82) !important;
}

@media (max-width: 940px){
  body.cms-tool-body .cms-info-grid.cms-box-support,
  body.cms-tool-body .cms-ops-strip.cms-box-support,
  body.cms-tool-body .cms-info-grid.cms-box-support .cms-info-card.cms-search-card{
    grid-template-columns:1fr !important;
  }
}

@media (max-width: 820px), (pointer: coarse){
  body.cms-tool-body .cms-tool-page{
    width:min(100% - 20px, 1120px) !important;
  }

  body.cms-tool-body .cms-tool-brief.cms-box-signal{
    display:grid !important;
    grid-template-columns:1fr !important;
    overflow:visible !important;
    padding:0 !important;
    gap:10px !important;
  }

  body.cms-tool-body .cms-tool-brief.cms-box-signal article{
    flex:initial !important;
    width:100% !important;
    min-height:0 !important;
    scroll-snap-align:unset !important;
  }

  body.cms-tool-body .cms-workbench-meta{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }

  body.cms-tool-body .cms-workbench-meta span{
    min-width:0 !important;
    padding-inline:8px !important;
  }

  body.cms-tool-body .cms-related-links,
  body.cms-tool-body .cms-query-chips{
    flex-wrap:wrap !important;
    overflow:visible !important;
  }

  body.cms-tool-body .cms-related-links a,
  body.cms-tool-body .cms-query-chips span{
    flex:1 1 160px !important;
    min-width:0 !important;
    white-space:normal !important;
  }
}

@media (max-width: 560px){
  body.cms-tool-body .cms-workbench-meta,
  body.cms-tool-body .cms-search-actions{
    grid-template-columns:1fr !important;
  }

  body.cms-tool-body .cms-workbench-meta span,
  body.cms-tool-body .cms-search-actions a{
    width:100% !important;
  }

  body.cms-tool-body .cms-info-grid.cms-box-support .cms-info-card{
    min-height:0 !important;
  }
}

/* v206: keep the Advanced Search desktop return control visible. */
@media (min-width: 981px){
  html body .cz-command-actions{
    display:flex !important;
    align-items:start !important;
    justify-content:flex-end !important;
    gap:10px !important;
  }

  html body .cz-command-actions .cz-command-return{
    min-width:118px !important;
    min-height:46px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 14px !important;
    border:1px solid rgba(var(--accent-rgb), .46) !important;
    border-radius:10px !important;
    color:#07111f !important;
    -webkit-text-fill-color:#07111f !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.74), rgba(255,255,255,.23)),
      rgb(var(--accent-rgb)) !important;
    box-shadow:0 12px 28px rgba(0,0,0,.22), 0 0 24px rgba(var(--accent-rgb), .22) !important;
    font:900 13px/1 var(--font-head, "Space Grotesk", system-ui) !important;
    text-shadow:0 1px 0 rgba(255,255,255,.52) !important;
    overflow:visible !important;
  }

  html body .cz-command-actions .cz-command-return::before,
  html body .cz-command-actions .cz-command-return::after{
    content:none !important;
    display:none !important;
  }
}

/* v207: keep the CMS navigation pinned while scrolling. */
html{
  scroll-padding-top:calc(var(--navH, 76px) + 18px) !important;
}

html body{
  padding-top:var(--navH, 76px) !important;
}

html body > .nav:first-of-type,
html body .nav{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  margin-top:0 !important;
  transform:none !important;
  z-index:1200 !important;
}

/* v210: generated tool pages and workflow tag pages stay centered, readable and extensible. */
body.cms-tool-body .cms-tool-hero{
  max-width:1120px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

body.cms-tool-body .crumbs{
  justify-content:center !important;
  text-align:center !important;
}

body.cms-tool-body .cms-hero-layout{
  grid-template-columns:minmax(0, 1.24fr) minmax(280px, .76fr) !important;
  align-items:center !important;
  gap:clamp(20px, 4vw, 46px) !important;
}

body.cms-tool-body .cms-hero-copy{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  text-align:center !important;
}

body.cms-tool-body .cms-tool-sub{
  max-width:780px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

body.cms-tool-body .cms-tool-trust{
  justify-content:center !important;
  gap:10px !important;
}

body.cms-tool-body .cms-tool-trust .cms-tag-pill{
  min-height:36px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  padding:6px 12px !important;
  text-decoration:none !important;
  white-space:normal !important;
}

body.cms-tool-body .cms-tool-trust .cms-tag-pill span:last-child{
  color:rgba(250,253,255,.94) !important;
  -webkit-text-fill-color:rgba(250,253,255,.94) !important;
}

body.cms-tool-body .cms-tool-trust .cms-tag-pill:hover span:last-child,
body.cms-tool-body .cms-tool-trust .cms-tag-pill:focus-visible span:last-child{
  color:#07111f !important;
  -webkit-text-fill-color:#07111f !important;
}

body.cms-tool-body .cms-tag-pill .cms-pill-icon{
  font-size:14px !important;
  text-shadow:0 1px 0 rgba(255,255,255,.42) !important;
}

body.cms-tool-body .cms-tag-pill .cms-pill-icon::before{
  content:none !important;
  display:none !important;
}

body.cms-tool-body .cms-tool-promise{
  max-width:380px !important;
  justify-self:center !important;
}

body.cms-tool-body .cms-tool-brief.cms-box-signal{
  text-align:left !important;
}

body.cms-tool-body .cms-tool-brief.cms-box-signal article{
  justify-items:start !important;
  padding:18px !important;
  background:
    radial-gradient(360px 160px at 50% 0%, rgba(var(--accent-rgb), .12), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.040), rgba(255,255,255,.018)),
    rgba(3, 10, 23, .46) !important;
}

body.cms-tool-body .cms-tool-brief.cms-box-signal strong{
  font-size:14px !important;
  letter-spacing:.02em !important;
}

body.cms-tool-body .cms-tool-brief.cms-box-signal article > span{
  max-width:100% !important;
  font-size:clamp(14.5px, .98vw, 16px) !important;
  line-height:1.58 !important;
  color:rgba(246,249,255,.82) !important;
}

body.cms-tool-body .cms-workbench-head h2{
  max-width:760px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

body.cms-tool-body .cms-workbench-head > div:first-child{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
}

body.cms-tool-body .cms-tool-start-row{
  justify-content:center !important;
  text-align:center !important;
}

body.cms-tool-body .cms-ops-strip.cms-box-support article{
  justify-items:center !important;
  text-align:center !important;
}

body.cms-tool-body .cms-info-grid.cms-box-support .cms-info-card:not(.cms-search-card){
  text-align:left !important;
}

body.tag-page .tag-shell{
  width:min(100% - 36px, 1200px) !important;
}

body.tag-page .tag-hero{
  text-align:center !important;
}

body.tag-page .tag-hero .crumbs{
  justify-content:center !important;
  margin-bottom:14px !important;
}

body.tag-page .tag-hero .tools-hero-top{
  justify-content:center !important;
  text-align:center !important;
}

body.tag-page .tag-hero .tools-hero-top > div:first-child{
  max-width:880px !important;
  margin-inline:auto !important;
}

body.tag-page .tag-hero-actions{
  width:min(100%, 760px) !important;
  margin:22px auto 0 !important;
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:10px !important;
}

body.tag-page .tag-hero-actions > *{
  min-height:42px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  border:1px solid rgba(var(--accent-rgb), .26) !important;
  border-radius:14px !important;
  padding:8px 12px !important;
  color:rgba(248,252,255,.90) !important;
  text-decoration:none !important;
  font:900 13px/1.2 var(--font-head, "Space Grotesk", system-ui) !important;
  background:
    linear-gradient(180deg, rgba(var(--accent-rgb), .13), rgba(var(--accent-rgb), .045)),
    rgba(3,10,23,.52) !important;
  box-shadow:0 0 22px rgba(var(--accent-rgb), .10) !important;
}

body.tag-page .tag-resource-section{
  margin-top:18px !important;
  border:1px solid rgba(var(--accent-rgb), .24) !important;
  border-radius:24px !important;
  padding:22px !important;
  background:
    radial-gradient(720px 280px at 50% 0%, rgba(var(--accent-rgb), .11), transparent 74%),
    rgba(255,255,255,.026) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 0 34px rgba(var(--accent-rgb), .08) !important;
}

body.tag-page .tag-guide-grid,
body.tag-page .tag-index-grid{
  display:grid !important;
  grid-template-columns:repeat(12, minmax(0, 1fr)) !important;
  gap:14px !important;
  margin-top:16px !important;
}

body.tag-page .tag-guide-card{
  grid-column:span 4 !important;
  min-height:210px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  text-decoration:none !important;
  color:inherit !important;
}

body.tag-page .tag-guide-card p{
  color:rgba(246,249,255,.78) !important;
  font-size:15px !important;
  line-height:1.58 !important;
}

body.tag-page .tag-card-meta{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin-top:14px !important;
}

body.tag-page .tag-card-meta span,
body.tag-page .tag-empty-card{
  border:1px solid rgba(var(--accent-rgb), .24) !important;
  border-radius:999px !important;
  padding:8px 10px !important;
  color:rgba(248,252,255,.86) !important;
  background:rgba(var(--accent-rgb), .070) !important;
  font:900 12px/1 var(--font-head, "Space Grotesk", system-ui) !important;
}

body.tag-page .tag-tool-section{
  margin-top:18px !important;
}

body.tag-page .tag-index-card{
  grid-column:span 3 !important;
  min-height:128px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  border:1px solid rgba(var(--accent-rgb), .24) !important;
  border-radius:18px !important;
  padding:18px !important;
  text-align:center !important;
  text-decoration:none !important;
  color:rgba(250,253,255,.92) !important;
  background:
    radial-gradient(260px 160px at 50% 0%, rgba(var(--accent-rgb), .16), transparent 72%),
    rgba(3,10,23,.50) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 0 26px rgba(var(--accent-rgb), .08) !important;
}

body.tag-page .tag-index-card span{
  width:42px !important;
  height:42px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:14px !important;
  background:linear-gradient(135deg, var(--accent), var(--accent2)) !important;
  color:#07111f !important;
  box-shadow:0 0 28px rgba(var(--accent-rgb), .25) !important;
}

body.tag-page .tag-index-card strong{
  font-size:clamp(16px, 1.4vw, 20px) !important;
  line-height:1.15 !important;
}

body.tag-page .tag-index-card small{
  color:rgba(248,252,255,.68) !important;
  font:800 12px/1.25 var(--font-head, "Space Grotesk", system-ui) !important;
}

body.tag-page .tag-empty-card{
  grid-column:1 / -1 !important;
  border-radius:16px !important;
  padding:16px !important;
  text-align:center !important;
}

@media (max-width: 980px){
  body.cms-tool-body .cms-hero-layout{
    grid-template-columns:1fr !important;
  }

  body.cms-tool-body .cms-tool-promise{
    max-width:760px !important;
    text-align:center !important;
  }

  body.tag-page .tag-guide-card,
  body.tag-page .tag-index-card{
    grid-column:span 6 !important;
  }
}

@media (max-width: 640px){
  body.cms-tool-body .cms-tool-trust .cms-tag-pill{
    flex:1 1 calc(50% - 8px) !important;
    min-width:0 !important;
  }

  body.tag-page .tag-shell{
    width:min(100% - 20px, 1200px) !important;
  }

  body.tag-page .tag-hero-actions{
    grid-template-columns:1fr !important;
  }

  body.tag-page .tag-resource-section,
  body.tag-page .tag-tool-section{
    padding:16px !important;
    border-radius:20px !important;
  }

  body.tag-page .tag-guide-card,
  body.tag-page .tag-index-card{
    grid-column:1 / -1 !important;
  }
}

/* v208: concrete quick-task cards with compact example workflows. */
body.tools-page .tool-output-preview.tool-output-preview-concrete{
  position:relative !important;
  isolation:isolate !important;
  min-height:0 !important;
  display:grid !important;
  grid-template-rows:auto minmax(58px, auto) minmax(170px, 1fr) auto !important;
  gap:12px !important;
  padding:16px !important;
  overflow:hidden !important;
  border-radius:18px !important;
  border:1px solid rgba(var(--cz-glow-rgb, 56,232,255), .34) !important;
  background:
    linear-gradient(135deg, rgba(125,245,190,.12), transparent 34%),
    linear-gradient(315deg, rgba(250,204,21,.10), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
    rgba(2,8,20,.74) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.13),
    inset 0 -1px 0 rgba(255,255,255,.045),
    0 18px 44px rgba(0,0,0,.22),
    0 0 30px rgba(var(--cz-glow-rgb, 56,232,255), .13) !important;
}

body.tools-page .tool-output-preview.tool-output-preview-concrete::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-1 !important;
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.040) 0 1px, transparent 1px 38px),
    repeating-linear-gradient(0deg, rgba(255,255,255,.026) 0 1px, transparent 1px 34px) !important;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.78), transparent 78%) !important;
  pointer-events:none !important;
}

body.tools-page .quick-task-head{
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
}

body.tools-page .quick-task-label,
body.tools-page .quick-task-badge{
  min-width:0 !important;
  min-height:28px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  padding:7px 10px !important;
  border-radius:999px !important;
  font:950 11px/1 var(--font-head, "Space Grotesk", system-ui) !important;
  letter-spacing:.045em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}

body.tools-page .quick-task-label{
  color:rgba(241,246,255,.92) !important;
  background:rgba(9,18,36,.72) !important;
  border:1px solid rgba(var(--cz-glow-rgb, 56,232,255), .30) !important;
}

body.tools-page .quick-task-label::before{
  content:"" !important;
  width:7px !important;
  height:7px !important;
  flex:0 0 7px !important;
  border-radius:50% !important;
  background:#7df5be !important;
  box-shadow:0 0 14px rgba(125,245,190,.68) !important;
}

body.tools-page .quick-task-badge{
  max-width:48% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  color:#06121c !important;
  -webkit-text-fill-color:#06121c !important;
  background:linear-gradient(135deg, #7df5be, #67e8f9 58%, #facc15) !important;
  box-shadow:0 0 22px rgba(103,232,249,.18) !important;
}

body.tools-page .tool-output-preview > strong.quick-task-title{
  min-height:0 !important;
  display:-webkit-box !important;
  -webkit-line-clamp:3 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  margin:0 !important;
  color:rgba(250,253,255,.96) !important;
  font-size:15px !important;
  line-height:1.36 !important;
  letter-spacing:0 !important;
}

body.tools-page .tool-card-flow.quick-task-flow{
  min-height:0 !important;
  display:grid !important;
  grid-template-rows:repeat(2, minmax(0, 1fr)) !important;
  gap:10px !important;
}

body.tools-page .tool-card-flow.quick-task-flow p{
  min-height:0 !important;
  display:grid !important;
  grid-template-columns:34px minmax(0, 1fr) !important;
  grid-template-rows:auto minmax(0, 1fr) !important;
  align-content:start !important;
  gap:5px 10px !important;
  margin:0 !important;
  padding:12px !important;
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.024)),
    rgba(2,9,22,.62) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09) !important;
}

body.tools-page .quick-task-num{
  grid-row:1 / 3 !important;
  width:34px !important;
  height:34px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:11px !important;
  color:#06121c !important;
  -webkit-text-fill-color:#06121c !important;
  background:linear-gradient(135deg, #f8fafc, #67e8f9) !important;
  font:950 11px/1 var(--font-head, "Space Grotesk", system-ui) !important;
}

body.tools-page .tool-card-flow.quick-task-flow p b{
  width:auto !important;
  max-width:100% !important;
  display:block !important;
  color:rgba(211,251,255,.95) !important;
  font-size:11px !important;
  line-height:1 !important;
  letter-spacing:.05em !important;
  text-transform:uppercase !important;
}

body.tools-page .tool-card-flow.quick-task-flow p span:not(.quick-task-num){
  min-width:0 !important;
  display:-webkit-box !important;
  -webkit-line-clamp:3 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  color:rgba(239,244,252,.86) !important;
  font-size:13px !important;
  line-height:1.36 !important;
}

body.tools-page .quick-task-next{
  min-width:0 !important;
  min-height:38px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  padding:10px 12px !important;
  border-radius:14px !important;
  border:1px solid rgba(125,245,190,.22) !important;
  background:rgba(3,12,25,.58) !important;
}

body.tools-page .quick-task-next span,
body.tools-page .quick-task-next em{
  min-width:0 !important;
  margin:0 !important;
  font-style:normal !important;
  line-height:1.15 !important;
  letter-spacing:0 !important;
}

body.tools-page .quick-task-next span{
  flex:0 0 auto !important;
  color:rgba(178,190,205,.80) !important;
  font-size:11px !important;
  font-weight:850 !important;
  text-transform:uppercase !important;
}

body.tools-page .quick-task-next em{
  flex:1 1 auto !important;
  overflow:hidden !important;
  text-align:right !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:rgba(250,253,255,.92) !important;
  font-size:12.5px !important;
  font-weight:900 !important;
}

@media (hover:hover) and (pointer:fine){
  body.tools-page .card.tool-card-enhanced[data-quick-task-ready="true"]:hover .tool-output-preview-concrete{
    transform:translateY(-2px) !important;
    border-color:rgba(125,245,190,.50) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.16),
      0 20px 52px rgba(0,0,0,.28),
      0 0 34px rgba(125,245,190,.16),
      0 0 34px rgba(var(--cz-glow-rgb, 56,232,255), .16) !important;
  }
}

@media (max-width: 820px){
  body.tools-page .tool-output-preview.tool-output-preview-concrete{
    grid-template-rows:auto auto auto auto !important;
    overflow:visible !important;
  }

  body.tools-page .tool-card-flow.quick-task-flow{
    grid-template-rows:auto auto !important;
  }

  body.tools-page .tool-output-preview > strong.quick-task-title,
  body.tools-page .tool-card-flow.quick-task-flow p span:not(.quick-task-num){
    -webkit-line-clamp:unset !important;
  }
}

@media (max-width: 460px){
  body.tools-page .quick-task-head,
  body.tools-page .quick-task-next{
    align-items:stretch !important;
    flex-direction:column !important;
  }

  body.tools-page .quick-task-label,
  body.tools-page .quick-task-badge{
    width:100% !important;
    max-width:100% !important;
  }

  body.tools-page .quick-task-next em{
    text-align:left !important;
    white-space:normal !important;
  }
}

@media (max-width: 820px){
  html body.tools-page .tool-section .cards-grid > .card.tool-card-enhanced .tool-cta,
  html body.tools-page .tool-sections .cards-grid > .card.tool-card-enhanced .tool-cta,
  html body .tool-section .cards-grid > .card.tool-card-enhanced .tool-cta{
    min-height:58px !important;
    height:auto !important;
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    padding:10px 12px 10px 16px !important;
  }

  html body.tools-page .tool-section .cards-grid > .card.tool-card-enhanced .tool-cta::before,
  html body.tools-page .tool-sections .cards-grid > .card.tool-card-enhanced .tool-cta::before,
  html body .tool-section .cards-grid > .card.tool-card-enhanced .tool-cta::before{
    min-width:0 !important;
    flex:1 1 auto !important;
    order:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  html body.tools-page .tool-section .cards-grid > .card.tool-card-enhanced .tool-cta::after,
  html body.tools-page .tool-sections .cards-grid > .card.tool-card-enhanced .tool-cta::after,
  html body .tool-section .cards-grid > .card.tool-card-enhanced .tool-cta::after{
    flex:0 0 34px !important;
    order:1 !important;
  }
}

/* v211: quick-task cards read as live AI engines, not static tutorials. */
body.tools-page .card.tool-card-enhanced[data-card-vibe]{
  --qt-a:125,245,190;
  --qt-b:103,232,249;
  --qt-c:250,204,21;
}

body.tools-page .card.tool-card-enhanced[data-card-vibe="analytics"]{ --qt-a:103,232,249; --qt-b:96,165,250; --qt-c:167,139,250; }
body.tools-page .card.tool-card-enhanced[data-card-vibe="type"]{ --qt-a:192,132,252; --qt-b:244,114,182; --qt-c:103,232,249; }
body.tools-page .card.tool-card-enhanced[data-card-vibe="repair"]{ --qt-a:74,222,128; --qt-b:45,212,191; --qt-c:250,204,21; }
body.tools-page .card.tool-card-enhanced[data-card-vibe="dev"]{ --qt-a:56,232,255; --qt-b:129,140,248; --qt-c:248,250,252; }
body.tools-page .card.tool-card-enhanced[data-card-vibe="creator"]{ --qt-a:251,113,133; --qt-b:250,204,21; --qt-c:96,165,250; }
body.tools-page .card.tool-card-enhanced[data-card-vibe="tracking"]{ --qt-a:52,211,153; --qt-b:250,204,21; --qt-c:103,232,249; }
body.tools-page .card.tool-card-enhanced[data-card-vibe="seo"]{ --qt-a:34,211,238; --qt-b:167,139,250; --qt-c:74,222,128; }
body.tools-page .card.tool-card-enhanced[data-card-vibe="ops"]{ --qt-a:148,163,184; --qt-b:103,232,249; --qt-c:96,165,250; }
body.tools-page .card.tool-card-enhanced[data-card-vibe="social"]{ --qt-a:244,114,182; --qt-b:251,146,60; --qt-c:125,245,190; }

body.tools-page .card.tool-card-enhanced[data-card-vibe] .card-top p{
  max-width:28ch !important;
  color:rgba(248,252,255,.86) !important;
  font-size:15px !important;
  line-height:1.48 !important;
  font-weight:780 !important;
}

body.tools-page .tool-output-preview.tool-output-preview-concrete{
  grid-template-rows:auto minmax(40px, auto) 62px minmax(164px, 1fr) auto !important;
  gap:9px !important;
  padding:15px !important;
  border-color:rgba(var(--qt-a), .42) !important;
  background:
    radial-gradient(220px 140px at 20% 0%, rgba(var(--qt-a), .22), transparent 68%),
    radial-gradient(220px 140px at 92% 18%, rgba(var(--qt-b), .16), transparent 66%),
    linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.020)),
    rgba(2,8,20,.76) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(var(--qt-a), .12),
    0 18px 44px rgba(0,0,0,.25),
    0 0 34px rgba(var(--qt-a), .14) !important;
}

body.tools-page .tool-output-preview.tool-output-preview-concrete::after{
  content:"" !important;
  position:absolute !important;
  left:-30% !important;
  right:-30% !important;
  top:0 !important;
  height:1px !important;
  z-index:1 !important;
  opacity:.75 !important;
  background:linear-gradient(90deg, transparent, rgba(var(--qt-a), .88), rgba(var(--qt-b), .70), transparent) !important;
  animation:quickTaskScan 4.8s linear infinite !important;
  pointer-events:none !important;
}

body.tools-page .quick-task-label{
  min-height:30px !important;
  padding-inline:12px !important;
  color:#06121c !important;
  -webkit-text-fill-color:#06121c !important;
  border-color:rgba(var(--qt-a), .72) !important;
  background:linear-gradient(135deg, rgb(var(--qt-a)), rgb(var(--qt-b))) !important;
  box-shadow:0 0 22px rgba(var(--qt-a), .28), inset 0 1px 0 rgba(255,255,255,.42) !important;
}

body.tools-page .quick-task-label::before{
  background:#06121c !important;
  box-shadow:0 0 0 4px rgba(6,18,28,.14), 0 0 16px rgba(255,255,255,.42) !important;
}

body.tools-page .quick-task-badge{
  color:rgba(245,250,255,.88) !important;
  -webkit-text-fill-color:rgba(245,250,255,.88) !important;
  border:1px solid rgba(var(--qt-a), .24) !important;
  background:rgba(5,13,28,.64) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09), 0 0 18px rgba(var(--qt-b), .10) !important;
}

body.tools-page .tool-output-preview > strong.quick-task-title{
  min-height:40px !important;
  -webkit-line-clamp:2 !important;
  color:rgba(252,254,255,.98) !important;
  font-size:14.5px !important;
  line-height:1.32 !important;
  font-weight:950 !important;
}

body.tools-page .quick-task-visual{
  position:relative !important;
  min-height:62px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  overflow:hidden !important;
  border-radius:15px !important;
  border:1px solid rgba(var(--qt-a), .20) !important;
  background:
    linear-gradient(90deg, rgba(var(--qt-a), .08), transparent 42%, rgba(var(--qt-b), .08)),
    rgba(2,10,24,.54) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
}

body.tools-page .quick-task-visual::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.045) 0 1px, transparent 1px 24px),
    linear-gradient(90deg, transparent, rgba(var(--qt-a), .11), transparent) !important;
  opacity:.72 !important;
}

body.tools-page .quick-task-visual :is(i,span,b){
  position:relative !important;
  z-index:1 !important;
}

body.tools-page .quick-task-visual-bars i,
body.tools-page .quick-task-visual-wave i,
body.tools-page .quick-task-visual-pulse i{
  width:8px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg, rgb(var(--qt-a)), rgb(var(--qt-b))) !important;
  box-shadow:0 0 16px rgba(var(--qt-a), .30) !important;
  animation:quickTaskBars 1.7s ease-in-out infinite !important;
}

body.tools-page .quick-task-visual-bars i:nth-child(1),
body.tools-page .quick-task-visual-wave i:nth-child(1),
body.tools-page .quick-task-visual-pulse i:nth-child(1){ height:20px !important; animation-delay:-.2s !important; }
body.tools-page .quick-task-visual-bars i:nth-child(2),
body.tools-page .quick-task-visual-wave i:nth-child(2),
body.tools-page .quick-task-visual-pulse i:nth-child(2){ height:34px !important; animation-delay:-.5s !important; }
body.tools-page .quick-task-visual-bars i:nth-child(3),
body.tools-page .quick-task-visual-wave i:nth-child(3),
body.tools-page .quick-task-visual-pulse i:nth-child(3){ height:46px !important; animation-delay:-.8s !important; }
body.tools-page .quick-task-visual-bars i:nth-child(4),
body.tools-page .quick-task-visual-wave i:nth-child(4),
body.tools-page .quick-task-visual-pulse i:nth-child(4){ height:28px !important; animation-delay:-1.1s !important; }
body.tools-page .quick-task-visual-wave i:nth-child(5){ height:38px !important; animation-delay:-1.35s !important; }

body.tools-page .quick-task-visual-letters span,
body.tools-page .quick-task-visual-terminal span{
  min-width:44px !important;
  padding:8px 10px !important;
  border-radius:12px !important;
  color:rgba(250,253,255,.92) !important;
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(var(--qt-a), .24) !important;
  font:950 12px/1 var(--font-head, "Space Grotesk", system-ui) !important;
  text-align:center !important;
  box-shadow:0 0 18px rgba(var(--qt-a), .12) !important;
}

body.tools-page .quick-task-visual-letters span:nth-child(2),
body.tools-page .quick-task-visual-terminal span:nth-child(2){
  color:#06121c !important;
  background:linear-gradient(135deg, rgb(var(--qt-a)), rgb(var(--qt-b))) !important;
}

body.tools-page .quick-task-visual-particles i,
body.tools-page .quick-task-visual-grid i,
body.tools-page .quick-task-visual-nodes i,
body.tools-page .quick-task-visual-radar i{
  width:10px !important;
  height:10px !important;
  border-radius:50% !important;
  background:rgb(var(--qt-a)) !important;
  box-shadow:0 0 18px rgba(var(--qt-a), .58) !important;
  animation:quickTaskPulse 2.2s ease-in-out infinite !important;
}

body.tools-page .quick-task-visual-particles i:nth-child(2),
body.tools-page .quick-task-visual-grid i:nth-child(2),
body.tools-page .quick-task-visual-nodes i:nth-child(2),
body.tools-page .quick-task-visual-radar i:nth-child(2){ animation-delay:-.45s !important; background:rgb(var(--qt-b)) !important; }
body.tools-page .quick-task-visual-particles i:nth-child(3),
body.tools-page .quick-task-visual-grid i:nth-child(3),
body.tools-page .quick-task-visual-nodes i:nth-child(3),
body.tools-page .quick-task-visual-radar i:nth-child(3){ animation-delay:-.9s !important; background:rgb(var(--qt-c)) !important; }
body.tools-page .quick-task-visual-particles i:nth-child(4),
body.tools-page .quick-task-visual-grid i:nth-child(4){ animation-delay:-1.35s !important; }

body.tools-page .quick-task-visual-nodes b{
  position:absolute !important;
  width:86px !important;
  height:1px !important;
  background:linear-gradient(90deg, rgba(var(--qt-a), .12), rgba(var(--qt-b), .72), rgba(var(--qt-a), .12)) !important;
}

body.tools-page .tool-card-flow.quick-task-engine-flow{
  grid-template-rows:repeat(3, minmax(48px, 1fr)) !important;
  gap:7px !important;
}

body.tools-page .tool-card-flow.quick-task-engine-flow p{
  grid-template-columns:30px minmax(0, 1fr) !important;
  gap:4px 9px !important;
  padding:8px 10px !important;
  border-radius:13px !important;
  border-color:rgba(var(--qt-a), .18) !important;
  background:
    linear-gradient(90deg, rgba(var(--qt-a), .09), transparent 42%),
    rgba(3,11,25,.66) !important;
}

body.tools-page .tool-card-flow.quick-task-engine-flow p.quick-task-step-process{
  border-color:rgba(var(--qt-b), .30) !important;
  background:
    linear-gradient(90deg, rgba(var(--qt-b), .16), transparent 48%, rgba(var(--qt-a), .09)),
    rgba(4,14,30,.78) !important;
}

body.tools-page .quick-task-engine-flow .quick-task-num{
  width:30px !important;
  height:30px !important;
  border-radius:10px !important;
  background:linear-gradient(135deg, rgb(var(--qt-a)), rgb(var(--qt-b))) !important;
}

body.tools-page .tool-card-flow.quick-task-engine-flow p b{
  color:rgba(221,249,255,.96) !important;
  font-size:10.5px !important;
}

body.tools-page .tool-card-flow.quick-task-engine-flow p span:not(.quick-task-num){
  -webkit-line-clamp:2 !important;
  color:rgba(242,247,255,.88) !important;
  font-size:12.2px !important;
  line-height:1.28 !important;
  font-weight:780 !important;
}

body.tools-page .quick-task-next{
  min-height:34px !important;
  padding:8px 10px !important;
  border-color:rgba(var(--qt-a), .30) !important;
  background:rgba(3,12,25,.66) !important;
}

html body.tools-page .tool-section .cards-grid > .card.tool-card-enhanced .tool-cta::before,
html body.tools-page .tool-sections .cards-grid > .card.tool-card-enhanced .tool-cta::before,
html body .tool-section .cards-grid > .card.tool-card-enhanced .tool-cta::before{
  content:var(--tool-cta-label, "Launch AI Tool") !important;
}

html body.tools-page .tool-section .cards-grid > .card.tool-card-enhanced .tool-cta::after,
html body.tools-page .tool-sections .cards-grid > .card.tool-card-enhanced .tool-cta::after,
html body .tool-section .cards-grid > .card.tool-card-enhanced .tool-cta::after{
  content:"\2197" !important;
  background:linear-gradient(135deg, rgb(var(--qt-a, 56,232,255)), rgb(var(--qt-b, 155,140,255))) !important;
  box-shadow:0 0 22px rgba(var(--qt-a, 56,232,255), .30) !important;
}

@keyframes quickTaskScan{
  0%{ transform:translateY(0); opacity:.12; }
  18%{ opacity:.88; }
  50%{ transform:translateY(228px); opacity:.44; }
  100%{ transform:translateY(448px); opacity:.12; }
}

@keyframes quickTaskBars{
  0%,100%{ transform:scaleY(.70); opacity:.70; }
  45%{ transform:scaleY(1.08); opacity:1; }
}

@keyframes quickTaskPulse{
  0%,100%{ transform:scale(.82); opacity:.60; }
  50%{ transform:scale(1.18); opacity:1; }
}

@media (prefers-reduced-motion: reduce){
  body.tools-page .tool-output-preview.tool-output-preview-concrete::after,
  body.tools-page .quick-task-visual :is(i,span,b){
    animation:none !important;
  }
}

@media (max-width: 820px){
  body.tools-page .tool-output-preview.tool-output-preview-concrete{
    grid-template-rows:auto auto 58px auto auto !important;
  }

  body.tools-page .tool-card-flow.quick-task-engine-flow{
    grid-template-rows:auto auto auto !important;
  }

  body.tools-page .tool-card-flow.quick-task-engine-flow p span:not(.quick-task-num){
    -webkit-line-clamp:unset !important;
  }
}

/* v212: primary nav category flyouts with index-first hierarchy. */
html body .nav,
html body .nav-inner,
html body .nav-links{
  overflow:visible !important;
}

html body .nav-links{
  align-items:center !important;
}

html body .nav-group{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
}

html body .nav-main-link{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
}

html body .nav-caret{
  width:7px !important;
  height:7px !important;
  border-right:2px solid rgba(248,252,255,.52) !important;
  border-bottom:2px solid rgba(248,252,255,.52) !important;
  transform:translateY(-2px) rotate(45deg) !important;
  transition:transform .16s ease, border-color .16s ease !important;
}

html body .nav-group:hover .nav-caret,
html body .nav-group:focus-within .nav-caret,
html body .nav-group.is-active .nav-caret{
  border-color:rgba(255,255,255,.86) !important;
}

html body .nav-group.is-active .nav-main-link{
  background:rgba(var(--accent-rgb), .15) !important;
  color:#fff !important;
}

html body .nav-subpanel{
  position:absolute !important;
  top:calc(100% + 12px) !important;
  left:0 !important;
  width:min(340px, calc(100vw - 32px)) !important;
  display:grid !important;
  gap:0 !important;
  padding:14px !important;
  border:1px solid rgba(var(--accent-rgb), .24) !important;
  border-radius:20px !important;
  background:
    linear-gradient(rgba(var(--accent-rgb), .050) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--accent-rgb), .040) 1px, transparent 1px),
    radial-gradient(260px 150px at 20% 0%, rgba(var(--accent-rgb), .16), transparent 70%),
    linear-gradient(180deg, rgba(8,15,31,.98), rgba(4,10,22,.98)) !important;
  background-size:24px 24px, 24px 24px, auto, auto !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 18px 58px rgba(0,0,0,.42),
    0 0 38px rgba(var(--accent-rgb), .14) !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateY(-4px) scale(.98) !important;
  transform-origin:top left !important;
  transition:opacity .16s ease, transform .16s ease, visibility .16s ease !important;
  z-index:1220 !important;
}

html body .nav-subpanel::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:-14px !important;
  height:14px !important;
}

html body .nav-group-guides .nav-subpanel{
  width:min(320px, calc(100vw - 32px)) !important;
}

@media (min-width:1101px){
  html body .nav-group:hover .nav-subpanel,
  html body .nav-group:focus-within .nav-subpanel{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateY(0) scale(1) !important;
  }
}

html body .nav-subpanel a,
html body .nav-index-link,
html body .nav-sub-link{
  margin:0 !important;
  text-decoration:none !important;
}

html body .nav-index-link{
  position:relative !important;
  min-height:58px !important;
  display:grid !important;
  gap:3px !important;
  padding:12px 14px !important;
  border-radius:14px !important;
  border:1px solid rgba(var(--accent-rgb), .40) !important;
  background:
    radial-gradient(180px 90px at 12% 0%, rgba(var(--accent-rgb), .24), transparent 72%),
    linear-gradient(135deg, rgba(var(--accent-rgb), .19), rgba(255,255,255,.060)),
    rgba(255,255,255,.04) !important;
  color:#fff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 0 0 1px rgba(var(--accent-rgb), .08) !important;
}

html body .nav-index-link::after{
  content:"" !important;
  position:absolute !important;
  left:28px !important;
  top:calc(100% + 1px) !important;
  width:1px !important;
  height:18px !important;
  background:linear-gradient(180deg, rgba(var(--accent-rgb), .72), rgba(var(--accent-rgb), .22)) !important;
  pointer-events:none !important;
}

html body .nav-index-link strong{
  font-size:13.5px !important;
  line-height:1.16 !important;
  letter-spacing:.01em !important;
}

html body .nav-index-link span{
  color:rgba(248,252,255,.66) !important;
  font-size:12px !important;
  line-height:1.25 !important;
}

html body .nav-subgrid{
  position:relative !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:2px !important;
  margin-top:18px !important;
  padding-left:28px !important;
}

html body .nav-subgrid::before{
  content:"" !important;
  position:absolute !important;
  left:14px !important;
  top:0 !important;
  bottom:19px !important;
  width:1px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg, rgba(var(--accent-rgb), .64), rgba(255,255,255,.10)) !important;
}

html body .nav-sub-link{
  position:relative !important;
  min-height:34px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  padding:8px 10px 8px 12px !important;
  border-radius:10px !important;
  border:1px solid transparent !important;
  background:transparent !important;
  color:rgba(248,252,255,.84) !important;
  font-size:12.4px !important;
  line-height:1.15 !important;
  text-align:left !important;
  white-space:normal !important;
}

html body .nav-sub-link::before{
  content:"" !important;
  position:absolute !important;
  left:-14px !important;
  top:50% !important;
  width:14px !important;
  height:1px !important;
  background:rgba(var(--accent-rgb), .55) !important;
  pointer-events:none !important;
}

html body .nav-sub-link::after{
  content:"" !important;
  position:absolute !important;
  left:-17px !important;
  top:calc(50% - 3px) !important;
  width:7px !important;
  height:7px !important;
  border-radius:999px !important;
  background:rgb(var(--accent-rgb)) !important;
  box-shadow:0 0 14px rgba(var(--accent-rgb), .45) !important;
  opacity:.72 !important;
  pointer-events:none !important;
}

html body .nav-sub-link:hover,
html body .nav-sub-link.is-current{
  border-color:rgba(var(--accent-rgb), .34) !important;
  background:rgba(var(--accent-rgb), .105) !important;
  color:#fff !important;
}

html body .nav-sub-link:hover::after,
html body .nav-sub-link.is-current::after{
  opacity:1 !important;
}

html body .m-subnav{
  display:grid !important;
  gap:10px !important;
  width:100% !important;
  min-width:0 !important;
  order:2 !important;
}

html body .m-subnav-section{
  display:grid !important;
  gap:0 !important;
  width:100% !important;
  min-width:0 !important;
  padding:12px !important;
  border-radius:18px !important;
  border:1px solid rgba(var(--accent-rgb), .22) !important;
  background:
    radial-gradient(320px 160px at 18% 0%, rgba(var(--accent-rgb), .14), transparent 72%),
    rgba(255,255,255,.035) !important;
}

html body .m-subnav .m-label{
  margin:0 !important;
}

html body .m-subnav-index{
  position:relative !important;
  min-height:58px !important;
  display:grid !important;
  gap:3px !important;
  padding:12px !important;
  border-radius:15px !important;
  border:1px solid rgba(var(--accent-rgb), .34) !important;
  background:
    linear-gradient(135deg, rgba(var(--accent-rgb), .19), rgba(255,255,255,.06)),
    rgba(255,255,255,.035) !important;
  color:#fff !important;
  text-decoration:none !important;
  min-width:0 !important;
}

html body .m-subnav-index::after{
  content:"" !important;
  position:absolute !important;
  left:25px !important;
  top:calc(100% + 1px) !important;
  width:1px !important;
  height:16px !important;
  background:linear-gradient(180deg, rgba(var(--accent-rgb), .68), rgba(var(--accent-rgb), .20)) !important;
}

html body .m-subnav-index strong{
  font-size:13.5px !important;
  line-height:1.15 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

html body .m-subnav-index span{
  color:rgba(248,252,255,.66) !important;
  font-size:11.5px !important;
  line-height:1.25 !important;
}

html body .m-subnav-grid{
  position:relative !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:2px !important;
  margin-top:16px !important;
  padding-left:24px !important;
  min-width:0 !important;
}

html body .m-subnav-grid::before{
  content:"" !important;
  position:absolute !important;
  left:12px !important;
  top:0 !important;
  bottom:18px !important;
  width:1px !important;
  background:linear-gradient(180deg, rgba(var(--accent-rgb), .58), rgba(255,255,255,.10)) !important;
}

html body .m-subnav-link{
  position:relative !important;
  min-height:34px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  padding:8px 9px 8px 11px !important;
  border-radius:10px !important;
  border:1px solid transparent !important;
  background:transparent !important;
  color:rgba(248,252,255,.84) !important;
  font-size:11.8px !important;
  line-height:1.12 !important;
  font-weight:850 !important;
  text-align:left !important;
  text-decoration:none !important;
  min-width:0 !important;
  overflow-wrap:anywhere !important;
}

html body .m-subnav-link::before{
  content:"" !important;
  position:absolute !important;
  left:-12px !important;
  top:50% !important;
  width:12px !important;
  height:1px !important;
  background:rgba(var(--accent-rgb), .52) !important;
}

html body .m-subnav-link::after{
  content:"" !important;
  position:absolute !important;
  left:-15px !important;
  top:calc(50% - 3px) !important;
  width:7px !important;
  height:7px !important;
  border-radius:999px !important;
  background:rgb(var(--accent-rgb)) !important;
  box-shadow:0 0 12px rgba(var(--accent-rgb), .40) !important;
  opacity:.70 !important;
}

html body .m-subnav-link.is-current{
  border-color:rgba(var(--accent-rgb), .36) !important;
  background:rgba(var(--accent-rgb), .12) !important;
  color:#fff !important;
}

html body .m-menu .m-advanced-search{
  order:3 !important;
}

html body .m-menu .m-theme-block{
  order:4 !important;
}

html body .m-menu .m-lang-block{
  order:5 !important;
}

@media (max-width:420px){
  html body .m-subnav-section{
    padding:10px !important;
    gap:0 !important;
  }

  html body .m-subnav-index{
    min-height:52px !important;
    padding:10px !important;
  }

  html body .m-subnav-grid{
    gap:1px !important;
  }

  html body .m-subnav-link{
    min-height:34px !important;
    padding:7px !important;
    font-size:11.2px !important;
  }
}

/* v214: scoped SEO tool cards, lightweight and picker-driven. */
html body.tools-page .card.seo-tool-card{
  --seo-card-border:rgba(var(--accent-rgb), .32);
  --seo-card-panel:rgba(7, 13, 29, .74);
  grid-column:span 4 !important;
  min-height:620px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:18px !important;
  padding:28px !important;
  border:1px solid var(--seo-card-border) !important;
  border-radius:22px !important;
  color:rgba(250,252,255,.94) !important;
  text-decoration:none !important;
  background:
    radial-gradient(420px 240px at 18% 0%, rgba(var(--accent-rgb), .18), transparent 68%),
    linear-gradient(180deg, rgba(255,255,255,.048), rgba(255,255,255,.014)),
    rgba(3, 9, 22, .84) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 16px 42px rgba(0,0,0,.30),
    0 0 28px rgba(var(--accent-rgb), .08) !important;
  overflow:hidden !important;
  contain:layout paint !important;
  transition:border-color .16s ease, box-shadow .16s ease, transform .16s ease !important;
}

html body.tools-page .card.seo-tool-card::before,
html body.tools-page .card.seo-tool-card::after{
  content:none !important;
  display:none !important;
}

@media (hover:hover) and (prefers-reduced-motion:no-preference){
  html body.tools-page .card.seo-tool-card:hover{
    transform:translateY(-2px) !important;
    border-color:rgba(var(--accent-rgb), .46) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.10),
      0 18px 46px rgba(0,0,0,.34),
      0 0 34px rgba(var(--accent-rgb), .12) !important;
  }
}

html body.tools-page .seo-card-head{
  display:grid !important;
  grid-template-columns:74px minmax(0, 1fr) !important;
  align-items:center !important;
  gap:20px !important;
  min-width:0 !important;
}

html body.tools-page .seo-card-icon{
  width:74px !important;
  height:74px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(var(--accent-rgb), .46) !important;
  border-radius:18px !important;
  color:#061018 !important;
  font-size:30px !important;
  line-height:1 !important;
  background:
    radial-gradient(circle at 32% 20%, rgba(255,255,255,.82), rgba(255,255,255,.18) 28%, transparent 38%),
    linear-gradient(135deg, var(--accent2), var(--accent)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.46),
    0 0 24px rgba(var(--accent-rgb), .26),
    0 12px 28px rgba(0,0,0,.24) !important;
}

html body.tools-page .seo-tool-card h3{
  margin:0 !important;
  font-size:clamp(24px, 1.75vw, 32px) !important;
  line-height:1.08 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  color:rgba(255,255,255,.96) !important;
}

html body.tools-page .seo-tool-card h3 a{
  color:inherit !important;
  text-decoration:none !important;
}

html body.tools-page .seo-tool-card h3 a:focus-visible,
html body.tools-page .seo-card-chip:focus-visible,
html body.tools-page .seo-card-cta:focus-visible{
  outline:2px solid rgba(var(--accent-rgb), .72) !important;
  outline-offset:3px !important;
}

html body.tools-page .seo-card-subtitle{
  margin:8px 0 0 !important;
  font:900 13px/1.1 var(--font-head, "Space Grotesk", system-ui) !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  color:var(--accent2) !important;
  -webkit-text-fill-color:var(--accent2) !important;
}

html body.tools-page .seo-card-description{
  max-width:360px !important;
  min-height:54px !important;
  margin:8px 0 0 !important;
  color:rgba(247,249,255,.86) !important;
  font:650 18px/1.48 var(--font-body, "Space Grotesk", system-ui) !important;
  letter-spacing:0 !important;
}

html body.tools-page .card.seo-tool-card .tool-output-preview.seo-card-preview{
  min-height:220px !important;
  margin:8px 0 0 !important;
  padding:18px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:12px !important;
  border:1px solid rgba(var(--accent-rgb), .28) !important;
  border-radius:16px !important;
  background:
    radial-gradient(280px 150px at 20% 0%, rgba(var(--accent-rgb), .12), transparent 70%),
    rgba(6, 13, 28, .70) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
  overflow:hidden !important;
  transform:none !important;
}

html body.tools-page .card.seo-tool-card .tool-output-preview.seo-card-preview::before,
html body.tools-page .card.seo-tool-card .tool-output-preview.seo-card-preview::after{
  content:none !important;
  display:none !important;
}

html body.tools-page .seo-card-preview-grid{
  display:grid !important;
  gap:12px !important;
}

html body.tools-page .seo-preview-row{
  display:grid !important;
  gap:7px !important;
  padding:13px 14px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:12px !important;
  background:rgba(1,7,18,.48) !important;
}

html body.tools-page .seo-preview-row span,
html body.tools-page .seo-density-line span,
html body.tools-page .seo-card-useful span{
  color:var(--accent2) !important;
  -webkit-text-fill-color:var(--accent2) !important;
  font:900 11px/1 var(--font-head, "Space Grotesk", system-ui) !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
}

html body.tools-page .seo-preview-row code{
  display:block !important;
  color:rgba(250,252,255,.90) !important;
  font:800 13.5px/1.45 ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}

html body.tools-page .seo-preview-output code{
  color:rgba(180,255,207,.94) !important;
}

html body.tools-page .seo-preview-arrow{
  align-self:center !important;
  justify-self:center !important;
  color:var(--accent2) !important;
  font-size:22px !important;
  line-height:1 !important;
}

html body.tools-page .seo-density-line{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto !important;
  align-items:center !important;
  gap:10px !important;
  padding:14px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:12px !important;
  background:rgba(1,7,18,.48) !important;
}

html body.tools-page .seo-density-line strong{
  grid-column:1 / 2 !important;
  color:rgba(180,255,207,.96) !important;
  font:900 30px/1 var(--font-head, "Space Grotesk", system-ui) !important;
}

html body.tools-page .seo-density-line i{
  grid-column:1 / -1 !important;
  height:8px !important;
  border-radius:999px !important;
  background:
    linear-gradient(90deg, rgba(180,255,207,.92) 0 48%, rgba(255,255,255,.10) 48% 100%) !important;
}

html body.tools-page .seo-serp-mini{
  display:grid !important;
  gap:6px !important;
  padding:16px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:14px !important;
  background:rgba(1,7,18,.48) !important;
}

html body.tools-page .seo-serp-mini span{
  color:rgba(255,255,255,.92) !important;
  font:850 14px/1.2 var(--font-head, "Space Grotesk", system-ui) !important;
}

html body.tools-page .seo-serp-mini small{
  color:rgba(185,190,212,.76) !important;
  font:650 13px/1.35 var(--font-body, "Space Grotesk", system-ui) !important;
}

html body.tools-page .seo-serp-mini strong{
  margin-top:6px !important;
  color:var(--accent2) !important;
  font:850 17px/1.25 var(--font-head, "Space Grotesk", system-ui) !important;
}

html body.tools-page .seo-serp-mini p{
  margin:4px 0 0 !important;
  color:rgba(239,243,255,.76) !important;
  font:600 14px/1.45 var(--font-body, "Space Grotesk", system-ui) !important;
}

html body.tools-page .seo-card-useful{
  min-height:44px !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  padding:11px 14px !important;
  border:1px solid rgba(var(--accent-rgb), .20) !important;
  border-radius:13px !important;
  background:rgba(255,255,255,.035) !important;
}

html body.tools-page .seo-card-useful strong{
  color:rgba(250,252,255,.88) !important;
  font:850 14px/1.15 var(--font-head, "Space Grotesk", system-ui) !important;
}

html body.tools-page .seo-tool-card .tool-mini-features.seo-card-chips{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin:0 !important;
  min-height:86px !important;
  align-content:start !important;
}

html body.tools-page .seo-card-chip{
  min-height:38px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  max-width:100% !important;
  padding:9px 13px !important;
  border:1px solid rgba(var(--accent-rgb), .28) !important;
  border-radius:999px !important;
  color:rgba(250,252,255,.88) !important;
  -webkit-text-fill-color:rgba(250,252,255,.88) !important;
  text-decoration:none !important;
  font:900 12.5px/1 var(--font-head, "Space Grotesk", system-ui) !important;
  text-transform:uppercase !important;
  letter-spacing:.02em !important;
  background:rgba(255,255,255,.035) !important;
  cursor:pointer !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07) !important;
  transition:background .15s ease, color .15s ease, border-color .15s ease !important;
}

html body.tools-page .seo-card-chip b{
  display:inline-grid !important;
  place-items:center !important;
  width:18px !important;
  height:18px !important;
  color:var(--accent2) !important;
  -webkit-text-fill-color:var(--accent2) !important;
  font-size:14px !important;
  line-height:1 !important;
}

html body.tools-page .seo-card-chip:hover,
html body.tools-page .seo-card-chip:focus-visible,
html body.tools-page .seo-card-chip:active{
  border-color:rgba(var(--accent-rgb), .48) !important;
  background:rgba(var(--accent-rgb), .16) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

html body.tools-page .seo-card-cta{
  min-height:66px !important;
  margin-top:auto !important;
  display:grid !important;
  align-content:center !important;
  justify-items:center !important;
  gap:4px !important;
  padding:13px 16px !important;
  border:1px solid rgba(var(--accent-rgb), .40) !important;
  border-radius:16px !important;
  color:rgba(250,252,255,.96) !important;
  -webkit-text-fill-color:rgba(250,252,255,.96) !important;
  text-align:center !important;
  text-decoration:none !important;
  background:
    linear-gradient(180deg, rgba(var(--accent-rgb), .28), rgba(var(--accent-rgb), .11)),
    rgba(255,255,255,.035) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 0 22px rgba(var(--accent-rgb), .11) !important;
  transition:background .15s ease, color .15s ease, border-color .15s ease, transform .15s ease !important;
}

html body.tools-page .seo-card-cta span{
  font:950 17px/1.08 var(--font-head, "Space Grotesk", system-ui) !important;
}

html body.tools-page .seo-card-cta small{
  color:rgba(245,248,255,.66) !important;
  -webkit-text-fill-color:rgba(245,248,255,.66) !important;
  font:750 12.5px/1.15 var(--font-body, "Space Grotesk", system-ui) !important;
}

html body.tools-page .seo-card-cta:hover,
html body.tools-page .seo-card-cta:focus-visible{
  border-color:rgba(var(--accent-rgb), .62) !important;
  color:#061018 !important;
  -webkit-text-fill-color:#061018 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.70), rgba(255,255,255,.20)),
    linear-gradient(135deg, var(--accent2), var(--accent)) !important;
  transform:translateY(-1px) !important;
}

html body.tools-page .seo-card-cta:hover small,
html body.tools-page .seo-card-cta:focus-visible small{
  color:rgba(6,17,31,.74) !important;
  -webkit-text-fill-color:rgba(6,17,31,.74) !important;
}

@media (prefers-reduced-motion:reduce){
  html body.tools-page .card.seo-tool-card,
  html body.tools-page .seo-card-chip,
  html body.tools-page .seo-card-cta{
    transition:none !important;
  }
}

@media (max-width:1180px){
  html body.tools-page .card.seo-tool-card{
    grid-column:span 6 !important;
  }
}

@media (max-width:720px){
  html body.tools-page .card.seo-tool-card{
    grid-column:1 / -1 !important;
    min-height:0 !important;
    padding:20px !important;
    gap:15px !important;
    border-radius:18px !important;
  }

  html body.tools-page .seo-card-head{
    grid-template-columns:58px minmax(0, 1fr) !important;
    gap:14px !important;
  }

  html body.tools-page .seo-card-icon{
    width:58px !important;
    height:58px !important;
    border-radius:15px !important;
    font-size:24px !important;
  }

  html body.tools-page .seo-tool-card h3{
    font-size:clamp(22px, 8vw, 28px) !important;
  }

  html body.tools-page .seo-card-description{
    max-width:none !important;
    min-height:0 !important;
    font-size:16px !important;
  }

  html body.tools-page .card.seo-tool-card .tool-output-preview.seo-card-preview{
    min-height:0 !important;
    padding:14px !important;
  }

  html body.tools-page .seo-card-useful{
    flex-wrap:wrap !important;
  }

  html body.tools-page .seo-tool-card .tool-mini-features.seo-card-chips{
    min-height:0 !important;
  }

  html body.tools-page .seo-card-chip{
    flex:1 1 calc(50% - 8px) !important;
    min-width:0 !important;
    white-space:normal !important;
    line-height:1.14 !important;
  }

  html body.tools-page .seo-card-cta{
    min-height:62px !important;
  }
}

@media (max-width:430px){
  html body.tools-page .seo-card-chip{
    flex-basis:100% !important;
  }
}