/* SEO & KI Autopilot 1.5.7 · WebSEO Command Center */
:root {
  --cc-void: #020817;
  --cc-deep: #041126;
  --cc-navy: #061a35;
  --cc-panel: #08213f;
  --cc-panel-strong: #0b294c;
  --cc-panel-soft: #0d3158;
  --cc-blue: #2d77ff;
  --cc-blue-bright: #45a2ff;
  --cc-cyan: #41c7ff;
  --cc-mint: #70f2c5;
  --cc-mint-strong: #42dca9;
  --cc-white: #f5faff;
  --cc-text: #cfdded;
  --cc-muted: #91a9c1;
  --cc-line: rgb(116 169 230 / 18%);
  --cc-line-strong: rgb(116 189 255 / 31%);
  --cc-shadow: 0 24px 70px rgb(0 3 13 / 46%);
  --cc-glow-blue: 0 0 0 1px rgb(72 151 255 / 10%), 0 20px 60px rgb(10 92 230 / 14%);
  color-scheme: dark;
}

html { min-width: 0; background: var(--cc-void); }

.marketing-body,
.app-body,
.auth-body,
.install-body {
  --brand-ink: var(--cc-white);
  --brand-muted: var(--cc-muted);
  --brand-line: var(--cc-line);
  --brand-paper: var(--cc-deep);
  --ink-900: var(--cc-white);
  --ink-800: var(--cc-text);
  --slate-700: var(--cc-text);
  --slate-600: var(--cc-muted);
  --canvas-050: var(--cc-deep);
  --surface-000: var(--cc-panel);
  --surface-100: var(--cc-panel-strong);
  --line-200: var(--cc-line);
  --line-400: var(--cc-line-strong);
  min-height: 100vh;
  background:
    radial-gradient(circle at 82% -5%, rgb(45 119 255 / 15%), transparent 31rem),
    radial-gradient(circle at 8% 88%, rgb(55 215 190 / 7%), transparent 32rem),
    var(--cc-deep);
  color: var(--cc-text);
}

.marketing-body h1,
.marketing-body h2,
.marketing-body h3,
.marketing-body h4,
.app-body h1,
.app-body h2,
.app-body h3,
.app-body h4,
.auth-body h1,
.auth-body h2,
.auth-body h3,
.install-body h1,
.install-body h2,
.install-body h3 { color: var(--cc-white); }

.brand-logo-frame,
.marketing-body .marketing-brand-mark,
.app-header-brand .brand-logo-frame,
.auth-product-brand .brand-logo-frame {
  display: grid;
  place-items: center;
  overflow: visible;
  border: 0;
  border-radius: 13px;
  background: transparent;
  box-shadow: 0 8px 26px rgb(20 97 255 / 22%);
}

.brand-logo-frame img,
.marketing-body .marketing-brand-mark img,
.app-body .brand-logo-frame img,
.auth-body .brand-logo-frame img,
.install-body .brand-logo-frame img,
.app-header-brand img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
}

/* Public website */
.marketing-body {
  --showcase-navy: var(--cc-deep);
  --showcase-navy-blue: var(--cc-navy);
  --showcase-primary: var(--cc-blue);
  --showcase-primary-hover: #1c61e0;
  --showcase-blue: var(--cc-blue);
  --showcase-blue-light: var(--cc-blue-bright);
  --showcase-cyan: var(--cc-cyan);
  --showcase-mint: var(--cc-mint);
  --showcase-mint-hover: #97f7d7;
  --showcase-soft-blue: rgb(45 119 255 / 14%);
  --showcase-page: var(--cc-deep);
  --showcase-white: var(--cc-panel);
  --showcase-ink: var(--cc-white);
  --showcase-text: var(--cc-text);
  --showcase-muted: var(--cc-muted);
  --showcase-line: var(--cc-line);
  --showcase-line-strong: var(--cc-line-strong);
  --showcase-shadow: var(--cc-shadow);
  --showcase-shadow-soft: 0 16px 44px rgb(0 5 18 / 30%);
  background: var(--cc-deep);
  color: var(--cc-text);
}

.marketing-body main {
  background:
    linear-gradient(rgb(80 146 221 / 3%) 1px, transparent 1px),
    linear-gradient(90deg, rgb(80 146 221 / 3%) 1px, transparent 1px),
    var(--cc-deep);
  background-size: 64px 64px;
}

.marketing-body .marketing-header {
  min-height: 76px;
  border-bottom: 1px solid var(--cc-line);
  background: rgb(3 13 30 / 88%);
  box-shadow: 0 12px 36px rgb(0 3 12 / 22%);
  backdrop-filter: blur(22px) saturate(140%);
}

