.real-hero{min-height:530px;background:radial-gradient(ellipse at 50% 50%,#495f2b55,transparent 70%),#171d15}.hero-window{position:absolute;width:104%;left:7%;top:23%;border:1px solid #6a7958;border-radius:9px;overflow:hidden;box-shadow:0 25px 60px #0007;transform:rotate(-7deg);background:#f4f6f9}.window-chrome{height:25px;background:#e4e8e0;display:flex;align-items:center;gap:5px;padding:0 10px;color:#56604e;font-size:7px}.window-chrome i{width:5px;height:5px;background:#a8b39c;border-radius:50%}.window-chrome span{margin-left:10px}.hero-window>img{display:block;width:130%;max-width:none;transform-origin:top left}.hero-phone{position:absolute;right:6%;bottom:13%;width:34%;height:51%;border:5px solid #21271f;border-radius:22px;background:white;overflow:hidden;box-shadow:0 20px 40px #0007;transform:rotate(6deg)}.hero-phone img{width:100%;height:100%;object-fit:cover;object-position:top}.phone-camera{position:absolute;top:4px;left:35%;width:30%;height:5px;background:#20261e;border-radius:10px;z-index:1}.hero-stamp{position:absolute;bottom:14%;left:7%;background:var(--lime);color:#1a2512;padding:17px 20px;font-size:13px;font-weight:600;transform:rotate(-3deg);box-shadow:0 10px 25px #0004}.hero-stamp .dot{background:#516c2c;box-shadow:none;margin-right:6px}.hero-stamp small{display:block;font-weight:400;font-size:10px;margin-top:6px}.case-card{display:grid;grid-template-columns:.85fr 1.3fr;border-top:1px solid var(--line);padding:48px 0;gap:55px;align-items:center}.case-card.reverse .case-copy{order:2}.case-card.reverse .case-stage{order:1}.case-copy h3{font-size:35px;line-height:1.22;letter-spacing:-1.2px;margin:16px 0 20px}.case-copy>p{font-size:14px;color:var(--muted);line-height:1.85;max-width:410px}.case-benefit{margin-top:24px;padding-left:16px;border-left:2px solid #4d5e36}.case-benefit>span{font-size:8px;letter-spacing:1.5px;color:var(--lime)}.case-benefit p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:6px;max-width:330px}.case-tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:23px 0}.case-tags li{padding:7px 10px;border:1px solid var(--line);border-radius:4px;color:#c1c9b6;font-size:10px}.outline{background:transparent;color:var(--text);border:1px solid #637151;font-size:12px;padding:12px 16px;gap:15px}.outline:hover{background:#252e1e}.case-stage{position:relative;min-width:0;min-height:445px;overflow:hidden;border:0;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#344129;text-align:left;padding:70px 26px}.stage-caption{position:absolute;top:22px;left:24px;right:24px;font-size:8px;letter-spacing:1.4px;display:flex;justify-content:space-between}.stage-caption span{font-size:7px;opacity:.7}.erp-stage{background:#c7d5b4}.screen-frame{border:1px solid #9aaf81;border-radius:7px;box-shadow:0 25px 45px #465c3a30;overflow:hidden;width:110%;flex-shrink:0;transform:perspective(1000px) rotateY(-7deg) rotate(-3deg);transition:transform .5s;background:#f5f7fa}.screen-frame img{width:135%;max-width:none;display:block}.case-stage:hover .screen-frame{transform:perspective(1000px) rotateY(0) rotate(-1deg) scale(1.03)}.screen-label{position:absolute;bottom:23px;left:24px;font-size:10px}.stage-flow{position:absolute;bottom:60px;right:20px;display:flex;align-items:center;gap:10px;background:#f4f7ec;border:1px solid #b5c6a2;border-radius:6px;padding:13px 17px;box-shadow:0 10px 25px #40532d20;font-size:10px;transform:rotate(2deg)}.stage-flow b{font-weight:400;color:#829c64}.cmms-stage{background:#c2cbd8;color:#26394e}.preventive-screens{width:100%;position:relative}.preventive-main{display:block;width:112%;margin-left:-6%;border-radius:8px;transform:rotate(-4deg);box-shadow:0 15px 30px #20344b26}.checklist-window{position:relative;background:white;border-radius:7px;overflow:hidden;box-shadow:0 15px 30px #20344b26;width:90%;margin:32px 0 0 8%;transform:rotate(3deg);transition:transform .4s}.checklist-window img{display:block;width:100%}.case-stage:hover .checklist-window{transform:rotate(0deg) translateY(-4px)}.hangel-stage{background:#b7d2c7;color:#214c3b}.hangel-collage{position:relative;width:100%;height:300px}.hangel-form{position:absolute;width:46%;height:100%;object-fit:cover;object-position:top;border:1px solid #d4e0d8;border-radius:9px;left:4%;transform:rotate(-5deg);box-shadow:0 20px 40px #23463830}.scan-window{position:absolute;width:60%;right:0;top:80px;transform:rotate(4deg);border:1px solid #a0baad;border-radius:8px;overflow:hidden;box-shadow:0 20px 40px #23463830;background:white;transition:transform .4s}.scan-window img{width:100%;display:block}.scan-line{position:absolute;left:9%;right:9%;top:20%;height:1px;background:#4f91627a;box-shadow:0 0 12px #9affaa;animation:scan 5s ease-in-out infinite}.case-stage:hover .scan-window{transform:rotate(1deg) translateY(-5px)}.trace-section{background:#1a2016;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:75px 0}.trace-layout{display:grid;grid-template-columns:1fr 1.8fr;gap:32px;margin-top:36px}.trace-tabs{display:flex;flex-direction:column;gap:10px}.trace-tabs button{display:flex;align-items:center;gap:20px;background:#222a1c;border:1px solid #36422b;color:var(--text);padding:22px;text-align:left;border-radius:7px;transition:background .25s,border-color .25s}.trace-tabs button[aria-selected=true]{background:#d4ef81;color:#263617;border-color:#d4ef81}.trace-tabs button>span{font-size:11px;opacity:.7}.trace-tabs button>span:last-child{margin-left:auto;font-size:20px}.trace-tabs b{font-size:20px;font-weight:500}.trace-tabs small{display:block;font-size:11px;margin-top:7px;opacity:.7}.trace-panel{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:30px;background:#12170f;padding:38px;border:1px solid #34432b;border-radius:9px}.trace-panel h3{font-size:26px;line-height:1.25;margin:12px 0 17px}.trace-panel p{font-size:13px;color:var(--muted);line-height:1.85}.concept-foot{font-size:8px;color:#7f8d72;display:block;margin-top:22px}.code-art{position:relative;aspect-ratio:1;background:#202b18;border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:25px;color:var(--lime)}.barcode{height:90px;background:repeating-linear-gradient(90deg,#d4ef81 0 2px,transparent 2px 5px,#d4ef81 5px 9px,transparent 9px 11px,#d4ef81 11px 12px,transparent 12px 17px);transition:opacity .3s}.code-art>span{font-size:7px;text-align:center;letter-spacing:1px;margin-top:17px;line-height:1.6}.code-brackets{position:absolute;inset:15px;border:1px solid #60724a;border-radius:6px}.code-art.is-qr .barcode{background:repeating-conic-gradient(#d4ef81 0 25%,transparent 0 50%) 50%/15px 15px;width:90px;margin:0 auto}.capability-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid #38432e;margin-top:45px;padding-top:30px}.capability-strip b{display:block;font-size:14px;font-weight:500}.capability-strip span{display:block;color:var(--muted);font-size:12px;line-height:1.8;margin-top:10px}.gallery{margin-top:25px}.gallery-main{background:#e8ede3;border-radius:7px;overflow:hidden;position:relative;min-height:160px;display:flex;justify-content:center;align-items:center}.gallery-main>img{display:block;width:100%;max-height:430px;object-fit:contain}.gallery-main>a{position:absolute;right:10px;bottom:10px;font-size:10px;background:#172110eb;color:#e9f5dc;padding:9px 12px;border-radius:4px}.gallery #gallery-caption{font-size:11px;margin-top:12px}.gallery-thumbnails{display:flex;gap:8px;margin-top:14px}.gallery-thumbnails button{width:95px;height:55px;padding:0;overflow:hidden;border:2px solid transparent;background:#e5ebde;border-radius:5px}.gallery-thumbnails button[aria-pressed=true]{border-color:var(--lime);outline:1px solid var(--lime);outline-offset:2px}.gallery-thumbnails img{width:100%;height:100%;object-fit:cover}.gallery-thumbnails button:hover{filter:brightness(1.1)}dialog{max-width:900px;width:calc(100% - 40px)}dialog h2{max-width:700px}.filters{flex-wrap:wrap}.work-note{max-width:850px}.reveal{transition:opacity .7s ease,transform .7s ease}.js-motion .reveal:not(.visible){opacity:0;transform:translateY(25px)}.js-motion .reveal.visible{opacity:1;transform:translateY(0)}.hero-window{animation:window-enter 1.1s ease both}.hero-phone{animation:phone-enter 1.25s ease both}.hero-stamp{animation:stamp-enter 1.5s ease both}@keyframes window-enter{from{opacity:0;transform:translateY(35px) rotate(-10deg)}to{opacity:1;transform:translateY(0) rotate(-7deg)}}@keyframes phone-enter{from{opacity:0;transform:translateY(45px) rotate(12deg)}to{opacity:1;transform:translateY(0) rotate(6deg)}}@keyframes stamp-enter{0%,40%{opacity:0;transform:translateY(20px) rotate(-3deg)}100%{opacity:1;transform:translateY(0) rotate(-3deg)}}@keyframes scan{0%,100%{top:20%;opacity:0}15%,85%{opacity:.8}50%{top:80%;opacity:.8}}
@media(max-width:1100px){.case-card{gap:30px}.case-copy h3{font-size:30px}.case-stage{min-height:410px}.trace-panel{padding:25px;gap:20px}.trace-panel h3{font-size:22px}.hero-stamp{font-size:11px;padding:14px}.real-hero{min-height:500px}}@media(max-width:800px){.case-card{grid-template-columns:1fr;gap:28px}.case-card.reverse .case-copy,.case-card.reverse .case-stage{order:initial}.case-copy h3{font-size:34px}.case-copy>p{max-width:550px}.case-stage{min-height:430px}.trace-layout{grid-template-columns:1fr}.trace-tabs{flex-direction:row}.trace-tabs button{flex:1;padding:16px;gap:12px}.trace-tabs button>span:last-child{display:none}.trace-tabs small{font-size:9px}.trace-tabs b{font-size:17px}.trace-panel{grid-template-columns:.7fr 1.3fr;gap:30px;padding:35px}.capability-strip{gap:20px}.real-hero{min-height:480px}.hero-phone{width:30%}.hero-window{top:20%}.hero-stamp{bottom:11%}.section-top h2{font-size:42px}.case-stage .screen-frame{width:105%}}@media(max-width:520px){.real-hero{min-height:400px}.hero-window{top:25%;left:5%;width:110%}.hero-phone{width:33%;height:54%;bottom:12%}.hero-stamp{font-size:10px;left:5%;padding:12px}.hero-stamp small{font-size:8px}.art-top{font-size:6px}.case-card{padding:32px 0}.case-copy h3{font-size:29px;letter-spacing:-1px}.case-copy>p{font-size:13px}.case-stage{min-height:330px;padding:60px 20px}.stage-caption{left:17px;right:17px;font-size:6px}.stage-caption span{font-size:6px}.stage-flow{font-size:8px;padding:10px;gap:7px;bottom:45px}.screen-label{font-size:8px;left:17px;bottom:17px}.hangel-collage{height:240px}.hangel-stage{min-height:370px}.scan-window{width:65%;top:85px}.hangel-form{width:50%;left:0}.preventive-main{width:118%;margin-left:-9%}.checklist-window{width:104%;margin:25px 0 0 0}.trace-section{padding:50px 0}.trace-section h2{font-size:38px}.trace-tabs{gap:5px}.trace-tabs button{flex-direction:column;align-items:flex-start;gap:7px;padding:13px 10px}.trace-tabs b{font-size:15px}.trace-tabs small{font-size:8px;line-height:1.5;margin-top:5px}.trace-tabs button>span{font-size:9px}.trace-panel{grid-template-columns:1fr;padding:23px;gap:25px}.code-art{aspect-ratio:auto;min-height:140px;padding:25px 50px}.barcode{height:70px}.trace-panel h3{font-size:25px}.capability-strip{grid-template-columns:1fr;gap:25px}.section-top h2{font-size:36px;letter-spacing:-1.6px}.brand{font-size:21px;gap:8px}.brand-sub{font-size:8px;letter-spacing:2px}.nav-contact{font-size:11px;padding:10px}.nav-contact span{margin-left:8px}.filters button{padding:9px 11px;font-size:9px}.gallery-main>img{max-height:370px}.gallery-main>a{font-size:8px}.gallery-thumbnails button{width:75px;height:50px}dialog{padding:32px 22px}}
@media(prefers-reduced-motion:reduce){.js-motion .reveal:not(.visible){opacity:1;transform:none}.hero-window,.hero-phone,.hero-stamp,.scan-line{animation:none}.case-stage *{transition:none}.reveal{transition:none}}
/* Screenshots keep their native aspect ratio. Animate frames, never distort text. */
.erp-explorer{padding:30px 0 55px;border-top:1px solid var(--line);margin-bottom:15px}.explorer-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end}.explorer-heading h3{font-size:36px;line-height:1.2;letter-spacing:-1.3px;margin-top:17px}.explorer-heading h3 span{color:var(--muted)}.explorer-heading>p{color:var(--muted);font-size:13px;line-height:1.8;max-width:300px}.operation-path{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 25px;background:#1c2416;border:1px solid #37472b;border-radius:7px;margin:32px 0 25px}.operation-path span{font-size:12px;color:#d4efaa}.operation-path b{font-size:16px;font-weight:400;color:#70895a}.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:start}.module-tile{background:#1a1f17;border:1px solid #333e2a;border-radius:8px;overflow:hidden;transition:border-color .25s,background .25s}.module-tile:hover,.module-tile[open]{border-color:#829f57;background:#20291a}.module-tile summary{position:relative;cursor:pointer;list-style:none;padding:23px 20px}.module-tile summary::-webkit-details-marker{display:none}.module-icon{display:inline-grid;place-items:center;background:#2e3b21;color:var(--lime);border-radius:9px;font-size:24px;width:43px;height:43px}.module-number{float:right;font-size:9px;color:#7e906d;margin-top:9px}.module-tile h4{font-family:Manrope,Arial,sans-serif;font-size:17px;font-weight:500;line-height:1.4;min-height:48px;margin:20px 0 10px;letter-spacing:-.3px}.module-tile summary>p{color:var(--muted);font-size:11px;line-height:1.7;min-height:38px;margin:0}.module-more{display:flex;justify-content:space-between;align-items:center;color:var(--lime);font-size:10px;margin-top:22px}.module-more b{font-size:20px;font-weight:400;transition:transform .25s}.module-tile[open] .module-more b{transform:rotate(45deg)}.module-tile>ul{margin:0;padding:0 22px 25px 34px;color:#bdc9b2;font-size:11px;line-height:1.8}.module-tile li+li{margin-top:9px}.erp-evidence{display:grid;grid-template-columns:1.8fr 1fr;gap:35px;align-items:center;margin-top:28px;background:#1b2216;border-radius:7px;overflow:hidden;padding:22px}.erp-evidence img{width:100%;height:auto;border-radius:5px}.erp-evidence p{color:var(--muted);font-size:12px;line-height:1.8;margin:12px 0 17px}.inventory-feature{padding:75px 0 85px;display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center;border-top:1px solid var(--line)}.inventory-intro h2{margin:22px 0}.inventory-intro p{font-size:14px;line-height:1.85;color:var(--muted);margin-bottom:25px;max-width:370px}.inventory-points{display:flex;gap:15px;justify-content:space-between;margin-bottom:22px}.inventory-points span{font-size:10px;color:#b6c3a8;display:flex;align-items:center;gap:8px}.inventory-points b{font-weight:400;font-size:8px;background:#2c3821;color:var(--lime);padding:7px;border-radius:50%}.inventory-capture{border-radius:7px;overflow:hidden;border:1px solid #6b7c56;box-shadow:0 18px 35px #0003;background:#f6f8f3}.inventory-capture img{width:100%;height:auto;display:block}.capture-note{font-size:9px;line-height:1.7;color:#89977b;margin:12px 0}.inventory-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.inventory-chips span{padding:8px 10px;background:#1e2918;border:1px solid #3a4b2c;border-radius:4px;font-size:9px;color:#c0d4aa}
@media(max-width:1100px){.module-grid{grid-template-columns:repeat(2,1fr)}.module-tile h4{min-height:0}.module-tile summary>p{min-height:0}.inventory-feature{gap:35px}.erp-evidence{gap:20px}.explorer-heading h3{font-size:31px}}
@media(max-width:800px){.inventory-feature{grid-template-columns:1fr;gap:32px}.inventory-intro h2{font-size:45px}.inventory-intro p{max-width:550px}.erp-evidence{grid-template-columns:1fr}.explorer-heading{display:block}.explorer-heading>p{margin-top:20px;max-width:500px}.operation-path{flex-wrap:wrap;justify-content:flex-start;gap:13px}.operation-path span{font-size:11px}nav{gap:22px}nav a[href="#enfoque"]{display:none}}
@media(max-width:520px){.explorer-heading h3{font-size:27px}.module-grid{gap:9px}.module-tile summary{padding:17px 13px}.module-tile h4{font-size:15px;min-height:42px}.module-tile summary>p{font-size:10px;min-height:48px}.module-icon{width:35px;height:35px;font-size:20px}.module-more{font-size:9px}.module-tile>ul{padding:0 17px 20px 27px;font-size:10px}.operation-path{padding:17px;gap:11px}.operation-path span{font-size:10px}.erp-evidence{padding:15px}.inventory-feature{padding:50px 0}.inventory-intro h2{font-size:40px}.inventory-points{flex-direction:column;gap:10px}.inventory-points span{font-size:11px}.inventory-chips span{font-size:9px}.erp-explorer{padding-bottom:35px}}
.hero-window,.hero-phone,.hero-stamp,.screen-frame,.case-stage:hover .screen-frame,.preventive-main,.checklist-window,.case-stage:hover .checklist-window,.hangel-form,.scan-window,.case-stage:hover .scan-window,.stage-flow{transform:none;animation:none}
.hero-window{width:90%;left:5%;top:24%}.hero-window>img{width:100%;height:auto;max-width:100%;transform:none}.hero-phone{right:7%;bottom:12%;width:29%;height:50%;border-radius:15px}.hero-phone img{object-fit:contain;object-position:top;height:100%;width:100%}.hero-stamp{bottom:17%;left:7%}
.case-stage{padding:65px 24px;min-height:400px}.screen-frame,.case-stage .screen-frame{width:100%;flex-shrink:1}.screen-frame img{width:100%;height:auto;max-width:100%;display:block}.stage-flow{bottom:54px}.preventive-screens{display:flex;flex-direction:column;gap:28px;width:100%}.preventive-main{width:100%;height:auto;margin:0;box-shadow:0 8px 22px #20344b15}.checklist-window{width:100%;margin:0;box-shadow:0 8px 22px #20344b15}.checklist-window img{width:100%;height:auto;display:block}.hangel-stage{min-height:430px}.hangel-collage{display:flex;align-items:center;gap:17px;height:auto;width:100%}.hangel-form{position:static;width:42%;height:auto;object-fit:contain;display:block}.scan-window{position:relative;top:auto;right:auto;width:58%;height:auto}.scan-window img{width:100%;height:auto;display:block}.gallery-main>img{width:auto;max-width:100%;height:auto;max-height:430px}.gallery-thumbnails img{object-fit:contain}.case-stage:hover{box-shadow:inset 0 0 0 2px #7f9860}
@media(max-width:800px){.case-stage{min-height:360px}.real-hero{min-height:440px}.hero-phone{width:27%;height:53%}.hero-window{top:22%}}
@media(max-width:520px){.case-stage{padding:55px 14px;min-height:300px}.hangel-stage{min-height:340px}.preventive-screens{gap:23px}.screen-label{font-size:7px;left:14px}.stage-flow{font-size:7px;bottom:48px;right:14px}.stage-caption{left:14px;right:14px;font-size:6px}.hangel-collage{gap:10px}.real-hero{min-height:350px}.hero-window{top:24%}.hero-phone{width:30%;height:50%;bottom:16%}.hero-stamp{bottom:15%;font-size:9px;padding:10px}.gallery-main>img{max-height:370px}}