@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}.app{--primary:#6c63ff;--secondary:#8b5cf6;--accent:#22c55e;--bg:#f8fafc;--bg-dark:#0f172a;--text-primary:#111827;--text-secondary:#6b7280;--card-bg:#fff;--border:#11182714;--radius:20px;--shadow:0 10px 30px -12px #1118271f;--font:"Inter", "Plus Jakarta Sans", -apple-system, sans-serif;background:var(--bg);color:var(--text-primary);font-family:var(--font);min-height:100vh;transition:background .4s,color .4s;position:relative;overflow-x:hidden}.app.dark{--bg:#0f172a;--card-bg:#16213a;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--border:#ffffff14;--shadow:0 10px 30px -12px #00000080}.app *{box-sizing:border-box}.app h1,.app h2,.app h3,.app h4{letter-spacing:-.02em;margin:0;font-weight:700}.app p{color:var(--text-secondary);margin:0;line-height:1.6}.app :where(button){font-family:var(--font);cursor:pointer;color:inherit;background:0 0;border:none}.container{max-width:1160px;margin:0 auto;padding:0 24px}.container-narrow{max-width:760px}.scroll-progress{z-index:200;background:linear-gradient(90deg, var(--primary), var(--accent));height:3px;transition:width .1s ease-out;position:fixed;top:0;left:0}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(24px)}.reveal-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.navbar{z-index:150;padding:18px 0;transition:all .35s;position:fixed;top:0;left:0;right:0}.navbar-inner{border-radius:999px;justify-content:space-between;align-items:center;max-width:1160px;margin:0 auto;padding:10px 20px;transition:all .35s;display:flex}.navbar-scrolled .navbar-inner{background:color-mix(in srgb, var(--card-bg) 75%, transparent);-webkit-backdrop-filter:blur(16px)saturate(160%);border:1px solid var(--border);box-shadow:0 8px 30px -14px #1118272e}.navbar-scrolled{padding:10px 0}.brand{cursor:pointer;align-items:center;gap:8px;display:flex}.brand-mark{object-fit:contain;border-radius:10px;width:34px;height:34px}.brand-name{font-size:18px;font-weight:800}.nav-links{gap:4px;display:flex}.nav-link{color:var(--text-secondary);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:500;transition:all .2s}.nav-link:hover{color:var(--text-primary);background:var(--border)}.navbar-actions{align-items:center;gap:10px;display:flex}.icon-btn{width:36px;height:36px;color:var(--text-secondary);border-radius:50%;place-items:center;transition:all .2s;display:grid}.icon-btn:hover{background:var(--border);color:var(--text-primary);transform:scale(1.08)}.hamburger{display:none}.mobile-menu{max-height:0;margin-top:8px;transition:max-height .35s;overflow:hidden}.mobile-menu-open{max-height:420px}.mobile-nav-link{text-align:left;border-radius:12px;width:100%;padding:12px 16px;font-weight:500;display:block}.mobile-nav-link:hover{background:var(--border)}@media (width<=860px){.nav-links{display:none}.hamburger{display:grid}.btn-small.btn-primary{display:none}}.btn{border-radius:999px;align-items:center;gap:8px;padding:12px 22px;font-size:14.5px;font-weight:600;transition:all .25s cubic-bezier(.2,.7,.2,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;box-shadow:0 8px 24px -8px #6c63ff8c}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px -8px #6c63ffa6}.btn-small{padding:9px 16px;font-size:13.5px}.btn-ghost{background:color-mix(in srgb, var(--text-primary) 6%, var(--card-bg));color:var(--text-primary);border:1px solid var(--border)}.btn-ghost:hover{background:color-mix(in srgb, var(--primary) 15%, var(--card-bg));transform:translateY(-2px)}.btn-white{color:var(--primary);background:#fff}.btn-white:hover{transform:translateY(-2px);box-shadow:0 14px 30px -8px #fff6}.btn-outline-white{color:#fff;border:1.5px solid #ffffff80}.btn-outline-white:hover{background:#ffffff1f;transform:translateY(-2px)}.btn-magnetic:active{transform:scale(.96)}.hero{--mx:50%;--my:40%;flex-direction:column;justify-content:center;min-height:100vh;padding:140px 24px 80px;display:flex;position:relative;overflow:hidden}.hero-mesh{z-index:0;background:radial-gradient(600px circle at var(--mx) var(--my), color-mix(in srgb, var(--primary) 16%, transparent), transparent 60%), radial-gradient(circle at 15% 20%, color-mix(in srgb, var(--secondary) 14%, transparent), transparent 45%), radial-gradient(circle at 85% 75%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 45%);transition:background-position .2s;position:absolute;inset:0}.hero-blob{filter:blur(70px);opacity:.5;z-index:0;border-radius:50%;animation:16s ease-in-out infinite blobFloat;position:absolute}.blob-1{background:var(--primary);width:420px;height:420px;top:-120px;left:-100px}.blob-2{background:var(--accent);width:380px;height:380px;animation-delay:-6s;bottom:-140px;right:-100px}@keyframes blobFloat{0%,to{transform:translate(0)scale(1)}50%{transform:translate(40px,-30px)scale(1.08)}}.hero-particles{z-index:0;pointer-events:none;position:absolute;inset:0}.particle{background:var(--primary);opacity:.5;border-radius:50%;width:5px;height:5px;animation:linear infinite rise;position:absolute;bottom:-10px}.particle:nth-child(3n){background:var(--accent)}.particle:nth-child(4n){background:var(--secondary)}@keyframes rise{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:.6}to{opacity:0;transform:translateY(-100vh)translate(30px)}}.hero-content{z-index:2;text-align:center;flex-direction:column;align-items:center;max-width:700px;margin:0 auto;display:flex;position:relative}.eyebrow{background:color-mix(in srgb, var(--primary) 10%, var(--card-bg));border:1px solid var(--border);color:var(--primary);border-radius:999px;align-items:center;gap:6px;margin-bottom:22px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.hero-title{text-wrap:balance;text-align:center;margin-bottom:20px;font-size:clamp(2.2rem,5.4vw,4rem);line-height:1.08}.hero-subtitle{text-wrap:balance;text-align:center;max-width:560px;margin:0 0 32px;padding:12px;font-size:clamp(1rem,1.6vw,1.15rem)}.hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.hero-illustration-wrap{z-index:2;width:100%;max-width:620px;height:300px;margin:80px auto 0;position:relative}.hero-illustration{width:100%;height:100%;position:relative}.iso-core{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:50%;place-items:center;width:88px;height:88px;animation:3.5s ease-in-out infinite pulseCore;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 50px -12px #6c63ff99}.iso-core-ring{border:1.5px dashed color-mix(in srgb, var(--primary) 40%, transparent);border-radius:50%;animation:14s linear infinite spin;position:absolute;inset:-14px}@keyframes pulseCore{0%,to{box-shadow:0 20px 50px -12px #6c63ff99}50%{box-shadow:0 20px 60px -8px #6c63ffd9}}@keyframes spin{to{transform:rotate(360deg)}}.iso-card{background:color-mix(in srgb, var(--card-bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);width:84px;height:84px;box-shadow:var(--shadow);color:var(--text-secondary);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:11px;font-weight:600;animation:6s ease-in-out infinite floatCard;display:flex;position:absolute}.iso-card svg{color:var(--primary)}.iso-card-1{animation-delay:0s;top:-2%;left:16%}.iso-card-2{animation-delay:-1.5s;top:2%;right:12%}.iso-card-3{animation-delay:-3s;bottom:-2%;left:18%}.iso-card-4{animation-delay:-4.5s;bottom:-8%;right:18%}.iso-card-5{margin-top:-42px;animation-delay:-2.2s;top:50%;left:0%}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.scroll-cue{color:var(--text-secondary);z-index:2;animation:2s ease-in-out infinite bounce;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}@keyframes bounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,8px)}}.section{padding:100px 0;position:relative}.section-alt{background:color-mix(in srgb, var(--primary) 3%, var(--bg))}.section-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--primary);margin-bottom:12px;font-size:13px;font-weight:700;display:inline-block}.section-title{text-wrap:balance;max-width:640px;margin-bottom:16px;font-size:clamp(1.7rem,3.4vw,2.5rem)}.section-lead{text-wrap:pretty;max-width:640px;margin-bottom:20px;font-size:1.05rem}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px;transition:all .3s cubic-bezier(.2,.7,.2,1)}.card:hover{transform:translateY(-6px);box-shadow:0 24px 46px -18px #11182738}.mv-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:44px;display:grid}.mv-card h3{color:var(--primary);margin-bottom:10px}@media (width<=780px){.mv-grid{grid-template-columns:1fr}}.services-grid{grid-template-columns:repeat(4,1fr);gap:24px;margin-top:44px;display:grid}.service-card h3{margin:14px 0 8px;font-size:1.02rem}.service-card p{font-size:.9rem}.service-icon{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:13px;place-items:center;width:46px;height:46px;transition:transform .3s;display:grid}.service-card:hover .service-icon{transform:rotate(-8deg)scale(1.08)}@media (width<=980px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.services-grid{grid-template-columns:1fr}}.products-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:44px;display:grid}.product-card{text-align:left}.product-card.featured{border:1.5px solid color-mix(in srgb, var(--primary) 35%, var(--border))}.product-icon{background:color-mix(in srgb, var(--primary) 12%, var(--card-bg));width:54px;height:54px;color:var(--primary);border-radius:15px;place-items:center;margin-bottom:16px;display:grid}.product-card h3{margin-bottom:10px}.product-card p{margin-bottom:18px}.badge{background:color-mix(in srgb, var(--accent) 15%, var(--card-bg));color:var(--accent);border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:600;display:inline-block}@media (width<=700px){.products-grid{grid-template-columns:1fr}}.features-grid{grid-template-columns:repeat(3,1fr);gap:28px;margin-top:40px;display:grid}.feature-row{align-items:flex-start;gap:14px;display:flex}.feature-check{background:color-mix(in srgb, var(--accent) 14%, var(--card-bg));width:38px;height:38px;color:var(--accent);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.feature-row h4{margin-bottom:4px;font-size:1rem}.feature-row p{font-size:.9rem}@media (width<=780px){.features-grid{grid-template-columns:1fr}}.stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:60px;display:grid}.stat-card{text-align:center;border-radius:var(--radius);background:var(--card-bg);border:1px solid var(--border);padding:24px}.stat-number{background:linear-gradient(135deg, var(--primary), var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800}.stat-label{color:var(--text-secondary);margin-top:4px;font-size:.9rem}@media (width<=700px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.tech-section .container{margin-bottom:40px}.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.marquee-track{gap:16px;width:max-content;animation:22s linear infinite scrollX;display:flex}@keyframes scrollX{0%{transform:translate(0)}to{transform:translate(-50%)}}.tech-pill{background:var(--card-bg);border:1px solid var(--border);white-space:nowrap;box-shadow:var(--shadow);border-radius:999px;padding:12px 24px;font-size:.92rem;font-weight:600}.process-line{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px 0;margin-top:50px;display:flex}.process-step-wrap{flex:1;align-items:flex-start;min-width:150px;display:flex}.process-step{text-align:center;max-width:150px}.process-icon{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:50%;place-items:center;width:50px;height:50px;margin:0 auto 12px;display:grid;box-shadow:0 10px 24px -10px #6c63ff80}.process-step h4{margin-bottom:6px;font-size:.95rem}.process-step p{font-size:.82rem}.process-connector{background:linear-gradient(90deg, var(--primary), var(--border));flex:1;min-width:20px;height:2px;margin-top:25px}@media (width<=900px){.process-line{flex-direction:column}.process-connector{width:2px;height:30px;margin:4px 0 4px 24px}.process-step-wrap{flex-direction:column}}.testimonial-wrap{max-width:640px;margin:40px auto 0}.testimonial-card{text-align:center}.stars{color:#f59e0b;justify-content:center;gap:4px;margin-bottom:16px;display:flex}.testimonial-quote{color:var(--text-primary);margin-bottom:24px;font-size:1.1rem;line-height:1.6}.testimonial-author{justify-content:center;align-items:center;gap:12px;display:flex}.avatar{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.author-name{font-size:.92rem;font-weight:700}.author-role{color:var(--text-secondary);font-size:.82rem}.testimonial-controls{justify-content:center;align-items:center;gap:16px;margin-top:24px;display:flex}.dots{gap:8px;display:flex}.dot{background:var(--border);cursor:pointer;border-radius:50%;width:8px;height:8px;transition:all .25s}.dot-active{background:var(--primary);border-radius:4px;width:22px}.faq-list{flex-direction:column;gap:12px;margin-top:36px;display:flex}.faq-item{background:var(--card-bg);border:1px solid var(--border);cursor:pointer;border-radius:16px;padding:20px 22px;transition:all .25s}.faq-question{justify-content:space-between;align-items:center;font-weight:600;display:flex}.faq-chevron{color:var(--primary);flex-shrink:0;transition:transform .3s}.faq-open .faq-chevron{transform:rotate(180deg)}.faq-answer{max-height:0;transition:max-height .35s,margin .35s;overflow:hidden}.faq-open .faq-answer{max-height:200px;margin-top:12px}.cta-section{text-align:center;background:linear-gradient(135deg, var(--primary), var(--secondary));background-size:200% 200%;padding:110px 24px;animation:8s infinite gradientShift;position:relative;overflow:hidden}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.cta-glow{z-index:0;pointer-events:none;background:radial-gradient(500px at 50% 0,#ffffff40,#0000 60%);position:absolute;inset:0}.cta-content{z-index:1;flex-direction:column;align-items:center;gap:22px;max-width:620px;margin:0 auto;display:flex;position:relative}.cta-title{color:#fff;text-wrap:balance;text-align:center;margin:0;font-size:clamp(1.7rem,3.6vw,2.6rem);line-height:1.25}.cta-sub{color:#ffffffeb;text-wrap:balance;text-align:center;max-width:460px;margin:0}.footer{border-top:1px solid var(--border);padding:64px 0 0}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:40px;padding-bottom:40px;display:grid}.footer-tagline{margin-top:10px;font-size:.9rem}.footer h5{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:14px;font-size:.85rem}.footer-link{color:var(--text-secondary);text-align:left;padding:5px 0;font-size:.9rem;transition:color .2s;display:block}.footer-text{margin-bottom:6px;font-size:.9rem}.footer-bottom{border-top:1px solid var(--border);text-align:center;color:var(--text-secondary);padding:20px 24px;font-size:.82rem}@media (width<=700px){.footer-grid{grid-template-columns:1fr}}.back-to-top{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;opacity:0;pointer-events:none;z-index:150;border-radius:50%;place-items:center;width:46px;height:46px;transition:all .3s;display:grid;position:fixed;bottom:24px;right:24px;transform:translateY(16px)scale(.8);box-shadow:0 10px 26px -8px #6c63ff99}.back-to-top-visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.back-to-top:hover{transform:translateY(-4px)scale(1.06)}.footer-link{text-align:left;width:100%;color:var(--text-secondary);padding:5px 0;font-size:.9rem;text-decoration:none;transition:color .2s;display:block}.footer-link:hover{color:var(--primary)}.footer-link:visited{color:var(--text-secondary)}