/* ==========================================================================
   Design tokens — importados do Marco 1 Design System (claude.ai/design)
   Projeto: b44e8b89-8721-493a-b49c-18727f3dbec8
   Não editar valores aqui sem atualizar também o projeto de design de origem.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');

:root{
  /* cores */
  --brand-navy-950:#0B1422; --brand-navy-900:#101B2B; --brand-navy-800:#18263A;
  --brand-teal-700:#0B5967; --brand-teal-600:#0E6B78; --brand-teal-500:#19808B; --brand-teal-400:#3FA0AA;
  --accent-blue:#69A4F2; --accent-lilac:#8C82DD; --accent-coral:#D68574;
  --bg-primary:#F7F8F6; --bg-secondary:#F0F2F1; --surface-white:#FFFFFF; --surface-soft:#EAEEED;
  --text-primary:#14191D; --text-secondary:#626B70; --text-muted:#8E979C; --text-inverse:#F7F9FA;
  --border-light:#E0E5E4; --border-light-dark:rgba(255,255,255,.10);
  --gradient-accent:linear-gradient(105deg,#D68574 0%,#967FD5 48%,#69A4F2 100%);
  --shadow-sm:0 8px 24px rgba(11,20,34,.06);
  --shadow-md:0 20px 50px rgba(11,20,34,.10);
  --shadow-lg:0 32px 80px rgba(11,20,34,.14);

  /* tipografia */
  --font-display:"Manrope",sans-serif; --font-body:"Inter",sans-serif;
  --display-xl:72px; --display-xl-lh:1.02;
  --display-lg:64px; --display-lg-lh:1.04;
  --h1:56px; --h1-lh:1.08;
  --h2:44px; --h2-lh:1.10;
  --h3:32px; --h3-lh:1.18;
  --h4:24px; --h4-lh:1.25;
  --body-lg:18px; --body-lg-lh:1.55;
  --body:16px; --body-lh:1.55;
  --body-sm:14px; --body-sm-lh:1.45;
  --caption:12px;
  --tracking-display:-0.035em; --tracking-h:-0.025em; --tracking-body:-0.01em; --tracking-eyebrow:0.14em;
  --display-xl-mobile:48px; --display-xl-mobile-lh:1.04;
  --h1-mobile:42px; --h1-mobile-lh:1.10;
  --h2-mobile:34px; --h2-mobile-lh:1.15;
  --h3-mobile:26px; --h3-mobile-lh:1.23;
  --body-mobile-lh:1.56;

  /* espaçamento */
  --space-0:0px; --space-0-5:4px; --space-1:8px; --space-1-5:12px; --space-2:16px; --space-3:24px;
  --space-4:32px; --space-5:40px; --space-6:48px; --space-8:64px; --space-10:80px; --space-12:96px;
  --space-16:128px; --space-20:160px;
  --container-max:1280px; --container-max-wide:1360px; --container-pad:32px;
  --section-gap-desktop:140px; --section-gap-tablet:100px; --section-gap-mobile:72px;

  /* raio */
  --radius-xs:8px; --radius-sm:12px; --radius-md:16px; --radius-lg:24px; --radius-xl:32px; --radius-pill:999px;

  /* motion */
  --motion-fast:180ms; --motion-normal:300ms; --motion-slow:650ms; --motion-hero:900ms;
  --ease-premium:cubic-bezier(.22,1,.36,1);
}

@keyframes m1-rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.m1-rise{animation:m1-rise var(--motion-slow) var(--ease-premium) both}

@media (prefers-reduced-motion: reduce){
  .m1-rise{animation:none}
}

/* base */
*{box-sizing:border-box}
html{-webkit-font-smoothing:antialiased; scroll-behavior:smooth; scroll-padding-top:84px}
@media (prefers-reduced-motion: reduce){ html{ scroll-behavior:auto } }
body{margin:0;font-family:var(--font-body);color:var(--text-primary);background:var(--bg-primary);font-size:var(--body);line-height:var(--body-lh);letter-spacing:var(--tracking-body)}
h1,h2,h3,h4,h5{font-family:var(--font-display);margin:0;color:var(--text-primary)}
p{margin:0}
a{color:var(--brand-teal-600);text-decoration:none}
a:hover{color:var(--brand-teal-500)}
button{font-family:var(--font-body)}
img{max-width:100%;display:block}

.eyebrow{font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--brand-teal-600)}