*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a2e;-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%}.container{max-width:1120px;margin:0 auto;padding:0 1.5rem}.nav{z-index:100;padding:1.25rem 0;transition:all .3s;position:fixed;top:0;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;padding:.75rem 0;box-shadow:0 1px #0000000f}.nav-inner{justify-content:space-between;align-items:center;display:flex}.nav-logo{align-items:center;display:flex}.nav-logo-img{filter:brightness(0)invert();height:56px;transition:filter .3s}.nav.scrolled .nav-logo-img{filter:none}.nav-right{align-items:center;gap:1.5rem;display:flex}.nav-links{gap:1.75rem;display:flex}.nav-links a{font-size:.85rem;font-weight:500;transition:color .2s}.nav:not(.scrolled) .nav-links a{color:#ffffffb3}.nav:not(.scrolled) .nav-links a:hover{color:#fff}.nav.scrolled .nav-links a{color:#64748b}.nav.scrolled .nav-links a:hover{color:#1a1a2e}.lang-switch{gap:.25rem;display:flex}.lang-switch button{color:#fff6;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:600;transition:all .2s}.lang-switch button:hover{color:#ffffffb3;border-color:#ffffff4d}.lang-switch button.active{color:#fff;background:#ffffff1f;border-color:#ffffff4d}.nav.scrolled .lang-switch button{color:#94a3b8;border-color:#e2e8f0}.nav.scrolled .lang-switch button.active{color:#1a1a2e;background:#f1f5f9;border-color:#cbd5e1}.hero{text-align:left;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);padding:140px 0 80px;position:relative;overflow:hidden}.hero:before{content:"";background:#53b2a60f;border-radius:50%;width:700px;height:700px;position:absolute;top:-30%;right:-10%}.hero:after{content:"";background:#f973160a;border-radius:50%;width:500px;height:500px;position:absolute;bottom:-40%;left:-10%}.hero h1{letter-spacing:-.035em;color:#fff;margin:0 0 1.25rem;font-size:3.5rem;font-weight:700;line-height:1.05}.hero h1 em{background:linear-gradient(135deg,#53b2a6,#e8a87c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-style:normal}.hero p{color:#ffffff80;max-width:480px;margin:0 0 2rem;font-size:1.05rem;line-height:1.65}.hero-badges{flex-wrap:wrap;gap:2rem;display:flex}.hero-badges span{color:#ffffff59;align-items:center;gap:.4rem;font-size:.82rem;font-weight:500;display:flex}.hero-badges i{color:#53b2a6;font-size:.55rem}.section{padding:5.5rem 0}.section:nth-child(2n){background:#f8fafc}.section-header{text-align:center;margin-bottom:3.5rem}.section-tag{letter-spacing:.12em;text-transform:uppercase;color:#53b2a6;margin-bottom:.6rem;font-size:.72rem;font-weight:700}.section-header h2{letter-spacing:-.03em;color:#1a1a2e;max-width:550px;margin:0 auto;font-size:2.5rem;font-weight:800}.section-header p{color:#64748b;max-width:500px;margin:.75rem auto 0;font-size:1rem}.products{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}a.product{color:inherit;text-decoration:none}.product{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;padding:2.5rem 2rem 2rem;transition:all .3s;display:flex;position:relative;overflow:visible}.product:hover{border-color:#0000;transform:translateY(-4px);box-shadow:0 20px 60px #00000014}.product-icon{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1.5rem;font-size:1.3rem;display:flex}.product-logo{object-fit:contain;object-position:left;align-self:flex-start;height:60px;margin-bottom:1.25rem}.product h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.product-subtitle{color:#94a3b8;margin-bottom:1rem;font-size:.82rem;font-weight:500}.product p{color:#64748b;margin:0 0 1.5rem;font-size:.88rem;line-height:1.65}.product-features{margin:0 0 1.75rem;list-style:none}.product-features li{color:#475569;align-items:center;gap:.6rem;padding:.3rem 0;font-size:.82rem;display:flex}.product-features i{width:14px;font-size:.55rem}.product-link{align-items:center;gap:.5rem;margin-top:auto;font-size:.85rem;font-weight:600;transition:gap .2s;display:inline-flex}.product-link:hover{gap:.75rem}.product-link i{font-size:.65rem;transition:transform .2s}.product-outsourcing .product-features i,.product-outsourcing .product-link{color:#6366f1}.product-outsourcing:hover{border-color:#6366f1}.product-hrs .product-features i,.product-hrs .product-link{color:#0ea5e9}.product-hrs:hover{border-color:#0ea5e9}.product-finance .product-icon{color:#2b7a5b;background:#2b7a5b14}.product-finance .product-features i,.product-finance .product-link{color:#2b7a5b}.product-finance:hover{border-color:#2b7a5b}.product-logistics .product-icon{color:#f97316;background:#f9731614}.product-logistics .product-features i,.product-logistics .product-link{color:#f97316}.product-logistics:hover{border-color:#f97316}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.about-stats{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.about-stat{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:1.5rem}.about-stat-val{color:#1a1a2e;letter-spacing:-.02em;font-size:2rem;font-weight:800}.about-stat-label{color:#94a3b8;margin-top:.2rem;font-size:.78rem}.about-text h2{letter-spacing:-.025em;margin-bottom:1rem;font-size:2rem;font-weight:800}.about-text p{color:#64748b;margin-bottom:1rem;font-size:.92rem;line-height:1.7}.values{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.value{text-align:center;padding:2rem 1.25rem}.value-icon{color:#53b2a6;background:#53b2a614;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1rem;font-size:1.1rem;display:flex}.value h3{margin-bottom:.4rem;font-size:.95rem;font-weight:700}.value p{color:#64748b;font-size:.8rem;line-height:1.55}.cta{text-align:center;color:#fff;background:linear-gradient(135deg,#1a1a2e 0%,#0f3460 100%);padding:6rem 0}.cta h2{margin-bottom:.75rem;font-size:2.25rem;font-weight:800}.cta p{color:#ffffff73;margin-bottom:2rem;font-size:1.05rem}.cta-btn{color:#fff;background:#53b2a6;border-radius:10px;align-items:center;gap:.6rem;padding:.85rem 2rem;font-size:.92rem;font-weight:600;transition:all .2s;display:inline-flex}.cta-btn:hover{color:#fff;background:#429e93;transform:translateY(-1px)}.footer{background:#0d1117;padding:3rem 0 2rem}.footer-inner{justify-content:space-between;align-items:flex-start;display:flex}.footer-brand{margin-bottom:.75rem}.footer-brand span{color:#fff;font-size:1.25rem;font-weight:800}.footer-tagline{color:#ffffff40;margin-bottom:1rem;font-size:.78rem}.footer-copy{color:#fff3;font-size:.72rem}.footer-links{gap:3rem;display:flex}.footer-col h4{letter-spacing:.08em;text-transform:uppercase;color:#fff6;margin-bottom:.75rem;font-size:.72rem;font-weight:700}.footer-col a{color:#ffffff59;padding:.25rem 0;font-size:.82rem;transition:color .2s;display:block}.footer-col a:hover{color:#fffc}.footer-bottom{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.5rem;display:flex}.footer-social{gap:1rem;display:flex}.footer-social a{color:#ffffff40;font-size:.9rem;transition:color .2s}.footer-social a:hover{color:#ffffffb3}@media (width<=991px){.hero{padding:120px 0 60px}.hero h1{font-size:2.5rem}.hero-grid{grid-template-columns:1fr}.hero-mock{display:none}.hero{text-align:center}.hero p{margin:0 auto 2rem}.hero-badges,.hero-actions{justify-content:center}.products{grid-template-columns:1fr;max-width:500px;margin:0 auto}.about-grid{grid-template-columns:1fr;gap:2rem}.values{grid-template-columns:repeat(2,1fr)}.footer-inner{flex-direction:column;gap:2rem}}@media (width<=575px){.hero{padding:100px 0 50px}.hero h1{font-size:1.85rem}.hero p{font-size:.92rem}.section{padding:3.5rem 0}.section-header h2{font-size:1.5rem}.section-header{margin-bottom:2rem}.values{grid-template-columns:1fr}.nav-links{display:none}.hero-badges{gap:.75rem}.hero-badges span{font-size:.72rem}.cta{padding:4rem 0}.cta h2{font-size:1.5rem}.cta p{font-size:.9rem}.footer-links{flex-direction:column;gap:1.5rem}.product{padding:1.75rem 1.5rem 1.5rem}.product-logo{height:44px}}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;display:flex}.hero-btn-primary{color:#fff;background:#2b7a5b;border-radius:8px;align-items:center;padding:.8rem 1.5rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.hero-btn-primary:hover{background:#236b4e;transform:translateY(-1px)}.hero-btn-outline{color:#fffc;border:1px solid #ffffff40;border-radius:8px;align-items:center;padding:.8rem 1.5rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.hero-btn-outline:hover{border-color:#ffffff80}.hero-mock{background:#0d1f33;border:1px solid #ffffff14;border-radius:14px;padding:1.25rem}.mock-bar{gap:5px;margin-bottom:1rem;display:flex}.mock-bar span{border-radius:50%;width:8px;height:8px}.mock-bar span:first-child{background:#ff5f57}.mock-bar span:nth-child(2){background:#febc2e}.mock-bar span:nth-child(3){background:#28c840}.mock-header,.mock-row,.mock-total{border-radius:5px;gap:.6rem;margin-bottom:3px;padding:.5rem .6rem;font-family:SF Mono,Monaco,monospace;font-size:.72rem;display:flex}.mock-header{color:#ffffff4d;letter-spacing:.06em;text-transform:uppercase;font-size:.62rem;font-weight:600}.mock-row{color:#ffffff8c;background:#ffffff08}.mock-total{color:#fffc;border-top:1px solid #ffffff1a;margin-top:.4rem;padding-top:.6rem;font-weight:600}.mock-header span:first-child,.mock-row span:first-child,.mock-total span:first-child{flex:1;min-width:0}.mock-header span:not(:first-child),.mock-row span:not(:first-child),.mock-total span:not(:first-child){text-align:right;flex-shrink:0;width:80px}.mock-green{color:#5eead4}.mock-anim{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(8px)}.mock-anim.mock-visible{opacity:1;transform:translateY(0)}.mock-balanced{animation:.6s .3s balancePulse}.mock-check{color:#5eead4;opacity:0;margin-left:.4rem;font-size:.6rem;animation:.4s .5s forwards checkIn}.mock-scene-title{letter-spacing:.1em;text-transform:uppercase;color:#5eead4;margin-bottom:.75rem;font-size:.6rem;font-weight:600}.mock-fade-in{animation:.6s forwards mockFadeIn}.mock-fade-out{animation:.6s forwards mockFadeOut}@keyframes balancePulse{0%{box-shadow:none}50%{box-shadow:0 0 20px #5eead426}to{box-shadow:none}}@keyframes checkIn{to{opacity:1}}@keyframes mockFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes mockFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}
