@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#0f172a;background:#fff;overflow-x:hidden;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none}img,svg,video{display:block;max-width:100%}ul,ol{list-style:none}.max-w-7xl{max-width:80rem;margin-inline:auto}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.08s}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}.reveal-delay-4{transition-delay:.32s}.reveal-delay-5{transition-delay:.4s}.reveal-delay-6{transition-delay:.48s}.top-bar{background:#08122df2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .5s cubic-bezier(.4,0,.2,1);overflow:hidden;max-height:48px;opacity:1}.top-bar.hidden{max-height:0;opacity:0}.top-bar-inner{max-width:80rem;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:40px;font-size:11px;color:#ffffff8c;font-weight:500;gap:1.5rem}@media(min-width:1024px){.top-bar-inner{padding:0 4rem}}.top-bar-left{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.top-bar-right{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;justify-content:flex-end}.top-bar-right a{display:flex;align-items:center;gap:.375rem;transition:color .2s}.top-bar-right a:hover{color:#fff}.top-bar .icon{color:#60a5fa}header{position:fixed;top:0;left:0;right:0;z-index:50}nav{transition:all .5s cubic-bezier(.4,0,.2,1);background:transparent}nav.scrolled{background:#08122df7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 30px #00000026}.nav-inner{max-width:80rem;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:68px}@media(min-width:1024px){.nav-inner{padding:0 4rem}}.nav-logo img{height:2.75rem;width:auto;filter:brightness(0) invert(1)}.nav-links{display:none;align-items:center;gap:.25rem}@media(min-width:1024px){.nav-links{display:flex}}.nav-links a,.nav-links button{display:flex;align-items:center;gap:.25rem;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#ffffffd9;transition:all .2s}.nav-links a:hover,.nav-links .dropdown-btn:hover{background:#ffffff1a;color:#fff}.nav-cta{display:none;align-items:center;padding:.625rem 1.5rem;border-radius:9999px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-size:.875rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #2563eb59}@media(min-width:1024px){.nav-cta{display:inline-flex}}.nav-cta:hover{background:linear-gradient(135deg,#1d4ed8,#2563eb);transform:translateY(-2px);box-shadow:0 6px 20px #2563eb73}.mobile-toggle{color:#fff;padding:.5rem;border-radius:.5rem}@media(min-width:1024px){.mobile-toggle{display:none}}.mobile-menu{background:#fff;border-top:1px solid #f1f5f9;overflow:hidden;max-height:0;transition:max-height .3s ease}.mobile-menu.open{max-height:500px}.mobile-menu-inner{padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}.mobile-menu a{padding:.75rem 0;color:#334155;font-weight:500;border-bottom:1px solid #f8fafc}.mobile-cta{margin-top:1rem;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;text-align:center;padding:.75rem;border-radius:9999px;font-weight:600}.hero{position:relative;height:100vh;min-height:650px;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background:#030a1a}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}.hero-overlay{position:absolute;inset:0;background:linear-gradient(125deg,#030a1ae0,#030a1a73,#030a1ab3)}.hero-content{position:relative;z-index:10;padding:0 2rem;width:100%}@media(min-width:1024px){.hero-content{padding:0 4rem}}.hero-tag{color:#93c5fd;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.25em;margin-bottom:1.25rem;display:inline-flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#2563eb1f;border:1px solid rgba(96,165,250,.2);border-radius:9999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-tag:before{content:"";display:block;width:6px;height:6px;background:#60a5fa;border-radius:50%;animation:pulse-dot 2s ease infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.hero-title{color:#fff;font-size:clamp(2.5rem,5vw,4.25rem);font-weight:900;line-height:1.05;margin-bottom:1.5rem;letter-spacing:-.02em}.hero-desc{color:#fff9;font-size:1.125rem;max-width:36rem;margin-bottom:2.5rem;line-height:1.7}.hero-btns{display:flex;gap:1rem;flex-wrap:wrap}.btn-primary{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;padding:1rem 2rem;border-radius:9999px;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #2563eb66}.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#2563eb);transform:translateY(-3px);box-shadow:0 8px 30px #2563eb80}.btn-outline{border:1px solid rgba(255,255,255,.25);color:#fff;padding:1rem 2rem;border-radius:9999px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-outline:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px)}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#ffffff59;font-size:10px;text-transform:uppercase;letter-spacing:.15em;animation:bounce 2.5s ease infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.section-white{background:#fff;padding:5rem 0}.section-gray{background:linear-gradient(180deg,#f8fafc,#f1f5f9);padding:5rem 0}@media(min-width:768px){.section-white,.section-gray{padding:6rem 0}}.section-inner{padding:0 1.5rem}@media(min-width:1024px){.section-inner{padding:0 4rem}}.section-tag{color:#2563eb;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;margin-bottom:.75rem;display:inline-flex;align-items:center;gap:.5rem}.section-tag:before{content:"";display:block;width:28px;height:3px;background:linear-gradient(90deg,#2563eb,#60a5fa);border-radius:2px}.section-title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;color:#0f172a;margin-bottom:.75rem;letter-spacing:-.025em;line-height:1.15}.section-desc{color:#64748b;font-size:1rem;max-width:40rem;margin-bottom:2.5rem;line-height:1.7}.section-header{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:1.5rem;margin-bottom:2.5rem}.view-all-btn{color:#2563eb;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem;border:2px solid rgba(37,99,235,.2);border-radius:9999px;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.85rem;background:#2563eb0a;white-space:nowrap}.view-all-btn:hover{background:#2563eb;color:#fff;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 15px #2563eb4d}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.25rem}@media(min-width:640px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}}@media(min-width:1280px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}.product-card{background:#fff;border:1px solid rgba(226,232,240,.8);border-radius:1.25rem;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);cursor:pointer;position:relative}.product-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px -8px #00000014,0 8px 16px -4px #0000000a;border-color:#60a5fa4d}.card-image{height:12rem;display:flex;align-items:center;justify-content:center;position:relative}.api-card-image{height:13rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);overflow:hidden;position:relative}.api-card-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:30px;background:linear-gradient(to top,white,transparent);pointer-events:none;z-index:1}.api-product-img{width:100%;height:100%;object-fit:contain;padding:1rem;transition:transform .5s cubic-bezier(.16,1,.3,1)}.api-card:hover .api-product-img{transform:scale(1.1)}.no-image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#dbeafe,#e0e7ff,#bfdbfe)}.card-body{padding:1.125rem 1.25rem 1.25rem}.card-body h4{font-weight:700;color:#0f172a;margin-bottom:.5rem;font-size:.9rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-.01em}.card-body p{color:#64748b;font-size:.8rem;line-height:1.55}.volume-badges{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.5rem}.volume-badge{display:inline-flex;align-items:center;padding:.175rem .55rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1d4ed8;font-size:.65rem;font-weight:700;border-radius:9999px;border:1px solid rgba(37,99,235,.12);letter-spacing:.02em}.card-category{color:#94a3b8;font-size:.7rem;margin-bottom:.375rem;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-weight:500}.card-feature{display:flex;align-items:center;gap:.375rem;color:#64748b;font-size:.7rem;margin-top:.25rem}.feature-icon-small{font-size:.65rem;opacity:.5}.card-link{margin-top:.875rem;display:flex;align-items:center;gap:.35rem;color:#2563eb;font-size:.75rem;font-weight:600;transition:gap .25s cubic-bezier(.4,0,.2,1)}.card-link:hover{gap:.6rem}.card-link a{color:inherit}.product-count-badge{display:inline-flex;align-items:center;padding:.375rem .875rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1d4ed8;font-size:.75rem;font-weight:700;border-radius:9999px;border:1px solid rgba(37,99,235,.12);white-space:nowrap}.show-more-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 2rem;background:transparent;border:2px solid rgba(37,99,235,.2);color:#2563eb;border-radius:9999px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.show-more-btn:hover{background:#2563eb;color:#fff;border-color:#2563eb;box-shadow:0 4px 15px #2563eb4d;transform:translateY(-2px)}.loading-spinner{width:44px;height:44px;border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:spin .75s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.form-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.25);color:#16a34a;padding:1rem 1.25rem;border-radius:.75rem;font-size:.85rem;font-weight:500;margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem}.form-error{background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#dc2626;padding:1rem 1.25rem;border-radius:.75rem;font-size:.85rem;font-weight:500;margin-bottom:1.25rem}.submit-btn:disabled{opacity:.55;cursor:not-allowed}.about-section{padding:6rem 0 7rem;background:#fff}.about-header{text-align:center;margin-bottom:4rem}.gradient-text{background:linear-gradient(135deg,#2563eb,#3b82f6,#60a5fa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:4rem}.feature-card{padding:2rem;background:#fff;border:1px solid rgba(226,232,240,.8);border-radius:1.25rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#2563eb,#60a5fa);opacity:0;transition:opacity .3s}.feature-card:hover{border-color:#60a5fa4d;transform:translateY(-4px);box-shadow:0 16px 32px -8px #0000000f}.feature-card:hover:before{opacity:1}.feature-icon{width:3rem;height:3rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:.875rem;display:flex;align-items:center;justify-content:center;color:#2563eb;margin-bottom:1.25rem}.feature-card h3{font-weight:700;color:#0f172a;margin-bottom:.6rem;font-size:1.05rem;letter-spacing:-.01em}.feature-card p{color:#64748b;font-size:.85rem;line-height:1.65}.stats-bar{background:linear-gradient(135deg,#1e40af,#2563eb,#3b82f6);padding:3rem;border-radius:1.5rem;display:flex;justify-content:space-around;flex-wrap:wrap;gap:2rem;box-shadow:0 20px 40px -10px #2563eb4d;position:relative;overflow:hidden}.stats-bar:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);pointer-events:none}.stat-item{text-align:center;color:#fff;position:relative;z-index:1}.stat-number{font-size:2.75rem;font-weight:900;display:block;letter-spacing:-.025em;line-height:1.1}.stat-label{font-size:.8rem;opacity:.75;font-weight:500;margin-top:.25rem;letter-spacing:.02em}footer{background:#0c1629;color:#fff}.footer-top{padding:5rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:4rem}.footer-contact h2{font-size:2.25rem;font-weight:800;margin-bottom:1.25rem;letter-spacing:-.025em;line-height:1.15}.contact-list{display:flex;flex-direction:column;gap:1.1rem;margin-top:2rem}.contact-item{display:flex;align-items:center;gap:1rem;color:#94a3b8;font-size:.85rem;transition:color .2s}.contact-item:hover{color:#cbd5e1}.contact-icon{width:2.5rem;height:2.5rem;background:#2563eb1a;border:1px solid rgba(37,99,235,.15);border-radius:.625rem;display:flex;align-items:center;justify-content:center;color:#60a5fa;flex-shrink:0}.contact-form{background:#ffffff06;padding:2.5rem;border-radius:1.5rem;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.form-title{font-size:1.2rem;font-weight:700;margin-bottom:1.75rem;letter-spacing:-.01em}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.875rem;margin-bottom:.875rem}@media(max-width:640px){.form-grid{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-label{font-size:.7rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.06em}.form-input{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:.75rem 1rem;color:#fff;transition:all .25s ease;font-size:.875rem}.form-input::placeholder{color:#fff3}.form-input:focus{outline:none;border-color:#2563eb80;background:#ffffff0f;box-shadow:0 0 0 3px #2563eb1a}.submit-btn{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;padding:.875rem;border-radius:.75rem;font-weight:600;margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;font-size:.9rem;box-shadow:0 4px 12px #2563eb40}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#2563eb);box-shadow:0 6px 20px #2563eb66;transform:translateY(-1px)}.footer-bottom{padding:2.5rem 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem}.footer-logo img{height:2rem;filter:brightness(0) invert(1);opacity:.7}.footer-links{display:flex;gap:2rem;list-style:none}.footer-links a{color:#64748b;font-size:.85rem;transition:color .2s;font-weight:500}.footer-links a:hover{color:#e2e8f0}.copyright{color:#475569;font-size:.75rem;font-weight:500}