.index_container{background:var(--bg-primary);overflow-x:hidden;width:100%}.hero{background:var(--brand-ink);height:100vh;max-height:860px;min-height:640px;overflow:hidden;position:relative}.hero_bg{background:var(--gradient-primary);bottom:0;left:0;opacity:1;position:absolute;right:0;top:0;z-index:1}.hero_overlay{background:radial-gradient(ellipse 60% 50% at 50% 40%,rgba(99,102,241,.15) 0,transparent 70%),linear-gradient(180deg,rgba(15,23,42,.3),rgba(15,23,42,.95))}.hero_grid_pattern,.hero_overlay{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:2}.hero_grid_pattern{background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:64px 64px;mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,#000 20%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,#000 20%,transparent 80%)}.hero_content_wrap{align-items:center;display:flex;height:100%;padding-top:72px;position:relative;z-index:3}.hero_inner{grid-gap:56px;align-items:center;display:grid;gap:56px;grid-template-columns:1fr 1fr;width:100%}.hero_content{max-width:580px}.hero_visual{align-items:center;display:flex;justify-content:center}.hero_illustration_3d{height:340px;margin-left:100px;margin-top:156px;perspective:1000px;position:relative;transform:scale(1.8);transform-origin:center center;transform-style:preserve-3d;width:420px}.sys_card{position:absolute;z-index:2}.sys_card_inner{align-items:center;animation:floatCard 6s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(30,41,59,.95),rgba(51,65,85,.9));border:1px solid rgba(99,102,241,.3);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 0 1px rgba(99,102,241,.1),inset 0 1px 0 hsla(0,0%,100%,.05);display:flex;gap:10px;padding:14px;transition:box-shadow .3s ease;width:150px;will-change:transform}.sys_card_inner:hover{box-shadow:0 12px 40px rgba(0,0,0,.4),0 0 0 1px rgba(99,102,241,.2),0 0 20px rgba(99,102,241,.15)}.sys_card_inner--1{animation-delay:0s}.sys_card_inner--2{animation-delay:.5s}.sys_card_inner--3{animation-delay:1s}.sys_card_inner--4{animation-delay:1.5s}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.sys_card--frontend{left:15px;top:15px}.sys_card--api{left:180px;top:5px}.sys_card--data{left:35px;top:140px}.sys_card--cloud{left:195px;top:175px}.sys_card_icon{align-items:center;background:rgba(99,102,241,.2);border-radius:10px;display:flex;flex-shrink:0;font-size:22px;height:40px;justify-content:center;width:40px}.sys_card_content{flex:1;min-width:0}.sys_card_title{color:#f1f5f9;font-size:13px;font-weight:600;letter-spacing:.3px;margin-bottom:5px}.sys_card_tags{display:flex;flex-wrap:wrap;gap:3px}.sys_card_tags span{background:rgba(99,102,241,.15);border-radius:4px;color:#a5b4fc;font-size:10px;font-weight:500;padding:2px 6px}.data_flow_svg{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.flow_line{stroke-dashoffset:0;animation:flowDash 2s linear infinite;opacity:.5}@keyframes flowDash{to{stroke-dashoffset:-24}}.float_icon{position:absolute;z-index:3}.float_icon_inner{align-items:center;animation:floatIcon 4s ease-in-out infinite;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,rgba(99,102,241,.25),rgba(129,140,248,.15));border:1px solid rgba(99,102,241,.35);border-radius:10px;box-shadow:0 4px 16px rgba(99,102,241,.2);color:#c7d2fe;display:flex;gap:6px;padding:8px 12px;will-change:transform}.float_icon_inner svg{height:18px;width:18px}.float_icon_badge{color:#e0e7ff;font-size:12px;font-weight:600}.float_icon_inner--1{animation-delay:0s}.float_icon_inner--2{animation-delay:.7s}.float_icon_inner--3{animation-delay:1.4s}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float_icon--order{left:-5px;top:95px}.float_icon--shipping{left:260px;top:5px}.float_icon--payment{left:270px;top:215px}.hero_title{color:#fff;font-size:max(36px,min(5.5vw,64px));line-height:1.08;margin-bottom:24px}.hero_title_accent{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#818cf8,#c7d2fe);-webkit-background-clip:text;background-clip:text}.hero_lead{color:hsla(0,0%,100%,.65);font-size:var(--fs-md);line-height:1.7;margin-bottom:36px;max-width:600px}.hero_actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.btn--inverse-ghost{color:hsla(0,0%,100%,.75)}.btn--inverse-ghost:hover{background:hsla(0,0%,100%,.08);color:#fff}.metrics_band{background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:56px 0;position:relative;z-index:4}.metrics_grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(4,1fr);text-align:center}.metric_value{color:var(--brand-ink);font-size:max(28px,min(4vw,40px));font-weight:700;letter-spacing:var(--tracking-tight);line-height:1.1;margin-bottom:8px}.metric_label{color:var(--text-secondary);font-size:var(--fs-sm);font-weight:400}.services_grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.service_card{padding:36px 28px;text-align:left}.service_card_icon{display:block;font-size:36px;margin-bottom:20px}.service_card_body h3{color:var(--text-primary);font-size:var(--fs-lg);font-weight:600;margin-bottom:10px}.service_card_body p{color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.6}.section_why{background:var(--bg-secondary)}.why_grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.why_card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:40px 32px;transition:all var(--transition-base)}.why_card:hover{border-color:var(--accent-life);box-shadow:var(--shadow-md)}.why_card_num{color:var(--accent-life);font-size:var(--fs-sm);font-weight:700;letter-spacing:var(--tracking-wider);margin-bottom:16px}.why_card h3{color:var(--text-primary);font-size:var(--fs-xl);font-weight:600;margin-bottom:10px}.why_card p{color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.65}.section_stack{padding-bottom:var(--section-pad-y);padding-top:var(--section-pad-y)}.stack_grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:900px}.stack_category{text-align:center}.stack_cat_title{color:var(--text-tertiary);font-size:var(--fs-xs);font-weight:600;letter-spacing:var(--tracking-wider);margin-bottom:16px;text-transform:uppercase}.stack_tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.stack_tag{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);display:inline-block;font-size:var(--fs-sm);font-weight:500;padding:6px 14px}.section_cta{padding:0 0 64px}.cta_box{background:var(--gradient-secondary);border-radius:var(--radius-2xl);color:#fff;padding:96px 64px;text-align:center}.cta_box h2{color:#fff;margin-bottom:16px}.cta_box .lead{color:hsla(0,0%,100%,.78);margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:560px}.cta_actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}@media (max-width:1024px){.hero_inner{gap:32px;grid-template-columns:1fr}.hero_visual{display:none}.services_grid{grid-template-columns:repeat(2,1fr)}.why_grid{grid-template-columns:1fr}.stack_grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero{max-height:100vh;min-height:560px}.hero_title{font-size:32px}.hero_lead{font-size:var(--fs-sm)}.hero_actions{align-items:flex-start;flex-direction:column}.metrics_grid{gap:24px;grid-template-columns:repeat(2,1fr)}.services_grid{grid-template-columns:1fr}.cta_box{border-radius:var(--radius-xl);padding:56px 24px}.stack_grid{gap:24px;grid-template-columns:1fr}.why_card{padding:28px 24px}}.NavBar_box{background:transparent;border-bottom:1px solid transparent;height:72px;left:0;position:fixed;right:0;top:0;transition:background var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);z-index:1000}.NavBar_box.is-scrolled{backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);background:hsla(0,0%,100%,.92);border-bottom-color:var(--border-color);box-shadow:0 1px 0 rgba(10,31,68,.04)}.NavBar_box:not(.is-scrolled){color:#fff}.NavBar_box.is-scrolled{color:var(--brand-ink)}.Nav_item{gap:32px;height:100%;justify-content:space-between;margin:0 auto;max-width:var(--container-max);padding:0 var(--container-pad);width:100%}.N_logo,.Nav_item{align-items:center;display:flex}.N_logo{cursor:pointer;flex-shrink:0;gap:10px;transition:opacity var(--transition-base)}.N_logo:hover{opacity:.78}.N_logo .logo_icon{display:block;height:32px;width:auto}.NavBar_box:not(.is-scrolled) .N_logo .logo_icon{filter:brightness(0) saturate(100%) invert(1)}.NavBar_box.is-scrolled .N_logo .logo_icon{filter:none}.N_logo .logo_text{color:inherit;font-size:22px;font-weight:700;letter-spacing:-.02em}.link_group{flex:1;gap:32px;justify-content:flex-end}.N_links,.link_group{align-items:center;display:flex}.N_links{gap:4px;list-style:none;margin:0;padding:0}.N_links .menu_item{position:relative}.N_links .menu_item a{align-items:center;color:inherit;display:inline-flex;font-size:14px;font-weight:500;letter-spacing:.005em;padding:10px 16px;position:relative;-webkit-text-decoration:none;text-decoration:none;transition:color var(--transition-fast);white-space:nowrap}.N_links .menu_item .nav_lab{display:inline-block;position:relative}.N_links .menu_item .nav_lab:after{background:currentColor;bottom:-6px;content:"";height:1.5px;left:50%;position:absolute;transition:width var(--transition-base),left var(--transition-base);width:0}.N_links .menu_item a.active_link .nav_lab:after,.N_links .menu_item a:hover .nav_lab:after{left:4px;width:calc(100% - 8px)}.N_links .menu_item a.active_link{color:inherit;opacity:1}.menu_cont{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);left:50%;min-width:240px;opacity:0;padding:12px;pointer-events:none;position:absolute;top:100%;transform:translateX(-50%) translateY(8px);transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s;visibility:hidden;z-index:100}.menu_cont.add_height{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0);transition:opacity .2s ease,transform .2s ease,visibility 0s linear 0s;visibility:visible}.menu_cont ul{list-style:none;margin:0;padding:0}.menu_cont ul li a{border-radius:var(--radius-sm);color:var(--text-primary);display:block;font-size:14px;padding:10px 14px;-webkit-text-decoration:none;text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap}.menu_cont ul li a:hover{background:var(--bg-tertiary);color:var(--brand-ink)}.N_tools{gap:16px;margin-left:8px}.N_tools,.search_box{align-items:center;display:flex}.search_box .el-input{width:200px}.search_box .el-input__inner{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:var(--radius-full);color:inherit;font-size:13px;height:36px;line-height:36px;padding:0 36px 0 16px;transition:all var(--transition-base)}.NavBar_box.is-scrolled .search_box .el-input__inner{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}.search_box .el-input__inner::-moz-placeholder{color:hsla(0,0%,100%,.55)}.search_box .el-input__inner::placeholder{color:hsla(0,0%,100%,.55)}.NavBar_box.is-scrolled .search_box .el-input__inner::-moz-placeholder{color:var(--text-tertiary)}.NavBar_box.is-scrolled .search_box .el-input__inner::placeholder{color:var(--text-tertiary)}.search_box .el-input__inner:focus{border-color:currentColor;outline:none}.search_box .el-input-group__append{background:transparent;border:none;color:inherit;cursor:pointer;padding:0 8px;position:absolute;right:4px;top:50%;transform:translateY(-50%)}.lang_box{align-items:center;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:var(--radius-full);display:inline-flex;gap:4px;padding:4px;transition:all var(--transition-base)}.NavBar_box.is-scrolled .lang_box{background:var(--bg-tertiary);border-color:var(--border-color)}.lang_box div{border-radius:var(--radius-full);color:inherit;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.04em;opacity:.7;padding:4px 10px;transition:all var(--transition-fast)}.lang_box div.lang_active{background:currentColor;color:var(--brand-ink);opacity:1}.NavBar_box:not(.is-scrolled) .lang_box div.lang_active{background:#fff;color:var(--brand-ink)}.NavBar_box.is-scrolled .lang_box div.lang_active{background:var(--brand-ink);color:#fff}.lang_box div:hover{opacity:1}.nav_cta{align-items:center;background:currentColor;border-radius:var(--radius-full);color:var(--brand-ink);display:inline-flex;font-size:13px;font-weight:500;padding:8px 18px;-webkit-text-decoration:none;text-decoration:none;transition:all var(--transition-base);white-space:nowrap}.NavBar_box:not(.is-scrolled) .nav_cta{background:#fff;color:var(--brand-ink)}.NavBar_box.is-scrolled .nav_cta{background:var(--brand-ink);color:#fff}.nav_cta:hover{box-shadow:var(--shadow-md);color:var(--brand-ink);transform:translateY(-1px)}.NavBar_box.is-scrolled .nav_cta:hover{color:#fff}.N_mobile{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:none;flex-direction:column;gap:6px;height:40px;justify-content:center;transition:background var(--transition-fast);width:40px}.N_mobile:hover{background:hsla(0,0%,100%,.08)}.NavBar_box.is-scrolled .N_mobile:hover{background:var(--bg-tertiary)}.N_mobile i{background:currentColor;border-radius:2px;display:block;height:1.5px;transition:transform var(--transition-base),opacity var(--transition-base);width:22px}.N_mobile.phoneMenu i:first-child{transform:translateY(7.5px) rotate(45deg)}.N_mobile.phoneMenu i:nth-child(2){opacity:0}.N_mobile.phoneMenu i:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}.phoneMenu_box{animation:fadeDown .3s ease-out;background:#fff;border-bottom:1px solid var(--border-color);left:0;max-height:calc(100vh - 72px);overflow-y:auto;padding:16px 0 32px;position:fixed;right:0;top:72px}.phoneMenu_box ul{list-style:none;margin:0;padding:0}.phoneMenu_box .menu_item a{border-bottom:1px solid var(--border-light);color:var(--text-primary);display:block;font-size:16px;font-weight:500;padding:14px var(--container-pad);-webkit-text-decoration:none;text-decoration:none;transition:color var(--transition-fast),background var(--transition-fast)}.phoneMenu_box .menu_item a.active_link,.phoneMenu_box .menu_item a:hover{background:var(--bg-tertiary);color:var(--brand-ink)}@media (max-width:1024px){.N_links,.search_box{display:none}.N_mobile{display:flex}.link_group{justify-content:flex-end}}@media (max-width:480px){.NavBar_box{height:60px}.N_item{padding:0 16px}.phoneMenu_box{top:60px}.N_logo .logo_icon{height:24px}.N_logo .logo_text{font-size:18px}.N_tools .nav_cta{display:none}.link_group{gap:12px}.N_tools{gap:8px;margin-left:4px}.lang_box{padding:2px}.lang_box div{font-size:11px;padding:3px 7px}.phoneMenu_box .menu_item a{font-size:15px;padding:14px 20px}}.BottomNav_box{background:var(--brand-ink);color:hsla(0,0%,100%,.75);overflow:hidden;padding:96px 0 32px;position:relative}.BottomNav_box:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:1px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:1200px}.BottomNav_box:after{background:radial-gradient(circle,rgba(99,102,241,.12) 0,transparent 60%);border-radius:50%;content:"";filter:blur(40px);height:600px;pointer-events:none;position:absolute;right:-200px;top:-200px;width:600px}.footer_top{grid-gap:64px;border-bottom:1px solid hsla(0,0%,100%,.1);display:grid;gap:64px;grid-template-columns:1.4fr 1fr 1fr 1.2fr;padding-bottom:64px;position:relative;z-index:1}.footer_brand{max-width:360px}.footer_logo{align-items:center;cursor:pointer;display:flex;gap:10px;margin-bottom:24px;transition:opacity var(--transition-base)}.footer_logo:hover{opacity:.78}.footer_logo .footer_logo_icon{display:block;height:28px;width:auto}.footer_logo .footer_logo_text{color:#fff;font-size:20px;font-weight:700;letter-spacing:-.02em}.footer_tagline{color:hsla(0,0%,100%,.6);font-size:14px;line-height:1.7;margin-bottom:24px}.footer_social{align-items:center;display:flex;gap:12px}.social_link{align-items:center;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.1);border-radius:50%;color:hsla(0,0%,100%,.7);display:inline-flex;height:40px;justify-content:center;transition:all var(--transition-base);width:40px}.social_link:hover{background:var(--accent-life);border-color:var(--accent-life);color:#fff;transform:translateY(-2px)}.footer_col_title{color:#fff;font-size:12px;font-weight:600;letter-spacing:.16em;margin:0 0 24px;padding:0;text-transform:uppercase}.footer_links{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.footer_links li a{color:hsla(0,0%,100%,.65);font-size:14px;-webkit-text-decoration:none;text-decoration:none;transition:color var(--transition-fast)}.footer_links li a:hover{color:#fff}.footer_contact{display:flex;flex-direction:column;gap:18px;list-style:none;margin:0;padding:0}.footer_contact li{display:flex;flex-direction:column;gap:4px}.contact_label{color:hsla(0,0%,100%,.45);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.footer_contact li a{color:hsla(0,0%,100%,.85);font-size:14px;-webkit-text-decoration:none;text-decoration:none;transition:color var(--transition-fast)}.footer_contact li a:hover{color:#fff}.footer_bottom{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;padding-top:32px;position:relative;z-index:1}.copyright{font-size:13px;letter-spacing:.005em;margin:0}.copyright,.footer_meta{color:hsla(0,0%,100%,.5)}.footer_meta{align-items:center;display:inline-flex;font-size:12px;gap:12px;letter-spacing:.04em}.meta_item{font-weight:500}.meta_divider{opacity:.4}@media (max-width:1024px){.BottomNav_box{padding:72px 0 24px}.footer_top{gap:48px;grid-template-columns:1fr 1fr}.footer_brand{grid-column:span 2;max-width:100%}}@media (max-width:640px){.BottomNav_box{padding:56px 0 24px}.footer_top{gap:40px;grid-template-columns:1fr;padding-bottom:40px}.footer_brand{grid-column:span 1}.footer_bottom{align-items:flex-start;flex-direction:column;gap:16px}.footer_meta{font-size:11px;gap:8px}}