.marketing-shell {
    --m-blue-950: #172554;
    --m-blue-900: #1e3a8a;
    --m-blue-700: #1d4ed8;
    --m-blue-500: #3b82f6;
    --m-amber: #fbbf24;
    --m-ink: #0f172a;
    --m-muted: #526175;
    --m-line: #dbe4ef;
    --m-soft: #f4f8ff;
    min-height: 100vh;
    color: var(--m-ink);
    background: #fff;
}

.marketing-container { width: min(1180px, calc(100% - 2rem)); margin-inline: auto; }
.marketing-main { min-height: 70vh; }
.marketing-header { position: sticky; inset-block-start: 0; z-index: 1000; border-block-end: 1px solid rgba(219,228,239,.8); background: rgba(255,255,255,.96); backdrop-filter: blur(16px); }
.marketing-header__row { min-height: 76px; display: flex; align-items: center; gap: 1.25rem; }
.marketing-brand { display: flex; align-items: center; gap: .7rem; color: var(--m-ink); text-decoration: none; }
.marketing-brand img { width: 42px; height: 42px; }
.marketing-brand span { display: grid; line-height: 1.05; }
.marketing-brand strong { font-size: 1.15rem; }
.marketing-brand small { margin-block-start: .25rem; color: var(--m-muted); font-size: .7rem; letter-spacing: .04em; }
.marketing-nav { display: flex; align-items: center; gap: .1rem; margin-inline: auto; }
.marketing-nav a, .marketing-menu nav a { padding: .7rem .72rem; border-radius: 9px; color: #334155; font-weight: 700; text-decoration: none; }
.marketing-nav a:hover { background: var(--m-soft); color: var(--m-blue-700); }
.marketing-header__actions { display: flex; align-items: center; gap: .5rem; }
.language-link { min-width: 42px; color: var(--m-blue-700); font-weight: 800; text-align: center; text-decoration: none; }
.marketing-menu { display: none; }

.button { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: .45rem; padding: .72rem 1rem; border: 1px solid transparent; border-radius: 10px; font-weight: 800; text-decoration: none; cursor: pointer; }
.button-primary { color: #172554; background: var(--m-amber); box-shadow: 0 10px 24px rgba(245,158,11,.2); }
.button-primary:hover { color: #172554; background: #f59e0b; transform: translateY(-1px); }
.button-secondary { color: var(--m-blue-700); border-color: #bfdbfe; background: #eff6ff; }
.button-dark { color: #fff; background: var(--m-blue-900); }
.button-quiet { color: #334155; border-color: var(--m-line); background: #fff; }

.marketing-hero { overflow: hidden; padding-block: clamp(4.5rem, 8vw, 7.5rem); color: #fff; background: radial-gradient(circle at 14% 10%, rgba(251,191,36,.19), transparent 28%), radial-gradient(circle at 90% 80%, rgba(96,165,250,.3), transparent 32%), linear-gradient(135deg,#172554,#2563eb); }
.marketing-hero__grid { display: grid; grid-template-columns: minmax(0,1.02fr) minmax(420px,.98fr); gap: clamp(2rem,6vw,5rem); align-items: center; }
.marketing-eyebrow { display: inline-flex; margin: 0 0 1rem; color: #fde68a; font-size: .78rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.marketing-hero h1, .page-hero h1 { max-width: 820px; margin: 0; font-size: clamp(2.55rem,5.5vw,4.9rem); line-height: 1.03; letter-spacing: -.045em; }
.marketing-hero__lead { max-width: 690px; margin: 1.5rem 0 0; color: #dbeafe; font-size: clamp(1.05rem,2vw,1.25rem); line-height: 1.75; }
.hero-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-block-start: 2rem; }
.hero-actions .button-secondary { border-color: rgba(255,255,255,.35); color: #fff; background: rgba(255,255,255,.1); }
.hero-points { display: flex; flex-wrap: wrap; gap: .7rem 1.1rem; margin: 1.6rem 0 0; padding: 0; color: #dbeafe; list-style: none; }
.hero-points li::before { content: "✓"; margin-inline-end: .45rem; color: #fde68a; font-weight: 900; }
.suite-visual { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .8rem; padding: 1rem; border: 1px solid rgba(255,255,255,.18); border-radius: 24px; background: rgba(255,255,255,.1); box-shadow: 0 28px 80px rgba(15,23,42,.28); }
.suite-visual div { min-height: 132px; padding: 1.15rem; border-radius: 17px; background: rgba(255,255,255,.94); color: var(--m-ink); }
.suite-visual div:first-child { grid-column: span 2; background: #fff; }
.suite-visual span { display: block; margin-block-end: .45rem; color: var(--m-blue-700); font-size: .73rem; font-weight: 900; text-transform: uppercase; }
.suite-visual strong { font-size: 1.15rem; }
.suite-visual p { margin: .6rem 0 0; color: var(--m-muted); line-height: 1.55; }

.marketing-section { padding-block: clamp(3.5rem,7vw,6.5rem); }
.marketing-section--soft { background: var(--m-soft); }
.marketing-section--dark { color: #fff; background: #0f172a; }
.section-heading { max-width: 760px; margin-block-end: 2.2rem; }
.section-heading.center { margin-inline: auto; text-align: center; }
.section-heading h2 { margin: 0; font-size: clamp(2rem,4vw,3.25rem); letter-spacing: -.035em; }
.section-heading p { margin: 1rem 0 0; color: var(--m-muted); font-size: 1.08rem; line-height: 1.75; }
.marketing-section--dark .section-heading p { color: #cbd5e1; }
.card-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.1rem; }
.card-grid.four { grid-template-columns: repeat(4,minmax(0,1fr)); }
.marketing-card { position: relative; padding: 1.6rem; border: 1px solid var(--m-line); border-radius: 18px; background: #fff; box-shadow: 0 12px 35px rgba(15,23,42,.06); }
.marketing-card__tag { display: inline-block; margin-block-end: .8rem; color: var(--m-blue-700); font-size: .75rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.marketing-card h3 { margin: 0 0 .7rem; font-size: 1.3rem; }
.marketing-card p { margin: 0; color: var(--m-muted); line-height: 1.65; }
.marketing-card a:not(.button) { display: inline-flex; margin-block-start: 1.2rem; color: var(--m-blue-700); font-weight: 800; text-decoration: none; }
.feature-list { display: grid; gap: .7rem; margin: 1.1rem 0 0; padding: 0; list-style: none; }
.feature-list li { color: #475569; line-height: 1.5; }
.feature-list li::before { content: "✓"; margin-inline-end: .55rem; color: #16a34a; font-weight: 900; }
.workflow { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; overflow: hidden; border: 1px solid #334155; border-radius: 18px; background: #334155; }
.workflow article { padding: 1.5rem; background: #172033; }
.workflow span { display: grid; width: 38px; height: 38px; place-items: center; margin-block-end: 1rem; border-radius: 50%; background: var(--m-amber); color: #172554; font-weight: 900; }
.workflow h3 { margin: 0 0 .6rem; }
.workflow p { margin: 0; color: #cbd5e1; line-height: 1.6; }
.marketing-cta { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: clamp(2rem,5vw,3.5rem); border-radius: 24px; color: #fff; background: linear-gradient(135deg,#172554,#2563eb); }
.marketing-cta h2 { margin: 0; font-size: clamp(1.8rem,4vw,2.8rem); }
.marketing-cta p { max-width: 700px; margin: .8rem 0 0; color: #dbeafe; line-height: 1.7; }

.page-hero { padding-block: clamp(3.8rem,7vw,6.5rem); color: #fff; background: linear-gradient(135deg,#172554,#2563eb); }
.page-hero h1 { font-size: clamp(2.4rem,5vw,4.3rem); }
.page-hero p { max-width: 760px; margin: 1.2rem 0 0; color: #dbeafe; font-size: 1.15rem; line-height: 1.75; }
.page-hero .marketing-eyebrow { margin-block-end: .8rem; }
.product-proof { display: grid; grid-template-columns: .9fr 1.1fr; gap: 1.4rem; align-items: center; }
.product-proof__panel { padding: clamp(1.5rem,4vw,3rem); border: 1px solid var(--m-line); border-radius: 24px; background: linear-gradient(145deg,#f8fbff,#e8f1ff); }
.product-proof__panel dl { display: grid; gap: 1rem; margin: 0; }
.product-proof__panel div { padding: 1rem; border-radius: 14px; background: #fff; }
.product-proof__panel dt { color: var(--m-blue-700); font-weight: 900; }
.product-proof__panel dd { margin: .4rem 0 0; color: var(--m-muted); line-height: 1.55; }

.form-layout { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(280px,.65fr); gap: 1.25rem; }
.lead-form { display: grid; gap: 1rem; padding: clamp(1.3rem,3vw,2rem); border: 1px solid var(--m-line); border-radius: 20px; background: #fff; box-shadow: 0 12px 35px rgba(15,23,42,.06); }
.form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.form-field { display: grid; gap: .4rem; }
.form-field.full { grid-column: 1 / -1; }
.form-field label { font-weight: 800; color: #334155; }
.form-field input, .form-field select, .form-field textarea { width: 100%; min-height: 46px; padding: .72rem .8rem; border: 1px solid #cbd5e1; border-radius: 9px; background: #fff; color: var(--m-ink); }
.form-field textarea { min-height: 135px; resize: vertical; }
.form-field input:focus, .form-field select:focus, .form-field textarea:focus { outline: 3px solid rgba(59,130,246,.18); border-color: #3b82f6; }
.form-field--honeypot { position: absolute !important; inset-inline-start: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.consent-field { display: flex; align-items: flex-start; gap: .65rem; }
.consent-field input { width: 18px; height: 18px; margin-block-start: .15rem; }
.form-aside { padding: 1.6rem; border-radius: 20px; color: #fff; background: #172554; }
.form-aside h2 { margin-block-start: 0; }
.form-aside p, .form-aside li { color: #dbeafe; line-height: 1.65; }
.form-aside a { color: #fde68a; }
.validation-message { color: #b91c1c; font-size: .85rem; }
.legal-copy { max-width: 900px; }
.legal-copy section { padding-block: 1.2rem; border-block-end: 1px solid var(--m-line); }
.legal-copy h2 { margin: 0 0 .7rem; }
.legal-copy p, .legal-copy li { color: var(--m-muted); line-height: 1.8; }
.notice { padding: 1rem 1.1rem; border: 1px solid #fcd34d; border-radius: 12px; background: #fffbeb; color: #854d0e; }
.help-list { display: grid; gap: 1rem; }
.help-item { padding: 1.4rem; border: 1px solid var(--m-line); border-radius: 16px; background: #fff; }
.help-item a { color: var(--m-blue-700); text-decoration: none; }
.help-item h2 { margin: 0 0 .5rem; }
.help-item p { margin: 0; color: var(--m-muted); line-height: 1.65; }
.empty-state { padding: 2rem; border: 1px dashed #94a3b8; border-radius: 16px; text-align: center; }

.marketing-footer { padding-block: 2.5rem; color: #cbd5e1; background: #0f172a; }
.marketing-footer__grid { display: grid; grid-template-columns: 1.2fr 1fr auto; gap: 2rem; align-items: start; }
.marketing-footer strong { color: #fff; font-size: 1.15rem; }
.marketing-footer p { max-width: 430px; margin: .55rem 0 0; }
.marketing-footer nav { display: flex; flex-wrap: wrap; gap: .8rem 1rem; }
.marketing-footer a { color: #dbeafe; text-decoration: none; }
.consent-banner { position: fixed; inset-inline: 1rem; inset-block-end: 1rem; z-index: 1500; max-width: 700px; margin-inline: auto; padding: 1rem; border: 1px solid #cbd5e1; border-radius: 14px; background: #fff; box-shadow: 0 18px 60px rgba(15,23,42,.24); }
.consent-banner p { margin: 0 0 .8rem; color: #334155; line-height: 1.55; }
.consent-banner div { display: flex; gap: .6rem; }
.consent-banner button { padding: .6rem .9rem; border: 0; border-radius: 8px; background: var(--m-blue-700); color: #fff; font-weight: 800; }
.consent-banner .button-quiet { border: 1px solid var(--m-line); background: #fff; color: #334155; }

@media (max-width: 1020px) {
    .marketing-nav, .login-link { display: none; }
    .marketing-menu { display: block; margin-inline-start: auto; }
    .marketing-menu summary { padding: .65rem; color: var(--m-blue-700); font-weight: 800; cursor: pointer; }
    .marketing-menu[open] nav { position: absolute; inset-inline: 1rem; inset-block-start: 68px; display: grid; padding: .8rem; border: 1px solid var(--m-line); border-radius: 14px; background: #fff; box-shadow: 0 20px 50px rgba(15,23,42,.16); }
    .marketing-hero__grid, .product-proof { grid-template-columns: 1fr; }
    .suite-visual { max-width: 720px; }
    .card-grid.four { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 760px) {
    .marketing-header__row { min-height: 66px; gap: .5rem; }
    .marketing-brand small, .marketing-header__actions .button-primary { display: none; }
    .marketing-brand img { width: 36px; height: 36px; }
    .card-grid, .card-grid.four, .workflow, .form-layout, .form-grid, .marketing-footer__grid { grid-template-columns: 1fr; }
    .marketing-cta { align-items: flex-start; flex-direction: column; }
    .suite-visual { grid-template-columns: 1fr; }
    .suite-visual div:first-child { grid-column: auto; }
    .form-field.full { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
    .marketing-shell *, .marketing-shell *::before, .marketing-shell *::after { scroll-behavior: auto !important; transition: none !important; }
}