:root{--ink:#11201b;--ink-2:#1c2d27;--lime:#b9ff66;--lime-2:#ddffb4;--paper:#f4f5ee;--white:#fff;--muted:#68736f;--line:#dce0d7;--serif:"Noto Sans SC",sans-serif;--sans:Manrope,"Noto Sans SC",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.site-header{position:relative;z-index:20;height:88px;padding:0 clamp(24px,5vw,84px);display:flex;align-items:center;justify-content:space-between;background:rgba(244,245,238,.92);border-bottom:1px solid rgba(17,32,27,.08);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:11px}.brand-symbol{width:42px;height:42px;display:grid;place-items:center;background:var(--ink);color:var(--lime);border-radius:10px;font-size:13px;font-weight:700;letter-spacing:-.04em}.brand strong,.brand small{display:block}.brand strong{font-size:17px;letter-spacing:.12em}.brand small{margin-top:1px;color:var(--muted);font-size:8px;letter-spacing:.14em}.site-header nav{display:flex;align-items:center;gap:clamp(18px,2.8vw,42px);font-size:13px}.site-header nav>a{position:relative;padding:12px 0}.site-header nav>a:not(.nav-cta):after{content:"";position:absolute;left:0;right:100%;bottom:5px;height:1px;background:var(--ink);transition:.25s}.site-header nav>a:hover:after,.site-header nav>a.active:after{right:0}.site-header .nav-cta{padding:11px 20px;border-radius:999px;background:var(--ink);color:white}.menu-toggle{display:none;border:0;background:transparent}.hero{min-height:calc(100vh - 88px);padding:clamp(60px,8vw,120px) clamp(24px,7vw,110px);display:grid;grid-template-columns:minmax(380px,.9fr) minmax(470px,1.1fr);align-items:center;gap:5vw;overflow:hidden;background:radial-gradient(circle at 72% 48%,#d7e7c5 0,transparent 34%),linear-gradient(135deg,#f7f8f2,#e8eee3)}.eyebrow{margin:0 0 22px;color:var(--lime);font-size:10px;font-weight:700;letter-spacing:.22em}.eyebrow.dark{color:#688344}.hero h1,.page-hero h1{margin:0;font-size:clamp(52px,6.2vw,96px);font-weight:500;line-height:1.05;letter-spacing:-.07em}.hero h1 em{color:#55733e;font-style:normal}.lead{max-width:620px;margin:32px 0;color:#51605b;font-size:clamp(15px,1.4vw,19px);line-height:1.85}.hero-actions{display:flex;align-items:center;gap:25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:52px;padding:0 24px;border:0;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600}.button.primary{background:var(--ink);color:white}.button.primary:hover{background:#254237}.button.light{background:var(--lime);color:var(--ink)}.button.text{padding:0;background:transparent}.hero-proof{display:flex;gap:32px;margin-top:70px}.hero-proof span{display:flex;flex-direction:column;color:var(--muted);font-size:10px}.hero-proof b{margin-bottom:4px;color:var(--ink);font-size:15px}.machine-stage{position:relative;height:min(680px,70vw);min-height:560px;display:flex;align-items:center;justify-content:center;perspective:1000px}.glow{position:absolute;width:72%;height:65%;border-radius:50%;background:var(--lime);filter:blur(90px);opacity:.22}.machine{position:relative;background:linear-gradient(145deg,#273d34,#0e1814);box-shadow:30px 40px 70px #14271f35,inset 1px 1px #ffffff24}.machine-main{width:min(360px,38vw);height:min(590px,62vw);min-width:300px;min-height:490px;padding:22px 22px 82px;border-radius:19px;transform:rotateY(-5deg);display:grid;grid-template-columns:1fr 72px;gap:14px}.machine-top{position:absolute;left:22px;right:22px;top:15px;display:flex;justify-content:space-between;color:white;font-size:10px;letter-spacing:.2em}.machine-top i{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}.machine-window{grid-column:1;margin-top:20px;padding:15px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#cbd6cb22;border:1px solid #ffffff1b;border-radius:8px}.machine-window b{position:relative;border-radius:4px;background:linear-gradient(#e9e3ce 0 40%,#b2c7aa 40% 78%,#9da29a 78%);box-shadow:inset 0 0 0 1px #ffffff36}.machine-window b:nth-child(2n){background:linear-gradient(#c4dc9e 0 42%,#dde2d9 42% 76%,#879b8c 76%)}.machine-panel{grid-column:2;margin-top:20px;display:flex;flex-direction:column;gap:15px}.screen{min-height:112px;padding:12px;border-radius:6px;background:var(--lime);color:var(--ink);display:flex;flex-direction:column;justify-content:space-between}.screen small{font-size:8px}.screen strong{font-size:18px}.machine-panel>i{height:6px;border-radius:20px;background:#ffffff40}.machine-panel>i:last-child{width:55%;height:55px;margin:auto;border:1px solid #ffffff1f;background:transparent}.pickup{position:absolute;bottom:24px;left:42px;width:54%;height:42px;display:grid;place-items:center;border:1px solid #ffffff2b;border-radius:6px;color:#ffffff88;font-size:8px;letter-spacing:.2em}.machine-side{position:absolute;right:3%;bottom:12%;width:190px;height:310px;padding:20px;border-radius:15px;transform:rotateY(-12deg) translateZ(-80px);opacity:.94}.cabinet-grid{height:240px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.cabinet-grid i{border:1px solid #ffffff2d;border-radius:4px;background:#ffffff08}.machine-side>span{display:block;margin-top:13px;color:#fff;font-size:10px;letter-spacing:.12em}.float-card{position:absolute;left:0;top:18%;width:150px;padding:16px;border-radius:8px;background:#ffffffd9;box-shadow:0 15px 40px #11201b20;backdrop-filter:blur(10px)}.float-card i{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#42bc72}.float-card span{font-size:9px;color:var(--muted)}.float-card strong{display:block;margin:8px 0 0 17px;font-size:12px}.trust-strip{min-height:86px;padding:0 6vw;display:flex;align-items:center;justify-content:center;gap:clamp(16px,3vw,48px);background:var(--ink);color:#bdc8c3;font-size:11px;letter-spacing:.14em}.trust-strip i{width:3px;height:3px;border-radius:50%;background:var(--lime)}.section{padding:clamp(80px,10vw,150px) clamp(24px,7vw,110px)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:65px}.section-heading h2,.detail-copy h2,.about-story h2{margin:0;font-size:clamp(36px,4vw,62px);font-weight:500;letter-spacing:-.055em;line-height:1.15}.section-heading>p{max-width:490px;margin:0;color:var(--muted);font-size:14px;line-height:1.8}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{position:relative;min-height:550px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border:1px solid var(--line);background:#f9faf5;transition:.3s}.product-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px #182b2212}.product-card.dark{background:var(--ink);color:white}.card-index{position:absolute;top:28px;right:28px;color:#8c9792;font-size:11px}.mini-machine{width:62%;height:270px;margin:30px auto 20px;background:#243b31;border-radius:12px;box-shadow:20px 25px 35px #12221b24;position:relative}.mini-machine.vending{padding:25px 15px 42px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.mini-machine.vending i{background:linear-gradient(#d8e4cc 0 70%,#a7b4a7 70%);border-radius:4px}.mini-machine.vending:after{content:"";position:absolute;bottom:15px;left:20px;width:55%;height:18px;border:1px solid #ffffff35}.mini-machine.cabinet{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:17px}.mini-machine.cabinet i{border:1px solid #ffffff48}.mini-machine.open{padding:25px 16px 34px;display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#e9ece2;border:10px solid #243b31}.mini-machine.open i{background:linear-gradient(135deg,#b9ff66,#577852);border-radius:4px}.product-card small{color:#7b8b84;font-size:9px;letter-spacing:.16em}.product-card h3{margin:7px 0 12px;font-size:25px;font-weight:500}.product-card p{min-height:52px;margin:0;color:#738079;font-size:12px;line-height:1.7}.product-card.dark p{color:#aab7b1}.product-card b{display:block;margin-top:25px;font-size:11px}.capabilities{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center;background:var(--ink);color:white}.capability-copy h2{margin:0 0 28px;font-size:clamp(36px,4.5vw,70px);line-height:1.15;font-weight:500;letter-spacing:-.06em}.capability-copy>p:not(.eyebrow){margin-bottom:38px;color:#a9b8b1;line-height:1.85}.dashboard{padding:28px;border:1px solid #ffffff14;border-radius:14px;background:#182a23;box-shadow:0 30px 70px #0004}.dash-top{display:flex;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #ffffff12}.dash-top span{font-size:13px}.dash-top i{display:inline-block;width:8px;height:8px;margin-right:9px;border-radius:50%;background:var(--lime)}.dash-top small{color:#81938b}.dash-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.dash-stats>div{padding:18px;border-radius:8px;background:#20382e}.dash-stats small,.dash-stats span{display:block;color:#82938b;font-size:9px}.dash-stats strong{display:block;margin:6px 0;font-size:32px;font-weight:500}.dash-stats strong em{font-size:12px;font-style:normal}.dash-stats .up{color:var(--lime)}.chart{height:150px;padding:18px 15px 0;display:flex;align-items:end;gap:7%;border-bottom:1px solid #ffffff18;background:linear-gradient(#ffffff08 1px,transparent 1px);background-size:100% 33%}.chart span{flex:1;background:linear-gradient(var(--lime),#547b4d);border-radius:3px 3px 0 0}.device-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #ffffff0d}.device-row>i{width:28px;height:36px;border-radius:4px;background:#315347}.device-row div{flex:1}.device-row b,.device-row small{display:block}.device-row b{font-size:10px}.device-row small{margin-top:4px;color:#7f9189;font-size:8px}.device-row>span{color:var(--lime);font-size:9px}.device-row>span.warn{color:#ffd978}.scene-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:16px}.scene{min-height:430px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;color:white;background-color:#23352e;background-size:cover;background-position:center;overflow:hidden;position:relative}.scene:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#10211a22,#10211ae8)}.scene>*{position:relative}.scene>span{font-size:11px}.scene small{color:var(--lime);font-size:9px;letter-spacing:.16em}.scene h3{margin:8px 0 10px;font-size:25px;font-weight:500}.scene p{margin:0;color:#c4cec9;font-size:12px;line-height:1.7}.scene.hospital{background-image:linear-gradient(135deg,#57716b,#1a2b24)}.scene.campus{background-image:linear-gradient(135deg,#7d8969,#25342a)}.scene.community{background-image:linear-gradient(135deg,#829b7a,#1c2c25)}.text-link{font-size:12px}.process{padding-top:40px}.process ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.process li{padding:30px 30px 0 0;border-right:1px solid var(--line);min-height:210px}.process li+li{padding-left:30px}.process li:last-child{border:0}.process li span{color:#78915a;font-size:10px}.process h3{margin:38px 0 10px;font-size:18px}.process p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.contact{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#d9ffab}.contact-copy h2{margin:0;font-size:clamp(42px,5vw,76px);line-height:1.1;font-weight:500;letter-spacing:-.06em}.contact-copy>p:not(.eyebrow){max-width:470px;line-height:1.8}.contact-note{margin-top:55px;font-size:12px;line-height:2.6}.contact-note span{display:inline-grid;width:26px;height:26px;margin-right:10px;place-items:center;border:1px solid #4a633f;border-radius:50%;font-size:8px}.inquiry-form{padding:38px;background:#f7faef;display:grid;grid-template-columns:1fr 1fr;gap:20px}.inquiry-form label{display:grid;gap:8px;font-size:10px;color:#56635d}.inquiry-form label:nth-of-type(4){grid-column:1/-1}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{width:100%;padding:12px 0;border:0;border-bottom:1px solid #cdd4c7;outline:0;background:transparent;color:var(--ink);font-size:13px}.inquiry-form textarea{min-height:90px;resize:vertical}.inquiry-form input:focus,.inquiry-form textarea:focus{border-color:var(--ink)}.inquiry-form button{grid-column:1/-1}.website{position:absolute!important;left:-9999px!important}.form-status{grid-column:1/-1;min-height:18px;margin:0;font-size:11px}.site-footer{padding:60px clamp(24px,7vw,110px) 24px;background:#0d1814;color:white;display:grid;grid-template-columns:1.5fr 1fr;gap:40px}.footer-brand .brand-symbol{background:var(--lime);color:var(--ink)}.site-footer>div>p{color:#829089;font-size:11px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start;font-size:11px}.footer-bottom{grid-column:1/-1;padding-top:20px;border-top:1px solid #ffffff17;display:flex;justify-content:space-between;color:#78867f;font-size:10px}.footer-bottom p{margin:0}.footer-bottom a:hover{color:var(--lime)}
.page-hero{min-height:600px;padding:120px 7vw;display:flex;flex-direction:column;justify-content:end;background:radial-gradient(circle at 80% 20%,#c4ee90 0,transparent 28%),var(--ink);color:white}.page-hero h1{max-width:1000px}.page-hero>p:last-child{max-width:580px;margin:30px 0 0;color:#a7b6af;line-height:1.8}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.product-detail.reverse .detail-visual{order:2}.detail-visual{min-height:620px;display:grid;place-items:center;background:#e5eadf}.machine.static{transform:none}.detail-copy{position:relative}.detail-number{position:absolute;right:0;top:0;color:#a3ada8;font-size:11px}.detail-copy>p:not(.eyebrow){color:var(--muted);line-height:1.9}.detail-copy ul{margin:28px 0 38px;padding:0;list-style:none;border-top:1px solid var(--line)}.detail-copy li{padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}.detail-copy li:before{content:"↗";margin-right:12px;color:#6b8a4b}.large-cabinet{position:relative;width:310px;height:500px;padding:40px 18px 18px;background:#20352c;border-radius:14px;display:grid;grid-template-columns:1fr 1fr;gap:8px;box-shadow:30px 35px 60px #1d30282f}.large-cabinet i{border:1px solid #ffffff42;background:#ffffff09;border-radius:4px}.large-cabinet span{position:absolute;top:16px;left:18px;color:var(--lime);font-size:10px;letter-spacing:.2em}.open-cabinet{width:340px;height:520px;padding:25px;background:#20352c;border-radius:15px;box-shadow:30px 35px 60px #1d30282f}.open-cabinet>div{height:430px;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#dfe7d9;border-radius:7px}.open-cabinet i{border-radius:5px;background:linear-gradient(145deg,#86a778,#c9f29d)}.open-cabinet span{display:block;margin-top:20px;color:white;text-align:center;font-size:8px;letter-spacing:.22em}.comparison{background:#e8ece3}.compare-table{font-size:12px}.compare-table>div{display:grid;grid-template-columns:1fr 1.3fr 1.5fr 1.3fr;padding:20px;border-bottom:1px solid #ccd3c8}.compare-head{color:#6f7d76;font-size:10px}.solution-hero{background:radial-gradient(circle at 75% 35%,#5a7c51 0,transparent 30%),var(--ink)}.solution-list{display:grid;gap:90px}.solution-list article{display:grid;grid-template-columns:70px 1fr 1fr;gap:5vw;align-items:center}.solution-list article>span{align-self:start;color:#7d8a84;font-size:11px}.solution-list h2{margin:7px 0 18px;font-size:clamp(32px,4vw,58px);font-weight:500}.solution-list p{color:var(--muted);line-height:1.8}.solution-list ul{padding:0;list-style:none}.solution-list li{padding:9px 0;border-bottom:1px solid var(--line);font-size:11px}.solution-art{height:360px;position:relative;overflow:hidden;background:#dfe5da}.solution-art i{position:absolute;background:#1b3228}.hospital-art i:first-child{left:15%;bottom:0;width:70%;height:70%}.hospital-art i:nth-child(2){left:43%;top:8%;width:14%;height:84%;background:#b9ff66}.hospital-art i:last-child{left:14%;top:44%;width:72%;height:12%;background:#b9ff66}.park-art i:first-child{left:15%;bottom:0;width:25%;height:72%}.park-art i:nth-child(2){left:45%;bottom:0;width:38%;height:88%}.park-art i:last-child{left:22%;bottom:12%;width:54%;height:10%;background:#b9ff66}.community-art i:first-child{left:8%;bottom:0;width:84%;height:48%}.community-art i:nth-child(2){left:20%;bottom:48%;width:24%;height:28%}.community-art i:last-child{right:20%;bottom:48%;width:24%;height:42%;background:#719662}.service-system{background:#e1e7dc}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#cbd2c6}.service-grid article{min-height:260px;padding:28px;background:#f3f5ee}.service-grid b{font-size:10px;color:#79925b}.service-grid h3{margin:70px 0 12px;font-size:18px}.service-grid p{color:var(--muted);font-size:11px;line-height:1.8}.center-action{text-align:center;margin-top:45px}.about-hero{background:radial-gradient(circle at 80% 35%,#4e7150 0,transparent 30%),var(--ink)}.about-story{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.about-story>div:last-child{padding-top:55px;color:var(--muted);font-size:16px;line-height:2}.values{padding-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px}.values article{min-height:330px;padding:35px;background:#e6ebe1}.values span{font-size:10px;color:#718b51}.values h3{margin:100px 0 14px;font-size:26px}.values p{color:var(--muted);font-size:12px;line-height:1.8}.about-cta{background:var(--ink);color:white}.about-cta h2{margin:0 0 45px;font-size:clamp(48px,7vw,100px);line-height:1.05;font-weight:500;letter-spacing:-.07em}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.site-header{height:72px}.menu-toggle{display:grid;gap:6px;padding:10px}.menu-toggle i{width:24px;height:1px;background:var(--ink)}.site-header nav{position:absolute;left:0;right:0;top:72px;padding:25px;display:none;flex-direction:column;align-items:stretch;background:var(--paper);border-bottom:1px solid var(--line)}.site-header.open nav{display:flex}.hero{min-height:auto;grid-template-columns:1fr;padding-top:80px}.hero-copy{position:relative;z-index:2}.machine-stage{height:620px}.product-grid{grid-template-columns:1fr}.product-card{min-height:500px}.product-card .mini-machine{width:240px}.capabilities,.contact,.product-detail,.about-story{grid-template-columns:1fr}.product-detail.reverse .detail-visual{order:0}.scene-grid{grid-template-columns:1fr 1fr}.scene.hospital{grid-column:1/-1}.process ol,.service-grid{grid-template-columns:1fr 1fr}.solution-list article{grid-template-columns:50px 1fr}.solution-art{grid-column:2}.values{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}}
@media(max-width:620px){.hero h1,.page-hero h1{font-size:45px}.hero-proof{gap:18px;margin-top:45px}.hero-actions{align-items:flex-start;flex-direction:column}.machine-stage{min-height:450px;height:480px;transform:scale(.8);margin:-30px -50px}.machine-side{right:-4%}.float-card{left:4%}.trust-strip{overflow:auto;justify-content:flex-start}.section{padding:75px 20px}.section-heading{display:block;margin-bottom:35px}.section-heading>p{margin-top:18px}.product-card{min-height:460px}.capabilities{padding-top:75px;padding-bottom:75px}.dash-stats{grid-template-columns:1fr}.scene-grid{grid-template-columns:1fr}.scene.hospital{grid-column:auto}.scene{min-height:330px}.process ol{grid-template-columns:1fr}.process li,.process li+li{padding:24px 0;border-right:0;border-bottom:1px solid var(--line);min-height:auto}.process h3{margin:18px 0 8px}.inquiry-form{padding:25px;grid-template-columns:1fr}.inquiry-form label:nth-of-type(4),.inquiry-form button,.form-status{grid-column:auto}.site-footer{padding:50px 20px 22px}.footer-bottom{display:block}.footer-bottom a{display:block;margin-top:8px}.page-hero{min-height:500px;padding:90px 20px 60px}.product-detail{gap:45px}.detail-visual{min-height:500px}.machine.static{transform:scale(.82)}.compare-table{overflow-x:auto}.compare-table>div{min-width:650px}.solution-list{gap:60px}.solution-list article{grid-template-columns:1fr}.solution-list article>span{display:none}.solution-art{grid-column:auto;height:280px}.service-grid{grid-template-columns:1fr}.about-story>div:last-child{padding-top:0}.about-cta h2{font-size:46px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}}