body[data-page="shop"]{background:#f4f7f2;--shop-ink:#07382a}
body[data-page="shop"] h1,body[data-page="shop"] h2,body[data-page="shop"] h3{font-weight:800;letter-spacing:0;font-family:"Arial Black",Arial,Helvetica,sans-serif}
.es-campaign{position:relative;isolation:isolate;margin-top:22px;margin-bottom:35px;padding:45px 42px 35px;background:radial-gradient(ellipse at 80% 20%,#195840,transparent 55%),#063729;border-radius:28px 28px 65px 28px;color:#fff;overflow:hidden;border-bottom:7px solid #3cb28e}
.es-campaign:after{content:'';position:absolute;width:115%;height:120px;border:2px solid #3cb28e30;border-radius:50%;bottom:-65px;left:-8%;z-index:-1;transform:rotate(-4deg)}
.es-campaign-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px}
.es-campaign-copy{min-width:0}.es-campaign-copy .eyebrow{color:#b2e9d2;font-size:.63rem;display:flex;gap:9px;align-items:center;line-height:1.7}
.es-campaign h1{font-size:clamp(2.65rem,4.3vw,4.5rem);line-height:1.02;margin:22px 0;font-weight:900;letter-spacing:0;color:white;overflow-wrap:normal}
.es-campaign h1 em{color:#3cb28e;font-style:normal}
.es-campaign-copy>p{font-size:.9rem;line-height:1.8;color:#d1e4d8;max-width:530px}
.es-campaign-actions{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-top:22px}
.es-campaign-actions .button{border-radius:40px;background:#3cb28e;color:#07382a;border:0;font-size:.86rem;font-weight:800;padding-inline:25px;box-shadow:0 8px 25px #001d1640}
.es-campaign-actions>span{font-size:.75rem;font-weight:700;color:#c3efdb}
.es-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#3cb28e;box-shadow:0 0 0 5px #3cb28e20;flex-shrink:0;animation:es-dot 3s ease-in-out infinite}
.es-campaign-stage{position:relative;min-width:0;padding:30px 10px 18px;isolation:isolate}
.es-stage-ring{position:absolute;inset:0 3% 10%;border:1px solid #6be5af50;border-radius:50%;z-index:-1;animation:es-orbit 18s linear infinite}
.es-stage-ring:before,.es-stage-ring:after{content:'';position:absolute;width:12px;height:12px;border-radius:50%;background:#3cb28e;top:11%;left:12%;box-shadow:0 0 25px #3cb28e90}.es-stage-ring:after{top:auto;left:auto;bottom:8%;right:14%;width:7px;height:7px}
.es-campaign-device{position:relative;width:100%;aspect-ratio:1.4;border-radius:24px;background:#f5fbf7;overflow:hidden;box-shadow:0 20px 65px #001d1670;transform:rotate(-3deg);animation:es-device 7s ease-in-out infinite}
.es-campaign-device img{position:absolute;width:170%;max-width:none;height:auto;left:-35%;bottom:-30%;mix-blend-mode:multiply}
.es-device-tag{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:11px;max-width:90%;width:fit-content;margin:-15px auto 22px;padding:10px 17px;font-size:.68rem;font-weight:700;background:#3cb28e;color:#07382a;border-radius:30px;box-shadow:0 8px 25px #00281b60}.es-device-tag .es-live-dot{background:#07382a;box-shadow:0 0 0 4px #07382a15}
.es-package-pills{display:flex;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap;font-size:.67rem;font-weight:700;color:#b2e9d2}
.es-package-pills>span{padding:7px 10px;background:#ffffff0b;border:1px solid #3cb28e40;border-radius:25px}.es-package-pills>b{color:#3cb28e}
.es-campaign .es-saving-highlight{margin:30px 0 0;padding:26px 0 0;grid-template-columns:.8fr 1.2fr;background:transparent;border-top:1px solid #7cd9ab35;border-radius:0;gap:30px}
.es-campaign .es-saving-number>span{text-transform:uppercase;font-size:.8rem;font-weight:800;letter-spacing:.08em}
.es-campaign .es-saving-number strong{font-size:clamp(6rem,10vw,10rem);font-weight:900;line-height:.9;color:#3cb28e}
.es-campaign .es-saving-number>b{font-weight:800;text-transform:uppercase;font-size:clamp(.8rem,1.3vw,1.05rem);margin-top:8px}
.es-campaign .es-saving-highlight h2{text-transform:uppercase;font-size:clamp(1.5rem,2.4vw,2.3rem);font-weight:900;line-height:1.08;margin-bottom:12px}
.es-campaign .es-saving-highlight p{font-size:.86rem}.es-campaign .es-saving-highlight small{font-size:.63rem}
.es-product{gap:30px;scroll-margin-top:115px;padding-bottom:25px}
.es-gallery>img{border:0;border-radius:22px;box-shadow:0 12px 40px #163b2b15}
.es-config{border:1px solid #b9d8c7;background:#fff;padding:28px;border-radius:22px;box-shadow:0 12px 40px #163b2b10}
.es-config h2{font-size:clamp(1.9rem,2.7vw,2.6rem);line-height:1.1;font-weight:900}.es-config h2 em{color:#238362;font-style:normal}
.es-config>p{font-size:.86rem}.es-variants label span{transition:transform .2s,background .2s,box-shadow .2s;padding-block:15px;border-radius:12px;background:#f3f8f1}.es-variants input:checked+span{transform:translateY(-3px);background:#d3f4e4;box-shadow:0 5px 15px #3cb28e25,inset 0 0 0 1px #3cb28e}.es-variants label:hover span{border-color:#3cb28e}
.es-price>strong{font-weight:900;font-size:2.8rem;color:#07382a}.es-primary{border-radius:40px!important;font-weight:800}.es-thumbs button{font-weight:700;transition:background .2s,transform .2s}.es-thumbs button:hover{transform:translateY(-2px)}
.es-benefits{gap:16px;padding-block:10px 32px}.es-benefits article{position:relative;border:1px solid #b9d6c3;background:#fff;border-radius:20px;padding:25px;overflow:hidden}.es-benefits article:nth-child(2){background:#dbf3e6}.es-benefits article>span{font-weight:800;color:#248566}.es-benefits h3{font-size:1.5rem;line-height:1.12;text-transform:uppercase;font-weight:900}.es-benefits p{font-size:.81rem}.es-benefits article:after{content:'';position:absolute;width:100px;height:100px;border:15px solid #3cb28e0d;border-radius:50%;right:-40px;bottom:-40px;pointer-events:none}
.es-smart-package{background:#063729;color:#fff;border:0;border-radius:24px;padding:35px;gap:28px}.es-smart-package .eyebrow{color:#70d6ac}.es-smart-package h2{font-size:clamp(1.9rem,3.2vw,3rem);font-weight:900;line-height:1.05;color:#fff}.es-smart-package>div>p{color:#c3ddce;font-size:.84rem}.es-smart-facts>span{color:#b0cfbb}.es-smart-facts strong{color:#65d4a8}.es-smart-package aside{background:#3cb28e;color:#07382a;border:0;border-radius:20px;align-self:start}.es-smart-package aside .eyebrow{color:#124832}.es-smart-package aside p{color:#154b35}.es-smart-package aside h3{font-size:1.7rem;font-weight:900;text-transform:uppercase}.es-smart-package .es-small-details{border-color:#07382a40}.es-smart-package .es-small-details summary,.es-smart-package .es-small-details a{color:#07382a}
.es-flow-demo{border:1px solid #71b99755;background:#ffffff08;border-radius:16px;padding:15px;margin-top:23px}.es-flow-tabs{display:flex;gap:5px;flex-wrap:wrap}.es-flow-tabs button{border:1px solid #a5d7bd55;border-radius:30px;background:transparent;color:#bcdcc9;padding:8px 10px;font:inherit;font-size:.61rem;line-height:1.4}.es-flow-tabs button[aria-pressed="true"]{background:#3cb28e;color:#052e21;border-color:#3cb28e;font-weight:800}
.es-flow-scene{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-block:25px 15px}.es-flow-grid,.es-flow-house{font-size:.58rem;font-weight:800;color:#c0e3ce}.es-flow-track{position:relative;height:3px;flex:1;background:#6f9b8260;overflow:hidden}.es-flow-track:after{content:'';position:absolute;inset:0;width:20px;background:#6fe8b4;transform:translateX(-22px)}
.es-flow-battery{position:relative;display:flex;align-items:center;justify-content:center;width:84px;height:46px;border:2px solid #58bd94;border-radius:8px;background:#0e4e37;flex-shrink:0}.es-flow-battery:after{content:'';width:4px;height:16px;background:#58bd94;position:absolute;right:-6px;border-radius:0 3px 3px 0}.es-flow-battery>i{position:absolute;left:4px;top:4px;bottom:4px;width:60%;border-radius:3px;background:#3cb28e55}.es-flow-battery>b{position:relative;font-size:.55rem;color:#fff;letter-spacing:.01em;z-index:1}
.es-flow-demo[data-flow="charge"] .track-in:after,.es-flow-demo[data-flow="use"] .track-out:after{animation:es-energy 1.8s linear infinite}.es-flow-demo[data-flow="charge"] .es-flow-battery>i{animation:es-charge 4s ease-in-out infinite}.es-flow-demo[data-flow="use"] .es-flow-battery>i{animation:es-charge 4s ease-in-out infinite reverse}.es-flow-demo[data-flow="store"] .es-flow-battery{box-shadow:0 0 24px #3cb28e35}.es-flow-demo>p{font-size:.72rem;line-height:1.6;color:#d0e8d8;margin:7px 0}.es-flow-demo>small{font-size:.58rem;color:#91b6a0}
.es-feature-heading h2{font-weight:900;font-size:clamp(1.7rem,3.1vw,3rem);line-height:1.08}.es-feature-grid{gap:14px}.es-feature-grid article{border-radius:20px;background:white;padding:24px;transition:transform .25s,box-shadow .25s}.es-feature-grid article:hover{transform:translateY(-4px);box-shadow:0 14px 25px #08362913}.es-feature-grid article>span{font-weight:800;text-transform:uppercase;font-size:.6rem}.es-feature-grid h3{font-size:1.3rem;font-weight:900}.es-feature-grid article:nth-child(3),.es-feature-grid article:nth-child(6){background:#dff2e7}.es-lifetime{border-radius:20px;padding:26px;background:#e1f0df;border:0}.es-lifetime strong{font-weight:900;font-size:1.9rem}.es-downloads{background:white;border-radius:24px;border:1px solid #cbdac6}.es-downloads h2,.es-checkout h2{font-weight:900;line-height:1.12}.es-order{border-radius:22px;background:#fff;border:1px solid #bfd5b9}.es-paypal{font-weight:800}.es-download-list a{transition:padding .2s}.es-download-list a:hover{padding-left:8px}
.es-arrived{animation:es-arrival .6s ease-out both}
@keyframes es-arrival{from{opacity:.65;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes es-device{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-7px)}}
@keyframes es-orbit{to{transform:rotate(360deg)}}
@keyframes es-dot{50%{box-shadow:0 0 0 7px #3cb28e08}}
@keyframes es-energy{to{transform:translateX(180px)}}
@keyframes es-charge{0%,100%{width:22%}50%{width:84%}}
@media(min-width:1300px){.es-campaign h1{font-size:4.2rem}}
@media(max-width:1050px){.es-campaign{padding:30px}.es-campaign-layout{gap:20px}.es-campaign h1{font-size:clamp(2.4rem,4.6vw,3.6rem)}.es-campaign-copy .eyebrow{font-size:.56rem}.es-campaign-copy>p{font-size:.84rem}.es-campaign-actions .button{font-size:.76rem;padding-inline:18px}}
@media(max-width:800px){.es-campaign-layout{grid-template-columns:1fr}.es-campaign{padding:28px;border-radius:24px 24px 45px 24px}.es-campaign h1{font-size:clamp(2.65rem,7.7vw,4.6rem)}.es-campaign-stage{max-width:500px;width:100%;margin-inline:auto;padding-top:10px}.es-campaign .es-saving-highlight{grid-template-columns:1fr 1.2fr;gap:20px}.es-campaign .es-saving-number strong{font-size:clamp(5rem,12vw,8rem)}.es-campaign .es-saving-highlight h2{font-size:1.4rem}.es-campaign .es-saving-highlight p{font-size:.77rem}.es-smart-package{padding:26px}}
@media(max-width:520px){.es-campaign{padding:23px;width:calc(100% - 24px)}.es-campaign h1{font-size:clamp(2.3rem,8.7vw,3.8rem)}.es-campaign .es-saving-highlight{grid-template-columns:1fr;gap:22px}.es-campaign .es-saving-number strong{font-size:7rem}.es-campaign .es-saving-number>b{font-size:.9rem}.es-campaign .es-saving-highlight h2{font-size:1.8rem}.es-campaign-stage{padding-inline:0}.es-config{padding:22px}.es-benefits article{padding:22px}.es-flow-tabs button{font-size:.56rem;padding:7px 8px}.es-feature-grid article{padding:22px}.es-lifetime{padding:22px}.es-feature-heading h2{font-size:1.7rem}.es-campaign .es-saving-highlight small{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){body[data-page="shop"] *,body[data-page="shop"] *:before,body[data-page="shop"] *:after{animation:none!important;transition:none!important}.es-campaign-device{transform:rotate(-3deg)}}
