/* Mercury — a compact optical object, not a square badge. */
.mini-icon:has(.mercury-icon),.product-icon:has(.mercury-icon),.products-menu a>.mini-icon:has(.mercury-icon){display:grid;place-items:center;background:none;border:0;box-shadow:none;border-radius:0;overflow:visible;isolation:isolate}
.product-glyph.mercury-icon{--mercury-mid:#ddd8f4;--mercury-end:#c1b0e0;--mercury-edge:#dc93bb;display:block;width:64px;height:64px;overflow:visible;filter:drop-shadow(0 7px 6px #47617a24)}
.product-glyph--wellness.mercury-icon{--mercury-mid:#ddedf2;--mercury-end:#b4dcd3;--mercury-edge:#acbfe4}
.product-glyph--beauty.mercury-icon{--mercury-mid:#f1e2ed;--mercury-end:#e3b5d0;--mercury-edge:#cbafe4}
.product-glyph--sms-hub.mercury-icon{--mercury-mid:#e0eafa;--mercury-end:#b1cce5;--mercury-edge:#b5acdc}
.product-glyph--whatsapp-hub.mercury-icon{--mercury-mid:#e1edf0;--mercury-end:#badbce;--mercury-edge:#c8c1e8}
.products-menu a>.mini-icon:has(.mercury-icon){width:54px;height:58px;flex-basis:54px}
.products-menu .product-glyph.mercury-icon{width:58px;height:58px}
.product-card .product-icon:has(.mercury-icon),.product-card:not(:first-child) .product-icon:has(.mercury-icon),.product-grid.filtered .product-card .product-icon:has(.mercury-icon){width:76px;height:76px;margin:0 0 23px;display:grid}
.product-card .product-icon .mercury-icon{width:76px;height:76px}
.feature-item .mini-icon:has(.mercury-icon){width:64px;height:64px}
.niche-preview .mini-icon:has(.mercury-icon){width:54px;height:54px}.niche-preview .mini-icon .mercury-icon{width:56px;height:56px}
.sms-row .mercury-icon{width:34px;height:34px;vertical-align:middle;display:inline-block;filter:none}
.mercury-body{transform-origin:32px 32px;transition:transform 220ms var(--ease-out)}
.mercury-reflection{transform-origin:32px 32px;transition:transform 200ms var(--ease-out),opacity 180ms ease}
.mercury-shadow{transform-origin:32px 57px;transition:transform 220ms var(--ease-out),opacity 180ms ease}
.mercury-arrival{animation:mercury-arrive 500ms var(--ease-out) both}
@keyframes mercury-arrive{from{transform:translateY(5px) scale(.95);opacity:.3}to{transform:translateY(0) scale(1);opacity:1}}
@media(hover:hover) and (pointer:fine){
 .product-card:hover .mercury-body,.products-menu a:hover .mercury-body,.feature-item:hover .mercury-body{transform:translateY(-1px) rotate(-4deg) scale(1.025,.98)}
 .product-card:hover .mercury-reflection,.products-menu a:hover .mercury-reflection{transform:translate(2px,1px);opacity:.65}
 .product-card:hover .mercury-shadow,.products-menu a:hover .mercury-shadow{transform:scale(.9);opacity:.09}
 .products-menu a:hover .product-glyph.mercury-icon{transform:none}
 .products-menu a:active .mercury-body{transform:scale(.97,1.02);transition-duration:100ms}
}
html[data-optical-input="keyboard"] .mercury-icon *,html[data-scrolling="true"] .mercury-icon *{transition:none!important}
html[data-optical-input="keyboard"] .mercury-body,html[data-scrolling="true"] .mercury-body{transform:none!important}
@media(prefers-reduced-motion:reduce){.mercury-icon,.mercury-icon *{animation:none!important;transition:none!important}.mercury-body,.mercury-reflection,.mercury-shadow{transform:none!important}.mercury-reflection{opacity:.9}}
@media(forced-colors:active){.mercury-icon{filter:none}.mercury-body>path:first-child{fill:Canvas;stroke:CanvasText}.mercury-symbol{stroke:CanvasText}.mercury-reflection,.mercury-foot,.mercury-shadow{display:none}}
/* Preserve the tinted material without a second full-card backdrop layer. */
.product-grid{gap:24px}
.product-grid::before{background:radial-gradient(ellipse 540px 420px at 74% 16%,#c7b5e7bb,transparent 73%),radial-gradient(ellipse 470px 570px at 12% 57%,#b9dce1aa,transparent 74%),radial-gradient(ellipse 490px 490px at 88% 59%,#ecc3ce9e,transparent 72%),radial-gradient(ellipse 650px 300px at 45% 90%,#d7cee8b5,transparent 75%)}
.product-grid .product-card{background:linear-gradient(135deg,#ffffff7a,#ffffff24 44%,#ffffff54);border-color:#ffffffed;box-shadow:inset 0 1px 1px white,inset 0 -1px 1px #ffffffaa,0 20px 45px #66567a0e;backdrop-filter:none;-webkit-backdrop-filter:none}
.product-card::after{inset:6px;border:1px solid #ffffff38;border-top-color:#ffffffa8;border-bottom-color:#ffffff75}
.product-grid .product-card:first-child{backdrop-filter:none;-webkit-backdrop-filter:none}
.product-card .demo-window,.niche-preview,.sms-preview,.message-preview{background:linear-gradient(135deg,#ffffffa1,#ffffff47 55%,#ffffff75);box-shadow:inset 0 1px 1px white,inset 0 -1px 0 #ffffffa1,0 14px 36px #5b47791a;border-color:#fffffff2}
.product-card .card-info p{color:#534d60}
.product-proof{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px;padding:0;list-style:none}
.product-proof li{font-size:10px;letter-spacing:.02em;padding:5px 10px;border-radius:20px;border:1px solid #ffffffa6;background:#ffffff38;color:#62556f}
.product-card .card-topline{margin-bottom:22px}
html[data-scrolling="true"] .mercury-arrival{animation:none!important}
@media(max-width:700px){.product-grid{gap:20px}.product-card .product-icon:has(.mercury-icon),.product-card:not(:first-child) .product-icon:has(.mercury-icon){width:66px;height:66px;margin-bottom:20px}.product-card .product-icon .mercury-icon{width:66px;height:66px}.product-proof li{font-size:10px}.product-card .card-info :is(h2,h3){font-size:26px}}
@media(prefers-contrast:more){.product-grid .product-card{background:#faf9fd;border-color:#877692;backdrop-filter:none;-webkit-backdrop-filter:none}.product-proof li{color:#40374c;border-color:#877692}}

/* Mercury sits directly on glass, including legacy tinted preview wrappers. */
.niche-preview .mini-icon:has(.mercury-icon),.niche-preview.pink .mini-icon:has(.mercury-icon){background:none;border:0;box-shadow:none}
.product-card .product-explore{max-width:100%;min-height:46px;padding:12px 20px;white-space:normal;text-align:left;justify-content:space-between;gap:16px;line-height:1.4}
.product-card .product-explore svg{flex-shrink:0}
/* Benefit-led agent panels. No continuous background rendering or refraction. */
.product-card .impact-visual{padding:20px 28px 30px;min-height:0}
.agent-impact{--impact-accent:#6c5994;width:100%;max-width:460px;padding:24px;border:1px solid #ffffffed;border-radius:25px;background:linear-gradient(130deg,#ffffffb5,#ffffff4f 64%,#ffffff91);box-shadow:inset 0 1px 1px white,inset 0 -1px 1px #ffffffac,0 16px 34px #58466a10;color:#302d3a}
.impact-growth{--impact-accent:#477a75}.impact-support{--impact-accent:#886084}
.impact-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:.075em;line-height:1.5;color:#625a6e}
.impact-status{flex-shrink:0;display:flex;align-items:center;gap:5px;font-size:7px;background:#ffffff6b;border:1px solid white;border-radius:20px;padding:5px 7px}
.impact-status::before{content:'';height:4px;width:4px;border-radius:50%;background:#629884;box-shadow:0 0 0 3px #93c6b31a}
.impact-performance{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:23px 0 25px}
.impact-number{font-size:clamp(52px,5.5vw,76px);letter-spacing:-.075em;line-height:1.05;font-weight:500;color:var(--impact-accent);font-variant-numeric:tabular-nums}
.impact-number>span[aria-hidden]{display:flex;align-items:baseline}.impact-counter{display:inline-block;height:1.05em;overflow:hidden;vertical-align:bottom}.impact-counter-track{display:flex;flex-direction:column;transform:translateY(calc(-100% + 1.05em))}.impact-counter-track>span{height:1.05em;line-height:1.05;display:block}
.impact-slash{font-weight:400;opacity:.45;margin-inline:3px}.impact-metric{display:block;font-size:12px;font-weight:500;margin-top:9px;line-height:1.5}
.impact-chart{display:flex;align-items:end;gap:5px;height:95px;width:125px;padding-bottom:9px;border-bottom:1px solid #a2b7b446;transform:skewY(-6deg)}
.impact-chart i{display:block;flex:1;height:var(--bar-height);border-radius:4px 4px 2px 2px;background:linear-gradient(90deg,#a3c4c6,#f7fffe 40%,#92b8b2);border:1px solid #ffffffc9;box-shadow:2px 3px 6px #4f817019;transform-origin:bottom}
.agent-impact h4{font-size:18px;line-height:1.4;font-weight:500;letter-spacing:-.025em;margin:0 0 9px}.agent-impact>p{font-size:12px;line-height:1.8;color:#5f566a;margin:0}
.impact-services{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.impact-services span{font-size:9px;line-height:1.5;padding:6px 9px;background:#ffffff62;border:1px solid #ffffffd4;border-radius:8px;color:#554c60}
.impact-provider{display:flex;flex-direction:column;gap:7px;border-top:1px solid #ffffffc4;padding-top:15px;margin-top:20px}.impact-provider span{font-size:10px;color:#635b70}.impact-provider strong{font-size:10px;font-weight:600;color:#494050}
.agent-impact .impact-scope{font-size:9px;line-height:1.6;margin-top:10px;color:#74697c}
.impact-clock{position:relative;flex:0 0 92px;height:92px;border-radius:50%;background:radial-gradient(circle,#ffffffba 45%,#efdfed54 48%,#fff9 54%,#c9afcb54 58%,#ffffffb0 60%,transparent 63%);border:1px solid #ffffffc9;box-shadow:inset 0 2px 5px #fff,0 8px 17px #81678013}
.impact-clock::before{content:'';position:absolute;inset:9px;border:1px dashed #aa91b090;border-radius:50%}.impact-clock span{position:absolute;left:44px;top:23px;width:2px;height:23px;background:#927294;transform-origin:bottom;transform:rotate(30deg)}.impact-clock i{position:absolute;left:44px;top:44px;width:22px;height:2px;background:#927294;transform-origin:left;transform:rotate(22deg)}.impact-clock b{position:absolute;left:41px;top:41px;width:7px;height:7px;border-radius:50%;background:#866689;border:2px solid #fff}
@media(max-width:700px){.product-card .impact-visual,.product-grid.filtered .product-card .impact-visual{padding:12px 20px 25px}.agent-impact{padding:19px}.impact-topline{font-size:7px;gap:6px;letter-spacing:.035em}.impact-status{font-size:6px;padding:4px 5px}.impact-number{font-size:58px}.impact-performance{gap:8px}.impact-chart{width:86px;height:75px;gap:3px}.impact-clock{flex-basis:78px;height:78px;transform:scale(.85);margin-right:-6px}.impact-clock span{left:37px;top:16px}.impact-clock i{left:37px;top:37px}.impact-clock b{left:34px;top:34px}.agent-impact h4{font-size:17px}.impact-metric{font-size:11px}.agent-impact>p{font-size:11px}}
@media(prefers-contrast:more){.agent-impact{background:#faf9fd;border-color:#877692}.agent-impact p,.impact-provider span,.impact-scope{color:#40374c}}
.impact-number .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}