:root{--primary: #4f46e5;--primary-dark: #4338ca;--primary-light: #818cf8;--secondary: #d946ef;--cta: #059669;--text: #0f172a;--text-muted: #475569;--text-subtle: #94a3b8;--border: #e2e8f0;--bg-subtle: #f1f5f9;--bg-white: #ffffff;--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-cta: linear-gradient(135deg, #10b981 0%, #059669 100%);--font-heading: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--color-primary: var(--primary);--color-text: var(--text);--color-text-muted: var(--text-muted);--color-text-subtle: var(--text-subtle);--color-border: var(--border);--color-bg-subtle: var(--bg-subtle);--color-bg-card: var(--bg-white);--color-accent: var(--cta);--radius-btn: var(--radius-md);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-card: 0 4px 6px -1px rgb(0 0 0 / .07), 0 2px 4px -2px rgb(0 0 0 / .05);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .04);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px}*{margin:0;padding:0;box-sizing:border-box}html{font-family:var(--font-body),system-ui,sans-serif;background-color:var(--bg-white);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:600;line-height:1.25}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-dark)}.glass-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:all .3s ease}.glass-card-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:#6366f133}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar{position:fixed;top:16px;left:16px;right:16px;z-index:50}.navbar-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:72px;background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.logo{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--text);z-index:51}.logo-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--gradient-primary);font-size:1.1rem;color:#fff;flex-shrink:0}.logo span{color:var(--primary)}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{color:var(--text-muted);font-size:.9rem;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--primary)}.btn-nav-cta{background:var(--gradient-primary);color:#fff!important;padding:10px 24px;border-radius:var(--radius-md);font-weight:600!important;font-size:.875rem;transition:all .3s!important}.btn-nav-cta:hover{transform:translateY(-2px);box-shadow:0 10px 30px #6366f159;color:#fff!important}.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:transparent;border:none;cursor:pointer;z-index:51;padding:8px;border-radius:var(--radius-sm);transition:background .2s;-webkit-tap-highlight-color:transparent}.hamburger:active{background:var(--bg-subtle)}.hamburger span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:all .3s ease}.hamburger span+span{margin-top:5px}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu{display:none;position:fixed;top:80px;left:8px;right:8px;background:#fffffffa;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-xl);padding:16px;box-shadow:0 20px 60px #0000001f;z-index:49;opacity:0;transform:translateY(-8px);transition:opacity .25s ease,transform .25s ease}.mobile-menu.open{opacity:1;transform:translateY(0)}.mobile-menu a{display:block;padding:14px 16px;color:var(--text);font-size:1rem;font-weight:500;border-radius:var(--radius-md);transition:background .2s}.mobile-menu a:hover,.mobile-menu a:active{background:var(--bg-subtle);color:var(--primary)}.mobile-menu .btn-nav-cta{display:block;text-align:center;margin:8px 16px 4px;padding:14px}.hero-light{position:relative;overflow:hidden;background:linear-gradient(135deg,#f8fafc,#eef2ff 40%,#fdf2f8);padding:140px 24px 80px}.hero-light .hero-deco-1{position:absolute;top:-200px;right:-100px;width:600px;height:600px;background:radial-gradient(circle,rgba(79,70,229,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none}.hero-light .hero-deco-2{position:absolute;bottom:-150px;left:-100px;width:450px;height:450px;background:radial-gradient(circle,rgba(217,70,239,.06) 0%,transparent 70%);border-radius:50%;pointer-events:none}.hero-light .hero-inner{position:relative;z-index:1;max-width:1200px;margin:0 auto}.hero-light .hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:#4f46e514;border:1px solid rgba(79,70,229,.12);border-radius:9999px;font-size:.85rem;font-weight:500;color:var(--primary);margin-bottom:24px}.hero-light .hero-badge-dot{position:relative;width:8px;height:8px;background:var(--cta);border-radius:50%}.hero-light .hero-inner h1{font-size:clamp(2rem,4.5vw,3.2rem);font-weight:800;color:var(--text);margin-bottom:20px;letter-spacing:-.5px;line-height:1.15}.hero-light .hero-inner p{font-size:clamp(.95rem,1.5vw,1.1rem);color:var(--text-muted);max-width:560px;line-height:1.7}.hero-light .hero-ctas{display:flex;gap:16px;flex-wrap:wrap;margin-top:32px}.hero-gradient{position:relative;overflow:hidden;background:linear-gradient(135deg,#0f172a,#1e1b4b,#0f172a);padding:140px 24px 80px}.hero-gradient .hero-deco-1{position:absolute;top:-200px;right:-100px;width:600px;height:600px;background:radial-gradient(circle,rgba(99,102,241,.15) 0%,transparent 70%);border-radius:50%;pointer-events:none}.hero-gradient .hero-deco-2{position:absolute;bottom:-150px;left:-100px;width:450px;height:450px;background:radial-gradient(circle,rgba(236,72,153,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none}.hero-inner{position:relative;z-index:1;max-width:1200px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:#6366f11a;border:1px solid rgba(99,102,241,.15);border-radius:9999px;font-size:.85rem;font-weight:500;color:var(--primary-light);margin-bottom:24px}.hero-badge-dot{position:relative;width:8px;height:8px;background:var(--cta);border-radius:50%}.pulse-ring{position:absolute;display:inline-flex;width:100%;height:100%;border-radius:50%;background:var(--cta);opacity:.75;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.75}50%{transform:scale(2.5);opacity:0}}.hero-gradient .hero-inner h1{font-size:clamp(2rem,4.5vw,3.2rem);font-weight:800;color:#fff;margin-bottom:20px;letter-spacing:-.5px;line-height:1.15}.hero-gradient .hero-inner p{font-size:clamp(.95rem,1.5vw,1.1rem);color:#fff9;max-width:560px;line-height:1.7}.hero-ctas{display:flex;gap:16px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:var(--radius-md);font-weight:600;font-size:.925rem;transition:all .3s;cursor:pointer;border:none;font-family:var(--font-body)}.btn-primary{background:var(--gradient-primary);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #6366f159;color:#fff}.btn-outline-light{background:transparent;border:2px solid rgba(255,255,255,.15);color:#fff}.btn-outline-light:hover{border-color:#fff6;background:#ffffff0d;color:#fff}.btn-secondary{background:var(--bg-subtle);border:1px solid var(--border);color:var(--text)}.btn-secondary:hover{background:var(--border);transform:translateY(-1px)}.section{padding:80px 0}.section-alt{background:var(--bg-subtle)}.section-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;text-align:center;margin-bottom:12px;letter-spacing:-.3px}.section-subtitle{text-align:center;color:var(--text-muted);margin-bottom:48px;font-size:1rem;max-width:600px;margin-left:auto;margin-right:auto}.section-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#6366f114;border-radius:9999px;font-size:.8rem;font-weight:500;color:var(--primary);margin-bottom:16px}.section-badge-pink{background:#ec489914;color:var(--secondary)}.section-badge-green{background:#10b98114;color:var(--cta)}.card-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.card-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.block-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-xl);padding:28px;transition:all .3s;box-shadow:var(--shadow-card)}.block-card-link{display:block;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-xl);padding:28px;transition:all .3s;color:inherit;box-shadow:var(--shadow-card)}.block-card-link:hover{border-color:#6366f14d;transform:translateY(-4px);box-shadow:var(--shadow-lg);color:inherit}.block-card-link h3{margin-bottom:8px;font-size:1.1rem}.block-card-link p{color:var(--text-muted);font-size:.875rem;line-height:1.6}.card-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:16px;background:#6366f114;color:var(--primary)}.card-icon-accent{background:#10b98114;color:var(--cta)}.card-icon-warm{background:#f9731614;color:#f97316}.card-icon-pink{background:#ec489914;color:var(--secondary)}.tag{display:inline-block;padding:4px 12px;border-radius:9999px;font-size:.75rem;font-weight:500;color:var(--primary);background:#6366f114;margin-right:4px;margin-bottom:4px}.tag-accent{color:var(--cta);background:#10b98114}.tag-warm{color:#f97316;background:#f9731614}.tag-pink{color:var(--secondary);background:#ec489914}.tag-pill{display:inline-block;padding:8px 18px;border-radius:9999px;font-size:.85rem;font-weight:500;color:var(--text-muted);background:var(--bg-white);border:1px solid var(--border);transition:all .2s;cursor:default}.tag-pill:hover{border-color:var(--primary);color:var(--primary);background:#6366f10a}.hero-stats-wrap{position:relative;z-index:2;max-width:1200px;margin:-50px auto 0;padding:0 24px}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:28px 16px}.hero-stat{text-align:center;padding:0 12px;border-right:1px solid var(--border)}.hero-stat:last-child{border-right:none}.hero-stat-number{font-family:var(--font-heading);font-size:2rem;font-weight:700;background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;line-height:1.2}.hero-stat-label{font-size:.85rem;color:var(--text-muted);margin-top:4px}.footer{background:var(--text);color:#fff9;padding:60px 24px 32px}.footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px}.footer-col h4{font-family:var(--font-heading);font-size:.9rem;font-weight:600;margin-bottom:16px;color:#e2e8f0}.footer-col p,.footer-col a{font-size:.875rem;color:#ffffff80;line-height:2;display:block}.footer-col a:hover{color:#e2e8f0}.footer-logo{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:#f1f5f9;margin-bottom:16px}.footer-logo-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:1.1rem}.footer-logo span{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.footer-bottom{max-width:1200px;margin:48px auto 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#fff6}.footer-bottom a{color:#ffffff80}.footer-bottom a:hover{color:#fffc}.container{max-width:1200px;margin:0 auto;padding:0 24px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-float{animation:float 4s ease-in-out infinite}@media(max-width:1024px){.card-grid-3,.card-grid-4{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1fr 1fr;gap:32px}.hero-stats{grid-template-columns:repeat(2,1fr);gap:24px 0}.hero-stat:nth-child(2){border-right:none}}@media(max-width:768px){.navbar{top:8px;left:8px;right:8px}.navbar-inner{height:60px;padding:0 16px}.nav-links{display:none}.hamburger{display:flex}.mobile-menu.open{display:block}.section{padding:40px 0}.section-title{font-size:1.5rem}.section-subtitle{margin-bottom:32px;font-size:.9rem}.footer-inner{grid-template-columns:1fr;gap:32px}.footer-bottom{flex-direction:column;gap:8px;text-align:center}.hero-inner p{font-size:.9rem}.hero-ctas{flex-direction:column;align-items:stretch}.hero-ctas .btn{justify-content:center}.btn{padding:12px 24px;font-size:.875rem}.block-card,.block-card-link{padding:20px}}@media(max-width:640px){.card-grid-3,.card-grid-4,.card-grid-2{grid-template-columns:1fr;gap:16px}.hero-stats{grid-template-columns:1fr;gap:16px;padding:20px 12px}.hero-stat{border-right:none}.hero-stat-number{font-size:1.6rem}.hero-gradient,.hero-light{padding:120px 16px 60px}.navbar-inner{padding:0 12px}.section{padding:32px 0}.container{padding:0 16px}.footer{padding:40px 16px 24px}.card-icon{width:40px;height:40px;font-size:1.1rem}.block-card,.block-card-link{padding:16px}.block-card-link h3{font-size:1rem}.block-card-link p{font-size:.8rem}.tag{font-size:.7rem;padding:3px 10px}.tag-pill{padding:6px 14px;font-size:.8rem}}} @media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}