/* ============================================================
   Cutfy — Landing page styles
   Consome SOMENTE tokens do design system (var(--*)).
   Cores, tipografia, raios e sombras nunca são hardcoded.
   Variáveis --lp-* abaixo são apenas medidas estruturais locais.
   ============================================================ */

:root {
  --lp-header-h: 64px;
  --lp-gutter: var(--space-6);          /* respiro lateral do container */
  --lp-section-y: var(--space-24);      /* respiro vertical das seções */
  --lp-nav-blur: rgba(16, 22, 31, 0.85);
}

/* ---------- reset enxuto ---------- */
* { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--text-body);
  font: var(--type-body);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button { font-family: inherit; }
h1, h2, h3, p { margin: 0; }
:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; border-radius: var(--radius-xs); }
::selection { background: var(--accent); color: var(--white); }

/* pula-para-conteúdo (a11y) */
.lp-skip {
  position: absolute; left: var(--space-3); top: -60px; z-index: 100;
  background: var(--surface-card); color: var(--text-strong);
  border: 1px solid var(--border); border-radius: var(--radius-sm);
  padding: var(--space-2) var(--space-4); font: var(--type-body-sm);
  transition: top var(--dur-fast) var(--ease-out);
}
.lp-skip:focus { top: var(--space-3); }

/* ---------- container ---------- */
.lp-container {
  width: 100%;
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: var(--lp-gutter);
}

/* ---------- tipografia utilitária ---------- */
.lp-eyebrow {
  font: var(--fw-semibold) var(--text-xs)/1 var(--font-mono);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--accent-text);
}
.lp-eyebrow--dark { color: var(--orange-400); }

.lp-display {
  font: var(--fw-black) var(--text-5xl)/1.03 var(--font-display);
  letter-spacing: var(--tracking-tighter);
  color: var(--text-strong);
}
.lp-h2 {
  font: var(--fw-bold) var(--text-3xl)/1.1 var(--font-display);
  letter-spacing: var(--tracking-tight);
  color: var(--text-strong);
}
.lp-h3 {
  font: var(--fw-semibold) var(--text-lg)/1.3 var(--font-sans);
  color: var(--text-strong);
}
.lp-lead {
  font: var(--fw-regular) var(--text-md)/1.6 var(--font-sans);
  color: var(--text-muted);
}
.lp-body { font: var(--type-body); color: var(--text-muted); line-height: 1.6; }
.lp-accent { color: var(--accent); }
.lp-mono { font-family: var(--font-mono); }
.lp-note { font: var(--fw-regular) var(--text-xs)/1.5 var(--font-mono); color: var(--text-faint); }

/* headings claros dentro de superfícies escuras */
.lp-on-dark, .lp-on-dark .lp-h2, .lp-on-dark .lp-display, .lp-on-dark .lp-h3 { color: var(--white); }
.lp-on-dark .lp-lead, .lp-on-dark .lp-body { color: var(--ink-300); }

/* ---------- seções ---------- */
.lp-section { padding-block: var(--lp-section-y); }
.lp-section--tight { padding-block: var(--space-16); }
.lp-section--paper { background: var(--paper); }
.lp-section--app { background: var(--grad-app); }
.lp-section--sunken { background: var(--surface-sunken); }
.lp-section--dark { background: var(--ink-950); }
.lp-section--blueprint { background: var(--grad-blueprint); }

.lp-section__head { max-width: 680px; margin-bottom: var(--space-12); }
.lp-section__head--center { margin-inline: auto; text-align: center; }
.lp-section__head .lp-lead { margin-top: var(--space-4); }
.lp-section__head .lp-h2 { margin-top: var(--space-3); }

/* ---------- grids ---------- */
.lp-grid { display: grid; gap: var(--space-5); }
.lp-grid--2 { grid-template-columns: 1fr; }
.lp-grid--3 { grid-template-columns: 1fr; }
.lp-grid--split { grid-template-columns: 1fr; gap: var(--space-10); align-items: center; }

