@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&family=IBM+Plex+Mono:wght@400;500;600&display=swap";
:root{--color-bg:#0b0d13;--color-bg-alt:#12151e;--color-bg-card:#0a0d1466;--color-bg-glass:#0a0d1499;--color-surface:#ffffff08;--color-border:#ffffff14;--color-border-accent:#00d4ff33;--color-accent:#00d4ff;--color-accent-bright:#4d8fff;--color-accent-glow:#00d4ff4d;--color-accent-dim:#00d4ff14;--color-gold:#c8a96e;--color-gold-dim:#c8a96e1f;--color-cyan:#00b1d2;--color-cyan-dim:#00d4ff14;--color-text:#fff;--color-text-muted:#ffffffa6;--color-text-dim:#ffffff73;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"IBM Plex Mono", monospace;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-in-out-expo:cubic-bezier(.87, 0, .13, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:100px;--shadow-glow:0 0 25px #1a6bff33, 0 0 50px #1a6bff14;--shadow-glow-sm:0 0 10px #1a6bff26;--shadow-gold:0 0 20px #c8a96e26;--shadow-card:0 1px 0 #0000000d, 0 4px 14px #0000001a;--shadow-card-hover:0 24px 40px #00000026, 0 0 0 1px #ffffff1a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:auto;background:var(--color-bg);width:100%;font-size:16px;position:relative;overflow-x:hidden}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);cursor:auto;width:100%;min-height:100vh;position:relative;overflow-x:hidden}@media (hover:none){body{cursor:auto}}::selection{background:var(--color-accent);color:#fff}.text-hero{font-family:var(--font-display);letter-spacing:-.04em;color:var(--color-text);font-size:clamp(2rem,7vw,7rem);font-weight:700;line-height:.95}.text-hero-xl{font-family:var(--font-display);letter-spacing:-.05em;color:var(--color-text);font-size:clamp(2.5rem,9vw,9rem);font-weight:700;line-height:.9}.text-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-text);font-size:clamp(1.75rem,4.5vw,4rem);font-weight:700;line-height:1.1}.text-subtitle{font-family:var(--font-display);color:var(--color-text);font-size:clamp(1.25rem,2.5vw,2rem);font-weight:500;line-height:1.25}.text-body{font-family:var(--font-body);color:var(--color-text-muted);font-size:1rem;line-height:1.75}.text-label{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;font-size:.6875rem;font-weight:600}.tag{color:var(--color-text-dim);font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;margin-bottom:1.5rem;font-size:.875rem;font-weight:600;display:inline-block}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--color-accent), var(--color-cyan));border-radius:2px}.container-wide{max-width:1440px;margin:0 auto;padding:0 clamp(1rem,5vw,5rem)}.mobile-only{display:none!important}.desktop-only{display:flex!important}.layer-overlay{pointer-events:none}.layer-overlay>section:not(.spacer-section){pointer-events:auto}@media (max-width:1024px){.mobile-only{display:flex!important}.desktop-only{display:none!important}button.mobile-only{display:block!important}}.mobile-nav-overlay{display:none}@media (max-width:1024px){.mobile-nav-overlay.is-open{display:flex!important}}.stack-mobile>*{grid-column:1/-1!important}.canvas-placeholder{animation:1.8s ease-in-out infinite placeholderPulse}@keyframes placeholderPulse{0%,to{opacity:.65}50%{opacity:.9}}.gradient-text{background:linear-gradient(135deg,#fff 0%,#a0c3ff 50%,#4d8fff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-gold{background:linear-gradient(135deg,#c8a96e 0%,#f0d090 50%,#c8a96e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-line{background:linear-gradient(90deg,#0000,#1a6bff99,#00d4ff66,#0000);height:1px}.btn-primary{background:var(--color-accent);color:#05060a;font-family:var(--font-display);border-radius:var(--radius-xl);cursor:pointer;transition:all .3s var(--ease-out-expo);white-space:nowrap;letter-spacing:.01em;border:1px solid #ffffff26;align-items:center;gap:.625rem;padding:1rem 2.25rem;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff4d}.btn-primary:hover{box-shadow:inset 0 1px 1px #fff6, var(--shadow-glow);background:var(--color-accent-bright);transform:translateY(-2px)}.btn-ghost{color:var(--color-text);font-family:var(--font-display);border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all .3s var(--ease-out-expo);white-space:nowrap;background:0 0;align-items:center;gap:.625rem;padding:.9375rem 2rem;font-size:.9375rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-ghost:hover{background:#ffffff0d;border-color:#fff3}.btn-whatsapp{color:#25d366;font-family:var(--font-display);border-radius:var(--radius-xl);cursor:pointer;transition:all .3s var(--ease-out-expo);white-space:nowrap;background:0 0;border:1px solid #25d36680;align-items:center;gap:.625rem;padding:1rem 2rem;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-whatsapp:hover{background:#25d3661a;border-color:#25d366;transform:translateY(-3px);box-shadow:0 10px 20px #25d36626}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all .4s var(--ease-out-expo);position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-card-hover);border-color:#ffffff26;transform:translateY(-4px)}.glass{-webkit-backdrop-filter:blur(24px)saturate(180%);background:#0a0d1499;border-bottom:1px solid #ffffff0f}.hero-glass{-webkit-backdrop-filter:blur(8px);background:#00b1d20d}@media (max-width:768px){.glass{-webkit-backdrop-filter:none;background:#0a0d14f2}.hero-glass{-webkit-backdrop-filter:none;background:#00b1d226}}.glass-light{-webkit-backdrop-filter:blur(20px)saturate(160%);background:#ffffff06;border:1px solid #ffffff0d;box-shadow:inset 0 0 20px #ffffff05}.nav-link{font-family:var(--font-display);color:var(--color-text-muted);letter-spacing:.02em;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .25s;position:relative}.nav-link:hover{color:var(--color-text)}.stat-number{font-family:var(--font-display);letter-spacing:-.04em;background:linear-gradient(135deg,#4d8fff,#00d4ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,5vw,5rem);font-weight:700;line-height:1}.canvas-container{z-index:0;pointer-events:none;width:100vw;height:100dvh;position:fixed;top:0;left:0;overflow:hidden}.canvas-container.orbit-active{pointer-events:auto;z-index:12}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes shimmer-line{0%{transform:translate(-100%)skew(-20deg)}to{transform:translate(300%)skew(-20deg)}}.scroll-indicator{animation:2.5s ease-in-out infinite bounce}.gsap-animated{will-change:transform, opacity, filter}@media (prefers-reduced-motion:reduce){.gsap-animated{will-change:auto}}.ticker-wrapper{width:100%;position:relative;overflow:hidden}.ticker-inner{width:max-content;animation:30s linear infinite ticker-scroll;display:flex}.shimmer-hover{position:relative;overflow:hidden}.shimmer-hover:hover:after{animation:.7s forwards shimmer-line}.section-grid{grid-template-columns:repeat(12,1fr);gap:clamp(1rem,2vw,1.5rem);display:grid}.stat-card{grid-column:span 2}@media (max-width:1024px){.section-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:640px){.section-grid{grid-template-columns:1fr}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.animate-pulse-dot{animation:2s ease-in-out infinite pulse-dot}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}.quiz-progress-bar{background:#ffffff0f;border-radius:2px;height:3px;overflow:hidden}.quiz-progress-fill{background:linear-gradient(90deg, var(--color-accent), var(--color-accent-bright));height:100%;transition:width .4s var(--ease-out-expo);border-radius:2px}.quiz-option{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-family:var(--font-display);cursor:pointer;text-align:left;padding:.875rem 1.125rem;font-size:.875rem;transition:all .25s}.quiz-option:hover{background:#1a6bff0d;border-color:#1a6bff4d}.quiz-option.selected{background:#1a6bff14;border-color:#1a6bff80;box-shadow:0 0 15px #1a6bff1a}.input-dark{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);font-family:var(--font-body);outline:none;padding:.875rem 1rem;font-size:.9375rem;transition:border-color .25s}.input-dark:focus{border-color:#1a6bff66}.input-dark::placeholder{color:var(--color-text-dim)}.project-num{font-family:var(--font-display);color:#ffffff08;z-index:0;font-size:clamp(4rem,8vw,7rem);font-weight:700;line-height:1;position:relative}