/* CorralData — base design tokens + primitives (owned, brand-faithful) */
@font-face{font-family:'Moderat';src:url('/assets/fonts/Moderat-Light.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:'Moderat';src:url('/assets/fonts/Moderat-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Moderat';src:url('/assets/fonts/Moderat-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Moderat';src:url('/assets/fonts/Moderat-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Moderat Mono';src:url('/assets/fonts/Moderat-Mono-Regular.woff2') format('woff2');font-weight:400;font-display:swap}

:root{
  --cd-primary:#4848f0;
  --cd-primary-light:#ededfd;
  --cd-dark:#202024;
  --cd-white:#ffffff;
  --cd-gray-light:#f6f7f8;
  --cd-gray-muted:#4f555e;
  --cd-gray-dark:#373d46;
  --cd-radius-card:15px;
  --cd-radius-button:10px;
  --cd-radius-section:80px;
  --cd-font:'Moderat',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --cd-mono:'Moderat Mono',monospace;
  --cd-maxw:1200px;
  --cd-nav-h:72px;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--cd-font);color:var(--cd-dark);background:var(--cd-white);line-height:1.5;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}

h1,h2,h3{font-weight:300;line-height:1.1;letter-spacing:-0.01em}
h1{font-size:clamp(2.4rem,5vw,4rem)}
h2{font-size:clamp(2rem,4vw,3rem)}
h3{font-size:clamp(1.3rem,2.5vw,1.75rem)}
.eyebrow{font-family:var(--cd-mono);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cd-primary)}

.wrap{max-width:var(--cd-maxw);margin:0 auto;padding:0 24px}
.section{padding:80px 0}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;border-radius:var(--cd-radius-button);font-weight:500;font-size:.95rem;border:none;cursor:pointer;transition:.15s}
.btn-primary{background:var(--cd-primary);color:#fff}
.btn-primary:hover{background:#3a3ad6}
.btn-dark{background:var(--cd-dark);color:#fff}
.btn-ghost{background:transparent;color:var(--cd-dark);border:1px solid #e2e4e8}
.card{background:var(--cd-gray-light);border-radius:var(--cd-radius-card);padding:32px}

@media(max-width:768px){.section{padding:48px 0}}