*,::after,::before{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.nav-fixed{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}.nav-fixed .nav-brand{color:#1e293b!important}.nav-fixed .nav-link{color:rgba(51,65,85,.75)!important}.nav-fixed .nav-link:hover{color:#0d9488!important;background:rgba(20,184,166,.08)!important}.nav-fixed .nav-link.nav-active{color:#0d9488!important;font-weight:600;background:rgba(20,184,166,.1)!important}.nav-link.nav-active{position:relative;font-weight:600!important}.nav-link.nav-active::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:1.5rem;height:3px;border-radius:2px;background:#fff}.nav-fixed .nav-link.nav-active::after{background:#0d9488}.nav-fixed button[onclick*=toggleMobileMenu]{color:#334155!important}.nav-fixed button[onclick*=toggleMobileMenu]:hover{background:#f1f5f9!important}.hero-banner{position:relative;overflow:hidden;height:640px}@media (min-width:768px){.hero-banner{height:720px}}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease-in-out;display:flex;align-items:center}.hero-slide.active{opacity:1;z-index:2}.hero-indicator{width:2.5rem;height:5px;border-radius:3px;background:rgba(255,255,255,.25);cursor:pointer;transition:.4s;border:none;outline:0}.hero-indicator:hover{background:rgba(255,255,255,.5)}.hero-indicator.active{background:#fff;width:4.5rem;box-shadow:0 0 8px rgba(255,255,255,.4)}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:3rem;height:3rem;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.7);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hero-arrow:hover{background:rgba(255,255,255,.18);color:#fff;border-color:rgba(255,255,255,.3)}.hero-arrow-left{left:1.5rem}.hero-arrow-right{right:1.5rem}@media (max-width:1024px){.hero-arrow{display:none}.product-video-stage{grid-template-columns:1fr}.product-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-row-card{grid-template-columns:1fr;padding:2rem}}.hero-mesh{background:radial-gradient(ellipse at 15% 50%,rgba(20,184,166,.12) 0,transparent 50%),radial-gradient(ellipse at 85% 20%,rgba(20,184,166,.06) 0,transparent 45%),radial-gradient(ellipse at 50% 90%,rgba(34,211,238,.07) 0,transparent 45%),linear-gradient(180deg,#0f172a 0,#1e293b 100%)}.hero-media-card.purple::before,.hero-single-shot.purple::before{background:rgba(139,92,246,.22)}.hero-grid-abstract.purple{background:radial-gradient(circle at 22% 18%,rgba(168,85,247,.32),transparent 34%),linear-gradient(135deg,rgba(124,58,237,.2),rgba(255,255,255,.06))}.hero-grid-abstract.cyan{background:radial-gradient(circle at 22% 18%,rgba(34,211,238,.3),transparent 34%),linear-gradient(135deg,rgba(20,184,166,.18),rgba(255,255,255,.06))}.service-node.main{grid-column:span 2;min-height:6.2rem;background:linear-gradient(135deg,rgba(16,185,129,.3),rgba(255,255,255,.06))}.hero-shot-wrap.erp{width:78%;aspect-ratio:1.42}.hero-shot-wrap.erp img{object-position:top left}.hero-shot-wrap.trace{width:72%;aspect-ratio:1.35}.hero-badge.purple{color:#7e22ce}.product-card{position:relative;background:#fff;border-radius:1.25rem;padding:2rem;border:1px solid #e2e8f0;transition:.4s cubic-bezier(.4, 0, .2, 1);overflow:hidden}.product-card::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:2px;background:var(--accent-gradient);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s}.product-card:hover{transform:translateY(-8px);box-shadow:0 24px 48px -12px rgba(0,0,0,.12)}.product-card:hover::before{opacity:1}.feature-card{background:#fff;border:1px solid #f1f5f9;border-radius:1rem;padding:1.5rem;transition:.3s}.feature-card:hover{border-color:#e2e8f0;box-shadow:0 8px 24px -4px rgba(0,0,0,.06);transform:translateY(-2px)}.reveal-node{opacity:0;transform:translateY(28px);transition:opacity .7s,transform .7s}.reveal-node.revealed{opacity:1;transform:translateY(0)}.reveal-node.delay-100{transition-delay:0.1s}.reveal-node.delay-200{transition-delay:0.2s}.reveal-node.delay-300{transition-delay:0.3s}.gradient-text{background:linear-gradient(135deg,#2dd4bf 0,#5eead4 50%,#22d3ee 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lightbox-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s}.lightbox-overlay.active{opacity:1;pointer-events:auto}.lightbox-overlay img{max-width:92vw;max-height:88vh;border-radius:.75rem;box-shadow:0 24px 64px rgba(0,0,0,.5)}.lightbox-close{position:absolute;top:1.5rem;right:1.5rem;width:2.5rem;height:2.5rem;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid rgba(255,255,255,.12);transition:background .2s}.lightbox-close:hover{background:rgba(255,255,255,.18)}.carousel-wrap{position:relative}.carousel-viewport{overflow:hidden;position:relative;background:#f8fafc;border-radius:.75rem}.carousel-viewport .c-slide{min-width:100%;max-width:100%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.carousel-viewport .c-slide img{max-width:100%;display:block;object-fit:contain;cursor:pointer}.product-hero{position:relative;overflow:hidden}.product-hero::before{content:'';position:absolute;inset:0;background:var(--hero-gradient);opacity:.06}.scenario-board{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:1rem;padding:1rem;border-radius:1.5rem;overflow:hidden;border:1px solid rgba(148,163,184,.18);background:radial-gradient(circle at 15% 20%,rgba(20,184,166,.14),transparent 30%),linear-gradient(135deg,#fff,#f8fafc);box-shadow:0 24px 64px -48px rgba(15,23,42,.38)}.scenario-board-purple{background:radial-gradient(circle at 15% 20%,rgba(168,85,247,.16),transparent 30%),linear-gradient(135deg,#fff,#faf5ff)}.scenario-board-teal{background:radial-gradient(circle at 15% 20%,rgba(20,184,166,.16),transparent 30%),linear-gradient(135deg,#fff,#f0fdfa)}.scenario-card-hero{grid-column:span 2;display:flex;align-items:stretch;gap:1.5rem;padding:1.25rem;border-radius:1.15rem;background:rgba(255,255,255,.82);border:1px solid rgba(148,163,184,.16);box-shadow:0 18px 42px -34px rgba(15,23,42,.35)}.scenario-img-hero{flex:1.2;min-width:0;height:180px;border-radius:.85rem;overflow:hidden;margin-bottom:0}.scenario-img-hero img{width:100%;height:180px;object-fit:cover;display:block}.scenario-hero-text{flex:0.8;display:flex;flex-direction:column;justify-content:center;gap:.5rem}.scenario-hero-text .scenario-icon{margin-bottom:.5rem}.scenario-hero-text strong{font-size:1.35rem!important}.scenario-card{display:flex;flex-direction:column;min-height:190px;padding:1.4rem;border-radius:1.15rem;background:rgba(255,255,255,.82);border:1px solid rgba(148,163,184,.16);box-shadow:0 18px 42px -34px rgba(15,23,42,.35)}.scenario-icon{width:3rem;height:3rem;border-radius:1rem;display:inline-flex;align-items:center;justify-content:center;color:#0f766e;background:#ccfbf1;font-size:1.1rem;margin-bottom:1rem}.scenario-board-purple .scenario-icon{color:#7e22ce;background:#f3e8ff}.scenario-card span{display:block;color:#64748b;font-size:.74rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.scenario-card strong{display:block;color:#0f172a;font-size:1.08rem;line-height:1.35;font-weight:900;margin-top:.5rem}.scenario-card p{color:#64748b;font-size:.92rem;line-height:1.7;margin-top:.65rem}.scenario-img{width:100%;height:180px;border-radius:.75rem;overflow:hidden;margin-bottom:1rem}.scenario-img img{width:100%;height:100%;object-fit:cover;display:block}@keyframes countUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(3deg)}}.float-shape{animation:7s ease-in-out infinite float}.float-shape-delay{animation:7s ease-in-out 2.5s infinite float}.btn-primary{align-items:center;gap:.5rem;padding:.875rem 2rem;border-radius:.75rem;font-weight:600;font-size:.9375rem;background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff;transition:.3s;box-shadow:0 4px 16px -2px rgba(20,184,166,.4)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px -2px rgba(20,184,166,.5)}.btn-outline{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;border-radius:.75rem;font-weight:600;font-size:.9375rem;background:0 0;color:#475569;border:1.5px solid #e2e8f0;transition:.3s}.btn-outline:hover{border-color:#14b8a6;color:#0d9488;background:rgba(20,184,166,.04)}#products{overflow-x:hidden}#products h2,#products h3,#products p{overflow-wrap:anywhere}.product-video-stage{display:grid;grid-template-columns:minmax(0,0.92fr) minmax(0,1.08fr);gap:2.5rem;align-items:center;min-height:520px;padding:3rem;border-radius:1.5rem;border:1px solid rgba(20,184,166,.16);background:radial-gradient(circle at 12% 18%,rgba(20,184,166,.15),transparent 30%),radial-gradient(circle at 86% 20%,rgba(45,212,191,.16),transparent 34%),linear-gradient(135deg,#fff,#f0fdfa);box-shadow:0 24px 70px -52px rgba(15,118,110,.42);margin-bottom:1.5rem;width:calc(100% + 3rem);margin-left:-1.5rem;overflow:hidden}.stage-copy span{display:inline-flex;color:#0f766e;font-size:.74rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.stage-copy h3{color:#0f172a;font-size:clamp(2rem, 3.2vw, 3rem);line-height:1.25;font-weight:900;margin-top:.8rem}.stage-copy p{color:#64748b;font-size:1.05rem;line-height:1.8;margin-top:1rem}.stage-tags{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.2rem}.stage-tags span{display:inline-flex;padding:.55rem .8rem;border-radius:999px;background:rgba(255,255,255,.82);border:1px solid rgba(15,118,110,.1);color:#0f766e;font-size:.8rem;font-weight:800;letter-spacing:0;text-transform:none}.stage-phone-area{position:relative;min-height:430px;display:flex;align-items:center;justify-content:center}.stage-phone-area::before{content:'';position:absolute;inset:3rem 1rem 1rem;border-radius:2rem;background:radial-gradient(circle at 50% 30%,rgba(16,185,129,.18),transparent 38%);filter:blur(8px)}.stage-phone{position:relative;z-index:2;width:min(330px,82vw);aspect-ratio:9/16;padding:.8rem;border-radius:2.3rem;background:linear-gradient(145deg,#0f172a,#1e293b);border:1px solid rgba(255,255,255,.16);box-shadow:0 34px 80px -44px rgba(15,23,42,.72);transform:none}.stage-phone video{width:100%;height:100%;object-fit:cover;display:block;border-radius:1.65rem;background:#0f172a}.stage-phone::after{content:'';position:absolute;inset:0.8rem;border-radius:1.65rem;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);pointer-events:none}.product-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.product-mini-card.emerald>i{background:linear-gradient(135deg,#10b981,#059669)}.product-mini-card.purple>i{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.product-mini-card.teal>i{background:linear-gradient(135deg,#14b8a6,#0d9488)}.product-mini-card.emerald:hover{border-color:rgba(16,185,129,.28)}.product-mini-card.purple:hover{border-color:rgba(139,92,246,.28)}.product-mini-card.teal:hover{border-color:rgba(20,184,166,.28)}.product-row-card{display:grid;grid-template-columns:minmax(0,0.78fr) minmax(0,1.22fr);gap:2rem;align-items:center;min-height:390px;padding:2.2rem 0 2.2rem 2.2rem;border-radius:1.5rem;border:1px solid #eef2f7;background:#fff;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}.product-row-card:hover{transform:translateY(-3px);box-shadow:0 26px 70px -52px rgba(15,23,42,.45)}.product-row-card.row-purple{grid-template-columns:minmax(0,0.7fr) minmax(0,1.3fr);background:linear-gradient(135deg,#fff,#faf5ff)}.product-row-card.row-teal{background:linear-gradient(135deg,#fff,#f0fdfa)}.product-row-card.row-mint{background:linear-gradient(135deg,#fff,#ecfeff)}.product-row-card.row-purple:hover{border-color:rgba(139,92,246,.24)}.product-row-card.row-mint:hover,.product-row-card.row-teal:hover{border-color:rgba(20,184,166,.24)}.product-row-card.row-teal .product-row-media{border-radius:1.5rem;overflow:hidden;background:radial-gradient(circle at 70% 30%,rgba(20,184,166,.08),transparent 40%),linear-gradient(135deg,#f0fdfa,#fff);border:1px solid rgba(20,184,166,.08)}.product-row-card.row-teal .poster-showcase img{border-radius:1rem;right:-1rem;width:calc(100% + 1.2rem);box-shadow:0 24px 60px -36px rgba(20,184,166,.3)}.media-float.purple{left:1rem;top:1rem;color:#7e22ce}.media-float.teal{right:1rem;bottom:1rem}.media-chip.purple{color:#7e22ce;border-color:rgba(168,85,247,.2)}@media (max-width:768px){.prd-card{height:clamp(360px,45vh,480px);width:calc(100% + 2rem);margin-left:-1rem;border-radius:1rem}.prd-content{padding:2rem}.prd-content h3{font-size:1.5rem}.prd-content p{font-size:.85rem}.prd-float-img{width:130px!important;height:180px!important;right:1rem}}@media (max-width:640px){.prd-card{height:clamp(300px,40vh,400px);width:calc(100% + 1.5rem);margin-left:-.75rem}.prd-content{padding:1.5rem}.prd-content h3{font-size:1.25rem}.prd-float-img{display:none!important}#products .max-w-7xl{width:100%;max-width:100vw;padding-left:1.5rem;padding-right:1.5rem}#products .text-center,#products .text-center p,#products a.group{width:100%;max-width:calc(100vw - 3rem)}#products a.group>div{width:100%;min-width:0}#products a.group p{max-width:100%}.product-media-panel{padding:1.5rem;min-height:240px}.media-chip{font-size:.68rem;padding:.45rem .6rem}.chip-top-left{top:1rem;left:1rem}.chip-bottom-left{bottom:1rem;left:1rem}.chip-bottom-right{display:none}.product-shot-erp,.product-shot-trace{transform:translate(0,-.65rem);width:88%}.product-device-card,.trace-mini-card{width:9.5rem;right:1rem;bottom:1rem}.product-device-card img,.trace-mini-card img{height:5.25rem}.product-video-stage{grid-template-columns:1fr;min-height:auto;padding:1.5rem;gap:1.25rem}.stage-phone-area{min-height:390px}.stage-phone{width:min(260px,78vw)}.stage-phone-card{font-size:.72rem;padding:.55rem .7rem}.stage-phone-card.card-top{right:0;top:2rem}.stage-phone-card.card-bottom{left:0;bottom:2.4rem}.product-mini-grid{grid-template-columns:1fr}.product-row-card{padding:1.25rem;min-height:auto}.product-row-media{min-height:235px}.poster-showcase{min-height:235px;overflow:hidden;border-radius:1.1rem}.poster-showcase img{position:static;width:100%;height:235px;transform:none;border-radius:1.1rem}.ai-media img:first-child,.erp-media img{width:76%}.trace-media img:first-child{width:62%}.trace-media img:nth-child(2){width:42%}.scenario-board{grid-template-columns:1fr}.scenario-card-hero{grid-column:span 1;flex-direction:column;max-height:none;overflow:visible}.scenario-img-hero{height:160px;flex:none;width:100%}.scenario-card{min-height:auto}}.hero-showcase{position:relative;display:flex;align-items:center;justify-content:center;width:100%}.hero-glow{position:absolute;inset:-10%;border-radius:50%;filter:blur(60px);pointer-events:none;opacity:.5}.mockup-laptop{position:relative;z-index:2;width:100%}.mockup-laptop-frame{background:linear-gradient(160deg,#6b7280,#374151);border-radius:.85rem .85rem 0 0;padding:.65rem .65rem 0;box-shadow:0 -2px 0 0 #9ca3af inset,0 30px 60px -20px rgba(0,0,0,.7);border:1px solid rgba(156,163,175,.3);border-bottom:none}.mockup-laptop-screen{border-radius:.35rem;overflow:hidden;background:#0f172a;line-height:0}.mockup-laptop-screen img,.mockup-laptop-screen video{width:100%;display:block;object-fit:cover}.mockup-laptop-base{width:110%;margin-left:-5%;height:.85rem;background:linear-gradient(180deg,#6b7280,#4b5563);border-radius:0 0 .7rem .7rem;position:relative;border:1px solid rgba(156,163,175,.25);border-top:none}.mockup-laptop-base::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:4rem;height:.2rem;background:#1f2937;border-radius:0 0 .25rem .25rem}.mockup-laptop-base::after{content:'';position:absolute;bottom:0;left:10%;right:10%;height:1px;background:rgba(107,114,128,.5)}.mockup-imac{position:relative;z-index:2;width:100%;display:flex;flex-direction:column;align-items:center}.mockup-imac-display{background:#1a1a1a;border-radius:.75rem .75rem 0 0;padding:.35rem .35rem 0;box-shadow:0 -1px 0 0 #444 inset,0 20px 50px -15px rgba(0,0,0,.55),0 8px 20px -8px rgba(0,0,0,.35);position:relative}.mockup-imac-display::before{content:'';position:absolute;top:.5rem;left:50%;transform:translateX(-50%);width:.35rem;height:.35rem;border-radius:50%;background:#111;box-shadow:inset 0 0 0 1px #333;z-index:5}.mockup-imac-screen{border-radius:.2rem;overflow:hidden;background:#000;line-height:0}.mockup-imac-screen img,.mockup-imac-screen video{width:100%;display:block;object-fit:cover}.mockup-imac-chin{width:100%;height:1.6rem;background:linear-gradient(180deg,#e8e8e8,#d4d4d4);border-radius:0 0 .5rem .5rem;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px -6px rgba(0,0,0,.3)}.mockup-imac-chin::after{content:'';width:.65rem;height:.65rem;border-radius:50%;background:linear-gradient(135deg,silver,#999);box-shadow:inset 0 1px 2px rgba(0,0,0,.15)}.mockup-imac-neck{width:3.5rem;height:2.2rem;background:linear-gradient(90deg,#b8b8b8,#d8d8d8,#b8b8b8);clip-path:polygon(15% 0,85% 0,100% 100%,0 100%);filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.mockup-imac-foot{width:6.5rem;height:.3rem;background:linear-gradient(180deg,#d0d0d0,#b0b0b0);border-radius:0 0 .3rem .3rem;box-shadow:0 4px 12px -4px rgba(0,0,0,.4),0 2px 6px rgba(0,0,0,.15)}.mockup-phone{position:relative;z-index:2;width:210px;margin:0 auto}.mockup-phone-frame{background:#1f2937;border-radius:2rem;padding:.7rem .45rem;box-shadow:0 0 0 2px #6b7280,0 0 0 3px rgba(156,163,175,.3),0 30px 60px -20px rgba(0,0,0,.65);position:relative}.mockup-phone-notch{width:5rem;height:1.15rem;background:#1f2937;border-radius:0 0 .85rem .85rem;margin:-.7rem auto .35rem;position:relative;z-index:3}.mockup-phone-notch::after{content:'';position:absolute;top:.4rem;left:50%;transform:translateX(-50%);width:2.2rem;height:.28rem;background:#374151;border-radius:999px}.mockup-phone-screen{border-radius:1.4rem;overflow:hidden;background:#0f172a;line-height:0}.mockup-phone-screen img,.mockup-phone-screen video{width:100%;display:block;object-fit:cover}.hero-label{position:absolute;z-index:5;display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:999px;background:rgba(255,255,255,.93);color:#0f766e;box-shadow:0 12px 28px -14px rgba(0,0,0,.5);font-size:.72rem;font-weight:800;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);white-space:nowrap}.hero-label.purple{color:#7e22ce}.hero-label.emerald{color:#059669}.hero-label.mint{color:#0d9488}.hero-label.tl{top:1rem;left:1rem}.hero-label.bl{bottom:1rem;left:1rem}.hero-label.br{bottom:1rem;right:1rem}.hero-label.tr{top:1rem;right:1rem}.stage-reverse>.stage-phone-area{order:-1}@media(min-width:1024px){.btn-primary.hidden{display:inline-flex!important}.btn-outline.hidden{display:inline-flex!important}}
@keyframes heroFloat1{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes heroFloat2{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}
@keyframes heroFloat3{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(2deg)}}
@keyframes heroFloat4{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(-2deg)}}
@keyframes heroPulse{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:.55;transform:scale(1.06)}}
.hero-float-item{transition:transform .35s cubic-bezier(.4,0,.2,1),filter .35s ease;cursor:pointer}.hero-float-item:hover{transform:scale(1.15) translateY(-6px)!important;filter:drop-shadow(0 16px 32px rgba(16,185,129,.4)) brightness(1.1)!important;z-index:10!important}
.hero-float-item.hero-hover-active{transform:scale(1.18) translateY(-8px)!important;filter:drop-shadow(0 18px 36px rgba(16,185,129,.45)) brightness(1.12)!important;z-index:10!important}
.ecosystem-container{will-change:transform;}