@import"https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400&display=swap";:root{--c-dark: #080c16;--c-dark-card: #111827;--c-dark-border: #1e293b;--c-accent: #00d4aa;--c-accent-glow: rgba(0, 212, 170, .25);--c-accent-soft: rgba(0, 212, 170, .08);--c-red: #ef4444;--c-blue: #3b82f6;--c-purple: #8b5cf6;--c-orange: #f59e0b;--c-text-muted: #94a3b8;--font-display: "Manrope", sans-serif;--font-body: "DM Sans", sans-serif}.reveal{opacity:0;transform:translateY(32px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(.5deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--c-accent-glow)}50%{box-shadow:0 0 40px var(--c-accent-glow),0 0 60px #00d4aa1a}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes draw-line{0%{stroke-dashoffset:200}to{stroke-dashoffset:0}}@keyframes counter-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-mockup{animation:float 6s ease-in-out infinite}.hero-mockup-card{animation:slide-up .6s ease-out both}.hero-mockup-card:nth-child(1){animation-delay:.3s}.hero-mockup-card:nth-child(2){animation-delay:.45s}.hero-mockup-card:nth-child(3){animation-delay:.6s}.hero-mockup-card:nth-child(4){animation-delay:.75s}.chart-line{stroke-dasharray:200;stroke-dashoffset:200;animation:draw-line 2s ease-out 1s forwards}.chart-area{opacity:0;animation:slide-up 1s ease-out 1.5s forwards}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(180px,auto);gap:16px}@media (max-width: 768px){.bento-grid{grid-template-columns:1fr;grid-auto-rows:auto}}.bento-span-2{grid-column:span 2}@media (max-width: 768px){.bento-span-2{grid-column:span 1}}.bento-card{border-radius:16px;padding:28px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease;cursor:default;position:relative;overflow:hidden}.bento-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--c-accent);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.16,1,.3,1)}.bento-card:hover:before{transform:scaleX(1)}.bento-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00000014}.timeline-connector{position:absolute;top:30px;left:calc(16.67% + 30px);right:calc(16.67% + 30px);height:2px;background:repeating-linear-gradient(90deg,var(--c-accent) 0px,var(--c-accent) 8px,transparent 8px,transparent 16px);z-index:0}@media (max-width: 768px){.timeline-connector{display:none}}.noise-overlay{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px}.glow-dot{width:8px;height:8px;border-radius:50%;background:var(--c-accent);box-shadow:0 0 12px var(--c-accent-glow);display:inline-block}.header-glass{backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);background:#ffffffd9!important;border-bottom:1px solid rgba(0,0,0,.06)!important}.problem-card{position:relative;border-left:4px solid var(--c-red);transition:all .3s ease}.problem-card:hover{border-left-color:var(--c-accent);transform:translate(4px)}.stat-number{font-family:var(--font-display);font-weight:800;font-size:3rem;line-height:1;background:linear-gradient(135deg,var(--c-accent),#00f5c4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.stat-number{font-size:2.25rem}}