/* Platform-specific CDK art uses the existing card lift and keyboard feedback. */
.art-sms-platform { position:relative; overflow:hidden; background:var(--sms-soft); }
.sms-platform-glow { position:absolute; width:270px; height:170px; border-radius:50%; background:var(--sms-accent); opacity:.11; filter:blur(32px); }
.sms-platform-back { position:absolute; width:195px; height:136px; left:calc(50% - 65px); top:calc(50% - 82px); padding:20px; border:1px solid color-mix(in srgb,var(--sms-accent) 18%,white); border-radius:18px; background:color-mix(in srgb,var(--sms-accent) 12%,white); transform:rotate(12deg); transition:transform 550ms var(--shop-spring); }
.sms-platform-back>span { display:block; color:var(--sms-accent); font-size:11px; letter-spacing:.09em; font-weight:700; }
.sms-platform-back>i { display:block; width:60%; height:3px; margin-top:15px; border-radius:2px; background:var(--sms-accent); opacity:.16; }
.sms-platform-back>i:nth-child(3) { width:80%; }
.sms-platform-pass { position:relative; width:222px; height:150px; padding:19px 21px; border:1px solid #fff; border-radius:18px; color:var(--sms-ink); background:#fffffff5; box-shadow:0 19px 30px color-mix(in srgb,var(--sms-ink) 12%,transparent); transform:translate(-22px,8px) rotate(-8deg); transition:transform 550ms var(--shop-spring),box-shadow 400ms ease; }
.sms-platform-brand { display:flex; align-items:center; gap:9px; }
.sms-platform-brand>span { display:grid; place-items:center; width:28px; height:28px; flex:none; color:var(--sms-accent); }
.sms-platform-brand svg { width:28px; height:28px; }
.sms-platform-brand>b { font-size:18px; font-weight:750; }
.sms-platform-pass>strong { display:flex; align-items:baseline; gap:8px; margin:8px 0 5px; color:var(--sms-ink); font-size:43px; font-weight:800; line-height:1.1; }
.sms-platform-pass>strong small { font-size:17px; font-weight:700; }
.sms-platform-bottom { display:flex; align-items:center; justify-content:space-between; gap:12px; color:var(--sms-accent); font-size:10px; }
.sms-platform-bottom>b { padding:3px 7px; border-radius:5px; background:var(--sms-soft); font-size:10px; letter-spacing:.05em; }
.sms-platform-chip { position:absolute; right:15px; bottom:12px; color:var(--sms-accent); font-size:10px; font-weight:650; }
.product-brand-icon.is-sms-platform,.summary-brand-icon.is-sms-platform { border:1px solid var(--ds-line); }
@media(hover:hover) and (pointer:fine) {
  .service-tile:hover .sms-platform-pass { transform:translate(-30px,-3px) rotate(-3deg); }
  .service-tile:hover .sms-platform-back { transform:translate(10px,-7px) rotate(16deg); }
}
.service-tile:focus-visible .sms-platform-pass { transform:translate(-30px,-3px) rotate(-3deg); }
.service-tile:focus-visible .sms-platform-back { transform:translate(10px,-7px) rotate(16deg); }
@media(max-width:580px) {
  .sms-platform-pass { width:200px; height:144px; padding:18px; transform:translate(-15px,8px) rotate(-8deg); }
  .sms-platform-back { width:177px; height:128px; left:calc(50% - 62px); }
  .sms-platform-brand>b { font-size:17px; }
}
@media(prefers-reduced-motion:reduce) {
  .service-tile:is(:hover,:focus-visible) .sms-platform-pass { transform:translate(-22px,8px) rotate(-8deg); }
  .service-tile:is(:hover,:focus-visible) .sms-platform-back { transform:rotate(12deg); }
}