:root{
  --bg:#f1f0eb;--ink:#101112;--muted:#6f716d;--line:rgba(16,17,18,.14);
  --accent:#c7ff3e;--accent2:#d9ff78;--dark:#0d0f10;--dark2:#151719;
  --white:#f8f8f4;--ease:cubic-bezier(.2,.75,.25,1);--radius:18px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.cursor-glow{position:fixed;width:360px;height:360px;border-radius:50%;pointer-events:none;z-index:2;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(199,255,62,.11),transparent 66%);opacity:0;transition:opacity .25s}.progress{position:fixed;left:0;right:0;top:0;height:2px;z-index:80;background:transparent}.progress span{display:block;height:100%;width:0;background:var(--accent)}
.site-header{position:fixed;z-index:70;top:0;left:0;right:0;height:84px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 28px;color:#f7f7f1;mix-blend-mode:difference;transition:color .3s}.brand{display:flex;gap:12px;align-items:center;width:max-content}.brand-mark{width:38px;height:38px;border:1px solid currentColor;display:grid;place-items:center;font-size:22px;font-weight:900;letter-spacing:-.08em}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy b{font-size:15px;letter-spacing:.08em}.brand-copy small{margin-top:5px;font-size:8px;letter-spacing:.11em;text-transform:uppercase;opacity:.72}.desktop-nav{display:flex;gap:28px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.desktop-nav a,.language{opacity:.76;transition:opacity .2s}.desktop-nav a:hover,.language:hover{opacity:1}.header-actions{justify-self:end;display:flex;align-items:center;gap:16px}.language{border:0;background:none;font-size:11px;letter-spacing:.06em;cursor:pointer}.language span{opacity:.35}.header-cta{border-bottom:1px solid currentColor;padding:9px 0;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.header-cta span{padding-left:20px}.menu-toggle{display:none;width:42px;height:42px;border:1px solid currentColor;border-radius:50%;background:transparent;position:relative}.menu-toggle i{position:absolute;width:16px;height:1px;background:currentColor;left:12px}.menu-toggle i:first-child{top:17px}.menu-toggle i:last-child{top:23px}.mobile-menu{position:fixed;inset:0;background:var(--dark);color:white;z-index:60;padding:120px 28px 40px;opacity:0;visibility:hidden;transform:translateY(-16px);transition:.45s var(--ease)}.mobile-menu.open{opacity:1;visibility:visible;transform:none}.mobile-menu nav{display:flex;flex-direction:column}.mobile-menu a{font-size:clamp(2rem,9vw,4.5rem);font-weight:650;letter-spacing:-.05em;border-bottom:1px solid rgba(255,255,255,.15);padding:14px 0;display:flex;justify-content:space-between}.mobile-menu a span{font-size:11px;letter-spacing:.1em;opacity:.45;margin-top:12px}
.section-dark{background:var(--dark);color:var(--white)}.section-light{background:var(--bg);color:var(--ink)}.section-accent{background:var(--accent);color:var(--ink)}.hero{min-height:100svh;position:relative;padding:154px 4vw 34px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);grid-template-rows:1fr auto;overflow:hidden}.hero-noise{position:absolute;inset:0;opacity:.11;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to right,transparent 0,#000 42%,#000 100%)}.hero:after{content:"";position:absolute;right:-14vw;top:-18vw;width:70vw;height:70vw;border:1px solid rgba(255,255,255,.06);border-radius:50%;box-shadow:0 0 0 11vw rgba(255,255,255,.012),0 0 0 22vw rgba(255,255,255,.009)}.hero-copy{position:relative;z-index:4;align-self:center;max-width:920px}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.58);margin:0 0 24px}.eyebrow.dark{color:#686a65}.hero h1{font-size:clamp(4.2rem,7.45vw,8.9rem);line-height:.84;letter-spacing:-.075em;margin:0;font-weight:620}.hero h1 span{color:var(--accent);font-weight:430}.hero-lead{font-size:clamp(1.05rem,1.45vw,1.4rem);line-height:1.52;max-width:640px;margin:38px 0;color:rgba(255,255,255,.68)}.hero-links{display:flex;align-items:center;gap:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-width:190px;padding:15px 18px;border-radius:100px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-accent{background:var(--accent);color:#0d0f10}.button-dark{background:var(--ink);color:white}.text-link{font-size:12px;border-bottom:1px solid rgba(255,255,255,.35);padding:8px 0}.text-link span{margin-left:18px}.dark-link{border-color:#aaa}.hero-visual{position:relative;z-index:3;min-height:530px;align-self:center;perspective:1200px}.pallet-stage{position:absolute;inset:5% 2% 0 0;display:grid;place-items:center;transform-style:preserve-3d}.axis{position:absolute;background:rgba(255,255,255,.08)}.axis-x{width:90%;height:1px}.axis-y{height:86%;width:1px}.stack{width:min(92%,550px);transform:rotateX(5deg) rotateY(-9deg) rotateZ(-2deg);transition:transform .2s ease-out;filter:drop-shadow(0 35px 35px rgba(0,0,0,.38))}.bag-row{height:90px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;position:relative}.bag-row i{display:block;border:1px solid rgba(255,255,255,.19);background:linear-gradient(145deg,#2c3032,#17191a);border-radius:13px 13px 9px 9px;position:relative;box-shadow:inset 0 0 22px rgba(255,255,255,.025)}.bag-row i:before{content:"";position:absolute;left:10%;right:10%;top:50%;height:1px;background:rgba(255,255,255,.09)}.bag-row i:after{content:"H. RAND";position:absolute;right:10px;bottom:8px;font-size:7px;letter-spacing:.15em;color:rgba(255,255,255,.32)}.row-2{transform:translateX(4%);width:96%}.grip-layer{height:13px;display:flex;justify-content:space-around;align-items:center}.grip-layer b{width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px rgba(199,255,62,.8)}.pallet-base{margin-top:7px;height:50px;background:#27231f;border-radius:3px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:8px 20px}.pallet-base i{border-left:11px solid #171513;border-right:11px solid #171513}.stability-ring{position:absolute;width:min(85%,500px);aspect-ratio:1;border:1px dashed rgba(199,255,62,.35);border-radius:50%;display:grid;place-items:center;animation:spin 22s linear infinite}.stability-ring:before,.stability-ring:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.06)}.stability-ring:before{inset:14%}.stability-ring:after{inset:29%}.stability-ring span{position:absolute;top:-7px;background:var(--dark);padding:0 14px;color:var(--accent);font-size:8px;letter-spacing:.18em}.float-card{position:absolute;right:2%;bottom:11%;width:175px;border:1px solid rgba(255,255,255,.15);background:rgba(13,15,16,.78);backdrop-filter:blur(10px);padding:14px;display:flex;flex-direction:column;gap:6px}.float-card small,.float-card em{font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:#8b8f8e;font-style:normal}.float-card strong{font-size:12px;color:var(--accent);letter-spacing:.04em}.tech-label{position:absolute;z-index:4;font-size:8px;letter-spacing:.12em;color:#7e8380}.tech-label span{width:42px;height:1px;background:#515653;display:inline-block;margin:0 8px 3px 0}.label-a{top:6%;left:4%}.label-b{right:0;top:23%}.hero-foot{position:relative;z-index:4;grid-column:1/-1;display:grid;grid-template-columns:repeat(3,190px) 1fr;border-top:1px solid rgba(255,255,255,.13);padding-top:20px;margin-top:40px}.hero-foot div{display:flex;align-items:baseline;gap:8px}.hero-foot strong{font-size:22px;color:var(--accent);font-weight:600}.hero-foot span{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#717674}.hero-foot>p{justify-self:end;font-size:8px;text-transform:uppercase;letter-spacing:.13em;color:#686d6b}.hero-foot>p span{margin-left:9px;color:var(--accent)}
.section-index{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#797b76}.section-index.inverse{color:#696e6c}.intro{padding:130px 4vw 85px}.intro>.section-index{margin-bottom:70px}.intro-grid{display:grid;grid-template-columns:.55fr 1.4fr .75fr;gap:5vw;align-items:start}.kicker{margin:0;font-size:13px;line-height:1.5;text-transform:uppercase;letter-spacing:.05em}.intro h2,.section-heading h2{font-size:clamp(3.6rem,7vw,8rem);line-height:.9;letter-spacing:-.07em;font-weight:560;margin:0}.intro h2 span,.section-heading h2 span{font-weight:350;color:#7e817b}.body-copy{margin:0;font-size:16px;line-height:1.7;color:#666863;max-width:420px}.system{padding:0 4vw 120px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.system-card{min-height:820px;border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;background:#ebeae4}.system-card.bag{background:#dedfd9}.card-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.13em;color:#73756f}.system-art{min-height:420px;position:relative;display:grid;place-items:center}.grip-art .surface{position:absolute;width:65%;height:86px;border:1px solid #9fa19b;border-radius:12px;background:linear-gradient(160deg,#e6e6df,#c8c9c2);box-shadow:0 20px 45px rgba(25,27,25,.08)}.surface-top{transform:translateY(-64px) rotate(-3deg)}.surface-bottom{transform:translateY(64px) rotate(3deg)}.drop{position:absolute;z-index:3;width:13px;height:13px;background:var(--accent);border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 0 24px rgba(139,190,0,.45)}.drop-1{left:38%;top:47%}.drop-2{left:50%;top:50%}.drop-3{left:62%;top:47%}.force-arrow{position:absolute;font-size:8px;letter-spacing:.12em;color:#7e817a}.force-arrow:after{content:"";display:inline-block;width:40px;height:1px;background:#7e817a;margin:0 0 3px 10px}.force-arrow.shear{left:8%;top:35%}.force-arrow.peel{right:5%;bottom:27%;transform:rotate(-35deg)}.machine-frame{width:60%;height:65%;border-left:8px solid #3f4240;border-right:8px solid #3f4240;position:relative;border-radius:4px}.machine-frame .rail{position:absolute;top:18%;bottom:10%;width:5px;background:#747771}.machine-frame .l{left:18%}.machine-frame .r{right:18%}.machine-frame .head{position:absolute;width:55%;height:58px;left:22.5%;top:39%;background:#242725;border-radius:5px;box-shadow:0 12px 25px rgba(0,0,0,.16)}.machine-frame .roller{position:absolute;width:72%;height:18px;left:14%;top:55%;background:#9da099;border:5px solid #30332f;border-radius:20px}.machine-frame .hose{position:absolute;width:27%;height:35%;right:-22%;top:18%;border-right:4px solid #555954;border-top:4px solid #555954;border-radius:0 30px 0 0}.machine-frame .control{position:absolute;width:34px;height:55px;background:#b6b8b1;right:-33%;top:6%;border:6px solid #363936}.machine-path{position:absolute;left:12%;right:12%;bottom:19%;height:8px;background:#b9bab3;box-shadow:0 14px 0 #b9bab3}.machine-status{position:absolute;right:7%;top:23%;display:flex;flex-direction:column;gap:5px;font-size:8px;letter-spacing:.1em}.machine-status i{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #9bcf18}.machine-status b{font-size:9px}.machine-status span{color:#888b84}.system-copy{padding:20px 2px 12px;max-width:620px}.system-copy h3{font-size:clamp(2.3rem,3.6vw,4.3rem);letter-spacing:-.055em;line-height:.95;margin:14px 0 22px;font-weight:550}.system-copy>p:not(.eyebrow){font-size:14px;line-height:1.7;color:#676963;max-width:560px;margin-bottom:20px}
.how{padding:120px 4vw 140px;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.how-sticky{align-self:start;position:sticky;top:140px}.how-sticky h2{font-size:clamp(3.8rem,6.7vw,7.6rem);letter-spacing:-.07em;line-height:.88;font-weight:560;margin:48px 0 30px}.how-sticky h2 span{color:var(--accent);font-weight:380}.how-sticky>p:last-child{color:#777c79;max-width:420px;line-height:1.7}.steps{padding-top:100px}.step{min-height:260px;border-top:1px solid rgba(255,255,255,.14);display:grid;grid-template-columns:90px 1fr;padding:28px 0}.step>span{font-size:10px;color:#686d6a}.step small{font-size:8px;letter-spacing:.15em;color:var(--accent)}.step h3{font-size:clamp(2rem,4vw,4.5rem);letter-spacing:-.05em;font-weight:460;margin:16px 0}.step p{color:#747977;line-height:1.6;max-width:430px}
.applications,.service{padding:130px 4vw}.section-heading{display:grid;grid-template-columns:.6fr 1.4fr;gap:7vw;align-items:start;margin-bottom:100px}.section-heading .kicker{margin-top:48px}.application-selector{display:grid;grid-template-columns:300px 1fr;border-top:1px solid var(--line);min-height:640px}.app-tabs{display:flex;flex-direction:column;border-right:1px solid var(--line)}.app-tabs button{border:0;border-bottom:1px solid var(--line);background:transparent;padding:22px 20px 22px 0;text-align:left;display:flex;justify-content:space-between;font-size:13px;cursor:pointer;transition:.25s}.app-tabs button span{font-size:8px;color:#91938d}.app-tabs button.active{padding-left:14px;background:var(--accent);font-weight:600}.app-panel{display:grid;grid-template-columns:1.1fr .9fr}.app-visual{position:relative;background:#e2e2dc;min-height:620px;overflow:hidden;display:grid;place-items:center}.conveyor{position:absolute;bottom:20%;left:8%;right:8%;height:55px;border-top:8px solid #4d504c;border-bottom:8px solid #4d504c;display:flex;justify-content:space-around;align-items:center}.conveyor i{height:30px;width:30px;border:5px solid #797c76;border-radius:50%}.package-demo{width:190px;height:240px;background:linear-gradient(145deg,#c9b89d,#ae9e83);border-radius:16px 16px 10px 10px;transform:translateY(-80px) skewY(-2deg);box-shadow:0 30px 40px rgba(20,22,20,.15);position:relative;display:grid;place-items:center;transition:.4s var(--ease)}.package-demo:before{content:"";position:absolute;top:50%;left:8%;right:8%;height:1px;background:rgba(0,0,0,.2)}.package-demo span{font-size:14px;letter-spacing:.15em;color:rgba(0,0,0,.35);font-weight:700}.package-demo.pe{background:linear-gradient(145deg,#e9e9e7,#bebfbb)}.package-demo.carton{border-radius:4px;background:linear-gradient(145deg,#b98f57,#9d7442)}.package-demo.woven{background:repeating-linear-gradient(90deg,#d8d7d0 0,#d8d7d0 3px,#c7c7c0 3px,#c7c7c0 5px);border-radius:4px 4px 12px 12px}.app-head{position:absolute;top:8%;left:50%;width:140px;height:110px;transform:translateX(-50%);border:9px solid #3a3d3a;border-bottom:0}.app-head i{position:absolute;left:50%;top:67%;width:4px;height:90px;background:#3a3d3a}.app-head b{position:absolute;left:calc(50% - 10px);bottom:-70px;width:24px;height:30px;background:#262925;border-radius:3px}.spray{position:absolute;top:36%;display:flex;gap:9px}.spray i{width:5px;height:5px;background:var(--accent);border-radius:50%;animation:fall 1.4s linear infinite}.spray i:nth-child(2){animation-delay:.2s}.spray i:nth-child(3){animation-delay:.4s}.spray i:nth-child(4){animation-delay:.6s}.app-copy{padding:70px 5vw;display:flex;flex-direction:column;justify-content:center}.app-copy h3{font-size:clamp(2.2rem,4vw,4.2rem);line-height:.98;letter-spacing:-.055em;font-weight:520;margin:18px 0 24px}.app-copy>p:not(.eyebrow){color:#686a65;line-height:1.7;max-width:500px}.system-tags{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 38px}.system-tags span{border:1px solid #a9aaa5;border-radius:100px;padding:8px 12px;font-size:9px;letter-spacing:.08em}.app-copy .button{width:max-content}
.trial{padding:120px 4vw}.trial-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.trial h2{font-size:clamp(4rem,7vw,8.5rem);line-height:.85;letter-spacing:-.075em;font-weight:600;margin:45px 0 0}.trial-copy{align-self:end;max-width:540px}.trial-copy p{font-size:19px;line-height:1.55;margin:0 0 35px}.trial-meter{grid-column:1/-1;border-top:1px solid rgba(0,0,0,.25);margin-top:75px;padding-top:28px}.meter-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em}.meter-label b{font-size:10px}.meter-track{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:28px 0 12px}.meter-track i{height:8px;background:#101112;border-radius:10px}.meter-track i:nth-child(n+5){opacity:.42}.meter-caption{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.12em}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-grid article{min-height:320px;padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.service-grid article>span{font-size:9px;color:#858781}.service-grid h3{margin:auto 0 16px;font-size:28px;line-height:1;letter-spacing:-.04em;font-weight:520}.service-grid p{font-size:13px;line-height:1.65;color:#71736d}.warranty-strip{margin-top:18px;background:#dedfd9;padding:26px;display:grid;grid-template-columns:220px 1fr auto;align-items:center}.warranty-strip strong{font-size:42px;letter-spacing:-.05em}.warranty-strip span{font-size:13px}.warranty-strip small{display:block;color:#7d7f79;margin-top:4px}.warranty-strip i{font-style:normal;font-size:25px}
.company{padding:130px 4vw;min-height:850px;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;overflow:hidden}.company-graphic{min-height:590px;position:relative;border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at 48% 46%,rgba(199,255,62,.08),transparent 18%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:auto,46px 46px,46px 46px}.map-lines{position:absolute;inset:10%;border:1px solid rgba(255,255,255,.09);clip-path:polygon(10% 15%,38% 8%,54% 22%,71% 15%,92% 38%,76% 65%,57% 75%,42% 93%,21% 72%,8% 50%);background:rgba(255,255,255,.02)}.location-dot{position:absolute;left:47%;top:43%;font-size:8px;letter-spacing:.12em;color:#858a87}.location-dot i{display:block;width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 9px rgba(199,255,62,.1),0 0 30px rgba(199,255,62,.5);margin-bottom:10px}.company-number{position:absolute;right:5%;bottom:1%;font-size:clamp(8rem,17vw,18rem);font-weight:650;letter-spacing:-.1em;color:rgba(255,255,255,.06);line-height:.75}.company-number sup{font-size:.28em}.company-copy h2{font-size:clamp(3.5rem,6.2vw,7rem);line-height:.9;letter-spacing:-.065em;font-weight:560;margin:45px 0 35px}.company-copy h2 span{color:var(--accent);font-weight:370}.company-copy>p:not(.section-index){color:#777c79;line-height:1.75;max-width:580px}.industry-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:35px}.industry-list span{border:1px solid rgba(255,255,255,.17);border-radius:100px;padding:8px 13px;font-size:8px;letter-spacing:.12em;color:#a4a8a5}
.contact{padding:140px 4vw 70px}.contact-main{border-bottom:1px solid var(--line);padding-bottom:100px}.contact-main h2{font-size:clamp(4.2rem,9vw,10.5rem);line-height:.82;letter-spacing:-.08em;font-weight:590;margin:25px 0 70px}.contact-main h2 span{color:#8a8d87;font-weight:340}.contact-mail{font-size:clamp(1.3rem,2.8vw,3.2rem);letter-spacing:-.04em;border-bottom:1px solid currentColor;padding-bottom:7px}.contact-mail span{font-size:.65em;margin-left:20px}.contact-details{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding-top:38px}.contact-details small{font-size:8px;letter-spacing:.13em;color:#868882}.contact-details p{font-size:13px;line-height:1.7}footer{background:var(--bg);border-top:1px solid var(--line);padding:24px 4vw 30px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.footer-brand{color:var(--ink)}footer>p{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#8b8d87}footer>a:last-child{justify-self:end;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.reveal{opacity:0;transform:translateY(28px);transition:opacity .85s var(--ease),transform .85s var(--ease)}.reveal.in{opacity:1;transform:none}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes fall{0%{transform:translateY(-5px);opacity:0}30%{opacity:1}100%{transform:translateY(40px);opacity:0}}
@media(max-width:1100px){.desktop-nav{display:none}.menu-toggle{display:block}.header-cta{display:none}.hero{grid-template-columns:1fr;padding-top:135px}.hero-visual{min-height:500px}.hero-foot{grid-template-columns:repeat(3,1fr)}.hero-foot>p{display:none}.intro-grid{grid-template-columns:1fr 2fr}.body-copy{grid-column:2}.system{grid-template-columns:1fr}.system-card{min-height:720px}.how{gap:6vw}.application-selector{grid-template-columns:230px 1fr}.app-panel{grid-template-columns:1fr}.app-visual{min-height:500px}.app-copy{padding:50px}.service-grid{grid-template-columns:1fr 1fr}.company{grid-template-columns:1fr}.company-graphic{min-height:480px}.company-copy{grid-row:1}.contact-details{grid-template-columns:1.5fr 1fr 1fr}}
@media(max-width:720px){.site-header{height:72px;padding:0 18px}.brand-copy small{display:none}.language{display:none}.hero{padding:125px 18px 25px;display:block}.hero h1{font-size:clamp(3.5rem,17vw,6.2rem)}.hero-lead{font-size:1rem}.hero-links{align-items:flex-start;flex-direction:column;gap:12px}.hero-visual{min-height:430px;margin-top:40px}.pallet-stage{inset:0}.stack{width:90%}.bag-row{height:65px}.float-card{right:0;bottom:6%;transform:scale(.84);transform-origin:bottom right}.tech-label{display:none}.hero-foot{margin-top:10px;grid-template-columns:1fr 1fr;gap:18px}.hero-foot div:nth-child(3){display:none}.intro,.applications,.service,.trial,.company,.contact{padding:90px 18px}.intro>.section-index{margin-bottom:45px}.intro-grid,.section-heading{display:block}.intro h2,.section-heading h2{font-size:clamp(3.4rem,16vw,5.7rem);margin:30px 0}.body-copy{margin-top:30px}.system{padding:0 18px 90px}.system-card{min-height:680px;padding:14px}.system-art{min-height:330px}.how{padding:90px 18px;display:block}.how-sticky{position:relative;top:auto}.how-sticky h2{font-size:clamp(3.5rem,15vw,6rem)}.steps{padding-top:55px}.step{min-height:210px;grid-template-columns:50px 1fr}.application-selector{display:block}.app-tabs{border-right:0;display:grid;grid-template-columns:1fr 1fr}.app-tabs button{padding:17px 10px!important}.app-panel{display:block}.app-visual{min-height:390px}.app-copy{padding:45px 8px}.package-demo{transform:translateY(-55px) scale(.8)}.trial-grid{display:block}.trial h2{font-size:clamp(4rem,18vw,6.5rem)}.trial-copy{margin-top:50px}.service-grid{grid-template-columns:1fr}.service-grid article{min-height:240px}.warranty-strip{grid-template-columns:1fr auto}.warranty-strip strong{font-size:34px}.warranty-strip span{grid-row:2;margin-top:10px}.company-graphic{min-height:350px}.company-copy h2{font-size:clamp(3.5rem,15vw,6rem)}.contact-main h2{font-size:clamp(4rem,17vw,7rem)}.contact-details{grid-template-columns:1fr}.contact-main{padding-bottom:70px}footer{grid-template-columns:1fr auto}footer>p{display:none}.footer-brand .brand-copy{display:none}.cursor-glow{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.stability-ring,.spray i{animation:none}}

/* --- V2 refinement: H. Rand brand + calmer DeepDrive-inspired proportions --- */
:root{
  --bg:#f3f4f4;
  --ink:#11161a;
  --muted:#697178;
  --line:rgba(17,22,26,.13);
  --accent:#0878b7;
  --accent2:#39a9e2;
  --dark:#0b1115;
  --dark2:#121b21;
  --white:#f7f9fa;
}
body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.cursor-glow{background:radial-gradient(circle,rgba(8,120,183,.12),transparent 67%)}
.brand-mark{width:42px;height:38px;border:0;background:var(--accent);color:white;font-size:16px;letter-spacing:-.05em;border-radius:2px}
.brand-copy b{letter-spacing:.065em}.site-header{mix-blend-mode:normal;background:linear-gradient(to bottom,rgba(11,17,21,.92),rgba(11,17,21,.62),transparent);backdrop-filter:blur(3px)}
.hero{padding-top:136px;grid-template-columns:minmax(0,1.08fr) minmax(440px,.92fr)}
.hero-noise{opacity:.08;background-size:84px 84px}
.hero:after{border-color:rgba(57,169,226,.09);box-shadow:0 0 0 11vw rgba(57,169,226,.012),0 0 0 22vw rgba(57,169,226,.008)}
.hero-copy{max-width:820px}
.hero h1{font-size:clamp(4rem,6.35vw,7.6rem);line-height:.89;letter-spacing:-.067em;text-wrap:balance}
.hero h1 span{font-weight:460}
.hero-lead{max-width:690px;margin:32px 0 34px;color:rgba(247,249,250,.7)}
.button-accent{color:white}.button-accent:hover{background:var(--accent2)}
.hero-visual{min-height:560px}
.stack{width:min(92%,600px);transform:rotateX(3deg) rotateY(-5deg) rotateZ(-1deg);filter:drop-shadow(0 36px 42px rgba(0,0,0,.45))}
.bag-row{height:96px;gap:8px}
.bag-row i{border-color:rgba(255,255,255,.28);background:linear-gradient(145deg,#3a444b,#20292f);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 0 24px rgba(255,255,255,.025)}
.bag-row i:after{content:"";position:absolute;left:14%;bottom:13px;width:24%;height:3px;border-radius:2px;background:rgba(255,255,255,.12)}
.grip-layer{height:15px}.grip-layer b{width:6px;height:6px;box-shadow:0 0 12px rgba(57,169,226,.85)}
.pallet-base{background:#5b4b3d;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.pallet-base i{border-color:#362c25}
.stability-ring{border-color:rgba(57,169,226,.42);width:min(88%,540px)}
.stability-ring span{background:var(--dark);color:#86cfee}
.float-card{right:1%;bottom:9%;width:190px;background:rgba(11,17,21,.88);border-color:rgba(255,255,255,.2)}
.float-card strong{color:#78c8ef}.tech-label{color:#8d9ba4}.tech-label span{background:#5d6c75}
.hero-foot{grid-template-columns:repeat(3,minmax(160px,230px)) 1fr}
.hero-foot strong{color:#76c9ef}
.intro{padding:118px 4vw 88px}.intro>.section-index{margin-bottom:58px}
.intro-grid{grid-template-columns:.52fr minmax(0,1.32fr) .72fr;gap:4vw}
.intro h2,.section-heading h2{font-size:clamp(3.6rem,5.8vw,6.8rem);line-height:.94;letter-spacing:-.062em;text-wrap:balance}
.intro h2 span,.section-heading h2 span{color:#6f787d}
.body-copy{font-size:15px;line-height:1.75;color:#626b70;max-width:460px}
.system-card{background:#eef1f2}.system-card.bag{background:#e4e8ea}
.how{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8vw;padding-top:115px}
.how-sticky{max-width:720px}.how-sticky h2{font-size:clamp(3.5rem,5.25vw,6.1rem);line-height:.94;letter-spacing:-.062em;margin:42px 0 28px;text-wrap:balance}
.how-sticky h2 span{color:#5ebbe8;font-weight:430}.how-sticky>p:last-child{color:#87939a;font-size:15px;max-width:500px}
.step small{color:#6bc4ef}.step p{color:#879198}
.section-accent{background:#e5f3fa;color:var(--ink)}
.trial-meter{border-color:rgba(8,120,183,.25)}.meter-track i{background:#0878b7}
.company-graphic{background:radial-gradient(circle at 48% 46%,rgba(8,120,183,.13),transparent 18%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)}
.location-dot i{box-shadow:0 0 0 9px rgba(8,120,183,.13),0 0 30px rgba(8,120,183,.45)}
.company-copy h2 span{color:#5ebbe8}
.spray i{box-shadow:0 0 12px rgba(8,120,183,.45)}

@media(max-width:1280px){
  .hero{grid-template-columns:minmax(0,1fr) minmax(390px,.85fr);padding-left:3.5vw;padding-right:3.5vw}
  .hero h1{font-size:clamp(3.8rem,6.05vw,6.8rem)}
  .hero-visual{min-height:500px}
  .bag-row{height:82px}
  .how-sticky h2{font-size:clamp(3.3rem,5vw,5.5rem)}
}
@media(max-width:1100px){
  .site-header{background:rgba(11,17,21,.92)}
  .hero{grid-template-columns:1fr;padding-top:128px}
  .hero-copy{max-width:900px}
  .hero h1{font-size:clamp(4rem,10vw,7.2rem);max-width:900px}
  .hero-visual{min-height:560px;margin-top:30px}
  .intro-grid{grid-template-columns:.58fr 1.42fr;gap:4vw}.body-copy{grid-column:2;max-width:650px;margin-top:12px}
  .how{grid-template-columns:1fr;gap:20px}.how-sticky{position:relative;top:auto;max-width:900px}.how-sticky h2{max-width:820px}.steps{padding-top:45px}
}
@media(max-width:720px){
  .brand-mark{width:38px;height:34px;font-size:14px}
  .hero{padding-top:112px}.hero h1{font-size:clamp(3.35rem,15vw,5.7rem);line-height:.92}.hero-lead{margin:26px 0 30px}
  .hero-visual{min-height:400px}.stack{width:94%}.bag-row{height:62px}.stability-ring{width:84%}.float-card{width:160px}
  .intro h2,.section-heading h2{font-size:clamp(3rem,13vw,5.1rem);line-height:.96}.how-sticky h2{font-size:clamp(3.05rem,13vw,5.2rem);line-height:.96}
}
.drop{box-shadow:0 0 24px rgba(8,120,183,.35)}
.machine-status i{box-shadow:0 0 12px rgba(8,120,183,.55)}

/* --- V3 light direction: brighter industrial premium --- */
:root{
  --bg:#f7f8f8;
  --ink:#101820;
  --muted:#66727a;
  --line:rgba(16,24,32,.12);
  --accent:#0878b7;
  --accent2:#39a9e2;
  --dark:#eef5f8;
  --dark2:#e3eef3;
  --white:#101820;
}
body{background:#f7f8f8;color:var(--ink)}
.cursor-glow{background:radial-gradient(circle,rgba(8,120,183,.10),transparent 67%)}
.site-header{
  color:var(--ink);
  background:rgba(249,250,250,.88);
  border-bottom:1px solid rgba(16,24,32,.08);
  box-shadow:0 10px 30px rgba(29,48,61,.04);
  backdrop-filter:blur(16px) saturate(135%);
}
.header-cta{border-color:rgba(16,24,32,.28)}
.mobile-menu{background:#f7f9fa;color:var(--ink)}
.mobile-menu a{border-color:rgba(16,24,32,.12)}
.menu-toggle{border-color:rgba(16,24,32,.35)}

.section-dark{background:#eef5f8;color:var(--ink)}
.section-light{background:#f7f8f8;color:var(--ink)}
.section-accent{background:#dceef7;color:var(--ink)}
.section-index.inverse{color:#70818b}
.eyebrow{color:#6a7a83}

.hero{
  background:
    radial-gradient(circle at 79% 34%,rgba(57,169,226,.14),transparent 24%),
    linear-gradient(135deg,#fbfcfc 0%,#f2f7f9 55%,#e9f3f7 100%);
  color:var(--ink);
}
.hero-noise{
  opacity:.55;
  background-image:linear-gradient(rgba(8,120,183,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(8,120,183,.045) 1px,transparent 1px);
  mask-image:linear-gradient(to right,transparent 0,#000 35%,#000 100%);
}
.hero:after{border-color:rgba(8,120,183,.12);box-shadow:0 0 0 11vw rgba(8,120,183,.025),0 0 0 22vw rgba(8,120,183,.014)}
.hero h1{color:#111b22}
.hero h1 span{color:var(--accent)}
.hero-lead{color:#5f6e77}
.text-link{border-color:rgba(16,24,32,.28)}
.button-accent{background:var(--accent);color:white;box-shadow:0 12px 30px rgba(8,120,183,.16)}
.axis{background:rgba(8,120,183,.12)}
.stack{filter:drop-shadow(0 28px 32px rgba(38,61,75,.16))}
.bag-row i{
  border-color:rgba(30,55,70,.18);
  background:linear-gradient(145deg,#ffffff,#dfe7eb);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 18px rgba(35,59,72,.08);
}
.bag-row i:before{background:rgba(30,55,70,.12)}
.bag-row i:after{background:rgba(8,120,183,.22)}
.pallet-base{background:#b69b7a;box-shadow:0 8px 18px rgba(74,62,48,.12)}
.pallet-base i{border-color:#8c7459}
.stability-ring{border-color:rgba(8,120,183,.32)}
.stability-ring:before,.stability-ring:after{border-color:rgba(8,120,183,.10)}
.stability-ring span{background:#eef5f8;color:#0878b7}
.float-card{
  background:rgba(255,255,255,.88);
  border-color:rgba(16,24,32,.12);
  box-shadow:0 18px 38px rgba(40,66,81,.10);
}
.float-card small,.float-card em{color:#74828a}.float-card strong{color:#0878b7}
.tech-label{color:#70818a}.tech-label span{background:#9aabb4}
.hero-foot{border-color:rgba(16,24,32,.12)}
.hero-foot strong{color:#0878b7}.hero-foot span,.hero-foot>p{color:#718089}.hero-foot>p span{color:#0878b7}

.intro{background:#fbfbfa}
.system-card{background:#f3f6f7;border-color:rgba(16,24,32,.10);box-shadow:0 12px 35px rgba(31,52,64,.035)}
.system-card.bag{background:#edf3f6}

.how{
  background:linear-gradient(135deg,#edf6fa 0%,#f7fafb 60%,#e5f1f6 100%);
  color:var(--ink);
}
.how-sticky h2 span{color:#0878b7}
.how-sticky>p:last-child{color:#677781}
.step{border-color:rgba(16,24,32,.12)}
.step>span{color:#7b8991}.step small{color:#0878b7}.step p{color:#687780}

.application-selector{background:#fbfcfc}
.app-visual{background:linear-gradient(145deg,#edf2f4,#dce8ed)}
.app-tabs button.active{color:white;background:#0878b7}
.app-tabs button.active span{color:rgba(255,255,255,.72)}

.trial{background:linear-gradient(120deg,#d9edf7,#edf7fb)}
.trial-meter{border-color:rgba(8,120,183,.22)}

.company{
  background:linear-gradient(135deg,#f1f7fa 0%,#e6f0f5 100%);
  color:var(--ink);
}
.company-graphic{
  border-color:rgba(16,24,32,.10);
  background:
    radial-gradient(circle at 48% 46%,rgba(8,120,183,.16),transparent 20%),
    linear-gradient(rgba(8,120,183,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(8,120,183,.055) 1px,transparent 1px),
    rgba(255,255,255,.45);
  box-shadow:0 20px 55px rgba(38,62,77,.07);
}
.map-lines{border-color:rgba(8,120,183,.16);background:rgba(8,120,183,.025)}
.location-dot{color:#61727c}
.company-number{color:rgba(8,120,183,.08)}
.company-copy h2 span{color:#0878b7}
.company-copy>p:not(.section-index){color:#65757f}
.industry-list span{border-color:rgba(16,24,32,.15);color:#536671;background:rgba(255,255,255,.45)}

.contact{background:#fcfcfb}
footer{background:#f7f8f8}

@media(max-width:1100px){
  .site-header{background:rgba(249,250,250,.94)}
}