/* Layered, tactile controls; platform identity stays visible on desktop and touch. */
.product-intro .product-actions{gap:12px;max-width:940px;margin-inline:auto;flex-wrap:wrap}
.product-intro .product-actions>.button{position:relative;isolation:isolate;overflow:hidden;min-height:52px;min-width:148px;gap:10px;padding:0 22px;border-radius:999px;font-size:13px;font-weight:550;line-height:1.4;white-space:nowrap;transform:translateY(0);border:1px solid var(--line);transition:transform .24s cubic-bezier(.22,1,.36,1),box-shadow .24s,border-color .24s,background-color .24s}
.product-actions .button>svg,.product-actions .button>span{position:relative;z-index:1;flex-shrink:0}
.product-actions .button .action-label{flex-shrink:1}
.product-actions .button:before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:0;pointer-events:none;background:linear-gradient(115deg,transparent 15%,#ffffff20 45%,transparent 75%);transform:translateX(-120%);transition:transform .6s cubic-bezier(.22,1,.36,1)}
.product-intro .product-actions>.website-action{color:#fff;border-color:#272a31;background:linear-gradient(180deg,#373b44,#1c1f25);box-shadow:inset 0 1px 0 #ffffff2b,inset 0 -1px 0 #0005,0 4px 9px -5px #11182780,0 10px 20px -12px #11182755}
.product-intro .product-actions>.download-action{background:linear-gradient(180deg,#fff,#f0f2f6);border-color:#b9c2d14d;color:#272c36;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #9caac51c,0 2px 3px #1b2c4610,0 9px 17px -12px #26375755}
.product-actions .android-icon{color:#368b53}
.product-intro .product-actions>.product-demo-button{color:var(--muted);background:var(--surface);border-color:var(--line);box-shadow:inset 0 1px 0 var(--rim),0 3px 7px -5px #26375722}
.product-actions .action-arrow{font-size:15px;transition:transform .24s cubic-bezier(.22,1,.36,1)}
.product-intro .product-actions>.button:focus-visible{outline:3px solid #5786c8;outline-offset:4px;box-shadow:0 0 0 7px #5786c81a}
.product-intro .product-actions>.button:active{transform:translateY(1px) scale(.975);box-shadow:inset 0 2px 5px #00000018,0 1px 2px #00000008}
@media(hover:hover) and (pointer:fine){
 .product-intro .product-actions>.button:hover{transform:translateY(-3px);border-color:#7d8ca54d;box-shadow:inset 0 1px 0 #ffffff66,0 7px 15px -7px #26375755,0 13px 24px -17px #26375755}
 .product-intro .product-actions>.website-action:hover{box-shadow:inset 0 1px 0 #ffffff35,0 8px 17px -9px #11182799,0 14px 28px -17px #11182788}
 .product-actions .button:hover:before,.product-actions .button:focus-visible:before{transform:translateX(120%)}
 .product-actions .website-action:hover .action-arrow{transform:translate(2px,-2px)}
 .product-actions .product-demo-button:hover .action-arrow{transform:translateY(3px)}
 .product-intro .product-actions>.button:active{transform:translateY(1px) scale(.975)}
}
:root[data-theme=dark] .product-intro .product-actions>.website-action{background:linear-gradient(180deg,#f6f7fa,#dce1e9);color:#1a2029;border-color:#ffffff70;box-shadow:inset 0 1px 0 #fff,0 8px 19px -12px #0009}
:root[data-theme=dark] .product-intro .product-actions>.download-action{background:linear-gradient(180deg,#343a45,#262c35);color:#f0f2f7;border-color:#9caac52e;box-shadow:inset 0 1px 0 #ffffff12,0 6px 13px -10px #000a}
:root[data-theme=dark] .product-actions .android-icon{color:#87d7a2}
@media(max-width:700px){.product-intro .product-actions{gap:10px}.product-intro .product-actions>.button{min-height:48px;min-width:142px;font-size:12px;padding:0 18px;gap:9px}.product-actions .platform-icon{width:18px;height:18px}}
@media(max-width:430px){.product-intro .product-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:370px;gap:10px}.product-intro .product-actions>.button{width:100%;min-width:0;padding:0 10px;font-size:11px;gap:7px}.product-intro .product-actions:not(.has-android)>.product-demo-button{grid-column:1/-1;justify-self:center;width:auto;min-width:155px}.product-actions .platform-icon,.product-actions .action-globe{width:17px;height:17px}}
@media(prefers-reduced-motion:reduce){.product-actions .button:before{display:none}.product-intro .product-actions>.button,.product-actions .action-arrow,.product-actions .button:before{transition:none!important}.product-intro .product-actions>.button:hover,.product-intro .product-actions>.button:active,.product-actions .button .action-arrow{transform:none!important}}