/* ---------- header / nav ---------- */
/* menu superior sempre escuro (fixo), com leve profundidade ao rolar */
.lp-header {
  position: sticky; top: 0; z-index: 50;
  height: var(--lp-header-h);
  display: flex; align-items: center;
  background: var(--lp-nav-blur);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--ink-800);
  transition: box-shadow var(--dur-normal) var(--ease-out);
}
.lp-header.is-scrolled { box-shadow: var(--shadow-md); }
.lp-header__inner {
  width: 100%; max-width: var(--container-max); margin-inline: auto;
  padding-inline: var(--lp-gutter);
  display: flex; align-items: center; justify-content: space-between; gap: var(--space-6);
}
/* marca no cabeçalho: símbolo laranja (logomark) + "cutfy" em branco */
.lp-brand { display: inline-flex; align-items: center; gap: var(--space-2); }
.lp-brand__mark { height: 30px; width: auto; }
.lp-brand__name {
  font: var(--fw-black) var(--text-xl)/1 var(--font-display);
  letter-spacing: var(--tracking-tighter);
  color: var(--white);
}
.lp-nav { display: none; align-items: center; gap: var(--space-8); }
.lp-nav a {
  font: var(--fw-medium) var(--text-base)/1 var(--font-sans);
  color: var(--ink-300);
  transition: color var(--dur-fast) var(--ease-out);
}
.lp-nav a:hover { color: var(--white); }
.lp-header__actions { display: none; align-items: center; gap: var(--space-3); }
.lp-header__actions .lp-link-login {
  font: var(--fw-medium) var(--text-base)/1 var(--font-sans);
  color: var(--white);
}
.lp-header__actions .lp-link-login:hover { color: var(--orange-400); }

/* botão hambúrguer (mobile) */
.lp-burger {
  display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; border-radius: var(--radius-sm);
  background: transparent; border: 1px solid var(--ink-700); color: var(--white);
  cursor: pointer;
}
.lp-burger:hover { background: var(--ink-800); }

/* drawer mobile */
.lp-drawer-overlay {
  position: fixed; inset: 0; z-index: 60;
  background: rgba(20, 22, 26, 0.55); backdrop-filter: blur(2px);
  opacity: 0; pointer-events: none; transition: opacity var(--dur-normal) var(--ease-out);
}
.lp-drawer-overlay.is-open { opacity: 1; pointer-events: auto; }
.lp-drawer {
  position: fixed; top: 0; right: 0; z-index: 61; height: 100dvh; width: min(86vw, 340px);
  background: var(--ink-950); border-left: 1px solid var(--ink-800);
  transform: translateX(100%); transition: transform var(--dur-slow) var(--ease-out);
  display: flex; flex-direction: column; padding: var(--space-5);
}
.lp-drawer.is-open { transform: translateX(0); }
.lp-drawer__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--space-6); }
.lp-drawer__close {
  width: 44px; height: 44px; border-radius: var(--radius-sm);
  background: transparent; border: 1px solid var(--ink-700); color: var(--white); cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center;
}
.lp-drawer nav { display: flex; flex-direction: column; gap: var(--space-1); }
.lp-drawer nav a {
  font: var(--fw-medium) var(--text-lg)/1 var(--font-sans); color: var(--ink-200);
  padding: var(--space-3) var(--space-2); border-radius: var(--radius-sm);
  min-height: 44px; display: flex; align-items: center;
}
.lp-drawer nav a:hover { background: var(--ink-800); color: var(--white); }
.lp-drawer__actions { margin-top: auto; display: flex; flex-direction: column; gap: var(--space-3); padding-top: var(--space-6); }

