:root{--bg-primary: #ffffff;--bg-surface: #fafbff;--bg-subtle: #f3f5f9;--border-color: #e9eef7;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--sky: #6fd3ff;--blue: #5b7cff;--indigo: #7a5cff;--pink: #ff5fa2;--rose: #ff6b8a;--red: #ff3b3b;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background-color:var(--bg-primary);font-family:var(--font-sans);color:var(--text-primary);line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;margin:0;letter-spacing:-.02em;line-height:1.1}p{margin:0;color:var(--text-secondary)}*{box-sizing:border-box}.gradient-text{background:linear-gradient(95deg,var(--sky) 0%,var(--blue) 25%,var(--indigo) 50%,var(--pink) 75%,var(--rose) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding-right:.15em}.gradient-bg{background:linear-gradient(95deg,var(--sky) 0%,var(--blue) 25%,var(--indigo) 50%,var(--pink) 75%,var(--rose) 100%)}.hero-section{position:relative;padding:13rem 0 7rem;overflow:hidden;min-height:100vh;display:flex;align-items:center;justify-content:center}.hero-wash{position:absolute;top:0;left:0;right:0;height:140vh;z-index:-1;background:radial-gradient(1200px 800px at 10% 20%,rgba(111,211,255,.35),transparent 60%),radial-gradient(1200px 800px at 80% 10%,rgba(122,92,255,.25),transparent 55%),radial-gradient(1200px 800px at 85% 65%,rgba(255,95,162,.14),transparent 60%),radial-gradient(900px 600px at 15% 60%,rgba(255,95,162,.08),transparent 55%),radial-gradient(800px 500px at 20% 85%,rgba(255,59,59,.12),transparent 65%);pointer-events:none;transform:skewY(-6deg);transform-origin:top left;-webkit-mask-image:linear-gradient(to bottom,black 0%,black 60%,transparent 100%);mask-image:linear-gradient(to bottom,black 0%,black 60%,transparent 100%)}@keyframes orbFloat1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-15px,15px) scale(.97)}}@keyframes orbFloat2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-25px,25px) scale(.96)}66%{transform:translate(20px,-10px) scale(1.04)}}@keyframes orbFloat3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(15px,-30px) scale(1.08)}}.hero-orb{position:absolute;border-radius:50%;pointer-events:none;z-index:0;filter:blur(80px);opacity:.35}.hero-orb-1{width:400px;height:400px;background:#5b7cff66;top:15%;left:8%;animation:orbFloat1 14s ease-in-out infinite}.hero-orb-2{width:350px;height:350px;background:#7a5cff59;top:20%;right:5%;animation:orbFloat2 12s ease-in-out infinite}.hero-orb-3{width:280px;height:280px;background:#ff5fa24d;bottom:15%;left:30%;animation:orbFloat3 16s ease-in-out infinite}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem .4rem .65rem;border-radius:9999px;font-size:.8rem;font-weight:600;letter-spacing:.01em;color:var(--text-secondary);background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(122,92,255,.15);margin-bottom:1.75rem;box-shadow:0 2px 12px #5b7cff0f}.hero-badge-dot{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--indigo));animation:pulse 2.5s ease-in-out infinite}.hero-heading{font-size:clamp(2.8rem,6vw,4.5rem);letter-spacing:-.04em;line-height:1.06;font-weight:700;margin-bottom:1.5rem;max-width:860px;margin-left:auto;margin-right:auto}.hero-lead{font-size:1.18rem;line-height:1.7;color:var(--text-secondary);max-width:34rem;margin:0 auto 2.5rem}.hero-cta{display:flex;gap:1rem;align-items:center;justify-content:center;flex-wrap:wrap}.hero-btn-primary{font-size:1.05rem!important;padding:.9rem 2rem!important;border-radius:14px!important;box-shadow:0 8px 24px -4px #5b7cff59;transition:all .3s cubic-bezier(.16,1,.3,1)!important}.hero-btn-primary:hover{transform:translateY(-2px)!important;box-shadow:0 14px 32px -4px #5b7cff73!important}.hero-btn-secondary{font-size:1.05rem!important;padding:.9rem 2rem!important;border-radius:14px!important;text-decoration:none!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s cubic-bezier(.16,1,.3,1)!important}.hero-btn-secondary:hover{transform:translateY(-2px)!important}@media(max-width:1100px){.hero-orb{opacity:.2}}@media(max-width:600px){.hero-section{padding:8rem 0 4rem;min-height:auto}.hero-heading{font-size:clamp(2.3rem,10vw,3rem);margin-bottom:1rem}.hero-lead{font-size:1.05rem;padding:0 .5rem;margin-bottom:2rem}.hero-cta{flex-direction:column;width:100%;gap:.8rem}.hero-btn-primary,.hero-btn-secondary{width:100%;text-align:center;justify-content:center}}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.section{padding:6rem 0;position:relative}.section-lg{padding:8rem 0}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr);gap:4rem}.grid-cols-3{grid-template-columns:repeat(3,1fr);gap:2rem}@media(max-width:900px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr;gap:3rem}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.w-full{width:100%}.text-center{text-align:center}.bento-card{background:#fff;border:1px solid var(--border-color);border-radius:24px;padding:2.5rem;box-shadow:0 4px 6px -1px #0f172a05,0 2px 4px -1px #0f172a05;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.bento-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -10px #0f172a14,0 10px 20px -5px #0f172a0a}.bento-card.highlight{background:var(--bg-surface)}.bento-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;background:#fff;box-shadow:0 4px 12px #0f172a0f;color:var(--blue)}.glass-card{background:#ffffffbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:24px;box-shadow:0 20px 60px #0f172a14,0 2px 8px #0f172a0a}.navbar{position:fixed;top:1.5rem;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;width:auto;max-width:90%;padding:.45rem .45rem .45rem 1.15rem;border-radius:9999px;background:linear-gradient(135deg,#ffffff26,#ffffff14,#ffffff26);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 24px -6px #0f172a0a,inset 0 1px #ffffff59,inset 0 -1px #ffffff0f;transition:all .5s cubic-bezier(.16,1,.3,1);opacity:0;transform:translate(-50%) translateY(-12px)}.navbar.navbar-visible{opacity:1;transform:translate(-50%) translateY(0)}.navbar.navbar-scrolled{top:.75rem;background:linear-gradient(135deg,#ffffff8c,#ffffff61,#ffffff8c);backdrop-filter:blur(40px) saturate(1.8);-webkit-backdrop-filter:blur(40px) saturate(1.8);border-color:#fff9;box-shadow:0 16px 48px -8px #0f172a14,0 6px 16px -4px #0f172a0a,inset 0 1px #ffffffb3,inset 0 -1px #ffffff1f}.navbar-brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;flex-shrink:0}.navbar-logo{width:1.85rem;height:1.85rem;border-radius:8px;object-fit:cover}.navbar-name{font-size:1.15rem;font-weight:700;color:var(--text-primary);letter-spacing:-.025em}.navbar-links{display:flex;align-items:center;gap:2rem}.navbar-links a{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;letter-spacing:-.01em;padding:.25rem 0;position:relative;transition:color .25s ease}.navbar-links a:after{content:"";position:absolute;bottom:-1px;left:50%;width:0;height:1.5px;background:var(--blue);border-radius:1px;transition:all .25s cubic-bezier(.16,1,.3,1);transform:translate(-50%)}.navbar-links a:hover{color:var(--text-primary)}.navbar-links a:hover:after{width:70%}.navbar-cta{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.2rem;font-size:.84rem;font-weight:600;font-family:var(--font-sans);color:#fff;background:var(--text-primary);border:none;border-radius:9999px;cursor:pointer;white-space:nowrap;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #0f172a1f;flex-shrink:0}.navbar-cta:hover{background:#1e293b;transform:scale(1.03);box-shadow:0 4px 16px #0f172a2e}@media(max-width:700px){.navbar{max-width:420px;padding:.5rem .5rem .5rem 1rem}.navbar-links{display:none}.navbar-name{font-size:1.05rem}}.btn-primary{background-color:var(--text-primary);color:#fff;border:none;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:9999px;font-size:.95rem}.btn-primary:hover{background-color:#000;transform:translateY(-2px);box-shadow:0 10px 25px #0f172a33}.btn-secondary{background-color:#fff;color:var(--text-primary);border:1px solid var(--border-color);font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:9999px;font-size:.95rem;box-shadow:0 2px 4px #0f172a05}.btn-secondary:hover{border-color:#cbd5e1;box-shadow:0 4px 6px #0f172a0d;transform:translateY(-1px)}.text-overline{text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;font-weight:700;color:var(--blue);margin-bottom:1rem;display:block}.heading-xl{font-size:clamp(3rem,8vw,5.5rem);letter-spacing:-.04em;line-height:1.05;margin-bottom:1.5rem}.heading-lg{font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.03em;line-height:1.1;margin-bottom:1rem}.heading-md{font-size:1.5rem;margin-bottom:.75rem}.text-lead{font-size:clamp(1.1rem,2vw,1.4rem);color:var(--text-secondary);margin-bottom:2.5rem;max-width:45rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-up{opacity:0;animation:fadeUp .8s cubic-bezier(.16,1,.3,1) forwards}.animate-fade-in{opacity:0;animation:fadeIn 1s ease forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.mockup-container{position:relative;width:100%;max-width:600px;margin:0 auto;perspective:1000px}.mockup-device{background:#fff;border-radius:20px;padding:8px;box-shadow:0 50px 100px -20px #0f172a26,0 30px 60px -30px #0f172a1a,inset 0 0 0 1px #0f172a0d;transform:rotateY(-15deg) rotateX(5deg) scale(1.05);transform-style:preserve-3d;transition:transform .5s ease}.mockup-device:hover{transform:rotateY(-5deg) rotateX(2deg) scale(1.08)}.mockup-screen{background-color:var(--bg-surface);border-radius:12px;overflow:hidden;position:relative;aspect-ratio:16 / 9;border:1px solid var(--border-color)}.mockup-ui-header{height:24px;background:#fff;border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 12px;gap:6px}.mockup-ui-dot{width:8px;height:8px;border-radius:50%;background:#e2e8f0}.mockup-ui-content{padding:20px;height:calc(100% - 24px);background-image:linear-gradient(#f1f5f9 1px,transparent 1px),linear-gradient(90deg,#f1f5f9 1px,transparent 1px);background-size:20px 20px;position:relative}.feature-list-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.feature-list-icon{color:var(--blue);background:var(--bg-surface);border-radius:50%;padding:.5rem;display:inline-flex}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;background:#6fd3ff1a;color:var(--blue);border-radius:9999px;font-size:.8rem;font-weight:600;border:1px solid rgba(111,211,255,.2)}.marquee-track{display:flex;width:max-content;animation:marquee-scroll 15s linear infinite}.marquee-content{display:flex;align-items:center}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.flow-diagram{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin:2.5rem auto;max-width:920px}.flow-step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem 1.25rem;flex:1;min-width:140px}.flow-icon-box{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:.6rem}.flow-label{font-size:.82rem;font-weight:600;color:var(--text-primary);line-height:1.3}.flow-sub{font-size:.72rem;color:var(--text-muted);margin-top:.15rem}.flow-arrow{color:var(--border-color);font-size:1.3rem;flex-shrink:0;margin:0 -.25rem;font-weight:300}@media(max-width:700px){.flow-diagram{flex-direction:column;gap:.25rem}.flow-arrow{transform:rotate(90deg)}}.check-list{list-style:none;padding:0;margin:0}.check-list li{display:flex;align-items:flex-start;gap:.6rem;margin-bottom:.6rem;font-size:.95rem;color:var(--text-secondary)}.check-list li .check-icon{width:20px;height:20px;flex-shrink:0;margin-top:2px;border-radius:50%;background:#5b7cff1a;display:flex;align-items:center;justify-content:center}.check-list li .check-icon svg{width:12px;height:12px}.approach-list{list-style:none;padding:0;margin:0}.approach-list li{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem;font-size:.95rem;color:var(--text-secondary)}.approach-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--indigo));flex-shrink:0;margin-top:8px}.products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:2.5rem}.product-card{border-radius:24px;border:1px solid var(--border-color);overflow:hidden;background:var(--bg-primary);box-shadow:0 4px 6px -1px #0f172a05;transition:transform .3s ease,box-shadow .3s ease}.product-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px -12px #0f172a17}.product-visual{height:200px;position:relative;overflow:hidden}.product-body{padding:2rem}.product-body h3{font-size:1.35rem;margin-bottom:.5rem}.product-desc{font-size:.95rem;margin-bottom:1.25rem;color:var(--text-secondary)}.chip{display:inline-block;padding:.2rem .65rem;border-radius:9999px;font-size:.72rem;font-weight:600;background:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border-color);margin:.2rem;transition:background .2s,color .2s}.chip:hover{background:#5b7cff14;color:var(--blue)}.aurora-wash-subtle{position:absolute;inset:-30% 0 0;z-index:-1;background:radial-gradient(1200px 800px at 10% 35%,rgba(111,211,255,.08),transparent 60%),radial-gradient(1200px 800px at 80% 15%,rgba(122,92,255,.06),transparent 55%),radial-gradient(1000px 700px at 50% 60%,rgba(255,95,162,.05),transparent 60%);pointer-events:none;mask-image:linear-gradient(to bottom,transparent 0%,black 30%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 30%)}.aurora-wash-bottom-subtle{position:absolute;bottom:0;left:0;right:0;height:60%;z-index:0;background:radial-gradient(1000px 600px at 20% 80%,rgba(111,211,255,.06),transparent 60%),radial-gradient(1000px 600px at 80% 90%,rgba(122,92,255,.05),transparent 55%),radial-gradient(800px 500px at 50% 70%,rgba(255,95,162,.04),transparent 60%);pointer-events:none;mask-image:linear-gradient(to bottom,transparent,black);-webkit-mask-image:linear-gradient(to bottom,transparent,black)}@media(max-width:900px){.products-grid{grid-template-columns:1fr}.product-visual{height:160px}}.approach-trigger{display:inline-flex;align-items:center;gap:.75rem;margin-top:2rem;padding:.7rem 1.6rem .7rem .7rem;border-radius:9999px;border:1px solid rgba(91,124,255,.2);background:linear-gradient(135deg,#5b7cff0f,#7a5cff0f);color:var(--text-primary);font-size:.95rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all .35s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #5b7cff0f}.approach-trigger-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--indigo));color:#fff;flex-shrink:0;transition:transform .3s ease}.approach-trigger-arrow{opacity:.5;transition:all .3s ease}.approach-trigger:hover{border-color:#5b7cff59;background:linear-gradient(135deg,#5b7cff1a,#7a5cff1a);transform:translateY(-2px);box-shadow:0 12px 28px #5b7cff24}.approach-trigger:hover .approach-trigger-icon{transform:scale(1.05)}.approach-trigger:hover .approach-trigger-arrow{opacity:1;transform:translate(3px);color:var(--blue)}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translate(-50%,-45%) translateY(60px)}to{opacity:1;transform:translate(-50%,-50%) translateY(0)}}@keyframes contentFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.approach-overlay{position:fixed;inset:0;z-index:1000;background:#0f172a4d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:overlayFadeIn .3s ease forwards}.approach-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:92%;max-width:800px;min-height:500px;max-height:88vh;overflow-y:auto;background:#fffffff7;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:1px solid var(--border-color);border-radius:32px;padding:0;box-shadow:0 60px 100px -30px #0f172a2e,0 30px 60px -15px #0f172a1a,inset 0 1px #ffffffe6;animation:modalSlideUp .45s cubic-bezier(.16,1,.3,1) forwards;z-index:1001}.approach-modal-gradient{height:4px;width:100%;border-radius:32px 32px 0 0;background:linear-gradient(90deg,var(--blue),var(--indigo),var(--pink))}.approach-modal-content{padding:3rem 3.5rem 3.5rem}.approach-modal-content .text-overline{animation:contentFadeUp .4s .1s cubic-bezier(.16,1,.3,1) both}.approach-modal-heading{font-size:1.85rem;font-weight:700;letter-spacing:-.025em;line-height:1.15;margin-bottom:1.1rem;animation:contentFadeUp .4s .15s cubic-bezier(.16,1,.3,1) both}.approach-modal-desc{font-size:1.05rem;margin-bottom:2rem;color:var(--text-secondary);line-height:1.65;animation:contentFadeUp .4s .2s cubic-bezier(.16,1,.3,1) both}.approach-modal-bullets{display:flex;flex-direction:column;gap:1rem;animation:contentFadeUp .4s .28s cubic-bezier(.16,1,.3,1) both}.approach-modal-bullet{display:flex;align-items:flex-start;gap:.85rem;font-size:.98rem;line-height:1.5;color:var(--text-primary)}.approach-modal-bullet-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--indigo));flex-shrink:0;margin-top:6px}.approach-modal-close{position:absolute;top:1.5rem;right:1.5rem;width:38px;height:38px;border-radius:50%;border:1px solid var(--border-color);background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.approach-modal-close:hover{border-color:var(--text-muted);color:var(--text-primary);transform:scale(1.08);background:#fff}@media(max-width:600px){.approach-modal{width:95%;border-radius:24px}.approach-modal-content{padding:2rem 1.5rem 2.5rem}.approach-modal-heading{font-size:1.4rem}}