:root{--background:#f7f9fc;--surface:#fff;--surface-soft:#eef5ff;--text:#0b1220;--navy:#0f2747;--muted:#5f6f85;--line:#e5e7eb;--line-blue:#c7d9ff;--blue:#1e5bff;--blue-strong:#0f46d8;--cyan:#35c9f3;--shadow:0 18px 50px #0f27471c;--shadow-soft:0 10px 28px #0f274714;--radius:8px;--max-width:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 74% 6%,#1e5bff1a,#0000 24rem),linear-gradient(#fff 0%,#f7f9fc 44%,#eef3f9 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}body:before{z-index:-1;pointer-events:none;content:"";background-color:#0000;background-image:linear-gradient(#1e5bff0b 1px,#0000 1px),linear-gradient(90deg,#1e5bff0a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:72px 72px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#00000061 46%,#0000 100%);mask-image:linear-gradient(#000 0%,#00000061 46%,#0000 100%)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}h1,h2,h3,p{overflow-wrap:anywhere}.site-header{z-index:20;width:min(100%, var(--max-width));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border-bottom:1px solid #e5e7ebe0;justify-content:space-between;align-items:center;gap:24px;margin:0 auto;padding:16px 24px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;min-width:max-content;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(135deg, var(--navy), var(--blue));border:1px solid #1e5bff3d;border-radius:8px;place-items:center;width:42px;height:42px;font-size:.86rem;font-weight:850;display:grid;box-shadow:0 12px 28px #1e5bff2e}.brand strong,.brand small{line-height:1.1;display:block}.brand small{color:var(--muted);font-size:.78rem;font-weight:650}.nav-links{color:#526176;flex-wrap:wrap;justify-content:center;gap:8px 18px;font-size:.9rem;font-weight:680;display:flex}.nav-links a{transition:color .16s,text-shadow .16s}.nav-links a:hover{color:var(--blue)}.header-cta,.primary-button,.secondary-button,.contact-form button{border-radius:8px;justify-content:center;align-items:center;min-height:46px;font-weight:780;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:inline-flex}.header-cta{color:#fff;background:linear-gradient(135deg, var(--blue), var(--blue-strong));min-width:max-content;padding:0 18px;box-shadow:0 12px 28px #1e5bff33}.header-cta:hover,.primary-button:hover,.contact-form button:hover{transform:translateY(-2px);box-shadow:0 16px 38px #1e5bff38}.hero{width:min(100%, var(--max-width));grid-template-columns:minmax(0,1fr) minmax(390px,.86fr);align-items:center;gap:44px;margin:0 auto;padding:76px 24px 34px;display:grid}.hero-content{max-width:740px}.eyebrow{color:var(--blue);letter-spacing:.1em;text-transform:uppercase;margin:0 0 14px;font-size:.78rem;font-weight:850}h1{max-width:780px;color:var(--text);letter-spacing:0;margin:0;font-size:clamp(3rem,5vw,5.1rem);line-height:.98}.hero-subtitle{color:#25364f;max-width:680px;margin:26px 0 0;font-size:clamp(1.06rem,2vw,1.25rem)}.hero-supporting{max-width:650px;color:var(--muted);margin:16px 0 0;font-size:1rem}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.primary-button,.secondary-button{padding:0 22px}.primary-button{color:#fff;background:linear-gradient(135deg, var(--blue), var(--blue-strong))}.secondary-button{color:var(--navy);border:1px solid var(--line-blue);background:#fff}.secondary-button:hover{border-color:#9bbcff;transform:translateY(-2px);box-shadow:0 14px 34px #0f27471a}.hero-visual{border:1px solid var(--line-blue);border-radius:var(--radius);min-height:520px;box-shadow:var(--shadow);background:radial-gradient(circle at 58% 36%,#35c9f329,#0000 18rem),linear-gradient(#fffffff2,#eff5fceb);position:relative;overflow:hidden}.warehouse-scene{perspective:900px;background-color:#0000;background-image:linear-gradient(90deg,#1e5bff14 1px,#0000 1px),linear-gradient(0deg,#1e5bff12 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:48px 48px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;height:100%;min-height:520px;position:relative}.warehouse-scene:before{content:"";transform-origin:top;background-color:#0000;background-image:linear-gradient(90deg,#1e5bff21 1px,#0000 1px),linear-gradient(0deg,#1e5bff1c 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:52px 52px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-top:1px solid #1e5bff24;position:absolute;inset:47% -18% -12%;transform:rotateX(62deg)}.scan-line{background:linear-gradient(90deg,#0000,#35c9f329,#0000);width:42%;height:100%;animation:9s linear infinite scan;position:absolute;top:0;left:-30%}.route{border:2px solid #1e5bff61;border-radius:8px;position:absolute;box-shadow:0 0 18px #1e5bff21}.route-one{border-top:0;height:28%;bottom:24%;left:12%;right:17%}.route-two{border-left:0;height:33%;top:18%;left:22%;right:10%}.route-pulse{background:var(--cyan);border:2px solid #fff;border-radius:999px;width:12px;height:12px;position:absolute;box-shadow:0 0 20px #35c9f3b3}.pulse-one{animation:6.5s linear infinite pulseRouteOne;bottom:24%;left:14%}.pulse-two{animation:7.5s linear infinite pulseRouteTwo;top:18%;right:10%}.node{min-width:76px;height:42px;color:var(--navy);background:#ffffffeb;border:1px solid #bad0ff;border-radius:8px;place-items:center;padding:0 10px;font-size:.78rem;font-weight:850;display:grid;position:absolute;box-shadow:0 12px 28px #0f27471f}.node-wms{top:14%;left:12%}.node-fleet{top:16%;right:18%}.node-plc{top:44%;left:18%}.node-agv{bottom:18%;right:10%}.node-conveyor{bottom:16%;left:35%}.node-operator{top:34%;right:22%}.agv-unit{background:#ffffffd1;border:1px solid #1e5bff4d;border-radius:8px;place-items:center;width:112px;height:70px;animation:5.2s ease-in-out infinite agvFloat;display:grid;position:absolute;bottom:29%;right:29%;box-shadow:0 18px 36px #0f274724,inset 0 0 18px #35c9f312}.agv-unit span{background:linear-gradient(90deg, var(--blue), var(--cyan));border-radius:999px;width:58px;height:14px}.control-panel{width:min(290px,72%);color:var(--text);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border:1px solid #cfe0ff;border-radius:8px;padding:18px;position:absolute;top:48%;right:8%;box-shadow:0 18px 40px #0f274721}.control-panel strong,.control-panel small{display:block}.control-panel small{color:var(--muted)}.panel-bars{gap:8px;margin-top:16px;display:grid}.panel-bars span{background:linear-gradient(90deg, var(--blue), #1e5bff14);border-radius:999px;height:7px}.panel-bars span:nth-child(2){width:78%}.panel-bars span:nth-child(3){width:56%}.system-labels{flex-wrap:wrap;gap:8px;display:flex;position:absolute;bottom:18px;left:18px;right:18px}.system-labels span,.capability-strip span,.service-signal{color:var(--navy);background:#eef5ffeb;border:1px solid #d7e4ff;border-radius:8px}.system-labels span{padding:6px 9px;font-size:.72rem;font-weight:750}.capability-strip{width:min(100%, var(--max-width));flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto;padding:12px 24px 58px;display:flex}.capability-strip span{color:#27405f;box-shadow:var(--shadow-soft);background:#fff;padding:9px 13px;font-size:.82rem;font-weight:720}.section{width:min(100%, var(--max-width));margin:0 auto;padding:76px 24px}.section-heading{max-width:830px;margin-bottom:34px}.section-heading h2{color:var(--text);letter-spacing:0;margin:0;font-size:clamp(2rem,4vw,3.25rem);line-height:1.05}.section-heading p:not(.eyebrow){color:var(--muted);margin:18px 0 0;font-size:1.06rem}.problem-grid,.service-grid,.industry-grid,.why-grid{gap:16px;display:grid}.problem-grid,.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.industry-grid,.why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.problem-card,.service-card,.chain-node,.industry-item,.why-item,.process-list li,.about-panel,.contact-form,.contact-details{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.problem-card,.service-card{min-height:250px;padding:24px;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s}.problem-card:hover,.service-card:hover,.chain-node:hover,.industry-item:hover{box-shadow:var(--shadow);border-color:#b7ccff;transform:translateY(-4px)}.problem-card span{background:linear-gradient(90deg, var(--blue), transparent);border-radius:999px;width:44px;height:3px;margin-bottom:24px;display:block}.problem-card h3,.service-card h3,.chain-node h3,.process-list h3{color:var(--text);margin:0;line-height:1.25}.problem-card p,.service-card p,.chain-node p,.process-list p{color:var(--muted);margin:14px 0 0}.service-card-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.card-index{width:42px;height:42px;color:var(--blue);background:var(--surface-soft);border:1px solid #cfe0ff;border-radius:8px;place-items:center;font-weight:850;display:grid}.service-signal{color:var(--blue);background:#f4f8ff;padding:5px 8px;font-size:.72rem;font-weight:780}.chain-map{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid;position:relative}.chain-map:before{content:"";background:linear-gradient(90deg, transparent, var(--blue), transparent);opacity:.45;height:2px;position:absolute;top:43px;left:7%;right:7%}.chain-node{min-height:184px;padding:22px;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative}.chain-index{color:#fff;background:var(--blue);border-radius:999px;place-items:center;width:44px;height:44px;margin-bottom:26px;font-size:.78rem;font-weight:850;display:grid;box-shadow:0 8px 18px #1e5bff38}.industry-item{color:#23344f;padding:20px;font-weight:750;transition:transform .18s,border-color .18s,box-shadow .18s}.why-item{align-items:flex-start;gap:12px;padding:18px;display:flex}.why-item span{background:var(--cyan);border-radius:999px;flex:none;width:10px;height:10px;margin-top:8px;box-shadow:0 0 0 5px #35c9f321}.why-item p{color:#23344f;margin:0;font-weight:650}.process-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.process-list li{border-top:3px solid var(--blue);min-height:250px;padding:20px}.process-list span{color:var(--blue);margin-bottom:28px;font-size:.84rem;font-weight:850;display:block}.about-layout{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:18px;display:grid}.about-panel{padding:30px}.about-panel p{color:#263950;margin:0;font-size:1.08rem}.about-panel p+p{margin-top:14px}.about-visual{border:1px solid var(--line);border-radius:var(--radius);min-height:300px;box-shadow:var(--shadow-soft);background:linear-gradient(#ffffff1f,#0f2747b3),url(/warehouse-automation-visual.png) 50%/cover;align-items:flex-end;padding:24px;display:flex;overflow:hidden}.about-visual div{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f2747c7;border:1px solid #ffffff38;border-radius:8px;width:100%;padding:18px}.about-visual strong,.about-visual span{display:block}.about-visual span{color:#d6e5f6;margin-top:6px}.contact-layout{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);align-items:start;gap:20px;display:grid}.contact-details{gap:22px;padding:26px;display:grid}.contact-details span,.contact-form span{color:var(--blue);letter-spacing:.07em;text-transform:uppercase;margin-bottom:7px;font-size:.78rem;font-weight:820;display:block}.contact-details a{color:var(--navy);font-weight:780}.contact-details p{color:#23344f;margin:0;font-weight:650}.contact-form{gap:18px;padding:26px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.contact-form input,.contact-form textarea{width:100%;color:var(--text);background:#fbfdff;border:1px solid #d7dee9;border-radius:8px;outline:none;transition:border-color .16s,box-shadow .16s,background .16s}.contact-form input{min-height:48px;padding:0 13px}.contact-form textarea{resize:vertical;min-height:150px;padding:12px 13px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#9aa8ba}.contact-form input:focus,.contact-form textarea:focus{background:#fff;border-color:#8fb0ff;box-shadow:0 0 0 4px #1e5bff1a}.contact-form button{color:#fff;background:linear-gradient(135deg, var(--blue), var(--blue-strong));cursor:pointer;border:0;width:fit-content;min-width:172px;padding:0 24px}.site-footer{width:min(100%, var(--max-width));color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;margin:0 auto;padding:28px 24px 42px;display:flex}.site-footer p{margin:0}.site-footer a{color:var(--blue);font-weight:740}.reveal{animation:.62s both revealUp}@keyframes revealUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes scan{0%{transform:translate(0)}to{transform:translate(310%)}}@keyframes agvFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes pulseRouteOne{0%{bottom:24%;left:14%}45%{bottom:52%;left:14%}to{bottom:52%;left:83%}}@keyframes pulseRouteTwo{0%{top:18%;right:10%}48%{top:18%;right:68%}to{top:50%;right:68%}}@media (max-width:1040px){.nav-links{display:none}.hero{grid-template-columns:1fr;padding-top:58px}.hero-visual,.warehouse-scene{min-height:460px}.service-grid,.problem-grid,.industry-grid,.why-grid,.chain-map,.process-list{grid-template-columns:repeat(2,minmax(0,1fr))}.chain-map:before{display:none}.about-layout,.contact-layout{grid-template-columns:1fr}}@media (max-width:680px){.site-header{padding:14px 18px}.header-cta{display:none}.hero,.section,.capability-strip{padding-left:18px;padding-right:18px}.hero{gap:30px;padding-top:44px}h1{font-size:clamp(2.35rem,11.4vw,3.25rem)}.hero-actions{flex-direction:column}.primary-button,.secondary-button{width:100%}.hero-visual,.warehouse-scene{min-height:390px}.node{min-width:60px;height:34px;font-size:.66rem}.node-operator{top:31%;right:12%}.control-panel{width:auto;inset:auto 18px 78px}.system-labels{display:none}.problem-grid,.service-grid,.industry-grid,.why-grid,.chain-map,.process-list,.form-grid{grid-template-columns:1fr}.problem-card,.service-card,.process-list li{min-height:auto}.about-visual{min-height:240px}.contact-form button{width:100%}.site-footer{flex-direction:column;align-items:flex-start;padding-left:18px;padding-right:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}