/* ---------- hero ---------- */
.lp-hero { position: relative; overflow: hidden; color: var(--white); background: var(--grad-blueprint); }
section[id] { scroll-margin-top: calc(var(--lp-header-h) + var(--space-4)); }
.lp-hero__grid-overlay { position: absolute; inset: 0; pointer-events: none; }
.lp-blueprint-grid {
  background-image:
    linear-gradient(var(--info) 1px, transparent 1px),
    linear-gradient(90deg, var(--info) 1px, transparent 1px);
  background-size: 32px 32px;
  opacity: 0.06;
  -webkit-mask-image: radial-gradient(ellipse 90% 70% at 30% 18%, #000 40%, transparent 100%);
          mask-image: radial-gradient(ellipse 90% 70% at 30% 18%, #000 40%, transparent 100%);
}
.lp-hero__inner {
  position: relative;
  padding-block: var(--space-16) var(--space-20);
  display: grid; grid-template-columns: 1fr; gap: var(--space-12); align-items: center;
}
.lp-hero__title { margin-top: var(--space-5); }
.lp-hero .lp-display { color: var(--white); }
.lp-hero__sub { margin-top: var(--space-5); max-width: 520px; color: var(--ink-300); }
.lp-hero__ctas { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-top: var(--space-8); }
.lp-hero__tags { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); margin-top: var(--space-8); }
.lp-hero__tags .lp-trust-label { font: var(--fw-medium) var(--text-xs)/1 var(--font-mono); letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--ink-400); }
.lp-trust-label { font: var(--fw-medium) var(--text-xs)/1 var(--font-mono); letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--text-faint); }

/* moldura tipo navegador para os mockups */
.lp-frame {
  border-radius: var(--radius-lg); overflow: hidden;
  border: 1px solid var(--ink-800); background: var(--ink-900);
  box-shadow: var(--shadow-xl);
}
.lp-frame__bar {
  display: flex; align-items: center; gap: var(--space-2);
  padding: var(--space-3) var(--space-4); border-bottom: 1px solid var(--ink-800);
  background: var(--ink-900);
}
.lp-frame__dot { width: 10px; height: 10px; border-radius: var(--radius-full); background: var(--ink-700); }
.lp-frame__addr {
  margin-left: var(--space-2); flex: 1; min-width: 0;
  font: var(--fw-medium) var(--text-xs)/1 var(--font-mono); color: var(--ink-400);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.lp-frame__body { padding: var(--space-4); background: var(--surface-blueprint); }

/* ---------- cards de recurso ---------- */
.lp-feature {
  background: var(--surface-card); border: 1px solid var(--border);
  border-radius: var(--radius-md); padding: var(--space-6);
  background-image: var(--grad-card); box-shadow: var(--shadow-xs);
  height: 100%;
}
.lp-feature__icon {
  display: inline-flex; width: 44px; height: 44px; align-items: center; justify-content: center;
  border-radius: var(--radius-sm); color: var(--accent);
  background: var(--grad-accent-subtle); border: 1px solid var(--accent-border);
  box-shadow: var(--sheen-top); margin-bottom: var(--space-4);
}
.lp-feature .lp-h3 { margin-bottom: var(--space-2); }
.lp-feature__index { font: var(--fw-semibold) var(--text-sm)/1 var(--font-mono); color: var(--accent); margin-bottom: var(--space-3); }

/* lista de bullets técnicos */
.lp-checklist { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-4); }
.lp-checklist li { display: flex; gap: var(--space-3); align-items: flex-start; }
.lp-checklist .lp-check {
  flex: none; margin-top: 1px; color: var(--accent);
  display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center;
  background: var(--accent-subtle); border: 1px solid var(--accent-border); border-radius: var(--radius-sm);
}
.lp-checklist strong { color: var(--text-strong); font-weight: var(--fw-semibold); }

/* painel de estatística (ilustrativo) */
.lp-statwrap {
  background: var(--surface-card); border: 1px solid var(--border);
  border-radius: var(--radius-md); padding: var(--space-6); box-shadow: var(--shadow-sm);
  background-image: var(--grad-card);
}
.lp-statgrid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-4); }

