@import "https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&family=Marcellus&display=swap";
:root{--color-bg-primary:#fff;--color-bg-light:#f8f9ff;--color-bg-dark:#080c1a;--color-bg-dark-alt:#0d1228;--color-bg-dark-card:#ffffff0a;--color-gradient-start:#2563eb;--color-gradient-mid:#7c3aed;--color-gradient-end:#4f46e5;--color-accent:#4f46e5;--color-accent-hover:#7c3aed;--color-accent-soft:#4f46e51f;--color-text-primary:#080c1a;--color-text-secondary:#4b5563;--color-text-muted:#9ca3af;--color-text-light:#fff;--color-text-light-muted:#fff9;--color-border:#4f46e526;--color-border-dark:#ffffff14;--gradient-brand:linear-gradient(135deg, var(--color-gradient-start) 0%, var(--color-gradient-mid) 50%, var(--color-gradient-end) 100%);--gradient-brand-text:linear-gradient(135deg, #60a5fa 0%, #a78bfa 50%, #818cf8 100%);--gradient-glow:radial-gradient(ellipse at center, #4f46e540 0%, transparent 70%);--font-heading:"Marcellus", Optima, sans-serif;--font-body:"Inter", sans-serif;--text-hero:clamp(2.75rem, 6vw, 5.5rem);--text-h2:clamp(2rem, 4vw, 3.25rem);--text-h3:clamp(1.25rem, 2vw, 1.75rem);--text-body-lg:1.125rem;--text-body:1rem;--text-sm:.875rem;--text-xs:.75rem;--space-section:clamp(80px, 12vw, 140px);--space-content:clamp(40px, 6vw, 72px);--container-max:1200px;--container-pad:clamp(20px, 5vw, 60px);--ease-out-expo:cubic-bezier(.19, 1, .22, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.2s;--dur-normal:.4s;--dur-slow:.7s;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--shadow-card:0 4px 32px #4f46e514, 0 1px 4px #0000000a;--shadow-card-hover:0 8px 48px #4f46e529, 0 2px 8px #0000000f;--shadow-glow:0 0 40px #4f46e54d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-padding-top:90px}body{font-family:var(--font-body);font-size:var(--text-body);color:var(--color-text-primary);background:var(--color-bg-primary);max-width:100vw;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;line-height:1.15}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{max-width:var(--container-max);padding:0 var(--container-pad);margin:0 auto}.section-pad{padding:var(--space-section) 0}.section-pad-sm{padding:var(--space-content) 0}.btn{border-radius:var(--radius-full);font-family:var(--font-body);letter-spacing:.01em;transition:all var(--dur-normal) var(--ease-out-expo);white-space:nowrap;align-items:center;gap:8px;padding:14px 28px;font-size:.9375rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:0 4px 24px #4f46e559}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 36px #4f46e580}.btn-primary:active{transform:translateY(0)}.btn-outline{color:var(--color-text-primary);background:0 0;border:1.5px solid #080c1a33}.btn-outline:hover{background:#080c1a0a;border-color:#080c1a59;transform:translateY(-2px)}.btn-outline-light{color:#fff;background:0 0;border:1.5px solid #ffffff40}.btn-outline-light:hover{background:#ffffff14;border-color:#ffffff80;transform:translateY(-2px)}.btn-lg{padding:17px 36px;font-size:1rem}.section-label{font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);align-items:center;gap:8px;margin-bottom:16px;font-weight:600;display:inline-flex}.section-label-dot{background:var(--gradient-brand);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.5)}}.gradient-text{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-light{background:var(--gradient-brand-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.divider{background:var(--color-border);width:100%;height:1px}.divider-dark{background:var(--color-border-dark)}.tag{border-radius:var(--radius-full);font-size:var(--text-xs);letter-spacing:.06em;align-items:center;padding:4px 12px;font-weight:600;display:inline-flex}.tag-accent{background:var(--color-accent-soft);color:var(--color-accent)}.tag-planned{color:#fff6;background:#ffffff0f;border:1px solid #ffffff1a}.tag-success{color:#10b981;background:#10b9811a}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes expand-width{0%{width:0}to{width:100%}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#4f46e54d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}@media (max-width:768px){:root{--space-section:48px;--space-content:24px;--text-hero:clamp(2.25rem, 5vw, 3rem);--text-h2:clamp(1.75rem, 4vw, 2.25rem)}}