:root{--primary-gold: #D4AF37;--primary-gold-hover: #B8860B;--deep-gold: #B8860B;--gold-glow: rgba(212, 175, 55, .25);--gold-border: rgba(212, 175, 55, .35);--near-black: #0B0B0B;--dark-charcoal: #1A202C;--dark-surface: #2D3748;--bg-white: #FFFFFF;--bg-ivory: #FAF9F6;--bg-light: #FAF9F6;--text-heading: #1A202C;--text-body: #4A5568;--text-muted: #718096;--text-dark-bg: #FFFFFF;--text-dark-sub: #E2E8F0;--border-light: #E2E8F0;--accent-pink: #ED3B68;--accent-pink-soft: rgba(237, 59, 104, .12);--accent-pink-border: rgba(237, 59, 104, .3);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 6px rgba(0, 0, 0, .04);--shadow-md: 0 10px 25px -5px rgba(0, 0, 0, .08);--shadow-lg: 0 25px 50px -12px rgba(0, 0, 0, .12);--shadow-hover-gold: 0 20px 40px -10px rgba(212, 175, 55, .25);--transition-fast: .2s cubic-bezier(.16, 1, .3, 1);--transition-normal: .35s cubic-bezier(.16, 1, .3, 1);--transition-slow: .7s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;background-color:var(--bg-white);color:var(--text-body);max-width:100vw;overflow-x:hidden}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;background-color:var(--bg-white);color:var(--text-body);max-width:100vw;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;color:var(--text-heading);font-weight:700;line-height:1.2;word-wrap:break-word;overflow-wrap:break-word}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img,video{max-width:100%;height:auto;display:block}:focus-visible{outline:2px solid var(--primary-gold);outline-offset:3px}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1rem}@media (min-width: 640px){.container{padding:0 1.5rem}}@media (min-width: 1024px){.container{padding:0 2.5rem}}.section-padding{padding:3.5rem 0}@media (min-width: 768px){.section-padding{padding:5rem 0}}@media (min-width: 1024px){.section-padding{padding:6.5rem 0}}.eyebrow-tag{color:var(--primary-gold);font-family:Outfit,sans-serif;font-weight:800;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.5rem;margin-bottom:.5rem}@media (min-width: 640px){.eyebrow-tag{font-size:.9rem;letter-spacing:.15em}}.eyebrow-tag:after{content:"────────";color:var(--primary-gold);opacity:.6}.section-title-codex{font-size:clamp(1.85rem,4.5vw,3rem);font-weight:900;color:var(--text-heading);margin-bottom:1rem;line-height:1.15;letter-spacing:-.01em}.btn-gold-pill,.btn-pink-pill{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.6rem;background-color:var(--primary-gold);color:var(--near-black);font-family:Outfit,sans-serif;font-weight:800;font-size:.92rem;border-radius:var(--radius-full);box-shadow:0 6px 20px var(--gold-glow);transition:all var(--transition-normal);position:relative;overflow:hidden;text-align:center;border:1px solid rgba(212,175,55,.4)}.btn-gold-pill:hover,.btn-pink-pill:hover{background-color:var(--deep-gold);color:#fff;transform:translateY(-2px) scale(1.02);box-shadow:0 12px 28px #b8860b73;border-color:var(--deep-gold)}.btn-gold-pill:before,.btn-pink-pill:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transition:.5s}.btn-gold-pill:hover:before,.btn-pink-pill:hover:before{left:100%}.btn-secondary-pill,.btn-amber-pill{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.6rem;background-color:var(--near-black);color:var(--primary-gold);border:1.5px solid var(--primary-gold);font-family:Outfit,sans-serif;font-weight:800;font-size:.92rem;border-radius:var(--radius-full);box-shadow:0 4px 14px #0003;transition:all var(--transition-normal);text-align:center}.btn-secondary-pill:hover,.btn-amber-pill:hover{background-color:var(--primary-gold);color:var(--near-black);transform:translateY(-2px) scale(1.02);box-shadow:0 10px 24px var(--gold-glow)}.btn-outline-gold{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.2rem;background-color:transparent;color:var(--primary-gold);border:1.5px solid var(--primary-gold);font-family:Outfit,sans-serif;font-weight:700;font-size:.85rem;border-radius:var(--radius-full);transition:all var(--transition-fast)}.btn-outline-gold:hover{background-color:var(--primary-gold);color:var(--near-black)}.interactive-card{transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);border:1px solid var(--border-light)}@media (hover: hover){.interactive-card:hover{transform:translateY(-6px) scale(1.01);border-color:var(--gold-border);box-shadow:var(--shadow-hover-gold)}}.pulse-dot{width:10px;height:10px;border-radius:50%;background-color:#10b981;box-shadow:0 0 #10b981b3;animation:pulseGreen 2s infinite;flex-shrink:0}@keyframes pulseGreen{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 10px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}@keyframes floatSlow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(.5deg)}}.float-slow{animation:floatSlow 5s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.75;transform:scale(1.05)}}.pulse-glow{animation:pulseGlow 4s ease-in-out infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-up{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}.animate-left{animation:slideInLeft .6s cubic-bezier(.16,1,.3,1) forwards}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:var(--primary-gold);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--deep-gold)}@media (max-width: 640px){input,select,textarea{font-size:16px!important}}