/* readout mono de peça selecionada */
.lp-partcard {
  background: var(--ink-950); border: 1px solid var(--ink-800); border-radius: var(--radius-md);
  padding: var(--space-5); color: var(--white);
}
.lp-partcard__row { display: flex; justify-content: space-between; gap: var(--space-4); padding-block: var(--space-2); border-bottom: 1px solid var(--ink-800); }
.lp-partcard__row:last-child { border-bottom: none; }
.lp-partcard__k { font: var(--fw-medium) var(--text-2xs)/1.4 var(--font-mono); letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--ink-400); }
.lp-partcard__v { font: var(--fw-semibold) var(--text-sm)/1.2 var(--font-mono); color: var(--white); text-align: right; }

/* ---------- área de tabs (gestão) ---------- */
.lp-tabpanel { margin-top: var(--space-6); }
.lp-minilist { display: flex; flex-direction: column; gap: var(--space-2); }
.lp-minirow {
  display: flex; align-items: center; justify-content: space-between; gap: var(--space-4);
  background: var(--surface-card); border: 1px solid var(--border); border-radius: var(--radius-sm);
  padding: var(--space-3) var(--space-4);
}
.lp-minirow__main { display: flex; align-items: center; gap: var(--space-3); min-width: 0; }
.lp-minirow__title { font: var(--fw-semibold) var(--text-sm)/1.2 var(--font-sans); color: var(--text-strong); }
.lp-minirow__meta { font: var(--fw-regular) var(--text-xs)/1.2 var(--font-mono); color: var(--text-faint); margin-top: 2px; }
.lp-minirow__code { font: var(--fw-medium) var(--text-xs)/1 var(--font-mono); color: var(--text-muted); }

/* ---------- etiquetas ---------- */
.lp-labels-stage {
  position: relative; display: flex; align-items: center; justify-content: center; gap: var(--space-6);
  min-height: 320px; padding: var(--space-8);
  background: var(--grad-blueprint); border-radius: var(--radius-lg); border: 1px solid var(--ink-800);
  overflow: hidden;
}
.lp-labels-stage .lp-blueprint-grid { position: absolute; inset: 0; }
.lp-labels-stage__a { transform: rotate(-4deg); position: relative; z-index: 2; }
.lp-labels-stage__b { transform: rotate(3deg); position: relative; z-index: 1; }
.lp-sizes { display: flex; gap: var(--space-2); flex-wrap: wrap; margin-top: var(--space-5); }

/* ---------- PWA ---------- */
.lp-pwa {
  display: grid; grid-template-columns: 1fr; gap: var(--space-8); align-items: center;
  background: var(--ink-950); border-radius: var(--radius-lg); padding: var(--space-10); color: var(--white);
  border: 1px solid var(--ink-800);
}
.lp-installcard {
  display: inline-flex; align-items: center; gap: var(--space-3);
  background: var(--ink-900); border: 1px solid var(--ink-700); border-radius: var(--radius-md);
  padding: var(--space-3) var(--space-4); box-shadow: var(--shadow-lg);
}
.lp-installcard__icon { display: inline-flex; width: 40px; height: 40px; border-radius: var(--radius-sm); align-items: center; justify-content: center; background: var(--grad-accent); color: var(--white); box-shadow: var(--sheen-top); }

