:root {
--bg:           #fafaf9;
--bg-soft:      #f5f5f4;
--bg-dark:      #0a0a0a;
--bg-dark-soft: #18181b;
--text:            #1c1917;
--text-soft:       #78716c;
--text-light:      #fafaf9;
--text-light-soft: #a8a29e;
--accent:       #f59e0b;
--accent-hover: #d97706;
--accent-soft:  #fef3c7;
--accent-ink:   #b45309;
--orb-1: #f59e0b;
--orb-2: #ea580c;
--orb-3: #fbbf24;
--border:       rgba(0,0,0,0.08);
--border-light: rgba(255,255,255,0.1);
--success: #22c55e;
--whatsapp: #25d366;
--font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
--fs-xs:      12px;
--fs-sm:      14px;
--fs-body:    17px;
--fs-lg:      21px;
--fs-xl:      28px;
--fs-2xl:     40px;
--fs-display: clamp(40px, 7vw, 80px);
--fs-title:   clamp(40px, 6vw, 64px);
--lh-tight:   1.05;
--lh-snug:    1.15;
--lh-normal:  1.47;
--ls-tight:   -0.035em;
--ls-snug:    -0.025em;
--ls-normal:  -0.01em;
--ls-wide:    0.12em;
--space-1:  8px;
--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-15: 120px;
--r-sm:   8px;
--r-md:   12px;
--r-lg:   16px;
--r-xl:   28px;
--r-2xl:  36px;
--r-pill: 980px;
--container:    1240px;
--page-padding: 40px;
--section-y:    88px;
--section-y-tight: 56px;
--nav-height:   64px;
--ease: cubic-bezier(0.22, 1, 0.36, 1);
--duration-fast: 0.2s;
--duration:      0.4s;
--duration-slow: 0.8s;
--glass-bg:        rgba(255,255,255,0.34);
--glass-bg-strong: rgba(255,255,255,0.74);
--glass-field:     rgba(255,255,255,0.52);
--glass-border:    rgba(255,255,255,0.64);
--glass-ring:      inset 0 0 0 1px var(--glass-border);
--glass-blur:      blur(28px) saturate(150%);
--glass-shine:     inset 0 1px 0 rgba(255,255,255,0.8);
--glass-shadow:    0 24px 64px -24px rgba(68,50,32,0.30);
--glass-dark:      rgba(28,25,23,0.92);
--glass-text:      #1c1917;
--glass-text-soft: #57534e;
--scene-top:    #efe8df;
--scene-bottom: #e0d4c6;
--pearl-light:  #fffdfa;
--pearl-mid:    #ebe3d9;
--pearl-dark:   #c4b3a0;
--pearl-glow:   rgba(234,88,12,0.34);
--shadow-sm: 0 2px 8px rgba(0,0,0,0.04);
--shadow-md: 0 8px 24px rgba(0,0,0,0.08);
--shadow-lg: 0 20px 50px rgba(0,0,0,0.12);
}
@media (max-width: 1024px) { :root { --page-padding: 32px; } }
@media (max-width: 640px)  { :root { --page-padding: 24px; } }