@keyframes wepDeviceReveal{from{opacity:0;filter:blur(5px)}to{opacity:1;filter:blur(0)}}
.wep .stage>*{animation:wepDeviceReveal .75s both}.wep .stage>*:nth-child(2){animation-delay:.12s}.wep .stage>*:nth-child(3){animation-delay:.22s}
.wep.wep--page{padding-top:145px}.wep.wep--inline{padding-top:0}

.wep{font-family:"Helvetica Neue",Arial,sans-serif;color:#1e1e1e;background:#fff;overflow:hidden;--pine:#005e00;--teal:#0e8581;--lime:#52ff08}.wep *{box-sizing:border-box}.wep button,.wep a{font:inherit}.wep button{cursor:pointer}.wep button:focus-visible,.wep a:focus-visible{outline:3px solid #08a64c;outline-offset:2px}.wep .shell{max-width:1280px;margin:auto;padding:0 28px}.wep .hero{background:linear-gradient(122deg,#fdfffe,#e6f6eb);padding:60px 0 36px}.wep .hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.wep .eyebrow{color:#005e00;font-size:12px;letter-spacing:1.3px;font-weight:800;text-transform:uppercase}.wep h1{font-size:clamp(38px,4.2vw,62px);font-weight:750;line-height:1.06;letter-spacing:-2px;margin:15px 0 20px}.wep h1 em{font-style:normal;color:#005e00}.wep .hero p:not(.eyebrow){line-height:1.75;color:#587061;font-size:15px;max-width:550px}.wep .cta{display:inline-flex;align-items:center;gap:15px;padding:14px 19px;background:#005e00;color:#fff;text-decoration:none;border:0;border-radius:6px;font-size:13px;font-weight:750}.wep .cta:hover{background:#08763a}.wep .conceptnote{margin-top:14px;font-size:11px;color:#68796c}.wep .stage{min-height:332px;display:flex;align-items:center;justify-content:center;gap:2px;perspective:1000px}.wep .stage>*:first-child{transform:rotate(-8deg) translateY(22px)}.wep .stage>*:last-child{transform:rotate(7deg) translateY(21px)}.wep .stage>*:nth-child(2){z-index:2;transform:translateY(-5px) scale(1.07)}.wep .phone{flex:0 0 142px;width:142px;height:286px;border:7px solid #171a18;border-radius:27px;overflow:hidden;background:#fff;box-shadow:0 20px 35px #06351f33;position:relative}.wep .phone:before{content:"";height:10px;width:48px;border-radius:15px;background:#171a18;position:absolute;top:3px;left:calc(50% - 24px);z-index:3}.wep .status{height:25px;padding:9px 8px 0;display:flex;justify-content:space-between;font-size:7px;font-weight:800}.wep .appname{padding:10px 8px;font-size:11px;font-weight:850;display:flex;justify-content:space-between}.wep .photo{height:102px;background:#e4f2e8;position:relative;overflow:hidden}.wep .photo img{width:100%;height:100%;object-fit:cover}.wep .photo strong{position:absolute;bottom:0;left:0;right:0;padding:15px 7px 8px;color:white;font-size:10px;background:linear-gradient(transparent,#12321caf)}.wep .phone-body{padding:10px 8px}.wep .phone-body b{display:block;font-size:10px}.wep .phone-body small{display:block;font-size:8px;color:#68796c;margin:5px 0}.wep .tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.wep .tags i{font-style:normal;background:#edf6ef;color:#2b5439;padding:4px;border-radius:4px;font-size:7px}.wep .phone-action{background:var(--tone,#005e00);color:#fff;border-radius:4px;padding:7px;text-align:center;font-size:8px;font-weight:750;margin-top:8px}.wep .desktop{flex:0 0 348px;width:348px;height:235px;background:white;border:7px solid #1a231d;border-radius:13px;overflow:hidden;box-shadow:0 20px 35px #12331e33}.wep .chrome{height:20px;background:#f0f3f0;display:flex;gap:4px;align-items:center;padding:0 7px}.wep .chrome i{background:#bac8bc;width:5px;height:5px;border-radius:50%}.wep .dash-header{display:flex;justify-content:space-between;padding:12px;font-size:12px;font-weight:800}.wep .dash-header small{color:#77887a;font-size:8px}.wep .metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:4px 10px}.wep .metric{border:1px solid #e5ede7;border-radius:7px;padding:8px}.wep .metric small{font-size:8px;color:#677568;display:block}.wep .metric b{font-size:16px}.wep .table{margin:10px;border:1px solid #e6ebe6;border-radius:7px;overflow:hidden}.wep .table div{display:flex;justify-content:space-between;padding:7px;font-size:8px;border-bottom:1px solid #edf2ed}.wep .table div:last-child{border:0}.wep .table b{color:#08a64c}.wep .gallery{padding:48px 0}.wep .section-header{display:flex;align-items:end;justify-content:space-between;gap:12px}.wep h2{font-size:clamp(28px,3vw,43px);letter-spacing:-1.2px;line-height:1.2;margin:7px 0 12px}.wep .muted{font-size:13px;color:#6b7c6e;line-height:1.6}.wep .filters{display:flex;gap:7px;overflow-x:auto;padding:15px 0;scrollbar-width:thin}.wep .filters button{flex-shrink:0;border-radius:22px;border:1px solid #dbeade;background:white;padding:9px 13px;font-size:12px;color:#335d42}.wep .filters button[aria-pressed=true]{background:#005e00;color:#fff;border-color:#005e00}.wep .tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.wep .tile{border:1px solid #e2ede6;border-radius:15px;background:#f7fffc;min-width:0;text-align:left;padding:0;overflow:hidden;transition:transform .2s,box-shadow .2s}.wep .tile:hover{transform:translateY(-5px);box-shadow:0 20px 35px #10351f1b}.wep .tile[aria-pressed=true]{border:2px solid #005e00}.wep .tile-visual{height:226px;display:flex;justify-content:center;align-items:end;overflow:hidden;background:linear-gradient(140deg,#e9f9ed,#d7eddf)}.wep .tile-visual .phone{transform:translateY(40px) scale(.77);transform-origin:bottom center}.wep .tile-visual .desktop{transform:translateY(42px) scale(.53);transform-origin:bottom center}.wep .tile-copy{padding:12px}.wep .tile-copy b{font-size:13px;display:block}.wep .tile-copy span{color:#6e7b71;font-size:10px;line-height:1.5;display:block;margin-top:5px}.wep .detail{background:#f7fffc;padding:54px 0}.wep .detail-inner{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.wep .capabilities{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wep .capabilities div{background:white;border:1px solid #e0ebe3;border-radius:9px;padding:18px;font-size:13px;font-weight:650}.wep .capabilities span{color:#08a64c;font-weight:900;margin-right:10px}.wep .detail p{font-size:14px;line-height:1.75;color:#5b6d60}.wep .inline .gallery{padding:20px 0 25px}.wep .inline .shell{padding:0}.wep .inline .tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.wep .overlay{position:fixed;inset:0;z-index:180;background:#001a10a8;display:grid;place-items:center;padding:16px}.wep .dialog{max-width:750px;width:100%;max-height:90vh;overflow:auto;border-radius:18px;background:white;padding:24px;position:relative}.wep .close{position:absolute;top:14px;right:14px;border:0;border-radius:50%;width:34px;height:34px;background:#eaf5ed}.wep .dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}.wep .dialog-visual{display:flex;justify-content:center;padding:20px}.wep .dialog ul{font-size:13px;line-height:2}.wep .dialog p{font-size:13px;line-height:1.7;color:#58675e}.wep .test-feedback{font-size:12px;color:#005e00;font-weight:700;margin-top:12px}
@media(max-width:950px){.wep .tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.wep .hero-grid{gap:10px}}
@media(max-width:780px){.wep .hero-grid,.wep .detail-inner{grid-template-columns:1fr}.wep .hero{padding:38px 0 26px}.wep .stage{max-width:510px;margin:0 auto}.wep .tiles{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.wep .shell{padding:0 15px}.wep h1{font-size:37px}.wep .stage{transform:scale(.88);transform-origin:center;min-height:280px}.wep .tiles,.wep .inline .tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.wep .tile-visual{height:187px}.wep .detail-inner,.wep .dialog-grid{grid-template-columns:1fr}.wep .capabilities{grid-template-columns:1fr}.wep .section-header{display:block}.wep .dialog{padding:18px}.wep .tile-copy b{font-size:12px}}
@media(prefers-reduced-motion:reduce){.wep *, .wep *:before,.wep *:after{animation:none!important;transition:none!important}}

/* Commerce gallery stays on one tidy horizontal track inside section two. */
.wep.wep--inline .tiles{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:14px;gap:12px}
.wep.wep--inline .tile{flex:0 0 210px;scroll-snap-align:start}
.wep.wep--inline .tile-visual{height:210px}
@media(max-width:520px){.wep.wep--inline .tile{flex-basis:174px}.wep.wep--inline .tile-visual{height:190px}}