/* ---------- preços ---------- */
/* estado de carregamento enquanto detecta a região (moeda automática) */
.lp-geo-loading {
  display: flex; align-items: center; justify-content: center; gap: var(--space-3);
  min-height: 160px; padding: var(--space-8) 0;
  font: var(--fw-medium) var(--text-sm)/1.4 var(--font-mono);
  color: var(--text-muted); text-align: center;
}
.lp-spinner {
  width: 18px; height: 18px; flex: none; border-radius: var(--radius-full);
  border: 2px solid var(--accent-border); border-top-color: var(--accent);
  animation: lp-spin 0.7s linear infinite;
}
@keyframes lp-spin { to { transform: rotate(360deg); } }
/* plano único: um card centralizado e estreito */
.lp-pricing { display: grid; grid-template-columns: 1fr; gap: var(--space-5); align-items: stretch; max-width: 420px; margin-inline: auto; }
.lp-plan {
  position: relative; display: flex; flex-direction: column;
  background: var(--surface-card); border: 1px solid var(--border); border-radius: var(--radius-lg);
  padding: var(--space-6); box-shadow: var(--shadow-xs); background-image: var(--grad-card);
}
.lp-plan--featured {
  border-color: var(--accent); box-shadow: var(--shadow-lg);
  outline: 1px solid var(--accent-border);
}
.lp-plan__badge { position: absolute; top: calc(-1 * var(--space-3)); left: var(--space-6); }
.lp-plan__name { font: var(--fw-bold) var(--text-xl)/1 var(--font-display); color: var(--text-strong); }
.lp-plan__desc { font: var(--type-body-sm); color: var(--text-muted); margin-top: var(--space-2); min-height: 34px; }
.lp-plan__price { display: flex; align-items: baseline; gap: var(--space-2); margin: var(--space-5) 0 var(--space-1); }
.lp-plan__amount { font: var(--fw-black) var(--text-4xl)/1 var(--font-mono); color: var(--text-strong); }
.lp-plan__per { font: var(--fw-medium) var(--text-sm)/1 var(--font-mono); color: var(--text-faint); }
.lp-plan__features { list-style: none; margin: var(--space-5) 0 var(--space-6); padding: 0; display: flex; flex-direction: column; gap: var(--space-3); }
.lp-plan__features li { display: flex; gap: var(--space-2); align-items: flex-start; font: var(--type-body-sm); color: var(--text-body); }
.lp-plan__features .lp-check { flex: none; color: var(--success); margin-top: 1px; }
.lp-plan__cta { margin-top: auto; }
.lp-pay { display: flex; align-items: center; justify-content: center; gap: var(--space-4); flex-wrap: wrap; margin-top: var(--space-8); }
.lp-pay span { display: inline-flex; align-items: center; gap: var(--space-2); font: var(--type-body-sm); color: var(--text-muted); }

/* ---------- FAQ ---------- */
.lp-faq { max-width: 820px; margin-inline: auto; display: flex; flex-direction: column; gap: var(--space-3); }
.lp-faq details {
  background: var(--surface-card); border: 1px solid var(--border); border-radius: var(--radius-md);
  padding: 0 var(--space-5); box-shadow: var(--shadow-xs); overflow: hidden;
}
.lp-faq details[open] { border-color: var(--border-strong); }
.lp-faq summary {
  list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: var(--space-4);
  padding: var(--space-5) 0; font: var(--fw-semibold) var(--text-md)/1.3 var(--font-sans); color: var(--text-strong);
  min-height: 44px;
}
.lp-faq summary::-webkit-details-marker { display: none; }
.lp-faq summary .lp-faq__chev { flex: none; color: var(--text-faint); transition: transform var(--dur-fast) var(--ease-out); }
.lp-faq details[open] summary .lp-faq__chev { transform: rotate(180deg); color: var(--accent); }
.lp-faq__answer { padding: 0 0 var(--space-5); font: var(--type-body); color: var(--text-muted); line-height: 1.6; }

/* ---------- CTA final ---------- */
.lp-finalcta {
  position: relative; overflow: hidden; text-align: center; color: var(--white);
  border-radius: var(--radius-lg); padding: var(--space-16) var(--space-8);
  background: var(--grad-blueprint); border: 1px solid var(--ink-800);
}
.lp-finalcta .lp-blueprint-grid { position: absolute; inset: 0; }
.lp-finalcta__inner { position: relative; max-width: 640px; margin-inline: auto; }