.marketing-body .marketing-header.is-scrolled { background: rgb(2 8 23 / 95%); box-shadow: 0 16px 42px rgb(0 3 13 / 42%); }
.marketing-body .marketing-nav-shell { width: min(1450px, calc(100% - 56px)); min-height: 76px; }
.marketing-body .marketing-brand { color: var(--cc-white); }
.marketing-body .marketing-brand-mark { width: 46px; height: 46px; }
.marketing-body .marketing-brand-copy strong { color: var(--cc-white); font-size: 16px; letter-spacing: -.02em; }
.marketing-body .marketing-brand-copy small { color: var(--cc-mint); font-size: 9px; letter-spacing: .18em; }
.marketing-body .marketing-nav > a:not(.marketing-button) { color: #a9bdd2; }
.marketing-body .marketing-nav > a:not(.marketing-button):hover,
.marketing-body .marketing-nav > a[aria-current="page"] { color: var(--cc-white); }
.marketing-body .marketing-nav > a:not(.marketing-button)::after { background: linear-gradient(90deg, var(--cc-blue), var(--cc-mint)); box-shadow: 0 0 12px rgb(70 171 255 / 55%); }
.marketing-body .marketing-login { border-color: var(--cc-line-strong); background: rgb(7 29 57 / 52%); color: var(--cc-white); }
.marketing-body .marketing-login:hover { border-color: var(--cc-blue-bright); background: rgb(45 119 255 / 12%); color: var(--cc-white); }
.marketing-body .marketing-menu-button { border-color: var(--cc-line-strong); background: var(--cc-panel); }
.marketing-body .marketing-menu-button span { background: var(--cc-white); }

.marketing-body .marketing-button-primary,
.marketing-body .showcase-button-primary {
  background: linear-gradient(135deg, #1f62e5, var(--cc-blue));
  color: #fff;
  box-shadow: 0 12px 34px rgb(31 98 229 / 31%), inset 0 1px rgb(255 255 255 / 16%);
}
.marketing-body .marketing-button-primary:hover,
.marketing-body .showcase-button-primary:hover { background: linear-gradient(135deg, #2c73fb, #4499ff); }
.marketing-body .marketing-button.marketing-button-outline,
.marketing-body .showcase-button-outline,
.marketing-body .showcase-button-ghost { border-color: var(--cc-line-strong); background: rgb(10 39 73 / 58%); color: var(--cc-white); box-shadow: inset 0 1px rgb(255 255 255 / 5%); }

.mpu-hero,
.product-page-hero {
  background:
    radial-gradient(ellipse 56% 75% at 82% 15%, rgb(45 119 255 / 30%), transparent 68%),
    radial-gradient(ellipse 44% 55% at 14% 94%, rgb(77 232 191 / 12%), transparent 72%),
    linear-gradient(135deg, #020a19 0%, #061a35 50%, #082b59 100%);
}
.mpu-hero::after,
.product-page-hero::after {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgb(96 159 228 / 5%) 1px, transparent 1px), linear-gradient(90deg, rgb(96 159 228 / 5%) 1px, transparent 1px);
  background-size: 56px 56px;
  content: "";
  mask-image: radial-gradient(ellipse 75% 85% at 54% 45%, #000, transparent 78%);
  pointer-events: none;
}
.mpu-hero-grid { width: min(1500px, 100%); min-height: 820px; grid-template-columns: minmax(0, 1.04fr) minmax(500px, .96fr); gap: clamp(48px, 6vw, 92px); padding: 76px 56px 58px; }
.mpu-hero-copy h1 { max-width: 940px; font-size: clamp(2.65rem, 4.65vw, 4.85rem); line-height: 1.01; letter-spacing: -.055em; }
.mpu-hero-lead { max-width: 730px; color: #bfd0e3; font-size: clamp(1rem, 1.2vw, 1.16rem); line-height: 1.72; }
.showcase-pill { border-color: rgb(112 242 197 / 24%); background: rgb(27 109 98 / 16%); color: #dcfff3; }
.mpu-hero-stats { border-color: var(--cc-line); }
.mpu-hero-stats dt { color: var(--cc-mint); }
.mpu-hero-stats dd,
.mpu-expert-proof small { color: #96aec5; }
.mpu-proof-stack i { border-color: #0a2341; box-shadow: 0 8px 24px rgb(0 4 16 / 45%); }

.hero-command-center { position: relative; z-index: 2; width: min(860px, 100%); margin: 0; justify-self: end; transform: perspective(1300px) rotateY(-3deg) rotateX(1deg); transform-origin: center right; }
.hero-command-center::before { position: absolute; inset: 7% 2% -5% 9%; z-index: -1; border-radius: 40px; background: rgb(31 111 255 / 34%); filter: blur(55px); content: ""; }
.hero-command-center-frame { position: relative; overflow: hidden; border: 1px solid rgb(111 183 255 / 36%); border-radius: 25px; background: #020b18; padding: 8px; box-shadow: 0 36px 90px rgb(0 3 14 / 62%), inset 0 1px rgb(255 255 255 / 10%); }
.hero-command-center-frame::before { position: absolute; z-index: 1; top: 0; right: 8%; left: 8%; height: 2px; background: linear-gradient(90deg, transparent, var(--cc-blue-bright), var(--cc-mint), transparent); content: ""; }
.hero-command-center img { display: block; width: 100%; height: auto; border-radius: 17px; }
.hero-command-center figcaption { position: absolute; right: 24px; bottom: -26px; display: grid; min-width: 285px; gap: 3px; border: 1px solid var(--cc-line-strong); border-radius: 14px; background: rgb(4 22 46 / 91%); padding: 13px 16px; box-shadow: 0 18px 44px rgb(0 3 13 / 46%); backdrop-filter: blur(18px); }
.hero-command-center figcaption span { display: flex; align-items: center; gap: 7px; color: var(--cc-mint); font-size: 10px; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; }
.hero-command-center figcaption i { width: 7px; height: 7px; border-radius: 50%; background: var(--cc-mint); box-shadow: 0 0 12px var(--cc-mint); }
.hero-command-center figcaption strong { color: var(--cc-white); font-size: 12px; }

.seo-check-card {
  max-width: 650px;
  margin-top: 34px;
  border: 1px solid var(--cc-line-strong);
  border-radius: 24px;
  background: linear-gradient(155deg, rgb(11 42 78 / 96%), rgb(5 23 47 / 98%));
  color: var(--cc-text);
  box-shadow: 0 0 0 1px rgb(52 127 255 / 8%), 0 36px 90px rgb(0 3 14 / 55%), 0 0 90px rgb(30 105 238 / 12%);
}
.seo-check-card::before { position: absolute; top: 0; right: 24px; left: 24px; height: 2px; background: linear-gradient(90deg, transparent, var(--cc-blue-bright), var(--cc-mint), transparent); content: ""; }
.seo-check-eyebrow { border: 1px solid rgb(112 242 197 / 20%); background: rgb(33 167 132 / 12%); color: var(--cc-mint); }
.seo-check-card h2,
.seo-check-question,
.seo-check-result h3 { color: var(--cc-white); }
.seo-check-head > p:last-child,
.seo-check-result > p:not(.seo-check-eyebrow) { color: var(--cc-muted); }
.seo-check-progress { background: rgb(106 156 216 / 16%); }
.seo-check-progress span { background: linear-gradient(90deg, var(--cc-blue), var(--cc-cyan), var(--cc-mint)); box-shadow: 0 0 18px rgb(65 199 255 / 50%); }
.seo-check-options button { border-color: var(--cc-line); background: rgb(4 20 42 / 62%); color: var(--cc-text); }
.seo-check-options button:hover,
.seo-check-options button.is-selected { border-color: var(--cc-blue-bright); background: rgb(45 119 255 / 12%); color: var(--cc-white); box-shadow: inset 3px 0 var(--cc-mint); }
.seo-check-options button span { border-color: #557391; background: #071a33; }
.seo-check-options button.is-selected span { border-color: var(--cc-mint); background: var(--cc-mint); box-shadow: inset 0 0 0 4px #08213f, 0 0 12px rgb(112 242 197 / 40%); }
.seo-check-back { border-color: var(--cc-line-strong); background: var(--cc-deep); color: var(--cc-text); }
.seo-check-next { border-color: transparent; background: var(--cc-blue); color: #fff; }
.seo-check-score { color: var(--cc-mint); text-shadow: 0 0 24px rgb(112 242 197 / 28%); }
.mpu-trust-chip { border-color: var(--cc-line-strong); background: rgb(7 31 59 / 68%); }

.showcase-selftest-grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(500px, 1.15fr); align-items: center; gap: clamp(50px, 8vw, 112px); }
.showcase-selftest-grid .seo-check-card { margin: 0; justify-self: end; }
.showcase-selftest-grid .showcase-simple-list { margin-top: 28px; }
.showcase-command-center-section { border-block: 1px solid var(--cc-line); background: radial-gradient(circle at 70% 30%, rgb(45 119 255 / 12%), transparent 36rem), #030d1e; }
.command-center-wide { position: relative; margin: 0; border: 1px solid var(--cc-line-strong); border-radius: 26px; background: linear-gradient(145deg, #0b2a50, #031126); padding: 9px; box-shadow: 0 36px 90px rgb(0 3 14 / 55%), 0 0 90px rgb(45 119 255 / 10%); }
.command-center-wide::before { position: absolute; inset: -1px 12% auto; height: 2px; background: linear-gradient(90deg, transparent, var(--cc-blue-bright), var(--cc-mint), transparent); content: ""; }
.command-center-wide img { display: block; width: 100%; height: auto; border-radius: 18px; }
.command-center-wide figcaption { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; overflow: hidden; margin-top: 9px; border: 1px solid var(--cc-line); border-radius: 12px; background: var(--cc-line); }
.command-center-wide figcaption span { display: flex; min-height: 46px; align-items: center; justify-content: center; background: #061a35; padding: 10px; color: var(--cc-text); font-size: 11px; font-weight: 650; text-align: center; }
.command-center-wide figcaption span::before { width: 6px; height: 6px; margin-right: 8px; border-radius: 50%; background: var(--cc-mint); box-shadow: 0 0 10px rgb(112 242 197 / 50%); content: ""; }

.mpu-trust-strip,
.page-proof-strip { border-color: var(--cc-line); background: #06162d; }
.mpu-trust-grid div,
.page-proof-grid div { border-color: var(--cc-line); }
.mpu-trust-grid strong,
.page-proof-grid strong { color: var(--cc-mint); }
.mpu-trust-grid span,
.page-proof-grid span { color: var(--cc-muted); }

.showcase-section,
.showcase-section-soft,
.faq-page-section,
.public-page,
.public-page-intro { background: var(--cc-deep); color: var(--cc-text); }
.showcase-section:nth-of-type(even),
.showcase-section-soft { background: #05152b; }
.showcase-section-gradient,
.showcase-section-navy { background: linear-gradient(135deg, #06152d, #082c57 58%, #0b3966); }
.showcase-section-gradient::before { position: absolute; inset: 0; background: radial-gradient(circle at 15% 100%, rgb(112 242 197 / 9%), transparent 34rem); content: ""; pointer-events: none; }
.showcase-section-gradient > * { position: relative; }
.showcase-heading > p,
.showcase-heading-center > p:last-child,
.showcase-lead,
.showcase-faq-grid > div:first-child > p:not(.showcase-overline) { color: var(--cc-muted); }
.showcase-overline,
.showcase-card-label,
.showcase-text-link,
.showcase-path-grid a { color: var(--cc-mint); }
.showcase-text-link:hover,
.showcase-path-grid a:hover { color: #b2ffe6; }

.showcase-story-media,
.product-page-visual,
.page-media-card {
  border: 1px solid var(--cc-line-strong);
  border-radius: 24px;
  background: linear-gradient(145deg, rgb(16 49 88 / 82%), rgb(4 18 38 / 90%));
  padding: 9px;
  box-shadow: var(--cc-shadow), 0 0 70px rgb(42 117 255 / 10%);
}
.showcase-story-media > img,
.product-page-visual img,
.page-media-card img { border-radius: 16px; }
.showcase-story-float { border-color: var(--cc-line-strong); background: rgb(7 29 57 / 94%); box-shadow: var(--cc-shadow); backdrop-filter: blur(18px); }
.showcase-story-float strong { color: var(--cc-mint); }
.showcase-story-float span { color: var(--cc-muted); }
.showcase-check-list li,
.showcase-simple-list li { border-color: var(--cc-line); }
.showcase-check-list li > span,
.feature-token,
.showcase-module-grid article > span,
.solution-grid article > span { border: 1px solid rgb(63 137 255 / 23%); background: rgb(45 119 255 / 14%); color: var(--cc-cyan); }
.showcase-check-list strong,
.showcase-simple-list strong { color: var(--cc-white); }
.showcase-check-list p,
.showcase-simple-list span { color: var(--cc-muted); }

.showcase-feature-grid article,
.showcase-path-grid article,
.solution-grid article,
.process-timeline li,
.value-grid article,
.showcase-price-card,
.showcase-empty,
.showcase-module-grid,
.showcase-verification-card,
.no-tech-panel,
.experience-panel dl,
.public-page-intro > .public-page-shell,
.public-page-hero,
.public-content-card {
  border-color: var(--cc-line);
  background: linear-gradient(150deg, rgb(10 35 67 / 94%), rgb(5 22 45 / 96%));
  color: var(--cc-text);
  box-shadow: var(--cc-glow-blue);
}
.showcase-feature-grid article,
.showcase-path-grid article,
.solution-grid article,
.process-timeline li,
.value-grid article,
.showcase-price-card { position: relative; overflow: hidden; }
.showcase-feature-grid article::before,
.showcase-path-grid article::before,
.solution-grid article::before,
.value-grid article::before,
.showcase-price-card::before { position: absolute; top: 0; right: 0; left: 0; height: 2px; background: linear-gradient(90deg, var(--cc-blue), var(--cc-cyan), transparent 76%); content: ""; opacity: .82; }
.showcase-feature-grid article:hover,
.showcase-path-grid article:hover,
.solution-grid article:hover,
.value-grid article:hover { transform: translateY(-4px); border-color: var(--cc-line-strong); box-shadow: 0 24px 60px rgb(0 3 14 / 45%), 0 0 38px rgb(45 119 255 / 12%); }
.showcase-feature-grid p,
.showcase-path-grid p:not(.showcase-card-label),
.solution-grid p,
.value-grid p,
.process-timeline p:not(.showcase-card-label),
.showcase-price-card > p:not(.showcase-card-label):not(.showcase-price-label):not(.showcase-price),
.showcase-price-footnote,
.showcase-empty p,
.experience-panel dd,
.no-tech-panel p:last-child { color: var(--cc-muted); }
.solution-grid li,
.no-tech-steps span,
.showcase-price strong,
.showcase-price-card dd,
.showcase-empty strong { color: var(--cc-white); }
.showcase-feature-grid small,
.process-timeline small,
.experience-panel dt { color: var(--cc-mint); }
.showcase-path-grid img { border-bottom: 1px solid var(--cc-line); }
.showcase-step-grid li { border-color: var(--cc-line-strong); background: linear-gradient(150deg, rgb(15 52 94 / 76%), rgb(4 22 46 / 72%)); box-shadow: inset 0 1px rgb(255 255 255 / 5%); }
.showcase-step-grid li > span { background: linear-gradient(135deg, var(--cc-cyan), var(--cc-mint)); box-shadow: 0 0 24px rgb(82 224 198 / 28%); }
.showcase-module-grid article { border-color: var(--cc-line); }
.showcase-module-grid p { color: var(--cc-muted); }
.showcase-verification-tabs { border-color: var(--cc-line); background: var(--cc-deep); }
.showcase-verification-tabs button { border-color: var(--cc-line); color: var(--cc-muted); }
.showcase-verification-tabs button[aria-selected="true"] { background: var(--cc-panel-strong); color: var(--cc-white); box-shadow: inset 0 3px var(--cc-mint); }
.showcase-verification-content > p:not(.showcase-card-label):last-child { color: var(--cc-muted); }
.showcase-verification-content pre { border: 1px solid var(--cc-line); background: #020b19; color: var(--cc-mint); }
.no-tech-steps div { border: 1px solid var(--cc-line); background: rgb(3 17 36 / 64%); }
.no-tech-steps strong { color: var(--cc-cyan); }
.experience-panel dl div,
.showcase-price,
.showcase-price-card dl div { border-color: var(--cc-line); }
.process-timeline li::after { border-color: var(--cc-blue); opacity: .5; }
.process-timeline li > span { background: linear-gradient(135deg, var(--cc-blue), var(--cc-cyan)); box-shadow: 0 0 26px rgb(45 119 255 / 28%); }
.value-grid article > span { background: rgb(112 242 197 / 12%); color: var(--cc-mint); }
.showcase-price-card.is-recommended { border-color: rgb(78 154 255 / 68%); box-shadow: 0 28px 70px rgb(0 4 17 / 48%), 0 0 54px rgb(45 119 255 / 15%); }
.showcase-price-label { background: linear-gradient(135deg, var(--cc-blue), #5148da); }
.showcase-price span,
.showcase-price-card dt { color: var(--cc-muted); }

.public-page-intro { border-color: var(--cc-line); background: radial-gradient(circle at 82% 0%, rgb(45 119 255 / 16%), transparent 40%), #05142a; }
.public-page-intro > .public-page-shell,
.public-page-hero { backdrop-filter: blur(18px); }
.public-page-intro h1 span { color: var(--cc-mint); }
.public-page-intro h1,
.public-page-hero h1,
.product-page-hero h1 { overflow-wrap: anywhere; hyphens: auto; }
.public-page-intro p:last-child,
.public-page-hero > p:last-child { color: var(--cc-text); }
.product-page-visual-light { background: rgb(8 33 63 / 92%); }
.public-content-card { padding: clamp(28px, 4vw, 54px); }
.legal-content-card h2 { border-color: var(--cc-line); }
.legal-content-card p,
.legal-content-card li { color: var(--cc-text); }
.faq-category-grid aside nav { border-color: var(--cc-line); background: var(--cc-panel); }
.faq-category-grid aside a { border-color: var(--cc-line); color: var(--cc-text); }
.faq-category-grid aside a:hover { background: var(--cc-panel-strong); color: var(--cc-mint); }
.showcase-faq { border-color: var(--cc-line-strong); }
.showcase-faq details { border-color: var(--cc-line); background: transparent; }
.showcase-faq summary { color: var(--cc-white); }
.showcase-faq summary::after { border: 1px solid var(--cc-line); background: rgb(45 119 255 / 13%); color: var(--cc-cyan); }
.showcase-faq details p { color: var(--cc-muted); }
.showcase-final-cta { border-block: 1px solid var(--cc-line); background: radial-gradient(circle at 85% 20%, rgb(112 242 197 / 12%), transparent 30rem), linear-gradient(130deg, #082451, #07356c 54%, #041126); }

.marketing-body .marketing-footer { border-top: 1px solid var(--cc-line); background: #020a18; color: var(--cc-muted); }
.marketing-body .marketing-footer-grid { width: min(1400px, 100%); }
.marketing-body .marketing-footer-grid > div:first-child p { color: var(--cc-muted); }
.marketing-body .marketing-footer-grid a:not(.marketing-brand) { color: #8fa9c1; }
.marketing-body .marketing-footer-bottom { width: min(1400px, 100%); border-color: var(--cc-line); color: #67839e; }

/* Portal and administration */
.app-body,
.auth-body,
.install-body {
  --portal-navy: var(--cc-deep);
  --portal-navy-blue: var(--cc-navy);
  --portal-primary: var(--cc-blue);
  --portal-primary-hover: #1e62dc;
  --portal-blue: var(--cc-blue);
  --portal-blue-light: var(--cc-blue-bright);
  --portal-cyan: var(--cc-cyan);
  --portal-mint: var(--cc-mint);
  --portal-soft-blue: rgb(45 119 255 / 12%);
  --portal-page: var(--cc-deep);
  --portal-card: var(--cc-panel);
  --portal-ink: var(--cc-white);
  --portal-text: var(--cc-text);
  --portal-muted: var(--cc-muted);
  --portal-line: var(--cc-line);
  --portal-line-strong: var(--cc-line-strong);
  --portal-shadow: 0 15px 42px rgb(0 3 13 / 27%);
  --portal-shadow-lg: var(--cc-shadow);
}
.app-body { background: var(--cc-deep); color: var(--cc-text); }
.app-shell { grid-template-columns: var(--portal-sidebar-width) minmax(0, 1fr); grid-template-rows: var(--portal-header-height) minmax(0, 1fr); background: var(--cc-deep); }
.app-header {
  grid-column: 2;
  border-color: var(--cc-line);
  background: rgb(3 15 33 / 94%);
  box-shadow: 0 12px 34px rgb(0 3 13 / 27%);
  backdrop-filter: blur(22px) saturate(135%);
}
.app-header-brand { display: none; color: var(--cc-white); }
.app-header-brand .brand-logo-frame { width: 44px; height: 44px; }
.app-header-brand strong { color: var(--cc-white); }
.app-header-brand small { color: var(--cc-mint); }
.context-picker { border-color: var(--cc-line); }
.context-picker strong { color: var(--cc-white); }
.context-picker span { color: var(--cc-muted); }
.header-search::before { color: var(--cc-muted); }
.search-input,
.field input,
.field select,
.field textarea,
.form-field input,
.form-field select,
.form-field textarea,
.admin-control-row input,
.admin-control-row select,
.form-stack input,
.form-stack select,
.form-stack textarea,
.inline-form input,
.inline-form select,
.inline-form textarea {
  border-color: var(--cc-line-strong);
  background: rgb(3 18 39 / 75%);
  color: var(--cc-white);
  box-shadow: inset 0 1px rgb(255 255 255 / 4%);
}
.search-input::placeholder,
.field input::placeholder,
.field textarea::placeholder,
.form-stack input::placeholder,
.form-stack textarea::placeholder,
.inline-form input::placeholder,
.inline-form textarea::placeholder { color: #6e89a4; }
.search-input:focus,
.field input:focus,
.field select:focus,
.field textarea:focus,
.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus,
.form-stack input:focus,
.form-stack select:focus,
.form-stack textarea:focus,
.inline-form input:focus,
.inline-form select:focus,
.inline-form textarea:focus { border-color: var(--cc-blue-bright); outline-color: rgb(45 119 255 / 18%); background: #061b37; }
.icon-button { border-color: var(--cc-line); background: rgb(8 34 65 / 76%); color: var(--cc-text); }
.icon-button:hover { border-color: var(--cc-line-strong); background: rgb(45 119 255 / 13%); color: var(--cc-cyan); }
.notification-count { border-color: var(--cc-deep); background: var(--cc-blue); }
.user-chip { color: var(--cc-white); }
.user-chip:hover { background: rgb(45 119 255 / 10%); color: var(--cc-mint); }
.user-avatar { background: linear-gradient(145deg, var(--cc-blue), #3cb8e7); box-shadow: 0 0 20px rgb(45 119 255 / 24%); }

.app-sidebar {
  top: 0;
  grid-row: 1 / 3;
  height: 100vh;
  border-color: var(--cc-line);
  background:
    radial-gradient(circle at 50% -10%, rgb(45 119 255 / 19%), transparent 18rem),
    linear-gradient(180deg, #020a19, #04142c 58%, #031023);
  box-shadow: 12px 0 42px rgb(0 3 13 / 30%);
}
.sidebar-brand { display: flex; min-height: 62px; align-items: center; gap: 11px; margin: 0 2px 18px; border-bottom: 1px solid var(--cc-line); padding: 2px 8px 16px; color: var(--cc-white); text-decoration: none; }
.sidebar-brand .brand-logo-frame { width: 42px; height: 42px; }
.sidebar-brand > span:last-child { display: grid; min-width: 0; line-height: 1.15; }
.sidebar-brand strong { overflow: hidden; color: var(--cc-white); font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.sidebar-brand small { margin-top: 4px; color: var(--cc-muted); font-size: 9px; }
.app-nav a { color: #91a8c0; }
.app-nav a:hover { background: rgb(45 119 255 / 9%); color: var(--cc-white); }
.app-nav a[aria-current="page"] { border-color: rgb(89 161 255 / 24%); background: linear-gradient(135deg, rgb(38 102 225 / 88%), rgb(32 73 159 / 78%)); color: #fff; box-shadow: inset 3px 0 var(--cc-mint), 0 12px 28px rgb(11 73 184 / 22%); }
.nav-icon { border: 1px solid rgb(116 169 230 / 10%); background: rgb(83 143 208 / 8%); color: var(--cc-cyan); }
.app-nav a[aria-current="page"] .nav-icon { border-color: rgb(255 255 255 / 11%); background: rgb(255 255 255 / 10%); color: var(--cc-mint); }
.nav-section { color: #587592; }
.app-main { background: radial-gradient(circle at 95% 0%, rgb(45 119 255 / 8%), transparent 28rem), var(--cc-deep); }
.page-container { width: min(1640px, 100%); }
.page-heading { border-color: var(--cc-line); }
.page-heading > * { min-width: 0; max-width: 100%; }
.page-heading h1,
.page-heading p { overflow-wrap: anywhere; }
.page-heading::before { background: linear-gradient(var(--cc-blue), var(--cc-cyan), var(--cc-mint)); box-shadow: 0 0 18px rgb(65 199 255 / 30%); }
.page-heading h1 { color: var(--cc-white); }
.page-heading p { color: var(--cc-muted); }
.panel,
.metric-card,
.context-strip,
.data-table-wrap,
.table-wrap,
.status-strip,
.admin-inline-editor > form {
  border-color: var(--cc-line);
  background: linear-gradient(150deg, rgb(10 35 67 / 94%), rgb(5 22 45 / 97%));
  color: var(--cc-text);
  box-shadow: var(--cc-glow-blue);
}
.panel,
.metric-card { border-radius: 16px; }
.metric-card::before { height: 2px; background: linear-gradient(90deg, var(--cc-blue), var(--cc-cyan), var(--cc-mint), transparent); box-shadow: 0 0 16px rgb(65 199 255 / 34%); }
.metric-card p,
.metric-card small,
.metric-label,
.metric-meta { color: var(--cc-muted); }
.metric-label { flex-wrap: wrap; }
.metric-label > * { min-width: 0; overflow-wrap: anywhere; }
.metric-card h3 { overflow-wrap: anywhere; }
.metric-value strong,
.metric-card > strong { color: var(--cc-white); }
.panel-header { border-color: var(--cc-line); }
.panel-header > *,
.context-strip > * { min-width: 0; max-width: 100%; }
.panel-header h2,
.panel-header h3,
.panel-header p,
.context-strip > * { overflow-wrap: anywhere; }
.panel-header h2,
.panel-header h3,
.panel h2:first-child,
.panel h3:first-child { color: var(--cc-white); }
.panel-header p { color: var(--cc-muted); }
.panel-empty,
.empty-state { border-color: var(--cc-line-strong); background: rgb(3 17 36 / 52%); color: var(--cc-muted); }
.empty-state-icon { background: rgb(45 119 255 / 11%); color: var(--cc-cyan); }
.button { background: linear-gradient(135deg, #1f63e6, var(--cc-blue)); box-shadow: 0 10px 26px rgb(31 99 230 / 23%), inset 0 1px rgb(255 255 255 / 13%); }
.button:hover { background: linear-gradient(135deg, #2c73fb, #4499ff); }
.button-secondary,
.button-outline { border-color: var(--cc-line-strong); background: rgb(6 25 49 / 80%); color: var(--cc-cyan); box-shadow: none; }
.button-secondary:hover,
.button-outline:hover { border-color: var(--cc-blue-bright); background: rgb(45 119 255 / 12%); color: var(--cc-white); }
.field label,
.form-field label,
.field > span { color: var(--cc-text); }
.field small,
.form-field small { color: var(--cc-muted); }
.check-field,
.check-field > span { color: var(--cc-text); }
.check-field small { color: var(--cc-muted); }
.check-field input { accent-color: var(--cc-mint); }
.app-body .eyebrow,
.auth-body .eyebrow,
.install-body .eyebrow { color: var(--cc-mint); }
.app-main a:not(.button):not(.status-badge):not(.badge) { color: var(--cc-cyan); }
.app-main a:not(.button):not(.status-badge):not(.badge):hover { color: var(--cc-mint); }
.data-table-wrap,
.table-wrap { overflow: auto; }
.data-table { background: transparent; color: var(--cc-text); }
.data-table th { background: rgb(3 18 39 / 78%); color: #8faac5; }
.data-table th,
.data-table td { border-color: var(--cc-line); }
.data-table tbody tr:hover { background: rgb(45 119 255 / 7%); }
.data-table details .form-grid { width: min(22rem, 80vw); min-width: 0 !important; max-width: 100%; }
.admin-link-grid a { border-color: var(--cc-line); background: rgb(8 34 66 / 80%); color: var(--cc-cyan); box-shadow: none; }
.admin-link-grid a:hover { border-color: var(--cc-line-strong); background: rgb(45 119 255 / 11%); color: var(--cc-white); }
.admin-control-row { border-color: var(--cc-line); }
.admin-inline-editor > summary { color: var(--cc-cyan); }
.tabs,
.tab-list { border-color: var(--cc-line); }
.tabs a,
.tab-list a { color: var(--cc-muted); }
.tabs a[aria-current="page"],
.tab-list a[aria-current="page"] { border-color: var(--cc-mint); color: var(--cc-mint); }
.status-badge,
.badge { border-color: rgb(69 147 255 / 30%); background: rgb(45 119 255 / 12%); color: #87bdff; }
.app-main .status-badge,
.app-main .badge,
.panel-header .status-badge,
.page-heading .status-badge {
  width: fit-content;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}
.header-actions > .status-badge {
  width: auto;
  max-width: min(180px, 24vw);
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.2;
  text-align: center;
}
.status-success { border-color: rgb(112 242 197 / 28%); background: rgb(34 167 128 / 12%); color: var(--cc-mint); }
.status-warning { border-color: rgb(255 198 88 / 28%); background: rgb(201 132 17 / 12%); color: #ffd384; }
.status-danger,
.status-error { border-color: rgb(255 105 132 / 28%); background: rgb(190 38 71 / 13%); color: #ff9bad; }
.alert {
  border-color: var(--cc-line-strong);
  background: rgb(8 34 66 / 82%);
  color: var(--cc-text);
  box-shadow: inset 0 1px rgb(255 255 255 / 4%);
}
.alert strong { color: var(--cc-white); }
.alert p,
.alert li,
.alert small { color: inherit; }
.alert-error { border-color: rgb(255 105 132 / 34%); border-left-color: #ff6984; background: rgb(139 25 53 / 22%); color: #ffc3ce; }
.alert-warning { border-color: rgb(255 198 88 / 34%); border-left-color: #ffc658; background: rgb(143 91 10 / 22%); color: #ffe0a3; }
.alert-success { border-color: rgb(112 242 197 / 34%); border-left-color: var(--cc-mint); background: rgb(22 120 91 / 22%); color: #a2f8d9; }
.alert-info { border-color: rgb(65 199 255 / 34%); border-left-color: var(--cc-cyan); background: rgb(22 91 142 / 22%); color: #b8dcff; }
.progress { background: rgb(95 145 200 / 14%); }
.progress > span { background: linear-gradient(90deg, var(--cc-blue), var(--cc-mint)); }
.timeline-item:not(:last-child)::before { background: var(--cc-line-strong); }
.timeline-marker { border-color: var(--cc-line-strong); background: var(--cc-panel); color: var(--cc-text); }
.status-strip > * { min-width: 0; max-width: 100%; }
.status-strip h2,
.status-strip h3,
.status-strip p,
.status-strip small { overflow-wrap: anywhere; word-break: break-word; }
.chart-grid-line { stroke: var(--cc-line); }
.chart-series-blue { stroke: var(--cc-blue-bright); }
.chart-point { fill: var(--cc-panel); }
.diff-grid,
.diff-pane + .diff-pane,
.diff-label { border-color: var(--cc-line); }
.diff-pane { background: var(--cc-panel); }
.diff-label { background: var(--cc-deep); color: var(--cc-muted); }
.correlation-note code,
code { border: 1px solid var(--cc-line); border-radius: 6px; background: #020b19; color: var(--cc-mint); padding: .15em .4em; overflow-wrap: anywhere; word-break: break-word; }
.context-strip > code {
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Responsive application primitives used by the less common administration views. */
.form-stack {
  display: grid;
  min-width: 0;
  gap: 14px;
}
.form-stack > *,
.form-stack label,
.form-stack fieldset { min-width: 0; max-width: 100%; }
.form-stack label,
.form-stack fieldset > label {
  display: grid;
  gap: 6px;
  color: var(--cc-text);
  font-size: 12px;
  font-weight: 650;
}
.form-stack .form-grid { grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); }
.form-stack input:not([type="checkbox"]):not([type="radio"]),
.form-stack select,
.form-stack textarea,
.form-grid > input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
.form-grid > select,
.form-grid > textarea,
.inline-form input:not([type="checkbox"]):not([type="radio"]),
.inline-form select,
.inline-form textarea {
  width: 100%;
  min-width: 0;
  min-height: 40px;
  border: 1px solid var(--cc-line-strong);
  border-radius: 9px;
  background: rgb(3 18 39 / 75%);
  padding: 9px 11px;
  color: var(--cc-white);
  font: inherit;
  box-shadow: inset 0 1px rgb(255 255 255 / 4%);
}
.form-stack textarea,
.inline-form textarea { resize: vertical; overflow-wrap: anywhere; }
.form-stack fieldset {
  border: 1px solid var(--cc-line);
  border-radius: 12px;
  padding: 12px;
}
.form-stack legend { padding-inline: 6px; color: var(--cc-muted); font-size: 11px; font-weight: 700; }
.inline-form {
  display: flex;
  min-width: min(440px, 100%);
  max-width: 100%;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.inline-form input:not([type="hidden"]),
.inline-form select,
.inline-form textarea { flex: 1 1 160px; }
.inline-form .button { flex: 0 0 auto; }
.stats-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}
.stat-card {
  display: grid;
  min-width: 0;
  gap: 7px;
  overflow: hidden;
  border: 1px solid var(--cc-line);
  border-radius: 16px;
  background: linear-gradient(150deg, rgb(10 35 67 / 94%), rgb(5 22 45 / 97%));
  padding: 18px;
  box-shadow: var(--cc-glow-blue);
}
.stat-card span,
.stat-card small { color: var(--cc-muted); overflow-wrap: anywhere; }
.stat-card span { font-size: 11px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.stat-card strong { color: var(--cc-white); font-size: clamp(1.05rem, 2vw, 1.35rem); overflow-wrap: anywhere; }
.choice-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
  gap: 9px;
}
.choice-row {
  display: flex !important;
  min-width: 0;
  align-items: flex-start;
  gap: 9px !important;
  color: var(--cc-text);
  overflow-wrap: anywhere;
}
.choice-row input[type="checkbox"],
.choice-row input[type="radio"] { width: 18px; min-width: 18px; height: 18px; min-height: 18px; margin: 1px 0 0; accent-color: var(--cc-mint); }
.detail-list {
  display: grid;
  min-width: 0;
  gap: 10px;
  margin: 14px 0;
}
.detail-list > div {
  display: grid;
  grid-template-columns: minmax(120px, .3fr) minmax(0, 1fr);
  min-width: 0;
  gap: 10px 18px;
  border-bottom: 1px solid var(--cc-line);
  padding-bottom: 10px;
}
.detail-list dt { color: var(--cc-muted); font-weight: 650; }
.detail-list dd { min-width: 0; margin: 0; color: var(--cc-text); overflow-wrap: anywhere; }
.detail-list code { display: inline-block; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.truncate { max-width: 280px; overflow: visible; text-overflow: clip; white-space: normal; overflow-wrap: anywhere; word-break: break-word; }

/* Authentication and installer */
.auth-body-premium,
.install-body {
  background:
    radial-gradient(circle at 78% 12%, rgb(45 119 255 / 24%), transparent 32rem),
    radial-gradient(circle at 13% 90%, rgb(112 242 197 / 9%), transparent 29rem),
    linear-gradient(135deg, #020817, #061a35 55%, #072a56);
}
.auth-header,
.install-header { border-color: var(--cc-line); background: rgb(3 13 30 / 70%); box-shadow: none; backdrop-filter: blur(20px); }
.auth-product-brand,
.auth-product-brand strong { color: var(--cc-white); }
.auth-product-brand small,
.install-header .eyebrow { color: var(--cc-mint); }
.auth-home-link { border-color: var(--cc-line-strong); background: rgb(7 29 57 / 55%); color: var(--cc-white); }
.auth-home-link:hover { border-color: var(--cc-blue-bright); background: rgb(45 119 255 / 10%); color: var(--cc-mint); }
.auth-main { background: transparent; }
.auth-card,
.auth-developer-proof,
.install-panel,
.success-panel {
  border-color: var(--cc-line-strong);
  background: linear-gradient(150deg, rgb(11 40 75 / 96%), rgb(5 21 43 / 98%));
  color: var(--cc-text);
  box-shadow: var(--cc-shadow), 0 0 70px rgb(45 119 255 / 9%);
}
.auth-card { border-radius: 22px; }
.auth-card,
.legal-document { overflow-wrap: anywhere; }
.auth-card h1,
.auth-card h2,
.auth-card h3,
.install-intro h1,
.install-panel h2,
.install-panel h3,
.success-panel h1 { color: var(--cc-white); }
.auth-card p,
.auth-card .lead,
.auth-developer-proof p,
.auth-developer-proof small,
.auth-footer,
.auth-legal-links,
.auth-legal-links a { color: var(--cc-muted); }
.auth-card a:not(.button),
.auth-meta a,
.auth-footer a,
.auth-legal-links a { color: var(--cc-cyan); }
.auth-card a:not(.button):hover,
.auth-meta a:hover,
.auth-footer a:hover,
.auth-legal-links a:hover { color: var(--cc-mint); }
.auth-developer-proof > span { background: linear-gradient(135deg, var(--cc-cyan), var(--cc-mint)); color: var(--cc-deep); }
.auth-developer-proof strong { color: var(--cc-white); }
.auth-account-cta { border-color: var(--cc-line); color: var(--cc-muted); }
.auth-plan-field,
.legal-document { border-color: var(--cc-line); background: rgb(3 17 36 / 64%); }
.install-header .brand-subtitle { color: var(--cc-muted); }
.install-trust span,
.check-item,
.database-card { border-color: var(--cc-line); background: rgb(4 20 42 / 70%); color: var(--cc-text); }
.check-item small,
.database-card small,
.install-submit p,
.success-grid span { color: var(--cc-muted); }
.step-number { background: linear-gradient(135deg, var(--cc-blue), var(--cc-cyan)); box-shadow: 0 0 20px rgb(45 119 255 / 25%); }
.success-grid { border-color: var(--cc-line); }
.success-grid div { border-color: var(--cc-line); }
.secret-callout { border-color: rgb(255 198 88 / 30%); background: rgb(173 111 12 / 12%); }
.secret-callout p { color: var(--cc-text); }
.secret-value { border-color: var(--cc-line-strong); background: #020b19; color: var(--cc-mint); }
.platform-status-banner { border-color: var(--cc-line-strong); background: rgb(8 35 67 / 96%); color: var(--cc-text); }

@media (min-width: 1121px) {
  .marketing-body .marketing-nav {
    position: static;
    display: flex;
    visibility: visible;
    transform: none;
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 0;
    opacity: 1;
    box-shadow: none;
  }
  .marketing-body .marketing-nav-actions,
  .marketing-body .marketing-nav-actions .marketing-login,
  .marketing-body .marketing-nav-actions .marketing-button { display: flex; }
  .marketing-body .marketing-mobile-actions,
  .marketing-body .marketing-menu-button { display: none; }
}

@media (max-width: 1120px) {
  .marketing-body .marketing-nav-actions .marketing-login,
  .marketing-body .marketing-nav-actions .marketing-button { display: none; }
  .marketing-body .marketing-menu-button { display: block; }
  .marketing-body .marketing-nav {
    position: absolute;
    top: 76px;
    right: 24px;
    left: 24px;
    display: grid;
    visibility: hidden;
    gap: 0;
    transform: translateY(-8px);
    border: 1px solid var(--cc-line);
    border-radius: 14px;
    background: rgb(3 15 33 / 98%);
    padding: 9px 18px 18px;
    opacity: 0;
    box-shadow: var(--cc-shadow);
    transition: opacity .16s ease, transform .16s ease, visibility .16s;
  }
  .marketing-body .marketing-header.menu-open .marketing-nav {
    visibility: visible;
    transform: none;
    border-color: var(--cc-line);
    background: rgb(3 15 33 / 98%);
    opacity: 1;
    box-shadow: var(--cc-shadow);
  }
  .marketing-body .marketing-header.menu-open .marketing-nav > a:not(.marketing-button) { color: var(--cc-text); }
  .marketing-body .marketing-header.menu-open .marketing-nav > a:not(.marketing-button):hover,
  .marketing-body .marketing-header.menu-open .marketing-nav > a[aria-current="page"] { color: var(--cc-mint); }
}

@media (max-width: 1024px) {
  .stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .app-body .app-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: var(--portal-header-height) minmax(0, 1fr);
    padding-top: 0;
  }
  .app-body .app-header { grid-column: 1; grid-row: 1; }
  .app-body .app-main { grid-column: 1; grid-row: 2; min-width: 0; }
  .app-body .app-sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 300;
    width: min(292px, 86vw);
    height: 100vh;
    height: 100dvh;
    transform: translateX(-105%);
    padding-top: 62px;
    box-shadow: 18px 0 55px rgb(0 12 30 / 35%);
    transition: transform .2s ease;
  }
  .app-body .app-sidebar[data-open="true"] { transform: translateX(0); }
  .app-body .sidebar-close {
    position: absolute;
    top: 12px;
    right: 12px;
    display: grid;
    border-color: rgb(255 255 255 / 15%);
    background: rgb(255 255 255 / 7%);
    color: #fff;
  }
  .app-body .mobile-nav-button { display: grid; flex: 0 0 auto; }
  body.app-body.nav-open { overflow: hidden; }
}

@media (max-width: 1020px) {
  .mpu-hero-grid { min-height: auto; grid-template-columns: 1fr; padding: 58px 32px 48px; }
  .hero-command-center { width: min(900px, 100%); margin-top: 8px; justify-self: start; transform: none; }
  .seo-check-card { width: min(720px, 100%); margin: 0; justify-self: start; }
  .showcase-selftest-grid { grid-template-columns: 1fr; }
  .showcase-selftest-grid .seo-check-card { justify-self: start; }
}

@media (max-width: 820px) {
  .mpu-hero-grid { padding-inline: 20px; }
  .mpu-hero-copy h1 { font-size: clamp(2.45rem, 11vw, 3.65rem); }
  .hero-command-center figcaption { position: relative; right: auto; bottom: auto; min-width: 0; margin: 10px 0 0; }
  .command-center-wide figcaption { grid-template-columns: 1fr 1fr; }
  .showcase-story-media { padding: 6px; }
  .showcase-story-float { right: 10px; bottom: 10px; }
  .app-shell { grid-template-columns: 1fr; grid-template-rows: var(--portal-header-height) minmax(0, 1fr); }
  .app-header { grid-column: 1; }
  .app-header-brand { display: inline-flex; }
  .app-sidebar { top: 0; grid-row: auto; height: 100vh; background: linear-gradient(180deg, #020817, #04162f); }
}

@media (max-width: 520px) {
  .stats-grid,
  .choice-grid { grid-template-columns: 1fr; }
  .inline-form { display: grid; min-width: 0; }
  .inline-form input:not([type="hidden"]),
  .inline-form select,
  .inline-form textarea,
  .inline-form .button { width: 100%; }
  .detail-list > div { grid-template-columns: 1fr; gap: 4px; }
  .marketing-body .marketing-nav-shell { width: min(100% - 24px, 1450px); }
  .marketing-body .marketing-brand-mark { width: 42px; height: 42px; }
  .mpu-hero-grid { padding: 42px 14px 38px; }
  .hero-command-center-frame,
  .command-center-wide { border-radius: 17px; padding: 5px; }
  .hero-command-center img,
  .command-center-wide img { border-radius: 12px; }
  .command-center-wide figcaption { grid-template-columns: 1fr; }
  .seo-check-card { border-radius: 18px; padding: 22px 16px; }
  .showcase-feature-grid article,
  .showcase-path-grid article > div,
  .solution-grid article,
  .showcase-price-card { padding: 22px 18px; }
  .public-content-card { border-radius: 14px; padding: 24px 18px; }
}

@media print {
  .marketing-body,
  .app-body,
  .auth-body,
  .install-body { background: #fff !important; color: #111 !important; }
  .panel,
  .metric-card,
  .public-content-card { border-color: #bbb !important; background: #fff !important; color: #111 !important; box-shadow: none !important; }
}

@media (prefers-reduced-motion: reduce) {
  .marketing-body *,
  .app-body *,
  .auth-body *,
  .install-body * { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
  .hero-command-center { transform: none; }
}