.vision-width{width:calc(100% - 112px);max-width:1440px;margin:auto}.vision-public h2{letter-spacing:-1px;font-size:clamp(28px,3vw,44px);line-height:1.3}.vision-public p{line-height:1.9}.vision-hero{color:#f5f7e9;background:#173e30;padding:100px 0 90px;overflow:hidden}.vision-hero-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:90px;display:grid}.vision-hero .wf-eyebrow{color:#c2d88d}.vision-hero h1{letter-spacing:-3px;margin:30px 0;font-size:clamp(44px,5.3vw,78px);line-height:1.22}.vision-hero h1 em{color:#d6eaaa;font-style:normal}.vision-hero p{color:#c0d0c0;max-width:570px;font-size:17px}.vision-actions{align-items:center;gap:28px;margin:36px 0 24px;display:flex}.vision-actions>a:last-child{color:#edf4dd}.vision-hero small{color:#aac19b}.vision-preview{background:linear-gradient(130deg,#315c43,#1c4434);border:1px solid #638267;border-radius:20px;height:430px;padding:26px;position:relative;overflow:hidden}.vision-preview-top{color:#cfdf9d;letter-spacing:2px;justify-content:space-between;font-size:10px;display:flex}.vision-shelf{border-bottom:8px solid #78946d;grid-template-columns:repeat(3,1fr);gap:18px;display:grid;position:absolute;inset:95px 45px 125px}.vision-shelf i{background:linear-gradient(135deg,#91a77c,#547257);border:1px solid #acc093;border-radius:4px;box-shadow:inset 0 -12px #ffffff09}.vision-box{border:2px solid #d5efa0;border-radius:3px;position:absolute}.box-one{inset:83px 35px 112px}.box-two{border-color:#e9d6a0;width:92px;height:50px;top:160px;right:85px}.vision-box span{color:#214332;background:#d5efa0;padding:3px 8px;font-size:10px;position:absolute;top:-24px;left:-2px}.box-two span{background:#e9d6a0}.vision-scan{background:#d7f4aa;height:1px;position:absolute;top:205px;left:25px;right:25px;box-shadow:0 0 22px 6px #d7f4aa20}.vision-preview-bottom{align-items:center;gap:16px;display:flex;position:absolute;bottom:25px}.vision-preview-bottom strong,.vision-preview-bottom small{display:block}.vision-preview-bottom strong{font-size:15px}.vision-preview-bottom small{letter-spacing:1px;margin-top:9px;font-size:9px}.vision-section{padding-top:95px;padding-bottom:90px;scroll-margin-top:110px}.vision-intro{color:#718474;max-width:790px;margin-bottom:35px}.vision-scene-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.vision-scene-grid article{background:#fffef9;border:1px solid #d9e2cf;border-radius:16px;flex-direction:column;padding:32px;display:flex}.vision-card-top{color:#789254;justify-content:space-between;align-items:center;display:flex}.vision-card-top span{letter-spacing:1px;font-size:10px}.vision-scene-grid h3{margin:32px 0 8px;font-size:24px}.vision-scene-grid p{color:#748170;min-height:100px;font-size:14px}.vision-scene-grid dl{border-top:1px solid #e6ebdc;padding-top:20px}.vision-scene-grid dt{letter-spacing:1px;color:#84996c;margin-bottom:8px;font-size:10px}.vision-scene-grid dd{margin:0 0 18px;font-size:14px}.vision-scene-grid small{color:#85907e;flex:1;font-size:12px;line-height:1.8}.vision-scene-grid a{border-top:1px solid #e6ebdc;justify-content:space-between;margin-top:25px;padding-top:20px;font-size:13px;display:flex}.vision-next{background:#edf1e5;padding:75px 0}.vision-future-grid{grid-template-columns:repeat(3,1fr);gap:35px;margin-top:40px;display:grid}.vision-future-grid article{border-top:1px solid #cbd6bd;padding:25px 0}.vision-future-grid span{color:#7f8d6f;margin:18px 0;font-size:10px;display:block}.vision-future-grid h3{font-size:21px}.vision-future-grid p{color:#748170;font-size:14px}.vision-process{grid-template-columns:repeat(4,1fr);gap:30px;margin:45px 0;display:grid}.vision-process b{color:#90a66a;font-size:32px;font-weight:400}.vision-process h3{margin-top:22px;font-size:18px}.vision-process p{color:#748170;font-size:14px}.vision-assurance{color:#738768;border-top:1px solid #dae2cd;align-items:center;gap:22px;padding:24px 0;display:flex}.vision-assurance svg{flex-shrink:0}.vision-assurance p{max-width:1000px;font-size:13px}.vision-cta{background:#e8eedb;border-radius:16px;justify-content:space-between;align-items:center;gap:30px;margin-top:60px;padding:45px;display:flex}.vision-cta h2{margin:0;font-size:30px}.vision-cta p{color:#748170;font-size:14px}.vision-cta a{white-space:nowrap}.vision-public footer{padding-bottom:35px}@media (max-width:1000px){.vision-width{width:calc(100% - 48px)}.vision-hero-grid{gap:40px}.vision-scene-grid article{padding:22px}.vision-process{grid-template-columns:repeat(2,1fr)}.vision-public .wf-public-header nav{display:none}}@media (max-width:700px){.vision-hero{padding:65px 0}.vision-hero-grid,.vision-scene-grid,.vision-future-grid{grid-template-columns:1fr}.vision-hero h1{letter-spacing:-1px}.vision-preview{height:365px}.vision-section{padding-top:60px;padding-bottom:60px}.vision-scene-grid p{min-height:0}.vision-cta{padding:28px;display:block}.vision-cta a{margin-top:20px}.vision-public .wf-public-header{padding:15px}.vision-public .wf-public-header .wf-button{padding:12px;font-size:11px}.vision-public .wf-brand small{display:none}}.vision-real-hero{background:#214d39;border:1px solid #6b866a;border-radius:18px;overflow:hidden;box-shadow:0 30px 70px #08271b40}.vision-photo{background-image:url(/vision/enterprise-scenes.jpg);background-position:top;background-repeat:no-repeat;background-size:100% 300%}.hero-photo{height:310px}.vision-real-caption{padding:25px 28px}.vision-real-caption>span{letter-spacing:2px;color:#c5da92;font-size:10px}.vision-real-caption h3{margin:13px 0 6px;font-size:23px}.vision-real-caption p{color:#c6d6be;margin:0 0 12px;font-size:13px}.vision-real-caption small{font-size:10px}.scene-photo{border-radius:15px 15px 0 0;height:190px;margin:-32px -32px 27px}.scene-02{background-position:50%}.scene-03{background-position:bottom}.vision-scene-grid article{overflow:hidden}.vision-example{background:#f0f3e9;border-radius:8px;margin:0 0 18px;padding:16px}.vision-example b{letter-spacing:1px;color:#66814f;font-size:10px}.vision-example p{color:#5f7358;min-height:0;margin:8px 0 0;font-size:12px}@media (max-width:1000px){.scene-photo{height:160px;margin:-22px -22px 24px}.hero-photo{height:250px}}@media (max-width:700px){.scene-photo{height:230px}.hero-photo{height:270px}}.vision-photo{background-image:url(/vision/warehouse.jpg);background-position:50%;background-size:cover}.scene-02{background-image:url(/vision/labels.jpg);background-position:50%}.scene-03{background-image:url(/vision/inspection.jpg);background-position:50%}
