:root {
  --marketing-bg: #0d0d11;
  --marketing-panel: #15131d;
  --marketing-panel-soft: #111017;
  --marketing-line: rgba(255, 255, 255, 0.11);
  --marketing-text: #f8f6fb;
  --marketing-muted: #aaa3b4;
  --marketing-pink: #ff3f9a;
  --marketing-violet: #7657ff;
}

body.marketing-page {
  color: var(--marketing-text);
  background-color: var(--marketing-bg);
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.028) 1px, transparent 1px);
  background-size: 76px 76px;
}

body.marketing-page .site-header {
  border-bottom-color: var(--marketing-line);
  background: rgba(13, 13, 17, 0.92);
  backdrop-filter: blur(18px);
}

body.marketing-page .brand-mark,
body.marketing-page .nav-links a,
body.marketing-page .language-toggle { color: #fff; }
body.marketing-page .nav-links a { color: rgba(255,255,255,.68); }
body.marketing-page .nav-links a:hover,
body.marketing-page .nav-links a.active { color: #fff; }
body.marketing-page .language-toggle { border-color: var(--marketing-line); background: rgba(255,255,255,.04); }
body.marketing-page .header-cta { color: #111017; background: #fff; box-shadow: none; }

body.marketing-page .page-hero {
  position: relative;
  max-width: 1080px;
  min-height: 0;
  padding: 122px 0 64px;
}

body.marketing-page .page-hero::before {
  content: "";
  position: absolute;
  top: 93px;
  left: -110px;
  width: 76px;
  height: 1px;
  background: var(--marketing-pink);
}

body.marketing-page .eyebrow { color: #f4b4d7; }
body.marketing-page h1,
body.marketing-page h2,
body.marketing-page h3,
body.marketing-page strong { color: var(--marketing-text); }

body.marketing-page .page-hero h1 {
  max-width: 920px;
  margin: 17px 0 20px;
  font-size: clamp(56px, 7vw, 112px);
  line-height: .86;
  letter-spacing: -.068em;
}

body.marketing-page .page-hero p:not(.eyebrow) {
  max-width: 640px;
  color: var(--marketing-muted);
  font-size: 18px;
  line-height: 1.58;
}

.page-product-shot {
  position: relative;
  margin-bottom: 110px;
  padding: 17px;
  overflow: hidden;
  border: 1px solid var(--marketing-line);
  background: #111017;
  box-shadow: 28px 36px 80px rgba(0,0,0,.45);
}

.page-product-shot::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 18px -15px -18px 18px;
  border: 1px solid rgba(118,87,255,.33);
}

.page-product-shot img { display: block; width: 100%; height: auto; border: 1px solid rgba(255,255,255,.1); }

.page-shot-caption {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 22px;
  padding: 0 0 14px;
}

.page-shot-caption span { color: #ffb3d7; font-size: 10px; font-weight: 900; letter-spacing: .14em; }
.page-shot-caption strong { color: #d7d1dc; font-size: 13px; font-weight: 750; }

body.marketing-page .platform-strip,
body.marketing-page .product-story,
body.marketing-page .compare-section,
body.marketing-page .workflow-section,
body.marketing-page .security-section,
body.marketing-page .pricing-section,
body.marketing-page .download-section,
body.marketing-page .contact-section,
body.marketing-page .access-section { background: transparent; }

body.marketing-page .platform-track {
  border-color: var(--marketing-line);
  background: var(--marketing-panel-soft);
}

body.marketing-page .platform-logo { border-color: rgba(255,255,255,.09); background: rgba(255,255,255,.03); }
body.marketing-page .platform-logo strong { color: #d8d1df; }

body.marketing-page .section-heading,
body.marketing-page .pricing-head,
body.marketing-page .download-head { margin-top: 0; }
body.marketing-page .section-heading h2,
body.marketing-page .pricing-head h2,
body.marketing-page .download-head h2 { max-width: 760px; font-size: clamp(39px, 4.7vw, 66px); line-height: .9; letter-spacing: -.055em; }
body.marketing-page .section-heading p:not(.eyebrow),
body.marketing-page .pricing-head > p,
body.marketing-page .download-head > p { color: var(--marketing-muted); }

body.marketing-page .feature-section,
body.marketing-page .tutorials-section,
body.marketing-page .faq-section { padding-top: 20px; }

body.marketing-page .feature-card,
body.marketing-page .compare-panel,
body.marketing-page .security-card,
body.marketing-page .price-card,
body.marketing-page .download-card,
body.marketing-page .contact-card,
body.marketing-page .contact-list article,
body.marketing-page .access-panel,
body.marketing-page .access-checklist article,
body.marketing-page .tutorial-tabs,
body.marketing-page .tutorial-panel,
body.marketing-page .faq-list details {
  border-color: var(--marketing-line);
  color: var(--marketing-text);
  background: var(--marketing-panel);
  box-shadow: none;
}

body.marketing-page .feature-card:hover,
body.marketing-page .download-card:hover { border-color: rgba(255,63,154,.48); transform: translateY(-5px); }
body.marketing-page .feature-card p,
body.marketing-page .price-card p,
body.marketing-page .security-card p,
body.marketing-page .compare-panel p,
body.marketing-page .contact-card p,
body.marketing-page .contact-list p,
body.marketing-page .access-panel p,
body.marketing-page .access-checklist p,
body.marketing-page .tutorial-panel p,
body.marketing-page .faq-list p { color: var(--marketing-muted); }

body.marketing-page .feature-icon,
body.marketing-page .security-card > span,
body.marketing-page .contact-list article > span,
body.marketing-page .access-checklist > article > span { color: #f7b9dc; background: rgba(255,63,154,.08); }

body.marketing-page .feature-card h3,
body.marketing-page .price-card h3,
body.marketing-page .security-card strong,
body.marketing-page .contact-list strong,
body.marketing-page .access-checklist strong { color: #fff; }

body.marketing-page .product-story { padding: 96px 0; }
body.marketing-page .product-screenshot-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
body.marketing-page .product-screenshot-grid .story-card { min-height: 0; padding: 13px; border-color: var(--marketing-line); background: var(--marketing-panel); box-shadow: none; }
body.marketing-page .product-screenshot-grid .story-top { padding: 0 0 12px; color: #d3cbd9; }
body.marketing-page .product-screenshot-grid img { display: block; width: 100%; border: 1px solid rgba(255,255,255,.1); }

body.marketing-page .compare-section { padding: 16px 0 50px; }
body.marketing-page .compare-panel { min-height: 340px; }
body.marketing-page .compare-panel.before { background: #14121a; }
body.marketing-page .compare-panel.after { background: #12131a; }
body.marketing-page .mess-stack span { background: #24202d; color: #c9c2d1; border-color: rgba(255,255,255,.08); }
body.marketing-page .clean-stack span { border-color: rgba(118,87,255,.35); background: rgba(118,87,255,.08); color: #d8d1e8; }

body.marketing-page .workflow-section,
body.marketing-page .security-section { padding: 96px 0; }
body.marketing-page .workflow-copy > p:not(.eyebrow),
body.marketing-page .security-copy > p:not(.eyebrow) { color: var(--marketing-muted); }
body.marketing-page .check-list span { border-color: var(--marketing-line); color: #e8e2ed; background: rgba(255,255,255,.025); }
body.marketing-page .pipeline::before { background: rgba(255,255,255,.12); }
body.marketing-page .pipeline-step { border-color: var(--marketing-line); background: var(--marketing-panel); }
body.marketing-page .pipeline-step small { color: #f5afd5; }
body.marketing-page .pipeline-step p { color: var(--marketing-muted); }

body.marketing-page .pricing-section,
body.marketing-page .download-section { padding: 32px 0 96px; }
body.marketing-page .price-card.featured { border-color: rgba(255,63,154,.58); background: #1a1320; box-shadow: 0 22px 48px rgba(0,0,0,.26); }
body.marketing-page .price-badge { color: #ffd5e9; background: rgba(255,63,154,.14); }
body.marketing-page .price strong { color: #fff; }
body.marketing-page .price span,
body.marketing-page .download-card small { color: var(--marketing-muted); }
body.marketing-page .os-icon { color: #fff; background: rgba(255,255,255,.07); }

body.marketing-page .faq-list details { border-bottom-color: var(--marketing-line); }
body.marketing-page .faq-list summary { color: #fff; }
body.marketing-page .faq-list summary::after { color: #f7a8d0; }

body.marketing-page .tutorial-tabs { background: #111017; }
body.marketing-page .tutorial-tab { color: #aaa3b4; border-color: var(--marketing-line); }
body.marketing-page .tutorial-tab:hover,
body.marketing-page .tutorial-tab.active { color: #fff; background: rgba(255,255,255,.065); }
body.marketing-page .tutorial-steps span { color: #ded8e6; background: rgba(118,87,255,.11); border-color: rgba(118,87,255,.25); }
body.marketing-page .panel-kicker { color: #f4afd4 !important; }

body.marketing-page .button-primary { color: #111017; background: #fff; box-shadow: none; }
body.marketing-page .button-secondary { color: #fff; border-color: var(--marketing-line); background: transparent; }

body.marketing-page .legal-section { padding: 20px 0 100px; }
body.marketing-page .legal-aside { border-color: var(--marketing-line); background: var(--marketing-panel); color: #fff; box-shadow: none; }
body.marketing-page .legal-aside span { color: var(--marketing-muted); }
body.marketing-page .legal-aside a,
body.marketing-page .legal-copy a { color: #f5afd5; }
body.marketing-page .legal-copy { color: var(--marketing-muted); }
body.marketing-page .legal-copy h2 { color: #fff; }

.site-footer {
  display: block;
  align-items: initial;
  justify-content: initial;
  gap: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--marketing-line);
  color: #aaa3b4;
  background: #09090d;
}

.footer-shell,
.footer-base,
.site-footer .trademark-note {
  width: calc(100% - 56px);
  max-width: 1360px;
  margin: 0 auto;
}

.site-footer .footer-shell {
  display: grid;
  grid-template-columns: 1.5fr .65fr .65fr .95fr;
  gap: 38px;
  padding: 68px 0 54px;
}

.site-footer .footer-intro { display: grid; align-content: start; gap: 16px; max-width: 285px; }
.site-footer .brand-mark { color: #fff; font-size: 37px; }
.footer-intro p { margin: 0; color: #aaa3b4; line-height: 1.55; }
.footer-email { width: max-content; color: #fff; border-bottom: 1px solid rgba(255,255,255,.32); padding-bottom: 5px; font-size: 14px; font-weight: 800; }
.footer-email:hover { color: #f6add3; border-color: #f6add3; }

.site-footer .footer-column { display: grid; align-content: start; gap: 12px; }
.footer-column > span,
.footer-kicker { margin-bottom: 6px; color: #f3b5d8; font-size: 10px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.footer-column a { color: #aaa3b4; font-size: 14px; font-weight: 700; }
.footer-column a:hover { color: #fff; }

.site-footer .footer-status { display: grid; align-content: start; gap: 12px; padding: 18px; border: 1px solid rgba(255,255,255,.1); background: #111017; }
.footer-status strong { max-width: 180px; color: #fff; font-size: 17px; line-height: 1.08; }
.footer-live { display: inline-flex; align-items: center; gap: 8px; color: #c8c2ce; font-size: 12px; font-weight: 750; }
.footer-live i { width: 7px; height: 7px; border-radius: 50%; background: #2de0a5; box-shadow: 0 0 0 4px rgba(45,224,165,.1); }

.site-footer .footer-base { display: flex; justify-content: space-between; gap: 16px; padding: 18px 0; border-top: 1px solid rgba(255,255,255,.08); color: #777181; font-size: 12px; }
.site-footer .trademark-note { margin: 0 auto; padding: 0 0 34px; color: #777181; font-size: 11px; line-height: 1.55; }

@media (max-width: 1180px) {
  .site-footer .footer-shell { grid-template-columns: 1.25fr .75fr .75fr; }
  .site-footer .footer-status { grid-column: 1 / -1; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; }
  .footer-status .footer-kicker { margin: 0; }
  .footer-status strong { max-width: none; }
}

@media (max-width: 900px) {
  body.marketing-page .page-hero { padding: 84px 0 46px; }
  body.marketing-page .page-hero::before { display: none; }
  body.marketing-page .page-hero h1 { font-size: clamp(50px, 13vw, 78px); }
  .page-product-shot { margin-bottom: 78px; padding: 9px; }
  .page-shot-caption { align-items: flex-start; flex-direction: column; gap: 5px; }
  body.marketing-page .product-screenshot-grid { grid-template-columns: 1fr; }
  .site-footer .footer-shell { grid-template-columns: 1.2fr 1fr 1fr; }
  .site-footer .footer-status { grid-column: 1 / -1; }
}

@media (max-width: 640px) {
  body.marketing-page { background-size: 42px 42px; }
  body.marketing-page .page-hero { width: min(100% - 32px, 1360px); }
  body.marketing-page .page-hero p:not(.eyebrow) { font-size: 16px; }
  .footer-shell,
  .footer-base,
  .site-footer .trademark-note { width: calc(100% - 32px); max-width: 1360px; }
  .site-footer .footer-shell { grid-template-columns: 1fr 1fr; gap: 35px 18px; padding: 48px 0 35px; }
  .footer-intro { grid-column: 1 / -1; }
  .footer-status { grid-column: 1 / -1; }
  .footer-base { align-items: flex-start; flex-direction: column; }
}