/* Base visual de marketing. Adesão explícita; não altera páginas ainda não migradas.
   Herda tipografia, cor de marca, raios e movimento dos tokens globais. */
.marketing-page {
 --mk-night: #031522;
 --mk-deep: #092a33;
 --mk-paper: #f2f7f8;
 --mk-ink: #092a33;
 --mk-muted: #49616b;
 --mk-line: #d3e2e6;
 --mk-accent: var(--brand-accent, #1adacb);
 --mk-emphasis: #08766e;
 --mk-light: #eaf6f8;
 --mk-light-muted: #bdd2da;
 --mk-highlight: #75eee0;
 --mk-heading: var(--font-size-h2, clamp(1.9rem, 3.6vw, 3.15rem));
 --mk-section: clamp(4rem, 7vw, 7rem);
 color:var(--mk-ink);
 background:var(--mk-paper);
}
.marketing-page .mk-atmosphere {position:relative;isolation:isolate}
.marketing-page .mk-atmosphere > .container {position:relative;z-index:1}
.marketing-page .mk-dark {
 color:var(--mk-light);
 background:radial-gradient(ellipse at 15% 30%, #1adacb16, transparent 55%),linear-gradient(135deg,var(--mk-night),var(--mk-deep));
}
.marketing-page .mk-grid::before {
 content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
 background-image:linear-gradient(#7ceee114 1px,transparent 1px),linear-gradient(90deg,#7ceee114 1px,transparent 1px);
 background-size:64px 64px;
 mask-image:radial-gradient(ellipse at 18% 35%,#000,transparent 72%);
}
.marketing-page .mk-soft {
 background:radial-gradient(ellipse at 95% 10%,#1adacb13,transparent 55%),linear-gradient(180deg,#fff,var(--mk-paper));
}
.marketing-page .mk-button {
 display:inline-flex;align-items:center;justify-content:center;gap:1.2rem;
 border:1px solid transparent;border-radius:var(--radius-pill,999px);
 padding:1rem 1.5rem;max-width:100%;min-height:52px;
 color:var(--mk-night);background:var(--mk-accent);font-size:1rem;font-weight:600;text-decoration:none;line-height:1.4;
 box-shadow:0 8px 30px #1adacb20;
 transition:transform var(--duration-fast,180ms),box-shadow var(--duration-normal,320ms),background var(--duration-fast,180ms);
}
.marketing-page .mk-button:hover {background:#77efe2;color:var(--mk-night);transform:translateY(-2px);box-shadow:0 12px 32px #1adacb35}
.marketing-page .mk-button:focus-visible {outline:3px solid var(--mk-emphasis);outline-offset:5px}
.marketing-page .mk-dark .mk-button:focus-visible {outline-color:var(--mk-highlight)}
@media(prefers-reduced-motion:reduce){.marketing-page .mk-button{transition:none}.marketing-page .mk-button:hover{transform:none}}