@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--color-primary-300:#7cb8f0;--color-primary-400:#4a9ae8;--color-primary-500:#3b8bdb;--color-primary-600:#2d6eb5;--color-primary-700:#1d4b8f;--color-navy-700:#1e3a5f;--color-navy-800:#1a2b4a;--color-navy-900:#152236;--color-navy-950:#0f1824;--color-surface-white:#fff;--color-surface-light:#f5f8fc;--color-surface-card:#fff;--color-surface-alt:#edf2f9;--color-text-primary:#152236;--color-text-secondary:#4a5b75;--color-text-muted:#8898ad;--kai-accent:#7c5cfc;--kai-gradient:linear-gradient(135deg, #9b7dfa, #6c3aed);--workout-accent:#6366f1;--workout-gradient:linear-gradient(135deg, #818cf8, #5b5bd6);--dashpick-accent:#e5a100;--dashpick-gradient:linear-gradient(135deg, #ffc107, #e5a100);--gradient-hero:linear-gradient(135deg, #1a2b4a 0%, #1e3a5f 40%, #3b8bdb 100%);--gradient-brand:linear-gradient(135deg, #3b8bdb, #1a2b4a);--gradient-brand-light:linear-gradient(135deg, #4a9ae8, #2d6eb5);--gradient-glow:radial-gradient(ellipse at 50% 0%, #3b8bdb14 0%, transparent 70%);--font-primary:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Space Grotesk", "Inter", sans-serif;--section-padding:120px 0;--container-max:1280px;--container-padding:0 clamp(20px, 5vw, 80px);--glass-bg:#ffffffb3;--glass-border:#1a2b4a14;--glass-blur:blur(20px);--shadow-soft:0 2px 12px #1a2b4a0f;--shadow-card:0 4px 24px #1a2b4a14;--shadow-card-hover:0 12px 40px #1a2b4a1f;--shadow-glow:0 0 60px #3b8bdb1a;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.6s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--font-primary);background:var(--color-surface-white);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}::selection{color:var(--color-navy-950);background:#3b8bdb33}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-surface-light)}::-webkit-scrollbar-thumb{background:#c7d4e4;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-500)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.15}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.navbar{z-index:1000;transition:var(--transition-smooth);padding:0 clamp(20px,5vw,80px);position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);box-shadow:var(--shadow-soft);background:#ffffffeb}.navbar-inner{max-width:var(--container-max);justify-content:space-between;align-items:center;height:80px;margin:0 auto;display:flex}.navbar-logo{cursor:pointer;align-items:center;gap:12px;display:flex}.navbar-logo img{width:auto;height:42px}.navbar-logo-text{font-family:var(--font-display);background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:700}.navbar-links{align-items:center;gap:36px;list-style:none;display:flex}.navbar-links a{color:var(--color-text-secondary);transition:var(--transition-fast);font-size:.9rem;font-weight:500;position:relative}.navbar-links a:after{content:"";background:var(--color-primary-500);width:0;height:2px;transition:var(--transition-smooth);border-radius:1px;position:absolute;bottom:-4px;left:0}.navbar-links a:hover{color:var(--color-text-primary)}.navbar-links a:hover:after{width:100%}.navbar-cta{background:var(--gradient-brand);color:#fff;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:100px;padding:10px 24px;font-size:.875rem;font-weight:600}.navbar-cta:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b8bdb4d}.navbar-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.navbar-hamburger span{background:var(--color-text-primary);width:24px;height:2px;transition:var(--transition-fast);border-radius:2px}.mobile-menu{-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);box-shadow:var(--shadow-card);z-index:999;background:#fffffff7;padding:24px;display:none;position:fixed;top:80px;left:0;right:0}.mobile-menu.open{display:block}.mobile-menu a{color:var(--color-text-secondary);border-bottom:1px solid var(--glass-border);transition:var(--transition-fast);padding:16px 0;font-size:1.1rem;display:block}.mobile-menu a:hover{color:var(--color-primary-400)}.hero{justify-content:center;align-items:center;min-height:100vh;padding:120px clamp(20px,5vw,80px) 80px;display:flex;position:relative;overflow:hidden}.hero-bg{background:var(--color-surface-light);z-index:0;position:absolute;inset:0}.hero-bg:before{content:"";background:radial-gradient(circle,#3b8bdb14 0%,#0000 70%);width:800px;height:800px;animation:8s ease-in-out infinite alternate heroGlow;position:absolute;top:-50%;right:-20%}.hero-bg:after{content:"";background:radial-gradient(circle,#1a2b4a0d 0%,#0000 70%);width:600px;height:600px;animation:10s ease-in-out 2s infinite alternate heroGlow;position:absolute;bottom:-30%;left:-10%}@keyframes heroGlow{0%{opacity:.5;transform:translate(0)scale(1)}to{opacity:1;transform:translate(30px,-20px)scale(1.1)}}.hero-grid{z-index:1;background-image:radial-gradient(#1a2b4a0d 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 70%);mask-image:radial-gradient(#000 30%,#0000 70%)}.hero-content{z-index:2;max-width:var(--container-max);grid-template-columns:1fr 1fr;align-items:center;gap:60px;width:100%;display:grid;position:relative}.hero-text{flex-direction:column;gap:24px;display:flex}.hero-badge{color:var(--color-primary-600);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3b8bdb1a;border:1px solid #3b8bdb33;border-radius:100px;align-items:center;gap:8px;width:fit-content;padding:8px 16px;font-size:.8rem;font-weight:600;display:inline-flex}.hero-badge-dot{background:#34d399;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero-title{letter-spacing:-.02em;color:var(--color-navy-950);font-size:clamp(2.8rem,6vw,4.5rem);font-weight:800;line-height:1.1}.hero-title-gradient{background:linear-gradient(135deg, var(--color-primary-500) 0%, var(--color-navy-700) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite shimmer}@keyframes shimmer{0%{background-position:0%}to{background-position:200%}}.hero-description{color:var(--color-text-secondary);max-width:520px;font-size:1.15rem;line-height:1.7}.hero-actions{gap:16px;margin-top:8px;display:flex}.btn-primary{background:var(--gradient-brand);color:#fff;cursor:pointer;transition:var(--transition-smooth);font-size:1rem;font-weight:600;font-family:var(--font-primary);border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 32px;display:inline-flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 35px #3b8bdb59}.btn-secondary{background:var(--color-surface-white);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-smooth);font-size:1rem;font-weight:600;font-family:var(--font-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #1a2b4a1a;border-radius:12px;padding:14px 32px}.btn-secondary:hover{background:var(--color-surface-alt);border-color:var(--color-primary-400);transform:translateY(-2px)}.hero-stats{gap:40px;margin-top:16px;display:flex}.hero-stat{flex-direction:column;display:flex}.hero-stat-number{font-family:var(--font-display);color:var(--color-primary-600);font-size:2rem;font-weight:800}.hero-stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.hero-scroll-columns{gap:16px;height:580px;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 8% 92%,#0000 100%)}.hero-scroll-col{flex:1;position:relative;overflow:hidden}.hero-scroll-track{flex-direction:column;gap:16px;display:flex}.hero-scroll-track.scroll-up{animation:30s linear infinite scrollUp}.hero-scroll-track.scroll-down{animation:35s linear infinite scrollDown}.hero-scroll-track.scroll-up-slow{animation:40s linear infinite scrollUp}@keyframes scrollUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes scrollDown{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.hero-scroll-card{transition:var(--transition-smooth);border:1.5px solid #ffffff12;border-radius:20px;flex-shrink:0;overflow:hidden;box-shadow:0 8px 30px #00000059,0 0 20px #3b82f60f}.hero-scroll-card img{width:100%;height:auto;display:block}.hero-scroll-card:hover{border-color:var(--color-primary-500);transform:scale(1.03);box-shadow:0 12px 40px #00000080,0 0 30px #3b82f626}.hero-scroll-columns:hover .hero-scroll-track{animation-play-state:paused}.section{padding:var(--section-padding);position:relative}.section-container{max-width:var(--container-max);padding:var(--container-padding);margin:0 auto}.section-header{text-align:center;margin-bottom:80px}.section-eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--color-primary-400);margin-bottom:16px;font-size:.8rem;font-weight:600}.section-title{letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(2rem,4vw,3.2rem);font-weight:800}.section-subtitle{color:var(--color-text-secondary);max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.7}.apps-section{background:var(--color-surface-white)}.app-showcase{margin-bottom:140px}.app-showcase:last-child{margin-bottom:0}.app-showcase-inner{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.app-showcase-inner.reverse{direction:rtl}.app-showcase-inner.reverse>*{direction:ltr}.app-info{flex-direction:column;gap:24px;display:flex}.app-icon-wrapper{color:#fff;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.8rem;font-weight:800;display:flex}.app-icon-kai{background:var(--kai-gradient)}.app-icon-workout{background:var(--workout-gradient)}.app-icon-dashpick{background:var(--dashpick-gradient)}.app-name{letter-spacing:-.01em;color:var(--color-navy-950);font-size:clamp(1.8rem,3vw,2.8rem);font-weight:800}.app-tagline{color:var(--color-text-secondary);max-width:480px;font-size:1.15rem;line-height:1.7}.app-features{flex-direction:column;gap:16px;margin-top:8px;display:flex}.app-feature{color:var(--color-text-secondary);align-items:center;gap:12px;font-size:.95rem;display:flex}.app-feature-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;display:flex}.app-feature-icon.kai{color:var(--kai-accent);background:#a78bfa26}.app-feature-icon.workout{color:var(--workout-accent);background:#818cf826}.app-feature-icon.dashpick{color:var(--dashpick-accent);background:#fbbf2426}.app-tech-tags{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.app-tech-tag{background:var(--color-surface-light);color:var(--color-text-secondary);border:1px solid #1a2b4a0d;border-radius:100px;padding:6px 14px;font-size:.75rem;font-weight:500}.app-screenshots{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;gap:20px;padding:20px 0;display:flex;overflow-x:auto}.app-screenshots::-webkit-scrollbar{display:none}.app-screenshot-card{width:200px;box-shadow:var(--shadow-soft);scroll-snap-align:start;transition:var(--transition-smooth);cursor:pointer;border:2px solid #1a2b4a0d;border-radius:24px;flex-shrink:0;position:relative;overflow:hidden}.app-screenshot-card:after{content:"";opacity:0;transition:var(--transition-smooth);background:linear-gradient(#0000 60%,#1a2b4a33 100%);border-radius:22px;position:absolute;inset:0}.app-screenshot-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--color-primary-500);transform:translateY(-8px)scale(1.02)}.app-screenshot-card:hover:after{opacity:1}.app-screenshot-card img{width:100%;height:auto;display:block}.app-screenshot-card.featured{width:220px}.about-section{background:var(--color-surface-alt);position:relative;overflow:hidden}.about-section:before{content:"";background:linear-gradient(90deg, transparent, var(--color-primary-400), transparent);height:1px;position:absolute;top:0;left:0;right:0}.about-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.about-card{background:var(--color-surface-card);transition:var(--transition-smooth);box-shadow:var(--shadow-soft);border:1px solid #1a2b4a0d;border-radius:20px;padding:40px;position:relative;overflow:hidden}.about-card:before{content:"";background:var(--gradient-brand);opacity:0;height:3px;transition:var(--transition-smooth);position:absolute;top:0;left:0;right:0}.about-card:hover{box-shadow:var(--shadow-card-hover);border-color:#3b8bdb33;transform:translateY(-4px)}.about-card:hover:before{opacity:1}.about-card-icon{width:52px;height:52px;color:var(--color-primary-500);background:#3b8bdb1a;border-radius:14px;justify-content:center;align-items:center;margin-bottom:24px;font-size:1.5rem;display:flex}.about-card-title{margin-bottom:12px;font-size:1.25rem;font-weight:700}.about-card-text{color:var(--color-text-secondary);font-size:.95rem;line-height:1.7}.cta-section{position:relative;overflow:hidden}.cta-bg{background:var(--gradient-hero);z-index:0;position:absolute;inset:0}.cta-bg:before{content:"";background:radial-gradient(circle,#3b8bdb33 0%,#0000 70%);width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-content{z-index:1;text-align:center;max-width:700px;margin:0 auto;position:relative}.cta-title{letter-spacing:-.02em;color:#fff;margin-bottom:20px;font-size:clamp(2rem,4vw,3rem);font-weight:800}.cta-text{color:#ffffffb3;margin-bottom:40px;font-size:1.1rem;line-height:1.7}.cta-buttons{justify-content:center;gap:16px;display:flex}.cta-email{color:var(--color-text-muted);margin-top:32px;font-size:.9rem}.cta-email a{color:var(--color-primary-400);transition:var(--transition-fast)}.cta-email a:hover{color:var(--color-primary-500)}.footer{background:var(--color-surface-white);border-top:1px solid #1a2b4a0d;padding:60px 0 30px}.footer-inner{max-width:var(--container-max);padding:var(--container-padding);margin:0 auto}.footer-top{justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:40px;display:flex}.footer-brand{flex-direction:column;gap:12px;max-width:320px;display:flex}.footer-brand-logo{align-items:center;gap:10px;display:flex}.footer-brand-logo img{width:auto;height:36px}.footer-brand-name{font-family:var(--font-display);font-size:1.2rem;font-weight:700}.footer-brand-text{color:var(--color-text-muted);font-size:.875rem;line-height:1.6}.footer-links-group{gap:60px;display:flex}.footer-col h4{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);margin-bottom:16px;font-size:.85rem;font-weight:600}.footer-col a{color:var(--color-text-muted);transition:var(--transition-fast);margin-bottom:10px;font-size:.875rem;display:block}.footer-col a:hover{color:var(--color-primary-400)}.footer-divider{background:var(--glass-border);width:100%;height:1px;margin-bottom:24px}.footer-bottom{color:var(--color-text-muted);justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.footer-socials{gap:16px;display:flex}.footer-social-link{background:var(--color-surface-light);width:36px;height:36px;color:var(--color-text-secondary);transition:var(--transition-fast);border:1px solid #1a2b4a0d;border-radius:10px;justify-content:center;align-items:center;font-size:.9rem;display:flex}.footer-social-link:hover{border-color:var(--color-primary-400);color:var(--color-primary-500);background:#3b8bdb1a;transform:translateY(-2px)}.lightbox-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:2000;cursor:pointer;background:#000000e6;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-image{cursor:default;border-radius:24px;max-width:90vw;max-height:90vh;animation:.3s lightboxScale;box-shadow:0 40px 80px #00000080}@keyframes lightboxScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.lightbox-close{color:#fff;cursor:pointer;width:44px;height:44px;transition:var(--transition-fast);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:absolute;top:24px;right:24px}.lightbox-close:hover{background:#fff3}.lightbox-nav{color:#fff;cursor:pointer;width:48px;height:48px;transition:var(--transition-fast);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:#fff3}.lightbox-nav.prev{left:24px}.lightbox-nav.next{right:24px}.animate-in{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(30px)}.animate-in.visible{opacity:1;transform:translateY(0)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.float-animation{animation:6s ease-in-out infinite float}.float-animation-delayed{animation:6s ease-in-out 1s infinite float}.float-animation-slow{animation:8s ease-in-out 2s infinite float}@media (max-width:1024px){.hero-content{text-align:center;grid-template-columns:1fr}.hero-text{align-items:center}.hero-description{margin:0 auto}.hero-actions,.hero-stats{justify-content:center}.hero-scroll-columns{height:420px}.app-showcase-inner,.app-showcase-inner.reverse{direction:ltr;grid-template-columns:1fr;gap:40px}.app-info{text-align:center;align-items:center}.app-screenshots{justify-content:flex-start}.about-grid{grid-template-columns:1fr}}@media (max-width:768px){:root{--section-padding:80px 0}.navbar-links,.navbar-cta{display:none}.navbar-hamburger{display:flex}.hero{min-height:auto;padding:120px 20px 60px}.hero-title{font-size:clamp(2.2rem,8vw,3rem)}.hero-scroll-columns{gap:10px;height:320px}.hero-scroll-col:nth-child(3){display:none}.hero-scroll-card{border-radius:14px}.hero-stats{gap:24px}.hero-actions{flex-direction:column;width:100%}.btn-primary,.btn-secondary{justify-content:center;width:100%}.app-showcase{margin-bottom:80px}.footer-top{flex-direction:column}.footer-links-group{gap:32px}.footer-bottom{text-align:center;flex-direction:column;gap:16px}.cta-buttons{flex-direction:column;align-items:center}}