/* AM Finder product page, using the website's existing fonts and themes. */
#extension .sec-h{border-bottom:1px solid #ffffff38;padding-bottom:12px}
.am-showcase{aspect-ratio:1366/384;background:#171721}
.am-showcase img{object-fit:contain}
.am-main{padding-top:0}
.am-hero{text-align:center;padding:clamp(24px,5vw,58px)!important}
.am-lockup{position:relative;margin:0 auto 24px;max-width:903px;line-height:0}.am-lockup img{display:block;width:100%;height:auto}
/* Keep the original icon; recolor only the text region of the same logo. */
.am-lockup::after{content:"";position:absolute;inset:0;display:none;background:url("../extensions/amfinder/logo.png") center/100% 100% no-repeat;filter:brightness(0);clip-path:inset(0 0 0 22.15%);pointer-events:none}
html[data-tone="ink"] .am-lockup img{clip-path:inset(0 77.85% 0 0)}
html[data-tone="ink"] .am-lockup::after{display:block}
.am-tagline{width:100%;max-width:none;margin:0 auto;color:var(--sub);font-size:clamp(13px,1.5vw,18px);line-height:1.5;white-space:nowrap;text-align:center}
.am-rule{height:2px;border:0;background:linear-gradient(90deg,#ff6b9d,#ffda73,#7af4e7,#b7a4ff,#ff6b9d);margin:26px 0}
.am-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 28px}
.am-action{display:inline-flex;align-items:center;justify-content:center;min-height:52px;min-width:210px;padding:12px 28px;border:0;border-radius:999px;background:#fff;color:#101116;text-decoration:none;font:700 clamp(17px,2vw,24px)/1.2 var(--f-head);cursor:pointer;transition:transform .2s,box-shadow .2s}
.am-action:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.am-action:focus-visible{outline:3px solid var(--c);outline-offset:4px}
.am-actions .am-action{position:relative;isolation:isolate;overflow:hidden;height:52px;padding:0 28px;font-weight:400;line-height:1;text-align:center}
.am-action-label{position:relative;z-index:1;display:block;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:1;text-align:center;transform:translateY(.04em)}
.am-actions .am-action::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(100deg,#ff8bb7,#ffe98b,#92f5d9,#b3dbff,#c6a7ff,#ff8bb7);background-size:220% 100%;opacity:0;transform:translateX(-110%);pointer-events:none}
.am-actions .am-action.am-gradient-run::before{animation:amButtonSweep 1.1s cubic-bezier(.4,0,.2,1) 1}
@keyframes amButtonSweep{0%{opacity:0;transform:translateX(-110%);background-position:0 50%}18%{opacity:1}48%{opacity:1;transform:translateX(0);background-position:45% 50%}70%{opacity:1;transform:translateX(0);background-position:100% 50%}100%{opacity:0;transform:translateX(110%);background-position:100% 50%}}
.am-price{font:700 22px/1.4 var(--f-head);margin:18px 0 5px}.am-purchase-note{color:var(--sub);font-size:13px;line-height:1.6;margin:0}
.am-copy p,.am-install p,.am-install li{font-size:clamp(14px,1.5vw,17px);line-height:1.85;color:var(--sub);text-align:justify;text-align-last:start;overflow-wrap:break-word}
.am-copy p:first-of-type{margin-top:0}.am-copy p:last-child{margin-bottom:0}
.am-section-title{font-family:var(--f-head);font-size:clamp(21px,2.4vw,30px);line-height:1.4;margin:0 0 18px;color:var(--ink,#fff)}
.am-preview{margin:0;overflow:hidden;border-radius:16px;border:1px solid #ffffff38;background:#ecf2fa}
.am-preview img{display:block;width:100%;height:auto}.am-preview figcaption{background:#162e47;color:#fff;padding:12px 16px;font-size:12px;line-height:1.6}
.am-install ol{padding-left:1.6em;margin:0}.am-install li{padding:4px 0 8px 8px}.am-install code{font-size:.92em;overflow-wrap:anywhere;background:#0002;border-radius:5px;padding:2px 6px;color:inherit}
.am-install details{border-top:1px solid #ffffff2e;margin-top:22px;padding-top:18px}.am-install summary{cursor:pointer;font-weight:700;line-height:1.5}.am-install a{color:inherit;text-underline-offset:3px}
.am-credits{font-size:12px;line-height:1.8;text-align:center;color:var(--sub);margin:0}.am-credits p{margin:4px 0}
.am-checkout{position:fixed;inset:0;z-index:350;display:flex;align-items:center;justify-content:center;padding:12px;visibility:hidden;opacity:0;transition:opacity .2s,visibility .2s}
.am-checkout.open{visibility:visible;opacity:1}.am-pay-bg{position:absolute;inset:0;background:#061326cc;backdrop-filter:blur(14px)}
.am-pay-card{position:relative;box-sizing:border-box;width:min(540px,100%);max-height:calc(100dvh - 24px);overflow:auto;padding:24px;border:1px solid #ffffff55;border-radius:20px;background:linear-gradient(145deg,#205d88,#152b4b);color:#fff;text-align:center;box-shadow:0 24px 80px #0007}
.am-pay-close{position:absolute;top:7px;right:12px;border:0;background:none;color:#fff;font-size:32px;line-height:1;cursor:pointer;min-width:36px;min-height:36px}.am-pay-card h2{font:700 24px/1.4 var(--f-head);margin:4px 28px 8px}
.am-pay-product{font-size:14px;line-height:1.5;margin:4px 0}.am-pay-price{font-weight:700;font-size:23px;margin:8px 0 16px;color:#fff3ad}
.am-customer{display:grid;text-align:left;gap:8px}.am-customer label{font-size:13px;font-weight:700}.am-customer input{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:11px 12px;border:1px solid #ffffff66;border-radius:10px;background:#fff;color:#162b42;font:16px/1.3 var(--f-body)}
.am-customer button{margin-top:8px;font-size:15px;width:100%}.am-customer button:disabled{opacity:.6;cursor:wait}
.am-customer small{font-size:12px;line-height:1.6;color:#d9eafa}.am-pay-qr{display:flex;flex-direction:column;align-items:center;gap:8px;background:#fff;color:#17314d;padding:14px;border-radius:13px;overflow-wrap:anywhere}
.am-pay-qr svg,.am-pay-qr canvas{display:block;width:min(100%,28dvh,230px)!important;height:auto!important;aspect-ratio:1}.am-pay-qr p{font-size:12px;line-height:1.5;margin:0}
.am-pay-state{font-size:13px;line-height:1.65;margin:14px 0;overflow-wrap:anywhere}.am-pay-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.am-pay-actions .am-action{font-size:13px;min-width:0;min-height:42px;padding:10px 18px}
#am-download{background:#d9ff9b;color:#142b42}.am-checkout [hidden]{display:none!important}.am-pay-trust{font-size:11px;line-height:1.6;color:#c7dcef;margin:16px 0 0}
@media(max-width:600px){.am-action{flex:1 1 100%;min-width:0}.am-lockup{margin-bottom:20px}.am-hero{padding:24px 18px!important}.am-tagline{font-size:13px}.am-rule{margin:22px 0}.am-pay-card{padding:23px 17px 18px}.am-pay-actions .am-action{flex:1 1 100%}.am-section-title{font-size:21px}}
@media(prefers-reduced-motion:reduce){.am-action,.am-checkout{transition:none}.am-action:hover{transform:none}.am-actions .am-action.am-gradient-run::before{animation:none}}