/*
Theme Name: Couperty
Theme URI: https://couperty.com/
Author: Couperty
Description: Multilingual landing site for the Couperty coupon browser extension.
Version: 1.0.26
Text Domain: couperty
Requires at least: 6.3
Requires PHP: 8.0
*/
@font-face{font-family:Geist;src:url("assets/Geist400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Geist;src:url("assets/Geist700.woff2") format("woff2");font-weight:700;font-display:swap}
:root{--ink:#1c1b18;--muted:#666a60;--lime:#c9ff57;--paper:#f8f9f1;--line:#dfe2d5}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Geist,sans-serif;-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;cursor:pointer}
.hero{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 76%,#f1f8dd 0,#f8f9f1 46%,#f8f9f1 100%)}
.hero-shell{max-width:1512px;margin:auto;position:relative;padding:86px clamp(20px,4vw,64px) 0}
.hero-header{position:fixed;z-index:100;top:24px;left:50%;width:min(960px,calc(100% - 40px));height:62px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid transparent;border-radius:18px;background:transparent;padding:0 17px 0 20px;transform:translateX(-50%);transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,backdrop-filter .25s ease}.hero-header.is-scrolled{border-color:#e0e4d5;background:rgba(255,255,255,.92);box-shadow:0 12px 32px #20251c16;backdrop-filter:blur(14px)}
.admin-bar .hero-header{top:56px}
@media(max-width:782px){.admin-bar .hero-header{top:60px}}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:25px;font-weight:700;letter-spacing:-.065em}
.brand img{border-radius:50%}.brand-period{color:#8fc713}
.header-action{display:inline-flex;align-items:center;text-decoration:none;gap:10px;border:1.5px solid var(--ink);border-radius:10px;background:var(--lime);color:var(--ink);font-size:13px;font-weight:700;padding:10px 14px;white-space:nowrap;box-shadow:2px 2px 0 var(--ink);transition:transform .2s,box-shadow .2s}.header-action svg{width:17px;height:17px;flex:none}.header-action:hover{transform:translate(1px,1px);text-decoration:none;box-shadow:1px 1px 0 var(--ink)}
.hero-copy{text-align:center;position:relative;z-index:2;padding:53px 0 0}
.eyebrow{display:inline-flex;align-items:center;font-size:11px;font-weight:700;letter-spacing:.16em;color:#5c654c}
h1{font-size:clamp(72px,7vw,116px);letter-spacing:-.095em;line-height:.89;font-weight:700;margin:21px 0 19px}
h1 em{font-family:Georgia,serif;font-size:1.04em;font-style:italic;font-weight:400;letter-spacing:-.065em;color:#a6d83d}
.hero-copy p{max-width:660px;margin:0 auto;color:#575d52;font-size:17px;line-height:1.6}
.primary-action{display:inline-flex;align-items:center;gap:10px;margin-top:25px;border:1.5px solid var(--ink);border-radius:12px;background:var(--lime);padding:8px 20px;min-height:54px;font-size:17px;font-weight:700;box-shadow:4px 4px 0 var(--ink);transition:transform .2s,box-shadow .2s}
.primary-action:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.primary-action:focus-visible,.header-action:focus-visible{outline:3px solid #5a8d00;outline-offset:4px}
@media(max-width:650px){.primary-action{font-size:16px}}
.browser-icon{display:block;flex:none;width:19px;height:19px}
.hero-footnote{display:block;margin-top:18px;color:#868b7e;font-size:11px}




.flow-scene{position:relative;height:360px;margin-top:-16px;isolation:isolate}
.flow-line{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible}
@media(min-width:901px){.flow-scene{width:100vw;left:50%;transform:translateX(-50%)}}
.result-band{fill:none;stroke:#1c1b18;stroke-width:clamp(27px,calc(70px - 2vw),42px);stroke-linecap:butt}
.flow-words{font-family:Geist,sans-serif;font-size:clamp(13.5px,calc(35px - 1vw),21px);font-weight:700;letter-spacing:.035em}
.flow-words-before{fill:#b1baaa}
.flow-words-after{fill:#fff}
.flow-halo{position:absolute;z-index:0;top:96px;left:50%;width:360px;height:210px;transform:translateX(-50%);background:radial-gradient(ellipse,#c9ff5755,transparent 70%);filter:blur(26px)}
.code-chip{position:absolute;z-index:3;left:50%;top:183px;display:flex;align-items:center;gap:11px;width:305px;height:76px;padding:9px 21px;transform:translate(-50%,-50%);isolation:isolate}
.code-ticket-outline{position:absolute;z-index:0;inset:0;width:100%;height:100%;overflow:visible}
.code-ticket-outline path{fill:#fff;stroke:#1c1b18;stroke-width:2.5;stroke-linejoin:round}
.code-chip img{position:relative;z-index:1;flex:none;border-radius:50%}
.code-ticket-rule{position:absolute;z-index:1;top:2px;bottom:2px;left:69px;border-left:1.5px dashed #aebc9b}
.code-copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:3px;min-width:100px;margin-left:12px}
.code-chip small{font-size:9px;font-weight:700;letter-spacing:.11em;color:#74845c;white-space:nowrap}
.code-chip strong{position:relative;display:block;width:105px;height:25px;font-size:23px;line-height:1;letter-spacing:-.045em}
.code-chip strong span{position:absolute;inset:0;display:block}
.code-pending{display:flex!important;gap:2px;color:#a9b792}
.code-pending i{display:inline-block;font-style:normal;line-height:1;animation:coupon-search-dot 1s ease-in-out infinite;animation-delay:calc(var(--i)*.12s)}
.code-pending i:nth-child(1){--i:0}.code-pending i:nth-child(2){--i:1}.code-pending i:nth-child(3){--i:2}.code-pending i:nth-child(4){--i:3}.code-pending i:nth-child(5){--i:4}.code-pending i:nth-child(6){--i:5}
.code-discount{position:relative;z-index:1;display:grid;place-items:center;flex:none;margin-left:auto;min-width:64px;height:34px;padding:0 8px;border-radius:8px;background:var(--lime);color:var(--ink);font-size:11px;font-weight:700;white-space:nowrap;opacity:0}
.code-revealed{color:#1c1b18;opacity:0}
.flow-scene.is-running .code-pending{animation:code-pending 9s ease-in-out infinite}
.flow-scene.is-running .code-revealed{animation:code-reveal 9s cubic-bezier(.2,.8,.2,1) infinite}
.flow-scene.is-running .code-discount{animation:discount-reveal 9s ease-in-out infinite}
.flow-word{--stage:0s;position:absolute;z-index:4;top:86px;left:50%;display:flex;align-items:center;justify-content:center;height:44px;color:#1c1b18;font-size:24px;font-weight:400;letter-spacing:-.055em;white-space:nowrap;transform:translateX(-50%);pointer-events:none}
.flow-word-verified{--stage:-6.75s}
.flow-word-discount{--stage:-4.5s}
.flow-word-saved{--stage:-2.25s}
.flow-check{flex:none;width:27px;height:27px;margin-right:9px;opacity:0;transform:translateY(5px) scale(.65);overflow:visible}
.flow-check circle{fill:var(--lime);stroke:var(--ink);stroke-width:1.8}
.flow-check path{fill:none;stroke:var(--ink);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:18;stroke-dashoffset:18}
.flow-scene.is-running .flow-check{animation:flow-check-pop 9s cubic-bezier(.2,.8,.2,1) infinite;animation-delay:var(--stage)}
.flow-scene.is-running .flow-check path{animation:flow-check-draw 9s ease-in-out infinite;animation-delay:var(--stage)}
.flow-word span{display:inline-block;opacity:0;transform:translateY(8px) scale(.88)}
.flow-scene.is-running .flow-word span{animation:letter-pop 9s cubic-bezier(.2,.8,.2,1) infinite;animation-delay:calc(var(--stage) + var(--i)*.035s)}
@keyframes code-pending{0%,25%{opacity:1;transform:translateY(0)}33%,90%{opacity:0;transform:translateY(-10px)}97%,100%{opacity:1;transform:translateY(0)}}
@keyframes code-reveal{0%,25%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(8px)}33%{opacity:1;clip-path:inset(0 0 0 0);transform:translateY(-3px)}38%,90%{opacity:1;transform:translateY(0)}97%,100%{opacity:0;transform:translateY(7px)}}
@keyframes discount-reveal{0%,25%{opacity:0;transform:translateY(6px)}33%,90%{opacity:1;transform:translateY(0)}97%,100%{opacity:0;transform:translateY(6px)}}
@keyframes coupon-search-dot{0%,100%{opacity:.4;transform:translateY(0) scale(.85)}45%{opacity:1;transform:translateY(-3px) scale(1.16)}}
@keyframes flow-check-pop{0%,2%,18%,100%{opacity:0;transform:translateY(5px) scale(.65)}4%,15%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes flow-check-draw{0%,3%{stroke-dashoffset:18}7%,17%{stroke-dashoffset:0}18%,100%{stroke-dashoffset:18}}
@keyframes letter-pop{0%,3%,18%,100%{opacity:0;transform:translateY(8px) scale(.88)}5%{opacity:1;transform:translateY(-2px) scale(1.035)}9%,15%{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:900px){.hero-copy{padding-top:60px}.flow-line{width:122%;left:-11%}}
@media(max-width:650px){.hero-shell{padding:72px 16px 0}.hero-header{top:14px;width:calc(100% - 32px);height:58px;border-radius:13px;padding:0 9px 0 10px}.brand{font-size:21px}.brand img{width:35px;height:35px}.header-action{font-size:11px;padding:9px 10px;gap:5px}.hero-copy{padding:65px 5px 0}.eyebrow{font-size:9px}h1{font-size:clamp(52px,12vw,78px);margin:26px 0 20px}.hero-copy p{font-size:15px;max-width:390px}.flow-scene{height:360px;margin-top:-6px}.flow-line{width:900px;left:50%;transform:translateX(-50%)}.flow-words{font-size:22px}.result-band{stroke-width:42}.flow-halo{top:88px;width:290px}.code-chip{scale:.86}.flow-word{top:83px;font-size:20px}}
@media(max-width:390px){.header-action{font-size:10px;padding:8px}.header-action svg{width:14px;height:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}.flow-word:not(.flow-word-saved),.code-pending{display:none!important}.flow-word-saved span{opacity:1!important;transform:none!important}.code-revealed,.code-discount{opacity:1!important;clip-path:none!important;transform:none!important}}

/* How it works */
.how{background:#fff;padding:110px clamp(20px,4vw,64px) 130px;scroll-margin-top:35px}
.how-shell{max-width:1360px;margin:auto;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.8fr);align-items:center;gap:clamp(46px,6vw,100px)}
.demo-browser{min-width:0;height:490px;overflow:hidden;border:1px solid #d8dccf;border-radius:18px;background:#fff;box-shadow:0 28px 55px #26301b22,0 4px 0 #1c1b18;position:relative}
.demo-browser.is-result{border-bottom-color:#1c1b18}
.demo-browser.is-installing{animation:demo-browser-slide .65s cubic-bezier(.2,.8,.2,1) both}
@keyframes demo-browser-slide{from{opacity:0;transform:translateX(-72px)}to{opacity:1;transform:none}}
.demo-browser.is-loop-exiting{animation:demo-browser-out .42s ease-in both;pointer-events:none}
@keyframes demo-browser-out{from{opacity:1;transform:none}to{opacity:0;transform:translateY(14px) scale(.98)}}
.demo-browser-bar{height:43px;background:#f0f2eb;border-bottom:1px solid #dde0d5;display:flex;align-items:center;gap:18px;padding:0 16px}
.demo-browser-dots{display:flex;gap:5px}.demo-browser-dots i{width:7px;height:7px;border-radius:50%;background:#c1c8b8}.demo-browser-dots i:first-child{background:#a9d853}
.demo-address{flex:1;height:24px;display:flex;align-items:center;justify-content:center;border:1px solid #e3e6dd;border-radius:6px;background:#fff;color:#9a9e93;font-size:10px;letter-spacing:.02em}
.demo-browser-bar img{border-radius:50%}.demo-toolbar-icon{opacity:0;transform:scale(.4)}.demo-browser.has-extension .demo-toolbar-icon{animation:demo-icon-pop .55s .12s cubic-bezier(.2,1.5,.3,1) both}
@keyframes demo-icon-pop{0%{opacity:0;transform:scale(.3) rotate(-25deg)}60%{opacity:1;transform:scale(1.25) rotate(8deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
.demo-screen{height:calc(100% - 43px);position:relative;overflow:hidden;background:#f7f8f4}
.demo-stage{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(12px) scale(.99);transition:opacity .42s ease,transform .42s ease,visibility .42s;pointer-events:none}
.demo-stage.is-active{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.demo-browser.is-installing .demo-stage:not(.is-active){opacity:0;visibility:hidden;transition:none}
.demo-store-top{height:55px;display:flex;align-items:center;gap:9px;padding:0 25px;background:#fff;border-bottom:1px solid #eceee7;font-size:13px;font-weight:700;color:#4b5047}
.demo-store-search{margin-left:auto;width:37%;padding:7px 11px;border:1px solid #e7eae2;border-radius:6px;color:#a1a69b;font-size:10px;font-weight:400;display:flex;justify-content:space-between}
.demo-store-content{width:min(76%,540px);margin:25px auto 0}
.demo-store-banner{height:167px;padding:24px 34px;display:flex;justify-content:space-between;overflow:hidden;border-radius:12px 12px 0 0;background:#c9ff57;color:#1c1b18}
.demo-store-banner>span:first-child{font-size:39px;line-height:.94;font-weight:700;letter-spacing:-.075em}.demo-store-banner em{font-size:1.08em;font-weight:700;letter-spacing:-.08em}.demo-banner-spark{font-size:130px;line-height:1;opacity:.15;transform:rotate(-18deg)}
.demo-store-listing{min-height:104px;display:flex;align-items:center;gap:14px;padding:13px 17px;background:#fff;border:1px solid #e8eadf;border-top:none;border-radius:0 0 12px 12px;box-shadow:0 10px 26px #26301b10}
.demo-store-listing img{border-radius:50%;flex:none}.demo-listing-copy{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}.demo-listing-copy strong{font-size:18px;letter-spacing:-.04em}.demo-listing-copy small{font-size:10px;line-height:1.4;color:#777e71}
.demo-install-target{flex:none;border:1.5px solid var(--ink);background:var(--lime);border-radius:8px;padding:10px 12px;font-size:11px;font-weight:700;box-shadow:2px 2px 0 var(--ink)}
.demo-store-rating{margin-top:15px;color:#a3d034;font-size:13px;letter-spacing:.11em}.demo-store-rating span{margin-left:8px;color:#9a9f94;font-size:10px;letter-spacing:0}
.demo-pointer{position:absolute;left:var(--pointer-x,0px);top:var(--pointer-y,0px);width:25px;height:30px;filter:drop-shadow(0 3px 3px #0002);z-index:5;opacity:0;pointer-events:none}
.demo-stage.is-active .demo-pointer-install{animation:demo-cursor-install 3.15s ease-in-out both}.demo-stage.is-active .demo-install-target{animation:demo-install-press 3.15s ease-in-out both}
@keyframes demo-cursor-install{0%,14%{opacity:0;transform:translate(-105px,78px)}24%{opacity:1}61%,72%{opacity:1;transform:translate(0,0)}79%{opacity:1;transform:translate(0,4px) scale(.88)}90%,100%{opacity:0;transform:translate(0,0)}}
@keyframes demo-install-press{0%,72%,88%,100%{transform:none;box-shadow:2px 2px 0 var(--ink)}79%{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}}
.demo-cart-page{position:absolute;inset:0;background:#fff}.demo-shop-nav{height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 27px;border-bottom:1px solid #eceee7;color:#8d9388;font-size:10px}.demo-shop-nav strong{color:var(--ink);font-size:17px;letter-spacing:-.07em}.demo-shop-nav strong span{color:#8fc713}
.demo-cart-content{width:58%;padding:27px 0 0 7%}.demo-cart-heading small{color:#9b9f96;font-size:10px;font-weight:700;letter-spacing:.13em}.demo-cart-heading h3{margin:5px 0 24px;font-size:25px;letter-spacing:-.065em}
.demo-product{display:flex;gap:15px;align-items:center;padding-bottom:19px;border-bottom:1px solid #e9ece5}.demo-product img{width:105px;height:105px;object-fit:cover;border-radius:8px}.demo-product span{display:flex;flex-direction:column;gap:8px;font-size:12px}.demo-product strong{font-size:13px}.demo-product small{color:#a0a59c}.demo-product b{margin-top:7px;font-size:13px}
.demo-cart-total{display:flex;justify-content:space-between;margin-top:22px;font-size:12px}.demo-cart-total strong{font-size:16px}.demo-checkout-line{display:flex;justify-content:space-between;margin-top:18px;padding:12px 15px;background:#1c1b18;color:#fff;border-radius:7px;font-size:11px;font-weight:700}
.demo-extension-popup{position:absolute;right:16px;top:16px;width:min(300px,58%);padding:16px;border:1.5px solid #d4dacb;border-radius:15px;background:#fff;box-shadow:0 22px 40px #20271b30;z-index:2}
.demo-popup-top{display:flex;align-items:center;gap:8px;margin-bottom:14px}.demo-popup-top img{border-radius:50%;flex:none}.demo-popup-top strong{font-size:15px;letter-spacing:-.05em}.demo-popup-controls{display:flex;align-items:center;gap:10px;margin-left:auto;color:#5f665b}.demo-popup-controls svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.demo-popup-controls .demo-settings-icon{display:block;width:17px;height:17px;border-radius:0}
.demo-popup-eyebrow{display:flex;align-items:center;gap:5px;font-size:9px;letter-spacing:.12em;color:#7a876c;font-weight:700}.demo-popup-eyebrow b{display:grid;place-items:center;width:17px;height:17px;border-radius:5px;background:#edf1e5;color:#718266;font-size:10px;letter-spacing:0}
.demo-code-status{display:flex;align-items:center;gap:6px;margin:10px 0 9px;color:#8b9484;font-size:9px;font-weight:700;letter-spacing:.04em}.demo-code-status:before{content:"";width:6px;height:6px;border-radius:50%;background:#a4da36;box-shadow:0 0 0 3px #c9ff5740;animation:demo-status-pulse .9s ease-in-out infinite}.demo-code-status.is-complete:before{animation:none;background:#6d9d22}
@keyframes demo-status-pulse{50%{box-shadow:0 0 0 6px #c9ff5720}}
.demo-code-row{border:2px dashed #aee741;background:#faffef;border-radius:12px;padding:11px 12px;font-size:10px;transition:background .2s,border-color .2s,box-shadow .2s}
.demo-code-row.is-changing{animation:demo-code-switch .35s ease both}.demo-code-row.is-best{background:#f6ffe6;border-color:#9bdb25;box-shadow:0 0 0 3px #c9ff5730}
.demo-coupon-main{display:flex;align-items:center;justify-content:space-between;gap:7px}.demo-coupon-main>strong{font-size:21px;white-space:nowrap;letter-spacing:-.06em}
.demo-coupon-code{display:inline-flex;align-items:center;gap:4px;padding:6px 7px;border-radius:8px;background:var(--lime);color:var(--ink);white-space:nowrap}.demo-coupon-code b{font-size:10px;letter-spacing:-.02em}.demo-coupon-code svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.demo-coupon-description{display:block;margin:9px 0 10px;color:#5d6559;font-size:10px;line-height:1.35}.demo-coupon-footer{display:flex;align-items:center;justify-content:space-between;gap:5px;padding-top:9px;border-top:1px dashed #cbd3bc}.demo-coupon-footer span{padding:3px 5px;border:1px solid #9fce42;border-radius:6px;color:#759f24;font-size:8px;font-weight:700;white-space:nowrap}.demo-coupon-footer strong{color:#5e901b;font-size:11px;white-space:nowrap}
@keyframes demo-code-switch{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}
.demo-apply-target{display:flex;justify-content:space-between;width:100%;margin-top:12px;border:1.5px solid var(--ink);border-radius:8px;background:var(--lime);padding:12px;box-shadow:3px 3px 0 var(--ink);font-size:12px;font-weight:700}
.demo-stage.is-active .demo-extension-popup{animation:demo-popup-enter .55s .55s ease-out both}.demo-stage.is-active .demo-pointer-apply{animation:demo-cursor-apply 4.15s ease-in-out both}.demo-stage.is-active .demo-apply-target{animation:demo-apply-press 4.15s ease-in-out both}
@keyframes demo-popup-enter{from{opacity:0;transform:translateY(22px) scale(.94)}to{opacity:1;transform:none}}
@keyframes demo-cursor-apply{0%,49%{opacity:0;transform:translate(70px,45px)}60%{opacity:1}76%,82%{opacity:1;transform:translate(0,0)}88%{opacity:1;transform:translate(0,4px) scale(.88)}100%{opacity:0;transform:translate(0,0)}}
@keyframes demo-apply-press{0%,82%,95%,100%{transform:none;box-shadow:2px 2px 0 var(--ink)}88%{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}}
.demo-result-scrim{position:absolute;inset:0;background:#1c1b18a8}.demo-result-card{position:absolute;left:50%;top:50%;width:330px;padding:19px 24px 23px;transform:translate(-50%,-50%);border-radius:17px;border:1px solid #d9ddcf;background:#fff;box-shadow:0 23px 45px #0003;text-align:center}
.demo-result-kicker{display:flex;align-items:center;justify-content:center;gap:7px;color:#7b8c60;font-size:9px;font-weight:700;letter-spacing:.13em}.demo-result-kicker img{border-radius:50%}.demo-result-money{display:block;width:128px;height:102px;margin:1px auto -2px;filter:drop-shadow(0 7px 5px #5f9f2122)}
.demo-result-label{display:block;font-size:13px;font-weight:700}.demo-saved-amount{display:block;margin:2px 0 17px;color:#6b9f1f;font-size:43px;line-height:1;letter-spacing:-.08em;font-variant-numeric:tabular-nums}
.demo-result-code,.demo-result-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid #e9ece5;text-align:left;font-size:11px;color:#788073}.demo-result-code strong{color:var(--ink);font-size:12px;letter-spacing:.06em}.demo-result-row s{color:#9ca397}.demo-result-new{padding-bottom:0;color:var(--ink);font-weight:700}.demo-result-new strong{font-size:17px}
.demo-stage.is-active .demo-result-scrim{animation:demo-scrim-enter .5s ease both}.demo-stage.is-active .demo-result-card{animation:demo-result-enter .65s cubic-bezier(.2,.85,.2,1.1) both}
.demo-stage.is-active .demo-result-money{animation:demo-money-pop .9s .35s cubic-bezier(.2,1.3,.25,1) both}.demo-stage.is-active .demo-saved-amount{animation:demo-amount-glow 1.5s .4s ease-out both}
@keyframes demo-scrim-enter{from{opacity:0}to{opacity:1}}@keyframes demo-result-enter{from{opacity:0;transform:translate(-50%,-43%) scale(.88)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes demo-money-pop{from{opacity:0;transform:translateY(20px) scale(.65) rotate(-14deg)}60%{opacity:1;transform:translateY(-5px) scale(1.07) rotate(4deg)}to{opacity:1;transform:none}}
@keyframes demo-amount-glow{0%,15%{text-shadow:none;transform:scale(.86)}55%{text-shadow:0 0 24px #c9ff57;transform:scale(1.14)}100%{text-shadow:none;transform:scale(1)}}
.how-eyebrow{color:#7e9b56;font-size:10px;font-weight:700;letter-spacing:.19em}.how-copy h2{margin:15px 0 39px;font-size:clamp(47px,4.6vw,67px);line-height:1.04;letter-spacing:-.075em}.how-copy h2 span{color:#9bce34}
.how-steps{display:flex;flex-direction:column}.how-step{width:100%;display:flex;gap:20px;align-items:flex-start;text-align:left;padding:21px 0 21px 21px;border:0;border-left:2px solid #e0e5d9;background:transparent;color:#858c80;transition:color .25s,border-color .25s;cursor:pointer}
.how-step:hover{color:#30342d}.how-step.is-active{border-left:3px solid #a6d83d;color:var(--ink);padding-left:20px}.how-step:focus-visible{outline:2px solid #6b9f1f;outline-offset:4px;border-radius:5px}
.how-step-number{min-width:25px;padding-top:3px;font-size:12px;font-weight:700;letter-spacing:.05em;color:#9aa693}.how-step.is-active .how-step-number{color:#7eaf28}.how-step>span:last-child{display:flex;flex-direction:column;gap:7px}.how-step strong{font-size:21px;font-weight:700;letter-spacing:-.04em}.how-step small{max-width:290px;font-size:13px;line-height:1.55;color:#8b9187}.how-step.is-active small{color:#646b60}
@media(max-width:1100px){.how-shell{grid-template-columns:1fr;gap:58px;max-width:800px}.how-copy{grid-row:1}.how-copy h2{margin-bottom:20px}.how-steps{display:grid;grid-template-columns:repeat(3,1fr)}.how-step{padding:16px 13px;gap:8px}.how-step.is-active{padding:16px 13px 16px 12px}.how-step strong{font-size:17px}.how-step small{font-size:11px}.demo-browser{grid-row:2}}
@media(max-width:650px){.how{padding:78px 16px 90px}.how-shell{gap:35px}.how-copy h2{font-size:48px;margin:12px 0 22px}.how-steps{display:flex}.how-step{padding:12px 12px;gap:11px}.how-step.is-active{padding:12px 12px 12px 11px}.how-step strong{font-size:17px}.how-step small{font-size:11px}.demo-browser{height:365px;border-radius:12px}.demo-browser-bar{height:34px;padding:0 9px;gap:8px}.demo-browser-bar img{width:17px;height:17px}.demo-address{height:20px;font-size:8px}.demo-screen{height:calc(100% - 34px)}.demo-store-top{height:42px;padding:0 12px;font-size:10px}.demo-store-search{font-size:8px}.demo-store-content{width:88%;margin-top:20px}.demo-store-banner{height:110px;padding:15px 18px}.demo-banner-spark{font-size:85px}.demo-store-listing{min-height:83px;padding:8px;gap:8px}.demo-store-listing img{width:35px;height:35px}.demo-listing-copy strong{font-size:14px}.demo-listing-copy small{font-size:8px}.demo-install-target{padding:8px;font-size:9px}.demo-store-rating{font-size:10px}.demo-store-rating span{font-size:8px}.demo-shop-nav{height:43px;padding:0 13px}.demo-shop-nav>span:nth-child(2){display:none}.demo-cart-content{width:58%;padding:20px 0 0 5%}.demo-cart-heading h3{font-size:18px;margin-bottom:15px}.demo-product{gap:8px}.demo-product img{width:70px;height:70px}.demo-product span{gap:3px}.demo-product strong,.demo-product b{font-size:9px}.demo-product small{font-size:8px}.demo-cart-total{font-size:10px}.demo-cart-total strong{font-size:12px}.demo-checkout-line{font-size:9px}.demo-extension-popup{width:45%;padding:11px}.demo-popup-top{margin-bottom:8px}.demo-popup-top img{width:23px;height:23px}.demo-popup-top strong{font-size:11px}.demo-popup-eyebrow{font-size:7px}.demo-code-row{padding:7px;font-size:8px}.demo-apply-target{padding:8px;font-size:9px}.demo-result-card{width:min(83%,300px);padding:14px 19px}.demo-saved-amount{font-size:36px}}
@media(max-width:650px){.demo-extension-popup{width:min(285px,57%);padding:10px}.demo-popup-top{margin-bottom:8px}.demo-popup-controls{gap:6px}.demo-popup-controls svg{width:12px;height:12px}.demo-code-status{font-size:7px;margin-bottom:4px}.demo-code-row{padding:7px;border-radius:8px}.demo-coupon-main>strong{font-size:15px}.demo-coupon-code{padding:4px}.demo-coupon-code b{font-size:8px}.demo-coupon-code svg{width:10px;height:10px}.demo-coupon-description{font-size:8px;margin:6px 0}.demo-coupon-footer{padding-top:6px}.demo-coupon-footer span{font-size:6px;padding:2px 4px}.demo-coupon-footer strong{font-size:8px}.demo-apply-target{margin-top:8px;padding:8px;font-size:9px}}
@media(max-width:650px){.demo-popup-controls .demo-settings-icon{width:12px;height:12px}}
@media(max-width:650px){.demo-extension-popup{right:10px;top:10px}.demo-result-money{width:96px;height:77px;margin:0 auto -2px}}
@media(prefers-reduced-motion:reduce){.demo-stage{transition:none}.demo-pointer{display:none}.demo-browser.has-extension .demo-toolbar-icon{opacity:1;transform:none}.demo-result-card{opacity:1!important;transform:translate(-50%,-50%)!important}.demo-result-scrim,.demo-extension-popup{opacity:1!important;transform:none!important}}

/* Featured stores */
.stores{padding:106px clamp(20px,4vw,64px) 122px;background:radial-gradient(circle at 50% 55%,#f4fbe9 0,#f5f9f0 45%,#f7f9f2 100%);text-align:center}
.stores-shell{max-width:1180px;margin:0 auto}.stores-eyebrow{color:#7e9b56;font-size:10px;font-weight:700;letter-spacing:.19em}.stores h2{margin:14px 0 18px;font-size:clamp(48px,5.3vw,76px);line-height:1.05;letter-spacing:-.075em}.stores h2 span{color:#9bce34}.stores p{max-width:760px;margin:0 auto;color:#5f685b;font-size:18px;line-height:1.55}
.stores-grid{max-width:900px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:32px 36px;list-style:none;margin:58px auto 0;padding:0}
.store-badge{min-width:0;aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #e6eade;border-radius:50%;background:#fff;box-shadow:0 14px 25px #29392118,0 2px 6px #2939210d;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.store-badge>a{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;text-decoration:none;color:inherit}.store-badge>a:focus-visible{outline:3px solid #1c1c1c;outline-offset:-5px}
.store-badge:hover{transform:translateY(-7px) scale(1.04);box-shadow:0 23px 34px #29392123,0 3px 8px #29392113}.store-badge img{display:block;width:62%;height:62%;object-fit:contain}.store-amazon{background:#232f3e}.store-amazon img{width:72%;height:auto}.store-lenovo img{width:70%;height:70%}.store-nike img{width:75%;height:75%}.store-booking img{width:58%;height:58%}.store-iherb img{width:53%;height:53%}.store-samsung img{width:73%;height:73%}.store-lego img{width:62%;height:62%}.store-walmart{background:#164196}.store-walmart img{width:56%;height:56%}
@media(max-width:900px){.stores-grid{gap:20px}}
@media(max-width:650px){.stores{padding:78px 16px 90px}.stores h2{font-size:clamp(43px,10vw,58px)}.stores p{font-size:14px;max-width:450px}.stores-grid{gap:12px 8px;margin-top:38px}.store-badge{box-shadow:0 7px 13px #29392116}}
@media(prefers-reduced-motion:reduce){.store-badge{transition:none}.store-badge:hover{transform:none}}

.store-iherb span{color:#4a8b28;font-size:34px;font-weight:700;letter-spacing:-.09em}.store-booking img{width:100%;height:100%;object-fit:cover}
@media(max-width:650px){.store-iherb span{font-size:clamp(17px,4.3vw,27px)}}
.stores-grid{max-width:1180px;grid-template-columns:repeat(9,minmax(0,1fr));gap:22px 20px}
.store-etsy img{width:50%;height:50%}
.store-shopify{background:#95bf47;border-color:#95bf47}.store-shopify img{width:55%;height:55%;filter:invert(1)}
.store-newbalance{background:#cf0a2c;border-color:#cf0a2c}.store-newbalance img{width:73%;height:73%;filter:invert(1)}
.store-apple img{width:57%;height:57%}.store-asus img{width:76%;height:76%}
.store-tripadvisor img{width:65%;height:65%}
.store-uniqlo{background:#e60012;border-color:#e60012}.store-uniqlo img{width:62%;height:62%;filter:invert(1)}
@media(max-width:900px){.stores-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}}
@media(max-width:650px){.stores-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:38px}}

/* Couperty coupon popup in a browser */
.shopping{background:#fbfafc}.shopping-shell{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);min-height:730px}.shopping-copy{align-self:center;max-width:650px;padding:90px clamp(28px,5vw,88px)}
.shopping-brands{display:flex;gap:14px;margin-bottom:44px}.shopping-brands>span{width:74px;height:74px;display:grid;place-items:center;border:1px solid #e5e5e5;border-radius:13px;background:#fff;box-shadow:0 5px 16px #2430200d}.shopping-brands img{width:60%;height:60%;object-fit:contain}.shopping-brands>span:nth-child(2){background:#164196}.shopping-brands>span:nth-child(2) img{width:55%;height:55%}.shopping-brands>span:nth-child(3) img{width:71%;height:71%}
.shopping-eyebrow{color:#7e9b56;font-size:10px;font-weight:700;letter-spacing:.19em}.shopping-copy h2{margin:16px 0 20px;font-size:clamp(48px,4.8vw,72px);line-height:1.04;letter-spacing:-.075em}.shopping-copy h2 span{color:#9bce34}.shopping-copy p{max-width:520px;margin:0;color:#5f685b;font-size:18px;line-height:1.56}
.shopping-visual{min-width:0;display:grid;place-items:center;padding:48px clamp(28px,4vw,68px);background-color:#dbf7a5;background-image:repeating-radial-gradient(ellipse 170px 26px at 0 0,transparent 0 22px,#a7d96c 23px 24px,transparent 25px 43px);overflow:hidden}
.shopping-browser{position:relative;width:min(100%,870px);height:600px;overflow:hidden;border:1px solid #c8cec2;border-radius:17px;background:#fff;box-shadow:0 24px 36px #30522240,0 5px 0 #48763255}
.shopping-browser-tabs{height:35px;display:flex;align-items:center;gap:13px;padding:0 15px;background:#e8ebef;border-bottom:1px solid #d9dfe2;color:#4a535c;font-size:10px}.shopping-browser-dots{display:flex;gap:6px}.shopping-browser-dots i{width:9px;height:9px;border-radius:50%;background:#cbd1d6}.shopping-browser-tab{height:29px;min-width:190px;max-width:280px;display:flex;align-items:center;gap:7px;align-self:end;padding:0 11px;border-radius:9px 9px 0 0;background:#fff;white-space:nowrap;overflow:hidden}.shopping-browser-tab img{width:14px;height:14px}.shopping-browser-tab b{margin-left:auto;font-size:15px;font-weight:400}.shopping-new-tab{font-size:16px}
.shopping-browser-toolbar{height:43px;display:flex;align-items:center;gap:11px;padding:0 12px;border-bottom:1px solid #e1e5e8;background:#fff;color:#657079}.shopping-toolbar-navigation{display:flex;gap:15px;align-items:center;font-size:18px}.shopping-toolbar-navigation b{font-weight:400;line-height:1}.shopping-toolbar-navigation b:nth-child(2){color:#c6cbd0}.shopping-browser-url{height:29px;min-width:0;flex:1;display:flex;align-items:center;gap:8px;padding:0 13px;border-radius:18px;background:#f0f2f4;color:#59636a;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shopping-browser-url span{color:#84918b;font-size:16px}.shopping-toolbar-star{font-size:22px;line-height:1}.shopping-toolbar-puzzle{width:17px;height:17px;fill:none;stroke:#68747a;stroke-width:1.8;stroke-linejoin:round}.shopping-extension-trigger{width:30px;height:30px;flex:none;display:grid;place-items:center;padding:2px;border:0;border-radius:7px;background:#f1f3f2;position:relative;z-index:3}.shopping-extension-trigger img{display:block;border-radius:50%}.shopping-extension-trigger:focus-visible{outline:2px solid #75ae23;outline-offset:2px}.shopping-toolbar-profile{width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:#dbe1e5;color:#68737b;font-size:12px}.shopping-toolbar-menu{font-size:22px;line-height:1}
.shopping-page{height:calc(100% - 78px);background:#f6f7f7}.shopping-page-top{height:58px;display:flex;align-items:center;gap:16px;padding:0 16px;border-bottom:1px solid #e8e8e8;background:#fff;color:#505861;font-size:10px;white-space:nowrap}.shopping-page-brand{display:flex;align-items:center;gap:5px;color:#ed4941;font-size:20px;letter-spacing:-.07em}.shopping-page-brand img{width:21px;height:21px}.shopping-page-search{height:29px;flex:1;min-width:30px;display:flex;align-items:center;justify-content:space-between;margin-left:auto;padding-left:10px;border:1px solid #dfe2e3;border-radius:14px;color:#a0a5a9;font-size:9px}.shopping-page-search b{width:35px;height:29px;display:grid;place-items:center;border-radius:0 14px 14px 0;background:#ff5a45;color:#fff;font-size:18px}
.shopping-cart-heading{padding:24px 22px 15px}.shopping-cart-heading>span{color:#a2a8a8;font-size:9px}.shopping-cart-heading h3{margin:9px 0 0;font-size:25px;letter-spacing:-.055em}.shopping-cart-heading small{color:#9da3a1;font-size:12px;font-weight:400;letter-spacing:0}.shopping-cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:14px;padding:0 22px}.shopping-cart-items{min-width:0;border-radius:10px;background:#fff}.shopping-cart-item{min-height:106px;display:flex;align-items:center;gap:13px;padding:11px 14px;border-bottom:1px solid #eaeeee}.shopping-cart-item:last-child{border:0}.shopping-cart-item>img{width:77px;height:77px;flex:none;object-fit:contain;border-radius:7px;background:#f5f6f4}.shopping-cart-item>div{min-width:0;display:flex;flex-direction:column;gap:7px}.shopping-cart-item strong{font-size:12px;line-height:1.25}.shopping-cart-item span{color:#8d9494;font-size:9px}.shopping-cart-item b{font-size:13px}.shopping-cart-summary{height:max-content;display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:10px;background:#fff;font-size:9px}.shopping-cart-summary>strong{font-size:17px}.shopping-cart-summary>span{display:flex;justify-content:space-between;gap:5px;color:#67706f}.shopping-cart-summary b{color:#1c1b18}.shopping-cart-summary hr{width:100%;margin:2px 0;border:0;border-top:1px solid #e3e8e7}.shopping-cart-summary button{margin-top:4px;padding:9px 5px;border:0;border-radius:7px;background:#ff5946;color:#fff;font-size:10px;font-weight:700}
.shopping-pointer{position:absolute;z-index:6;width:25px;height:30px;left:var(--shopping-pointer-x,0px);top:var(--shopping-pointer-y,0px);opacity:0;filter:drop-shadow(0 3px 3px #0003);pointer-events:none}.shopping.is-visible .shopping-pointer{animation:shopping-pointer-click 2.3s .15s ease-in-out both}.shopping.is-visible .shopping-extension-trigger{animation:shopping-trigger-press 2.3s .15s ease-in-out both}@keyframes shopping-pointer-click{0%,12%{opacity:0;transform:translate(-240px,180px)}24%{opacity:1}66%,75%{opacity:1;transform:translate(0,0)}82%{opacity:1;transform:translate(0,4px) scale(.88)}100%{opacity:0;transform:none}}@keyframes shopping-trigger-press{0%,75%,91%,100%{transform:none;background:#f1f3f2}82%{transform:scale(.88);background:#e3f5bf}}
.shopping-popup{position:absolute;z-index:5;top:78px;right:11px;width:min(330px,60%);max-height:calc(100% - 88px);overflow:hidden;border:1px solid #e1e5dd;border-radius:0 0 16px 16px;background:#fff;box-shadow:0 16px 36px #1b261b36;opacity:0;transform:translateY(-12px) scale(.96);transform-origin:top right;pointer-events:none}.shopping.is-visible .shopping-popup{animation:shopping-popup-enter .5s 2.08s cubic-bezier(.2,.85,.2,1.15) both;pointer-events:auto}.shopping.is-closed .shopping-popup{animation:none;opacity:0;transform:translateY(-12px) scale(.96);pointer-events:none}.shopping.is-open .shopping-popup{animation:none;opacity:1;transform:none;pointer-events:auto}@keyframes shopping-popup-enter{from{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:none}}
.shopping-popup-top{height:58px;display:flex;align-items:center;justify-content:space-between;padding:11px 15px}.shopping-popup-top>img{border-radius:50%}.shopping-popup-controls{display:flex;align-items:center;gap:13px}.shopping-popup-controls>img{width:18px;height:18px}.shopping-popup-close{width:22px;height:22px;display:grid;place-items:center;padding:0;border:0;background:none}.shopping-popup-close img{width:17px;height:17px}.shopping-popup-content{padding:0 15px 15px}.shopping-popup-title{display:flex;align-items:center;gap:6px;margin:2px 0 13px;color:#a0a1a0;font-size:10px;font-weight:700;letter-spacing:.08em;white-space:nowrap}.shopping-popup-title b{padding:2px 6px;border-radius:6px;background:#eceeeb;color:#9b9d99;font-size:10px;letter-spacing:0}.shopping-coupon{margin-top:9px;overflow:hidden;border:2px dashed #9ee20f;border-radius:14px;background:#fbfff3}.shopping-coupon-heading{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:12px 12px 0}.shopping-coupon-heading>strong{font-size:22px;letter-spacing:-.055em;white-space:nowrap}.shopping-coupon-heading>span{display:flex;align-items:center;gap:4px;padding:5px 7px;border-radius:8px;background:var(--lime);font-size:12px;font-weight:700;white-space:nowrap}.shopping-coupon-heading img{width:13px;height:13px}.shopping-coupon p{margin:7px 12px 12px;font-size:10px;line-height:1.35}.shopping-coupon-footer{min-height:29px;display:flex;align-items:center;gap:10px;padding:5px 12px;border-top:1px dashed #d0d6c8;color:#626962;font-size:9px}.shopping-coupon-footer b{padding:2px 5px;border:1px solid #9ee20f;border-radius:7px;background:#f1ffd9;color:#82b714;font-size:9px}.shopping-popup-apply{width:100%;margin-top:11px;padding:10px;border:1px solid #1c1b18;border-radius:9px;background:var(--lime);box-shadow:2px 2px 0 #1c1b18;font-size:12px;font-weight:700}.shopping-popup-apply.is-applied{background:#eff8db;color:#5d8421}.shopping-popup-apply:focus-visible,.shopping-popup-close:focus-visible{outline:2px solid #659523;outline-offset:3px}
@media(max-width:1180px){.shopping-shell{grid-template-columns:1fr}.shopping-copy{max-width:780px;padding:84px 28px 56px;margin:auto;text-align:center}.shopping-brands{justify-content:center;margin-bottom:28px}.shopping-visual{padding:52px 28px}.shopping-browser{height:600px}}
@media(max-width:650px){.shopping-copy{padding:70px 20px 40px}.shopping-copy h2{font-size:clamp(43px,10vw,58px)}.shopping-copy p{font-size:14px}.shopping-brands>span{width:60px;height:60px}.shopping-visual{padding:34px 15px}.shopping-browser{height:430px;border-radius:11px}.shopping-browser-tabs{height:27px;gap:5px;padding:0 7px;font-size:7px}.shopping-browser-dots{gap:3px}.shopping-browser-dots i{width:5px;height:5px}.shopping-browser-tab{height:23px;min-width:0;max-width:170px;padding:0 6px;font-size:7px}.shopping-browser-tab img{width:11px;height:11px}.shopping-new-tab{font-size:12px}.shopping-browser-toolbar{height:32px;gap:5px;padding:0 6px}.shopping-toolbar-navigation{gap:5px;font-size:11px}.shopping-browser-url{height:21px;padding:0 6px;font-size:7px}.shopping-browser-url span{font-size:10px}.shopping-toolbar-star,.shopping-toolbar-profile{display:none}.shopping-toolbar-puzzle{width:11px;height:11px}.shopping-extension-trigger{width:20px;height:20px;padding:1px;border-radius:4px}.shopping-extension-trigger img{width:17px;height:17px}.shopping-toolbar-menu{font-size:14px}.shopping-page{height:calc(100% - 59px)}.shopping-page-top{height:40px;gap:5px;padding:0 7px;font-size:7px}.shopping-page-brand{font-size:14px}.shopping-page-brand img{width:15px;height:15px}.shopping-page-top>span{display:none}.shopping-page-search{height:21px;font-size:7px;padding-left:5px}.shopping-page-search b{height:21px;width:23px;font-size:13px}.shopping-cart-heading{padding:13px 11px 9px}.shopping-cart-heading>span{font-size:7px}.shopping-cart-heading h3{margin-top:4px;font-size:19px}.shopping-cart-heading small{font-size:9px}.shopping-cart-layout{grid-template-columns:1fr;padding:0 9px}.shopping-cart-summary{display:none}.shopping-cart-item{min-height:77px;gap:7px;padding:6px}.shopping-cart-item>img{width:59px;height:59px}.shopping-cart-item>div{gap:3px}.shopping-cart-item strong{font-size:9px}.shopping-cart-item span{font-size:7px}.shopping-cart-item b{font-size:10px}.shopping-popup{top:59px;right:5px;width:min(230px,65%);max-height:calc(100% - 63px);border-radius:0 0 11px 11px}.shopping-popup-top{height:40px;padding:7px 9px}.shopping-popup-top>img{width:23px;height:23px}.shopping-popup-controls{gap:5px}.shopping-popup-controls>img,.shopping-popup-close img{width:12px;height:12px}.shopping-popup-content{padding:0 8px 8px}.shopping-popup-title{font-size:6px;margin:1px 0 7px;gap:3px}.shopping-popup-title b{font-size:7px;padding:1px 3px}.shopping-coupon{margin-top:6px;border-radius:8px}.shopping-coupon-heading{padding:7px 6px 0}.shopping-coupon-heading>strong{font-size:13px}.shopping-coupon-heading>span{font-size:8px;padding:3px 4px}.shopping-coupon-heading img{width:9px;height:9px}.shopping-coupon p{margin:4px 6px 6px;font-size:7px}.shopping-coupon-footer{min-height:20px;padding:3px 6px;gap:3px;font-size:6px}.shopping-coupon-footer b{font-size:6px;padding:1px 3px}.shopping-popup-apply{margin-top:7px;padding:6px;font-size:8px;border-radius:6px}}
@media(max-width:650px){.shopping-popup{width:min(285px,80%)}.shopping-popup-title{font-size:8px}.shopping-popup-title b{font-size:8px}.shopping-coupon-heading>strong{font-size:17px}.shopping-coupon-heading>span{font-size:9px}.shopping-coupon p{font-size:8px}.shopping-coupon-footer,.shopping-coupon-footer b{font-size:7px}.shopping-popup-apply{font-size:10px}}
@media(prefers-reduced-motion:reduce){.shopping-pointer{display:none}.shopping.is-visible .shopping-extension-trigger{animation:none}.shopping-popup,.shopping.is-visible .shopping-popup{opacity:1;transform:none;animation:none;pointer-events:auto}}

/* Browser preview: coupon selection and applied cart total */
.shopping-browser-tab{min-width:210px}.shopping-browser-url svg{width:13px;height:13px;flex:none;fill:none;stroke:#7b858a;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.shopping-extension-trigger{background:transparent}.shopping-extension-trigger:hover{background:#f2f7e8}.shopping-page-brand img{display:none}.shopping-page-search b{display:none}.shopping-page-search{padding-right:10px}.shopping.is-visible .shopping-extension-trigger{animation:none}.shopping-pointer,.shopping.is-visible .shopping-pointer{animation:none}.shopping.is-visible .shopping-popup{animation:none;pointer-events:none}.shopping-popup{top:88px;max-height:calc(100% - 99px);border-radius:20px;transition:opacity .28s ease,transform .35s cubic-bezier(.2,.8,.2,1)}.shopping.is-visible.is-open .shopping-popup{opacity:1;transform:none;pointer-events:auto}.shopping.is-visible.is-closed .shopping-popup{opacity:0;transform:translateY(-12px) scale(.96);pointer-events:none}.shopping-extension-trigger.is-pressing{transform:scale(.84);background:#ebf9cc}
.shopping-popup-content{padding-bottom:12px}.shopping-coupon{display:block;width:100%;padding:0;text-align:left;cursor:pointer;font:inherit;color:inherit;transition:transform .2s ease,box-shadow .2s ease}.shopping-coupon:hover,.shopping-coupon:focus-visible{transform:translateY(-2px);box-shadow:0 6px 17px #85aa3140;outline:none}.shopping-coupon.is-selected{transform:scale(.98);background:#f0ffd6}.shopping-coupon-description{display:block;margin:7px 12px 12px;font-size:10px;line-height:1.35}.shopping-popup-tabs{display:flex;gap:4px;padding:8px 12px 12px;border-top:1px solid #ecefec;background:#fafafa}.shopping-popup-tabs span{min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0 6px;border-radius:12px;color:#777;font-size:11px;font-weight:700}.shopping-popup-tabs span.is-active{background:#fff;color:#1d1d1d;box-shadow:0 2px 9px #0000000d}.shopping-popup-tabs img{width:19px;height:19px;object-fit:contain}.shopping-copied{position:absolute;z-index:8;top:99px;right:26px;width:290px;max-width:calc(60% - 15px);padding:14px;border-radius:12px;background:#303030;color:#fff;text-align:center;font-size:13px;font-weight:700;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.shopping.is-copied .shopping-copied{opacity:1;transform:none}
.shopping-page{position:relative}.shopping-cart-discount{display:none!important;color:#568720!important;font-weight:700}.shopping.has-savings .shopping-cart-discount{display:flex!important}.shopping.has-savings .shopping-cart-total{color:#568720;font-size:15px}.shopping-cart-savings{position:absolute;left:22px;bottom:15px;display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #c6e88f;border-radius:10px;background:#f5ffe7;box-shadow:0 8px 20px #619d2424;opacity:0;transform:translateY(18px);transition:opacity .35s ease,transform .45s cubic-bezier(.2,1.2,.2,1);pointer-events:none}.shopping-cart-savings span{color:#5e7e40;font-size:10px;font-weight:700}.shopping-cart-savings strong{font-size:16px;letter-spacing:-.04em}.shopping.has-savings .shopping-cart-savings{opacity:1;transform:none}
@media(max-width:650px){.shopping-browser-tab{min-width:0}.shopping-browser-url svg{width:9px;height:9px}.shopping-popup{top:66px;max-height:calc(100% - 73px);border-radius:13px}.shopping-coupon-description{margin:4px 6px 6px;font-size:8px}.shopping-popup-tabs{padding:5px 7px 7px}.shopping-popup-tabs span{padding:5px 0 3px;font-size:8px}.shopping-popup-tabs img{width:14px;height:14px}.shopping-copied{top:75px;right:12px;width:250px;max-width:calc(80% - 10px);padding:9px;font-size:10px}.shopping-cart-savings{left:10px;right:10px;bottom:8px;justify-content:space-between;gap:4px;padding:7px}.shopping-cart-savings span{font-size:7px}.shopping-cart-savings strong{font-size:10px}}
@media(max-width:650px){.shopping-copy{padding:35px 20px 24px}.shopping-visual{padding:24px 15px}}
@media(prefers-reduced-motion:reduce){.shopping-popup,.shopping.is-visible .shopping-popup{opacity:0;pointer-events:none}.shopping.is-visible.is-open .shopping-popup{opacity:1;pointer-events:auto}.shopping-cart-savings,.shopping-copied{transition:none}}

/* Cart result stays in Summary; copied feedback belongs to the popup. */
.shopping-cart-heading{padding-top:16px}.shopping-cart-heading h3{margin-top:0}.shopping-copied{top:10px;left:12px;right:12px;width:auto;max-width:none}.shopping-coupon.is-selected{background:#f2f3f0;border-color:#bcc3b5;box-shadow:none}.shopping-coupon.is-selected .shopping-coupon-heading>span{background:#e4e7df;color:#5d655c}.shopping-coupon.is-selected .shopping-coupon-footer b{background:#ecefe7;border-color:#c5ccc0;color:#818a79}.shopping-cart-total{display:inline-block;min-width:65px;text-align:right;font-variant-numeric:tabular-nums;transform-origin:right center}.shopping-cart-total.is-counting{animation:shopping-total-pop 1.05s cubic-bezier(.2,.8,.2,1)}@keyframes shopping-total-pop{0%{transform:scale(1);filter:none}42%{transform:scale(1.25);filter:drop-shadow(0 0 7px #b6f467)}70%{transform:scale(1.13)}100%{transform:scale(1);filter:none}}.shopping.has-savings .shopping-cart-discount{animation:shopping-discount-reveal .5s ease-out both}@keyframes shopping-discount-reveal{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.shopping-page{transition:opacity .28s ease}.shopping.is-restarting .shopping-page{opacity:.28}.shopping-coupon-heading>span{transition:transform .18s ease,background .18s ease}.shopping-coupon-heading>span.is-pressing{transform:scale(.88)}
@media(max-width:650px){.shopping-cart-heading{padding:9px 11px 7px}.shopping-cart-heading h3{margin:0}.shopping-cart-item{min-height:60px;padding:4px 6px}.shopping-cart-item>img{width:47px;height:47px}.shopping-cart-summary{display:flex;gap:5px;margin-top:7px;padding:9px 11px;border:1px solid #e4ebda}.shopping-cart-summary>strong{font-size:12px}.shopping-cart-summary>span{font-size:9px}.shopping-cart-summary>span:first-of-type,.shopping-cart-summary>span:nth-of-type(2),.shopping-cart-summary>button,.shopping-cart-summary hr{display:none}.shopping-cart-total{min-width:48px}.shopping.has-savings .shopping-cart-total{font-size:13px}.shopping-copied{top:7px;left:7px;right:7px;width:auto;max-width:none}}
@media(prefers-reduced-motion:reduce){.shopping-cart-total.is-counting,.shopping.has-savings .shopping-cart-discount{animation:none}}

/* Cart preview: product thumbnails stay visual while Summary carries the prices. */
.shopping-cart-layout{grid-template-columns:minmax(0,1fr) 235px;gap:18px}
.shopping-cart-item>img{background:#f5f5f2}
.shopping-cart-skeleton{width:100%;display:flex;flex-direction:column;gap:9px}
.shopping-cart-skeleton span{display:block;width:82%;height:9px;border-radius:99px;background:#e9ede9}
.shopping-cart-skeleton span:nth-child(2){width:62%;background:#edf0ed}
.shopping-cart-skeleton span:nth-child(3){width:40%;background:#f0f2ef}
.shopping-cart-summary{gap:13px;padding:19px;font-size:12px}
.shopping-cart-summary>strong{font-size:20px}
.shopping-cart-summary>span{font-size:12px}
.shopping-cart-summary>span:last-of-type{font-size:14px;font-weight:700}
.shopping.has-savings .shopping-cart-total{font-size:17px}
@media(max-width:650px){
  .shopping-browser{height:480px}
  .shopping-cart-layout{grid-template-columns:1fr;gap:6px}
  .shopping-cart-skeleton{gap:6px}
  .shopping-cart-skeleton span{height:7px}
  .shopping-cart-summary{gap:7px;padding:11px 12px}
  .shopping-cart-summary>strong{font-size:14px}
  .shopping-cart-summary>span{font-size:11px}
  .shopping-cart-summary>span:first-of-type,.shopping-cart-summary>span:nth-of-type(2){display:flex}
  .shopping-cart-summary>span:last-of-type{font-size:12px}
  .shopping.has-savings .shopping-cart-total{font-size:14px}
}

/* Keep the browser preview on the same grid as How it works. */
.shopping{background:#fff;padding:110px clamp(20px,4vw,64px) 130px}
.shopping-shell{max-width:1360px;min-height:0;margin:0 auto;grid-template-columns:minmax(0,1.6fr) minmax(320px,.8fr);align-items:center;gap:clamp(46px,6vw,100px)}
.shopping-visual{grid-column:1;grid-row:1;display:block;padding:0;background:none;overflow:visible}
.shopping-copy{grid-column:2;grid-row:1;max-width:430px;margin:0;padding:0;text-align:left}
.shopping-copy h2{font-size:clamp(47px,4.6vw,67px)}
.shopping-browser{width:100%;height:540px;box-shadow:0 28px 55px #26301b22,0 4px 0 #1c1b18}
@media(max-width:1100px){.shopping-shell{grid-template-columns:1fr;gap:40px;max-width:800px}.shopping-copy{grid-column:1;grid-row:1;max-width:650px;padding:0;text-align:left}.shopping-visual{grid-column:1;grid-row:2;padding:0}.shopping-browser{height:540px}}
@media(max-width:650px){.shopping{padding:78px 16px 90px}.shopping-shell{gap:28px}.shopping-copy{padding:0}.shopping-copy h2{font-size:clamp(43px,10vw,58px)}.shopping-visual{padding:0}.shopping-browser{height:480px}}

/* Clear coupon details */
.savings-example{padding:110px clamp(20px,4vw,64px);background:#edf7dd}
.savings-example-shell{max-width:1360px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(40px,7vw,110px)}
.savings-example-copy{max-width:670px}
.savings-example-eyebrow{color:#668a35}
.savings-example-copy h2{margin:20px 0 21px;font-size:clamp(48px,5.2vw,74px);line-height:1.04;letter-spacing:-.075em}
.savings-example-copy h2 span{color:#659c18}
.savings-example-copy p{max-width:560px;margin:0;color:#596356;font-size:18px;line-height:1.55}
.savings-example-receipt{position:relative;width:min(100%,410px);margin:0 auto;padding:25px 28px 24px;border:2px solid var(--ink);border-radius:22px;background:#fff;box-shadow:10px 10px 0 #c9ff57}
.savings-example-receipt-label{display:block;margin-bottom:16px;color:#758369;font-size:11px;font-weight:700;letter-spacing:.16em}
.savings-example-row{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin:11px 0;color:#697265;font-size:16px}
.savings-example-row strong{color:var(--ink);font-size:19px;white-space:nowrap}
.savings-example-row:nth-of-type(2) strong{color:#618c20}
.savings-example-total{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-top:16px;padding-top:16px;border-top:1px dashed #bfcbb2;font-size:19px;font-weight:700}
.savings-example-total strong{font-size:clamp(31px,3vw,42px);letter-spacing:-.055em;white-space:nowrap}
.savings-example-saved{position:absolute;top:-18px;right:-16px;padding:10px 15px;border:1.5px solid var(--ink);border-radius:11px;background:var(--lime);box-shadow:2px 3px 0 var(--ink);font-size:16px;font-weight:700;white-space:nowrap;transform:rotate(8deg)}
@media(max-width:900px){.savings-example-shell{grid-template-columns:1fr;gap:38px}.savings-example-receipt{margin:0}}
@media(max-width:600px){.savings-example{padding:82px 16px}.savings-example-copy h2{font-size:clamp(43px,10vw,58px)}.savings-example-copy p{font-size:15px}.savings-example-receipt{padding:25px 22px}.savings-example-saved{top:-15px;right:-7px;padding:8px 10px;font-size:12px}.savings-example-row{font-size:14px}.savings-example-row strong{font-size:17px}.savings-example-total{font-size:16px}.savings-example-total strong{font-size:31px}}
.clarity{background:#fff;padding:115px clamp(20px,4vw,64px) 116px}
.clarity-shell{max-width:1360px;margin:0 auto}
.clarity-heading{max-width:790px;margin:0 auto 56px;text-align:center}
.clarity-eyebrow{display:inline-flex;align-items:center;color:#668a35;font-size:11px;font-weight:700;letter-spacing:.17em}
.clarity-heading h2{margin:21px 0 23px;font-size:clamp(48px,5.4vw,76px);line-height:1.03;letter-spacing:-.075em}
.clarity-heading h2 span{color:#84b825}
.clarity-heading>p{max-width:690px;margin:0 auto;color:#596356;font-size:18px;line-height:1.55}
.clarity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.clarity-card{position:relative;min-height:310px;padding:27px 28px 30px;border:1px solid #dce5d3;border-radius:22px;background:#f8faf4;overflow:hidden}
.clarity-card:nth-child(2){background:#effbdc;border-color:#c8e49f}
.clarity-card-number{display:block;color:#6c8061;font-size:11px;font-weight:700;letter-spacing:.13em}
.clarity-card-icon{position:relative;display:grid;place-items:center;width:80px;height:80px;margin:28px 0 24px;border:2px solid var(--ink);border-radius:23px;background:#fff;transform:rotate(-7deg)}
.clarity-card-icon span{position:relative;z-index:1;font-size:29px;font-weight:700;letter-spacing:-.07em;transform:rotate(7deg)}
.clarity-card-icon i{position:absolute;right:-10px;bottom:-10px;width:31px;height:31px;border:2px solid var(--ink);border-radius:50%;background:var(--lime)}
.clarity-card-icon-free span{font-size:39px}
.clarity-card-icon-code{width:106px;border:2px dashed var(--ink);border-radius:15px;background:#fbfff2;transform:rotate(6deg)}
.clarity-card-icon-code span{font-size:17px;letter-spacing:.025em;transform:rotate(-6deg)}
.clarity-card-icon-total{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:100px;transform:rotate(-5deg)}
.clarity-card-icon-total .clarity-price-before{color:#7f8977;font-size:15px;font-weight:400;line-height:1;text-decoration:line-through;transform:rotate(5deg)}
.clarity-card-icon-total .clarity-price-after{font-size:30px;line-height:1;transform:rotate(5deg)}
.clarity-card h3{margin:0 0 10px;font-size:24px;letter-spacing:-.045em;line-height:1.15}
.clarity-card p{max-width:330px;margin:0;color:#606a5b;font-size:15px;line-height:1.55}
.pricing-install{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:44px;text-align:center}
.pricing-install .primary-action{margin:0}
.pricing-install>span{color:#858d7f;font-size:11px}
@media(max-width:950px){.clarity-grid{grid-template-columns:1fr}.clarity-card{display:grid;grid-template-columns:110px minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:20px;min-height:185px}.clarity-card-number{grid-column:1/-1}.clarity-card-icon{grid-row:2/4;margin:16px 0 0}.clarity-card h3{align-self:end;margin-top:25px}.clarity-card p{max-width:540px}}
@media(max-width:600px){.clarity{padding:82px 16px 86px}.clarity-heading{margin-bottom:34px}.clarity-heading h2{font-size:clamp(44px,10.5vw,60px);margin:17px 0 18px}.clarity-heading>p{font-size:15px}.clarity-card{display:block;min-height:0;padding:22px}.clarity-card-icon{width:66px;height:66px;margin:21px 0}.clarity-card-icon-code{width:92px}.clarity-card-icon-total{width:88px}.clarity-card h3{margin:0 0 8px;font-size:21px}.clarity-card p{font-size:14px}}

/* Illustrative shopper stories */
.testimonials{padding:112px clamp(20px,4vw,64px) 118px;background:#f9faf4}
.testimonials-shell{max-width:1360px;margin:0 auto}
.testimonials-heading{max-width:940px;margin:0 auto 44px;text-align:center}
.testimonials-heading h2{margin:0 0 17px;font-size:clamp(48px,5.2vw,74px);line-height:1.04;letter-spacing:-.075em}
.testimonials-heading h2 span{display:block;color:#84b825}
.testimonials-heading p{max-width:690px;margin:0 auto;color:#667060;font-size:16px;line-height:1.5}
.testimonials-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.testimonial-card{display:flex;flex-direction:column;align-items:flex-start;min-height:310px;margin:0;padding:27px 28px;border:1px solid #dce5d3;border-radius:22px;background:#fff;box-shadow:0 5px 0 #e7eedf}
.testimonial-card{grid-column:span 2}
.testimonial-card:nth-child(2),.testimonial-card:nth-child(5){background:#f2ffe0;border-color:#c8e49f}
.testimonial-card:nth-child(4){grid-column:2 / span 2}
.testimonial-card:nth-child(5){grid-column:4 / span 2}
.testimonial-savings{display:inline-block;padding:8px 12px;border-radius:9px;background:var(--lime);font-size:13px;font-weight:700}
.testimonial-card blockquote{flex:1;margin:25px 0 26px;font-size:19px;font-weight:400;line-height:1.48;letter-spacing:-.015em}
.testimonial-card figcaption{display:flex;align-items:center;gap:11px;color:var(--ink);font-size:14px;font-weight:700}
.testimonial-avatar{width:44px;height:44px;flex:none;display:block;border:2px solid #d3e6bb;border-radius:50%;object-fit:cover}
@media(max-width:950px){.testimonials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.testimonial-card,.testimonial-card:nth-child(4),.testimonial-card:nth-child(5){grid-column:auto;min-height:0}.testimonial-card:last-child{grid-column:1/-1;width:calc((100% - 18px)/2);justify-self:center}.testimonial-card blockquote{font-size:18px}}
@media(max-width:600px){.testimonials{padding:82px 16px 88px}.testimonials-heading h2{font-size:clamp(43px,10vw,58px)}.testimonials-heading p{font-size:13px}.testimonials-grid{grid-template-columns:1fr}.testimonial-card,.testimonial-card:last-child{grid-column:auto;width:100%;padding:22px}.testimonial-card blockquote{font-size:17px}}

/* FAQ */
.faq{background:#f7f9f1;padding:112px clamp(20px,4vw,64px) 124px}
.faq-shell{max-width:1240px;margin:0 auto}
.faq-heading{text-align:center;margin:0 auto 56px}
.faq-eyebrow{display:inline-flex;align-items:center;color:#668a35;font-size:11px;font-weight:700;letter-spacing:.18em}
.faq-heading h2{margin:16px 0 14px;font-size:clamp(46px,5.2vw,72px);line-height:1.05;letter-spacing:-.075em}
.faq-heading h2 span{color:#8fc713}
.faq-heading p{margin:0;color:#656d60;font-size:17px;line-height:1.5}
.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px}
.faq-column{display:grid;gap:18px}
.faq-item{min-width:0;background:#fff;border:1px solid #dde4d4;border-radius:20px;box-shadow:0 5px 0 #e7eedf;transition:border-color .22s ease,box-shadow .22s ease}
.faq-item[open]{border-color:#a9d45f;box-shadow:0 6px 0 #dcebc8}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:86px;padding:23px 25px;list-style:none;cursor:pointer;color:var(--ink);font-size:18px;font-weight:700;line-height:1.3;letter-spacing:-.025em}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::marker{content:""}
.faq-item summary:focus-visible{outline:3px solid #5a8d00;outline-offset:4px;border-radius:16px}
.faq-icon{position:relative;display:block;flex:none;width:32px;height:32px;border-radius:50%;background:var(--lime);border:1px solid #afd947}
.faq-icon::before,.faq-icon::after{content:"";position:absolute;top:50%;left:50%;width:12px;height:2px;border-radius:2px;background:var(--ink);transform:translate(-50%,-50%);transition:transform .2s ease}
.faq-icon::after{transform:translate(-50%,-50%) rotate(90deg)}
.faq-item[open] .faq-icon::after{transform:translate(-50%,-50%) rotate(0)}
.faq-answer{padding:0 25px 24px;color:#596356;font-size:15px;line-height:1.65}
.faq-answer p{margin:0;padding-top:17px;border-top:1px solid #edf0e9}
@media(max-width:760px){.faq{padding:78px 20px 88px}.faq-heading{margin-bottom:36px}.faq-heading h2{font-size:clamp(42px,10vw,60px)}.faq-heading p{font-size:15px}.faq-grid{grid-template-columns:1fr;gap:13px}.faq-column{gap:13px}.faq-item summary{min-height:72px;padding:19px 20px;font-size:16px}.faq-answer{padding:0 20px 20px;font-size:14px}}

/* Final install */
.final-install{padding:0 clamp(20px,4vw,64px) 112px;background:#f7f9f1}
.final-install-shell{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);align-items:center;max-width:1280px;min-height:445px;margin:0 auto;padding:65px clamp(35px,6vw,85px);overflow:hidden;border-radius:30px;background:#1c1b18;color:#fff}
.final-install-copy{position:relative;z-index:2;max-width:570px}
.final-install-eyebrow{color:var(--lime);font-size:11px;font-weight:700;letter-spacing:.18em}
.final-install h2{margin:18px 0 17px;font-size:clamp(50px,5vw,72px);line-height:1.04;letter-spacing:-.07em}
.final-install h2 em{color:var(--lime);font-style:normal}
.final-install-copy>p{max-width:450px;margin:0;color:#d8dfd1;font-size:17px;line-height:1.55}
.final-install-action{margin-top:30px;min-height:61px;padding:10px 23px;font-size:19px;box-shadow:4px 4px 0 #98c746}
.final-install-action:hover{box-shadow:2px 2px 0 #98c746}
.final-install-available{display:block;margin-top:19px;color:#bec8b5;font-size:12px}
.final-install-art{position:relative;display:grid;place-items:center;min-height:290px}
.final-install-ring{position:absolute;display:block;width:365px;height:365px;border:1px solid #c9ff5755;border-radius:50%}
.final-install-ring.ring-two{width:275px;height:275px;border-color:#c9ff5799}
.final-install-ticket{position:relative;display:flex;align-items:center;width:min(100%,360px);height:112px;color:var(--ink);transform:rotate(-7deg);animation:install-ticket-float 5s ease-in-out infinite}
.final-install-ticket-shape{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:#fff;stroke:var(--ink);stroke-width:2.5;stroke-linejoin:round}
.final-install-ticket-mark{position:absolute;z-index:1;top:50%;left:calc(12% - 4px);display:grid;place-items:center;width:53px;height:53px;border-radius:50%;background:var(--lime);transform:translateY(-50%)}
.final-install-ticket-mark img{width:43px;height:43px}
.final-install-ticket-divider{position:absolute;z-index:1;top:2px;bottom:2px;left:31%;border-left:2px dashed #b9c3ad}
.final-install-ticket-copy{position:absolute;z-index:1;top:0;bottom:0;left:calc(38% - 3px);right:7%;display:flex;flex-direction:column;justify-content:center;gap:9px}
.final-install-ticket-heading{display:flex;align-items:center;gap:6px}
.final-install-ticket-heading>strong{font-size:21px;line-height:1;letter-spacing:-.06em;white-space:nowrap}
.final-install-ticket-code{position:absolute;z-index:2;top:-12px;right:-12px;display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1.5px solid var(--ink);border-radius:10px;background:var(--lime);box-shadow:2px 3px 0 var(--ink);font-size:14px;font-weight:700;white-space:nowrap;transform:rotate(10deg)}
.final-install-ticket-code img{width:16px;height:16px}
.final-install-ticket-description{font-size:12px;line-height:1.35}
@keyframes install-ticket-float{50%{transform:translateY(-9px) rotate(-5deg)}}
@media(max-width:900px){.final-install-shell{grid-template-columns:1fr;gap:35px;padding:55px 42px}.final-install-art{min-height:210px}.final-install-ticket{max-width:390px}.final-install-ring{width:310px;height:310px}.final-install-ring.ring-two{width:225px;height:225px}}
@media(max-width:600px){.final-install{padding:0 16px 85px}.final-install-shell{gap:22px;min-height:0;padding:40px 24px 48px;border-radius:23px}.final-install h2{font-size:clamp(44px,11vw,58px)}.final-install-copy>p{font-size:15px}.final-install-action{font-size:16px;min-height:55px;padding:8px 17px}.final-install-available{font-size:11px}.final-install-art{min-height:185px}.final-install-ticket{width:min(100%,270px);height:80px}.final-install-ticket-mark{width:43px;height:43px}.final-install-ticket-mark img{width:35px;height:35px}.final-install-ticket-copy{gap:6px}.final-install-ticket-heading>strong{font-size:16px}.final-install-ticket-code{top:-9px;right:-7px;gap:4px;padding:6px 8px;font-size:11px}.final-install-ticket-code img{width:12px;height:12px}.final-install-ticket-description{font-size:10px}.final-install-ring{width:250px;height:250px}.final-install-ring.ring-two{width:180px;height:180px}}
@media(prefers-reduced-motion:reduce){.final-install-ticket{animation:none}}

/* Footer */
.site-footer{background:#fff;border-top:1px solid #e9ece5}.footer-shell{max-width:1512px;margin:auto;padding:70px clamp(20px,4vw,64px) 31px}.footer-main{min-height:258px;display:grid;grid-template-columns:minmax(0,1fr) 220px 220px;gap:clamp(28px,5vw,90px)}.footer-brand-group{align-self:start;display:flex;flex-direction:column;align-items:flex-start;gap:20px}.footer-brand{width:max-content}.footer-commission{max-width:250px;margin:0;color:#858b85;font-size:12px;line-height:1.55}.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:17px}.footer-column h2{margin:2px 0 3px;color:#747b74;font-size:14px;font-weight:400}.footer-column span{color:#343a35;font-size:15px;font-weight:400;line-height:1.25}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:22px;border-top:1px solid #e3e8e2;color:#858b85;font-size:13px}.footer-bottom small{font-size:inherit;white-space:nowrap}.footer-language{position:relative;flex:none;color:#343a35}
.footer-language-trigger{display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:8px 12px;border:1px solid #dce5d1;border-radius:10px;background:#fff;color:#343a35;font-size:12px;font-weight:700;box-shadow:0 2px 6px #25301b0a;transition:border-color .2s,background .2s,box-shadow .2s}
.footer-language-trigger:hover,.footer-language.is-open .footer-language-trigger{border-color:#a9d766;background:#f8fdeb;box-shadow:0 4px 12px #25301b12}
.footer-language-trigger:focus-visible,.footer-language-option:focus-visible{outline:2px solid #568720;outline-offset:3px}
.footer-language-globe{width:17px;height:17px;stroke:currentColor;stroke-width:1.35}
.footer-language-chevron{width:15px;height:15px;margin-left:12px;transition:transform .2s}
.footer-language.is-open .footer-language-chevron{transform:rotate(180deg)}
.footer-language-menu{position:absolute;z-index:5;right:0;bottom:calc(100% + 10px);width:216px;max-height:260px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:9px;border:1px solid #dce5d1;border-radius:13px;background:#fff;box-shadow:0 14px 35px #25301b24;transform-origin:bottom right;animation:footer-language-in .2s cubic-bezier(.2,.8,.2,1) both}
.footer-language-menu[hidden]{display:none}
.footer-language-option{width:100%;height:40px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:0;border-radius:8px;background:#fff;color:#343a35;text-align:left;font-size:13px;font-weight:600;white-space:nowrap}
.footer-language-option:hover{background:#f7faef}
.footer-language-option[aria-current="true"]{background:#f1f9e4;color:#1c1b18;font-weight:700}
.footer-language-option[aria-current="true"]:hover{background:#e7f8cb}
.footer-language-option svg{display:none;width:16px;height:16px;color:#5b8d18}
.footer-language-option[aria-current="true"] svg{display:block}
@keyframes footer-language-in{from{opacity:0;transform:translateY(7px) scale(.97)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.footer-language-menu{animation:none}.footer-language-chevron{transition:none}}
@media(max-width:760px){.footer-shell{padding:40px 22px 28px}.footer-main{grid-template-columns:1fr 1fr;gap:30px 18px;padding-bottom:85px;min-height:0}.footer-brand-group{grid-column:1/-1;grid-row:1;gap:13px;margin-bottom:7px}.footer-commission{max-width:310px;font-size:11px}.footer-column{grid-row:2;gap:14px}.footer-column h2{font-size:13px}.footer-column span{font-size:13px}.footer-bottom{gap:12px;padding-top:19px;font-size:12px}.footer-language-trigger{min-height:38px;padding:7px 10px}}
.footer-column a{color:#343a35;font-size:15px;font-weight:400;line-height:1.25;text-decoration:none;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease;cursor:pointer}
.footer-column a:hover{color:#568720;border-bottom-color:currentColor}
.footer-column a:focus-visible{outline:2px solid #568720;outline-offset:4px;border-bottom-color:currentColor}
@media(max-width:760px){.footer-column a{font-size:13px}.footer-bottom small{white-space:normal}}
.footer-main.has-stores{grid-template-columns:minmax(0,3fr) minmax(0,2fr) minmax(0,2fr) minmax(0,5fr);gap:clamp(20px,2.4vw,36px);padding-bottom:32px}
.footer-main.has-stores .footer-commission{max-width:280px}
.footer-stores{min-width:0}
.footer-stores-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.5vw,44px);width:100%}
.footer-stores-list{display:flex;flex-direction:column;align-items:flex-start;gap:17px;min-width:0}
@media(max-width:1000px){.footer-main.has-stores{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 24px}.footer-main.has-stores .footer-brand-group,.footer-main.has-stores .footer-stores{grid-column:1/-1}}
@media(max-width:760px){.footer-main.has-stores{padding-bottom:58px}.footer-main.has-stores .footer-column{grid-row:auto}.footer-stores-list{gap:14px}}

/* One type scale for section labels, including the hero on small screens. */
.eyebrow,.how-eyebrow,.stores-eyebrow,.shopping-eyebrow,.savings-example-eyebrow,.clarity-eyebrow,.faq-eyebrow,.final-install-eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em}
.demo-browser-dots i:nth-child(1),.shopping-browser-dots i:nth-child(1){background:#ff5f57}
.demo-browser-dots i:nth-child(2),.shopping-browser-dots i:nth-child(2){background:#febc2e}
.demo-browser-dots i:nth-child(3),.shopping-browser-dots i:nth-child(3){background:#28c840}

/* One-time entrance as each section reaches the viewport. */
.has-scroll-reveal .scroll-reveal{opacity:0;translate:0 22px}
.has-scroll-reveal .scroll-reveal.is-revealed{animation:scroll-reveal-in .8s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms) both}
@keyframes scroll-reveal-in{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.has-scroll-reveal .scroll-reveal{opacity:1;translate:none;animation:none!important}}

/* Header navigation */
.header-nav,.header-links{display:flex;align-items:center;gap:30px}
.header-link{color:var(--ink);font-size:13px;font-weight:700;text-decoration:none;text-underline-offset:5px;white-space:nowrap;transition:color .2s ease}
.header-link:hover{color:#5f9120;text-decoration:underline}
.header-link:focus-visible{outline:3px solid #5a8d00;outline-offset:5px;border-radius:3px}
@media(max-width:650px){.hero-header{gap:10px}.header-nav,.header-links{gap:12px}.header-link{font-size:11px}}
@media(max-width:480px){.hero-header{width:calc(100% - 20px);height:58px;padding:0 10px}.hero-header .brand{gap:6px;font-size:19px}.hero-header .brand img{width:30px;height:30px}.header-nav{display:contents}.header-links{position:absolute;top:calc(100% + 8px);left:50%;justify-content:center;gap:18px;width:max-content;transform:translateX(-50%)}.hero-header.is-scrolled .header-links{padding:7px 16px;border:1px solid #e0e4d5;border-radius:10px;background:rgba(255,255,255,.94);box-shadow:0 8px 20px #20251c12}.header-action{gap:4px}.header-action svg{width:12px;height:12px}.hero-copy{padding-top:85px}}

/* Subtle coupon drift behind the featured stores */
.stores{position:relative;overflow:hidden;isolation:isolate}
.stores-shell{position:relative;z-index:1}
.stores-float{position:absolute;inset:0;z-index:0;pointer-events:none}
.stores-float img{position:absolute;display:block;width:76px;height:auto;opacity:0;filter:drop-shadow(0 8px 9px #6f9e361b);animation:store-coupon-drift 20s ease-in-out infinite}
.stores-float img:nth-child(1){top:13%;left:6%;animation-delay:-2s}
.stores-float img:nth-child(2){top:25%;right:8%;width:58px;animation-delay:-11s;animation-duration:24s}
.stores-float img:nth-child(3){bottom:16%;left:4%;width:62px;animation-delay:-16s;animation-duration:22s}
.stores-float img:nth-child(4){bottom:9%;right:5%;width:88px;animation-delay:-7s;animation-duration:26s}
.stores-float img:nth-child(5){top:50%;right:1%;width:48px;animation-delay:-20s;animation-duration:28s}
@keyframes store-coupon-drift{0%,8%{opacity:0;transform:translate3d(-35px,42px,0) rotate(-17deg)}20%{opacity:.48}55%{opacity:.36;transform:translate3d(24px,-9px,0) rotate(5deg)}84%{opacity:.44}100%{opacity:0;transform:translate3d(85px,-62px,0) rotate(18deg)}}
@media(max-width:650px){.stores-float img{width:50px}.stores-float img:nth-child(2),.stores-float img:nth-child(5){display:none}}

/* Free price section */
.pricing{padding:105px clamp(20px,4vw,64px) 112px;background:#eef8df;scroll-margin-top:105px}
.pricing-shell{max-width:1180px;margin:0 auto}
.pricing-heading{max-width:720px;margin:0 auto 47px;text-align:center}
.pricing-eyebrow{color:#668a35;font-size:11px;font-weight:700;letter-spacing:.18em}
.pricing-heading h2{margin:15px 0 16px;font-size:clamp(50px,5.4vw,76px);line-height:1.02;letter-spacing:-.075em}
.pricing-heading h2 span{color:#75ac20}
.pricing-heading p{max-width:610px;margin:0 auto;color:#596356;font-size:17px;line-height:1.55}
.pricing-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);overflow:hidden;border:2px solid var(--ink);border-radius:27px;background:#fff;box-shadow:8px 8px 0 #c9ff57}
.pricing-amount{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px;padding:35px;background:#f8ffed;border-right:1px dashed #a8bd8c}
.pricing-amount>span{font-size:clamp(100px,12vw,170px);font-weight:700;line-height:.95;letter-spacing:-.11em}
.pricing-amount small{margin-top:18px;color:#6b8657;font-size:12px;font-weight:700;letter-spacing:.16em}
.pricing-benefits{display:grid;align-content:center;padding:30px 44px}
.pricing-benefits>div{display:flex;align-items:flex-start;gap:21px;padding:18px 0}
.pricing-benefits>div+div{border-top:1px solid #e6ecdf}
.pricing-benefits>div>span{flex:none;color:#82b337;font-size:12px;font-weight:700;letter-spacing:.08em;line-height:1.8}
.pricing-benefits p{display:flex;flex-direction:column;gap:5px;margin:0}
.pricing-benefits strong{font-size:20px;line-height:1.2;letter-spacing:-.04em}
.pricing-benefits small{color:#687263;font-size:14px;line-height:1.45}
@media(max-width:760px){.pricing{padding:82px 20px 91px}.pricing-heading{margin-bottom:35px}.pricing-heading h2{font-size:clamp(46px,10vw,64px)}.pricing-heading p{font-size:15px}.pricing-panel{grid-template-columns:1fr}.pricing-amount{min-height:210px;padding:27px;border-right:0;border-bottom:1px dashed #a8bd8c}.pricing-amount>span{font-size:110px}.pricing-benefits{padding:22px 30px}.pricing-benefits strong{font-size:18px}.pricing-benefits small{font-size:13px}}

/* A drawn, fading path follows the coupon in the final call to action. */
.coupon-comets{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.comet-trail-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}
.coupon-comet{position:absolute;top:0;left:0;display:block;width:43px;opacity:0;will-change:transform;filter:drop-shadow(0 0 6px #c9ff5766)}
.coupon-comet img{display:block;width:100%;height:auto}
@media(prefers-reduced-motion:reduce){.stores-float,.coupon-comets{display:none}}

/* Faster first click in the How it works demonstration. */
.demo-stage{transition-duration:.3s}
.demo-stage.is-active .demo-pointer-install,.demo-stage.is-active .demo-install-target{animation-duration:1.6s}
.demo-stage.is-active .demo-extension-popup{animation-duration:.42s;animation-delay:.18s}
.demo-stage.is-active .demo-pointer-apply,.demo-stage.is-active .demo-apply-target{animation-duration:2.7s}
@keyframes demo-cursor-install{0%,4%{opacity:0;transform:translate(-70px,55px)}12%{opacity:1}44%,51%{opacity:1;transform:translate(0,0)}57%{opacity:1;transform:translate(0,4px) scale(.88)}74%,100%{opacity:0;transform:translate(0,0)}}
@keyframes demo-install-press{0%,51%,67%,100%{transform:none;box-shadow:2px 2px 0 var(--ink)}57%{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}}
@keyframes demo-cursor-apply{0%,23%{opacity:0;transform:translate(65px,42px)}35%{opacity:1}61%,72%{opacity:1;transform:translate(0,0)}80%{opacity:1;transform:translate(0,4px) scale(.88)}95%,100%{opacity:0;transform:translate(0,0)}}
@keyframes demo-apply-press{0%,72%,89%,100%{transform:none;box-shadow:2px 2px 0 var(--ink)}80%{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}}

/* Mobile navigation stays within the single header row. */
.mobile-menu-trigger{display:none;flex:none;flex-direction:column;align-items:flex-end;justify-content:center;gap:4px;width:40px;height:40px;padding:0 9px;border:1px solid #d9dfcf;border-radius:11px;background:#fff;color:var(--ink);box-shadow:2px 2px 0 #c9ff57}
.mobile-menu-trigger span{display:block;width:20px;height:2px;border-radius:2px;background:currentColor}
.mobile-menu-trigger span:last-child{width:13px}
.mobile-menu-trigger:hover{background:#f4ffdc}
.mobile-menu-trigger:focus-visible,.mobile-menu-close:focus-visible,.mobile-menu-links a:focus-visible,.mobile-browser-links a:focus-visible{outline:3px solid #6a9c19;outline-offset:3px}
.mobile-menu-layer[hidden]{display:none}
.mobile-menu-layer{position:fixed;inset:0;z-index:200;display:flex;justify-content:flex-end}
.mobile-menu-scrim{position:absolute;inset:0;width:100%;border:0;background:#10150f80;opacity:0;transition:opacity .3s ease}
.mobile-menu-panel{position:relative;display:flex;flex-direction:column;width:min(86vw,390px);height:100%;height:100dvh;padding:calc(27px + env(safe-area-inset-top)) 28px calc(28px + env(safe-area-inset-bottom));overflow-y:auto;border-left:1px solid #dce3d0;background:#fbfcf6;box-shadow:-20px 0 55px #0b160c22;transform:translateX(100%);transition:transform .34s cubic-bezier(.2,.8,.2,1)}
.mobile-menu-layer.is-open .mobile-menu-scrim{opacity:1}
.mobile-menu-layer.is-open .mobile-menu-panel{transform:translateX(0)}
.mobile-menu-top{display:flex;align-items:center;justify-content:flex-end;padding-bottom:24px}
.mobile-menu-close{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #dce3d0;border-radius:12px;background:#fff;color:var(--ink)}
.mobile-menu-close:hover{background:var(--lime)}
.mobile-menu-close svg{width:21px;height:21px}
.mobile-menu-links{display:flex;flex-direction:column;gap:4px}
.mobile-menu-links a{display:flex;align-items:center;min-height:54px;color:var(--ink);text-decoration:none;transition:color .2s ease,padding-left .2s ease}
.mobile-menu-links a:hover{padding-left:6px;color:#628f1d}
.mobile-menu-links span{font-size:19px;font-weight:650;letter-spacing:-.035em;line-height:1.2;white-space:nowrap}
.mobile-browser-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:auto;padding-top:32px}
.mobile-browser-links a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:74px;padding:9px 3px;border:1px solid #dfe6d5;border-radius:13px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:2px 2px 0 #e8f7cc;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.mobile-browser-links a:hover{transform:translateY(-2px);border-color:#99c64f;box-shadow:3px 4px 0 #c9ff57}
.mobile-browser-links img{display:block;width:20px;height:20px;object-fit:contain}
.mobile-browser-links span{font-size:10px;font-weight:650;line-height:1}
.mobile-menu-panel>p{margin:18px 0 0;color:#778271;font-size:13px;line-height:1.5}
body.mobile-menu-open{overflow:hidden}
@media(max-width:650px){
  .hero{min-height:0}
  .hero-header{justify-content:space-between;gap:8px}
  .header-nav{display:flex;align-items:center;gap:8px;margin-left:auto}
  .header-links{display:none}
  .mobile-menu-trigger{display:flex}
  .hero-shell{padding-top:66px}
  .hero-copy{padding-top:44px}
  .hero-copy h1{margin:21px 0 16px}
  .hero-copy .primary-action{margin-top:20px}
  .hero-footnote{margin-top:13px}
  .flow-scene{height:300px;margin-top:-45px}
  .flow-line{height:360px}
}
@media(max-width:390px){.mobile-menu-trigger{width:37px;height:37px;padding:0 8px}.header-nav{gap:6px}.hero-header .brand{font-size:18px}.header-action{padding:8px 9px}}
@media(prefers-reduced-motion:reduce){.mobile-menu-scrim,.mobile-menu-panel,.mobile-menu-links a,.mobile-browser-links a{transition:none}}
