/* ============================================================
   Grandal — Reset + base
   ============================================================ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);
  color:var(--color-text);background:var(--color-bg);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img,svg,video{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
ul{list-style:none}
h1,h2,h3,h4{font-family:var(--font-display);line-height:var(--lh-tight);font-weight:800;letter-spacing:-.01em}
h2{font-size:var(--fs-h2)} h3{font-size:var(--fs-h3);font-weight:700}
p{max-width:66ch}
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;border-radius:4px}
::selection{background:rgba(38,229,222,.28);color:#fff}

/* Skip link */
.skip-link{position:absolute;left:-999px;top:0;z-index:200;background:var(--accent);color:#04121f;
  padding:.6rem 1rem;border-radius:0 0 var(--radius-md) 0;font-weight:700}
.skip-link:focus{left:0}

/* Layout helpers */
.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
.container-narrow{max-width:var(--container-narrow)}
.section{padding-block:var(--section-pad);position:relative}
.section--light{background:var(--surface-light);color:var(--color-text-on-light)}
.section--deep{background:var(--color-bg-deep)}
.section--light p{color:#3a4a60}
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);
  font-size:var(--fs-xs);font-weight:700;letter-spacing:var(--tracking-label);text-transform:uppercase;
  color:var(--accent)}
.section--light .eyebrow{color:#0a8f86}
.lead{font-size:var(--fs-lead);color:var(--color-text-muted);line-height:1.5}
.section--light .lead{color:#42546c}
.text-grad{background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.stack>*+*{margin-top:var(--sp-4)}
.center{text-align:center;margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Reveal (motion base) — visível por padrão (sem JS = ok) */
.reveal{opacity:1;transform:none}
.js .reveal{opacity:0;transform:translateY(14px);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}
.js .reveal.is-in{opacity:1;transform:none}
.js .reveal[data-delay="1"]{transition-delay:80ms}
.js .reveal[data-delay="2"]{transition-delay:160ms}
.js .reveal[data-delay="3"]{transition-delay:240ms}
.js .reveal[data-delay="4"]{transition-delay:320ms}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .js .reveal{opacity:1!important;transform:none!important}
}