/* ---------- rodapé ---------- */
.lp-footer { background: var(--ink-950); color: var(--ink-400); padding-block: var(--space-16) var(--space-10); }
.lp-footer__top { display: grid; grid-template-columns: 1fr; gap: var(--space-10); }
.lp-footer__brand img { height: 28px; width: auto; margin-bottom: var(--space-4); }
.lp-footer__brand p { font: var(--type-body-sm); color: var(--ink-500); max-width: 280px; }
.lp-footer__cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-8); }
.lp-footer__col h4 { font: var(--fw-semibold) var(--text-xs)/1 var(--font-mono); letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--ink-500); margin-bottom: var(--space-4); }
.lp-footer__col a { display: block; font: var(--type-body-sm); color: var(--ink-300); padding-block: var(--space-2); }
.lp-footer__col a:hover { color: var(--white); }
.lp-footer__bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--space-4); margin-top: var(--space-12); padding-top: var(--space-6); border-top: 1px solid var(--ink-800); }
.lp-footer__bottom p { font: var(--fw-regular) var(--text-sm)/1 var(--font-mono); color: var(--ink-500); }
.lp-footer__social { display: flex; gap: var(--space-2); }
.lp-footer__social a { display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: var(--radius-sm); border: 1px solid var(--ink-800); color: var(--ink-300); }
.lp-footer__social a:hover { background: var(--ink-800); color: var(--white); }

/* ---------- banner de cookies (aviso simples) ---------- */
.lp-cookie {
  position: fixed; z-index: 55;
  left: var(--space-4); right: var(--space-4); bottom: var(--space-4);
  display: flex; flex-direction: column; gap: var(--space-3);
  background: var(--ink-900); border: 1px solid var(--ink-700);
  border-radius: var(--radius-md); box-shadow: var(--shadow-lg);
  padding: var(--space-4) var(--space-5);
  animation: lp-cookie-in var(--dur-slow) var(--ease-out);
}
.lp-cookie__text { font: var(--type-body-sm); color: var(--ink-300); margin: 0; line-height: 1.5; }
.lp-cookie__link { color: var(--orange-400); text-decoration: underline; text-underline-offset: 2px; }
.lp-cookie__link:hover { color: var(--orange-300); }
.lp-cookie__actions { display: flex; justify-content: flex-end; flex: none; }
@keyframes lp-cookie-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@media (min-width: 560px) {
  .lp-cookie {
    left: var(--space-6); right: auto; bottom: var(--space-6);
    max-width: 430px; flex-direction: row; align-items: center; gap: var(--space-4);
  }
}

/* ---------- reveal on scroll ---------- */
.lp-reveal { opacity: 0; transform: translateY(12px); transition: opacity var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out); }
.lp-reveal.is-in { opacity: 1; transform: none; }

/* ============================================================
   Responsivo — mobile-first: acima incrementa em telas maiores
   ============================================================ */
@media (min-width: 560px) {
  .lp-grid--2 { grid-template-columns: 1fr 1fr; }
  .lp-statgrid { grid-template-columns: 1fr 1fr; }
  .lp-footer__top { grid-template-columns: 1.2fr 2fr; }
}
@media (min-width: 760px) {
  :root { --lp-gutter: var(--space-10); }
  .lp-grid--3 { grid-template-columns: repeat(3, 1fr); }
  .lp-pwa { grid-template-columns: 1.1fr 0.9fr; }
}
@media (min-width: 980px) {
  :root { --lp-section-y: var(--space-32); }
  .lp-nav, .lp-header__actions { display: flex; }
  .lp-burger { display: none; }
  .lp-display { font-size: var(--text-6xl); }
  .lp-h2 { font-size: var(--text-4xl); }
  .lp-hero__inner { grid-template-columns: 1.05fr 0.95fr; }
  .lp-grid--split { grid-template-columns: 1fr 1fr; }
  .lp-section__head--center { text-align: center; }
}
@media (min-width: 1180px) {
  .lp-display { font-size: var(--text-7xl); }
}

/* ordem visual em telas grandes: mockup à direita, texto à esquerda */
@media (min-width: 980px) {
  .lp-split-reverse .lp-split__media { order: 2; }
  .lp-split-reverse .lp-split__text { order: 1; }
}

/* ---------- preferências de movimento ---------- */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
  .lp-reveal { opacity: 1; transform: none; }
}