/* Brand font: Helvetica Now Display (licensed). Local: arquivos em public/fonts/ (gitignored). Produção: o Worker repassa /fonts/* do CDN da marca. No bundled binaries: this is a commercial font we cannot redistribute. If this CDN becomes unavailable, substitute Google Font "Inter" (closest free grotesque match) and flag it. */
@font-face{font-family:'Helvetica Now Display';src:url('fonts/HelveticaNowDisplay-Light.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Helvetica Now Display';src:url('fonts/HelveticaNowDisplay-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Helvetica Now Display';src:url('fonts/HelveticaNowDisplay-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Helvetica Now Display';src:url('fonts/HelveticaNowDisplay-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Helvetica Now Display';src:url('fonts/HelveticaNowDisplay-Black.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap}
:root{
/* base — yellow/orange (brand) scale */
--yellow:#F9D029;
--yellow-2:#FAD760;
--yellow-3:#FBEA8D;
--yellow-4:#FFF4B8;
--yellow-5:#FDCE70;
--orange:#F49454;
--orange-2:#F6BE5B;
--orange-3:#FDCE70;
--gradient-brand:linear-gradient(90deg,#ffce04,#ff8a47); /* @kind color */
/* base — neutrals */
--black:#000000;
--brown:#220F0C;
--gray:#605A5A;
--gray-soft-lp-bg:#FAFAFA;
--gray-dark:#111111;
--gray-mid:#1D1D1D;
--gray-switch:#3A3A3A;
--gray-disabled:#988E8E;
--white:#FFFFFF;
/* semantic aliases */
--surface-page:var(--white);
--surface-soft:var(--gray-soft-lp-bg);
--surface-inverse:var(--gray-dark);
--text-primary:var(--black);
--text-secondary:var(--gray);
--text-disabled:var(--gray-disabled);
--text-inverse:var(--white);
--border-default:var(--black);
--border-soft:#d4d4d4;
--accent-primary:var(--yellow);
--accent-gradient:var(--gradient-brand);
--link-color:var(--black);
--link-hover:var(--yellow);
--selection-bg:var(--yellow);
--selection-fg:var(--black);
}
:root{
--font-display:'Helvetica Now Display',Inter,Arial,sans-serif;
--font-body:'Helvetica Now Display',Inter,Arial,sans-serif;
/* landing page uses huge display type + casual lowercase body */
--text-display-xl:120px;
--text-display-lg:96px;
--text-display-md:64px;
--text-display-sm:48px;
--text-headline:36px;
--text-title:28px;
--text-body-lg:24px;
--text-body:18px;
--text-caption:14px;
--leading-tight:1.05;
--leading-snug:1.15;
--leading-normal:1.4;
--weight-light:300;
--weight-regular:400;
--weight-medium:500;
--weight-bold:700;
--weight-black:900;
}
body{font-family:var(--font-body);color:var(--text-primary)}
::selection{color:var(--selection-fg);background-color:var(--selection-bg)}
:root{
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-6:24px;
--space-8:32px;
--space-10:40px;
--space-12:48px;
--space-16:64px;
--space-20:80px;
--space-24:96px;
--space-32:128px;
/* radius — pills for buttons/inputs, large soft radii for feature cards */
--radius-pill:999px;
--radius-card-sm:10px;
--radius-card-lg:50px;
--radius-feature:30px;
--radius-feature-lg:60px;
}
:root{
/* buttons use a soft warm glow, not neutral drop shadows */
--shadow-button:0 4px 16px 0 rgba(255,138,71,.3),0 1px 3px 0 rgba(0,0,0,.06);
--shadow-button-hover:0 8px 24px 0 rgba(255,138,71,.4),0 2px 4px 0 rgba(0,0,0,.08);
--shadow-card:none;
--border-width-thin:1px;
--border-width-thick:2px;
--ease-standard:cubic-bezier(.4,0,.2,1); /* @kind other */
--duration-fast:150ms; /* @kind other */
--duration-standard:300ms; /* @kind other */
--duration-slow:500ms; /* @kind other */
}