/* Completed STONE MATCH edit in the existing homepage feature frame. */
.stone-match-showcase{overflow:hidden;border:1px solid #303030;border-radius:24px;background:#080808;color:#f5f5f5}
.stone-match-showcase .sm-demo-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid #242424}
.sm-demo-brand{font-size:13px;font-weight:700;letter-spacing:.20em;white-space:nowrap}
.sm-demo-status{font-size:10px;letter-spacing:.13em;color:#aaa;text-transform:uppercase;white-space:nowrap}
.sm-demo-status::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#85ffe1;margin-right:8px;vertical-align:middle}
.stone-match-showcase .sm-demo-frame{position:relative;aspect-ratio:16/9;background:#000;isolation:isolate}
.stone-match-showcase video{display:block;width:100%;height:100%;object-fit:contain;aspect-ratio:16/9}
.stone-match-showcase .sm-demo-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:11px;border:1px solid rgba(255,255,255,.55);border-radius:30px;padding:14px 20px;background:rgba(0,0,0,.63);color:white;font:inherit;font-size:13px;font-weight:600;line-height:1.2;cursor:pointer;backdrop-filter:blur(8px)}
.stone-match-showcase .sm-demo-play[hidden]{display:none}
.sm-demo-play-icon{font-size:14px}
.stone-match-showcase .sm-demo-play:hover{background:rgba(0,0,0,.83);border-color:white}
.stone-match-showcase .sm-demo-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:22px}
.stone-match-showcase .sm-demo-copy{min-width:0}
.stone-match-showcase .sm-demo-copy h2{font-size:clamp(22px,1.7vw,30px);line-height:1.2;letter-spacing:-.025em;margin:0 0 9px;font-weight:650}
.stone-match-showcase .sm-demo-copy p{font-size:13px;line-height:1.6;color:#a8a8a8;margin:0}
.stone-match-showcase .sm-demo-track{display:block;font-size:11px;letter-spacing:.025em;color:#bfbfbf;margin-top:10px}
.stone-match-showcase a.sm-demo-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex-shrink:0;border:1px solid rgba(129,255,220,.55);border-radius:30px;padding:14px 18px;background:rgba(129,255,220,.05);color:#eafff8;font-size:13px;font-weight:650;line-height:1.2;letter-spacing:0;text-decoration:none;white-space:nowrap}
.stone-match-showcase a.sm-demo-cta:hover{background:rgba(129,255,220,.14);border-color:#9affdf;color:white}
.stone-match-showcase :is(button,a):focus-visible{outline:2px solid #a1ffe4;outline-offset:4px}
.sm-demo-error{color:#ffcece;font-size:13px;padding:0 22px 20px;margin:0}
@media(max-width:760px){.stone-match-showcase{border-radius:18px}.stone-match-showcase .sm-demo-topbar{padding:15px 16px}.sm-demo-brand{font-size:11px}.sm-demo-status{font-size:9px;letter-spacing:.08em}.stone-match-showcase .sm-demo-meta{padding:18px 16px;flex-direction:column;gap:17px}.stone-match-showcase a.sm-demo-cta{width:100%}.stone-match-showcase .sm-demo-play{padding:12px 16px;font-size:12px;white-space:nowrap}}

#platform.sm-showcase{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);grid-template-areas:"copy demo" "action demo";grid-template-rows:max-content 1fr;gap:24px 54px;align-items:start;padding:72px 5vw;background:#080808;scroll-margin-top:140px}
.sm-showcase-copy{grid-area:copy;align-self:start}
#platform .sm-showcase-copy h2{font-size:clamp(34px,3.3vw,60px)!important;line-height:1.08;letter-spacing:-.04em;margin:16px 0 20px;text-wrap:balance}
.sm-showcase-kicker{font-size:11px;font-weight:600;letter-spacing:.20em;color:#8d969e;margin:0}
.sm-showcase-description{font-size:16px;line-height:1.7;color:#aab0b5;max-width:380px;margin:0}
#platform .stone-match-showcase{grid-area:demo;min-width:0;box-shadow:0 20px 65px rgba(0,0,0,.22)}
.sm-showcase-action{grid-area:action;align-self:start;padding-top:6px}
.sm-showcase-action a{display:inline-flex;align-items:center;gap:22px;border:1px solid rgba(145,255,219,.5);border-radius:30px;padding:17px 23px;background:rgba(145,255,219,.06);color:#e8fff6!important;font-size:14px;font-weight:650;text-decoration:none;letter-spacing:.01em;white-space:nowrap}
.sm-showcase-action a:hover{background:rgba(145,255,219,.16);border-color:#a4ffdf}
.sm-showcase-action a:focus-visible{outline:2px solid #adffe4;outline-offset:4px}
.sm-showcase-action p{font-size:12px;line-height:1.6;color:#899097;margin:13px 0 0}
.sm-demo-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-top:1px solid #262626;font-size:12px;line-height:1.5;color:#b5bdc3}
.sm-demo-bottom span:last-child{font-size:11px;color:#919aa1}
@media(max-width:900px){#platform.sm-showcase{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "demo" "action";grid-template-rows:auto auto auto;gap:26px;padding:48px 22px}.sm-showcase-description{max-width:580px}.sm-showcase-action{padding:0}.sm-showcase-action a{justify-content:center;width:100%}.sm-demo-bottom{padding:14px 16px}.sm-demo-bottom span:last-child{display:none}}