/* Partner product showcase geometry, scoped to the imported sections. */
.pcase-section{background:#F7F3ED;padding:84px 0 92px;overflow:hidden}
.pcase-inner{max-width:1280px;margin:0 auto;padding:0 5vw;display:grid;grid-template-columns:minmax(260px,380px) 1fr;gap:48px;align-items:center}
.pcase-kicker{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#24334B;background:#E5D6C5;border-radius:999px;padding:9px 16px}
.pcase-statement{font-size:clamp(29px,2.7vw,38px);line-height:1.4;font-weight:550;letter-spacing:-.025em;color:#24334B;margin:22px 0 18px;text-wrap:balance}
.pcase-statement em{display:block;margin-top:4px;font-style:normal;background:none;padding:0}
.pcase-note{font-size:16px;line-height:1.7;color:rgba(36,51,75,.72);margin:0;max-width:32ch}
.pcase-stage{position:relative;min-width:0}
.pcase-phones{display:flex;align-items:flex-end;justify-content:center;gap:22px}
.scr-phone-wrap{position:relative;flex:none}
.scr-phone{position:relative;width:216px;flex:none;background:#24334B;border-radius:36px;padding:9px;box-shadow:0 30px 54px -22px rgba(36,51,75,.5),0 6px 16px rgba(36,51,75,.16)}
.scr-phone::after{content:"";position:absolute;inset:0;border-radius:36px;border:1px solid rgba(255,255,255,.16);pointer-events:none}
.scr-phone-play{width:232px;margin-bottom:-16px;z-index:2}
.scr-notch{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:72px;height:8px;background:#24334B;border-radius:99px;z-index:3}
.scr-screen{position:relative;background:#fff;border-radius:28px;overflow:hidden;height:456px;display:flex;flex-direction:column}
.scr-status{display:flex;align-items:center;justify-content:space-between;padding:7px 16px 0;font-size:8px;font-weight:700;color:#24334B;flex:none;font-variant-numeric:tabular-nums}
.scr-status-icons{display:flex;align-items:center;gap:4px}
.scr-ic-signal{display:block;width:9px;height:7px;background:repeating-linear-gradient(90deg,#24334B 0 1.6px,transparent 1.6px 3.1px)}
.scr-ic-battery{display:block;position:relative;width:13px;height:7px;border:1px solid #24334B;border-radius:2px}
.scr-ic-battery::before{content:"";position:absolute;inset:1px;width:58%;background:#24334B;border-radius:1px}
.scr-ic-battery::after{content:"";position:absolute;right:-3px;top:2px;width:2px;height:3px;background:#24334B;border-radius:0 1px 1px 0}
.scr-topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 14px;border-bottom:1px solid rgba(36,51,75,.08);flex:none}
.scr-brand{font-size:11px;font-weight:800;color:#24334B;letter-spacing:.02em}
.scr-nav-icon{font-size:10px;line-height:1;color:rgba(36,51,75,.45);width:14px;text-align:center}
.scr-cover,.scr-player{position:relative;aspect-ratio:16/10;flex:none;background:#24334B}
.scr-cover{background:#E5D6C5}
.scr-cover img,.scr-player img{width:100%;height:100%;object-fit:cover;display:block}
.scr-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(36,51,75,.05) 0%,rgba(36,51,75,.34) 100%)}
.scr-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:7px;background:#24334B;color:#fff;font-size:11px;font-weight:700;padding:9px 16px;border-radius:999px;box-shadow:0 10px 22px -8px rgba(36,51,75,.55);white-space:nowrap}
.scr-play i{font-style:normal;font-size:9px;line-height:1}
.scr-time{position:absolute;left:12px;bottom:17px;font-size:8px;font-weight:600;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px rgba(0,0,0,.45)}
.scr-progress{position:absolute;left:12px;right:12px;bottom:9px;height:3px;background:rgba(255,255,255,.32);border-radius:99px}
.scr-progress-fill{position:absolute;left:0;top:0;bottom:0;width:21%;background:#fff;border-radius:99px}
.scr-progress-fill::after{content:"";position:absolute;right:-4px;top:-2.5px;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.35)}
.scr-progress-mid{width:41%}
.scr-full{position:absolute;right:11px;bottom:15px;font-size:10px;line-height:1;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.45)}
.scr-main-title{font-size:12px;font-weight:800;color:#24334B;line-height:1.4;margin:11px 14px 0;flex:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.scr-entry-label{align-self:flex-start;flex:none;margin:7px 14px 0;font-size:9px;font-weight:700;letter-spacing:.08em;color:#24334B;background:#F7F3ED;border:1px solid #E5D6C5;border-radius:999px;padding:4px 9px}
.scr-all-label{font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:rgba(36,51,75,.5);margin:10px 14px 0;flex:none}
.scr-list{list-style:none;margin:0;padding:9px 14px 14px;display:flex;flex-direction:column;gap:9px;overflow:hidden;flex:1}
.scr-item{display:flex;align-items:center;gap:9px;min-width:0}
.scr-thumb{width:54px;height:38px;border-radius:7px;overflow:hidden;flex:none;background:#E5D6C5}
.scr-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.scr-item-name{font-size:10px;font-weight:700;color:#24334B;line-height:1.32;flex:1;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.scr-item-time{font-size:9px;font-weight:600;color:rgba(36,51,75,.42);flex:none;font-variant-numeric:tabular-nums}
.pcase-qr-card{position:absolute;left:-36px;bottom:-18px;z-index:8;width:152px;background:#fff;border-radius:20px;padding:16px 14px 14px;text-align:center;box-shadow:0 26px 48px -18px rgba(36,51,75,.45),0 4px 14px rgba(36,51,75,.12)}
.pcase-qr-slot{display:grid;place-items:center;width:108px;height:108px;margin:0 auto;border-radius:14px;background:#F7F3ED;border:1px solid #E5D6C5;color:#E5D6C5}
.pcase-qr-slot svg{width:64px;height:64px;display:block}
.pcase-caption{display:block;margin-top:11px;font-size:12px;font-weight:800;color:#24334B}
.pcase-demo{position:absolute;top:12px;right:12px;font-size:8px;font-weight:800;letter-spacing:.1em;color:#24334B;background:#E5D6C5;border-radius:6px;padding:3px 7px}
@media (max-width:1200px){.pcase-inner{grid-template-columns:minmax(240px,340px) 1fr;gap:36px}
.pcase-phones{gap:18px}
.scr-phone{width:196px}
.scr-phone-play{width:210px}}
@media (max-width:1100px){.pcase-phones{gap:14px}
.scr-phone{width:168px}
.scr-phone-play{width:180px}
.pcase-qr-card{width:136px;left:-30px}
.pcase-qr-slot{width:96px;height:96px}}
@media (max-width:1024px){.pcase-section{padding:66px 0 74px}
.pcase-inner{grid-template-columns:1fr;gap:40px}
.pcase-copy{max-width:640px;margin:0 auto;text-align:center}
.pcase-note{max-width:none}
.pcase-phones{justify-content:flex-start;overflow-x:auto;padding:12px 5vw 28px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.scr-phone,.scr-phone-wrap{scroll-snap-align:center}
.scr-phone{width:212px}
.scr-phone-play{width:212px;margin-bottom:0}
.pcase-qr-card{display:none}}
@media (max-width:560px){.pcase-statement{font-size:clamp(27px,7vw,34px);line-height:1.4}
.pcase-kicker{font-size:11px;padding:8px 13px}}

/* The existing six-card grid keeps the partner's geometry and image order. */
.scene-card{background:#24334B url('/assets/scene-1.jpg') center/cover no-repeat;border-color:transparent;overflow:hidden}
.scene-card::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(36,51,75,.28),rgba(36,51,75,.55) 46%,rgba(36,51,75,.78));transition:opacity .3s ease}
.scene-card>*{position:relative;z-index:1}
.scene-card:nth-child(2){background-image:url('/assets/scene-2.jpg')}.scene-card:nth-child(3){background-image:url('/assets/scene-3.jpg')}.scene-card:nth-child(4){background-image:url('/assets/scene-4.jpg')}.scene-card:nth-child(5){background-image:url('/assets/scene-6.jpg')}.scene-card:nth-child(6){background-image:url('/assets/scene-5.jpg')}
.scene-card-title{color:#fff;text-shadow:0 1px 14px rgba(36,51,75,.45)}.scene-card-desc{color:rgba(255,255,255,.9);text-shadow:0 1px 12px rgba(36,51,75,.4)}.scene-more{color:rgba(255,255,255,.95);text-shadow:0 1px 10px rgba(36,51,75,.35)}
.scene-icon{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.4);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.scene-icon::after{border-color:rgba(255,255,255,.8)}
.scene-card:hover{border-color:rgba(255,255,255,.55);box-shadow:0 22px 46px -20px rgba(36,51,75,.52)}.scene-card:hover::after{opacity:.85}.scene-card:hover .scene-icon{background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.65);color:#fff}.scene-card:hover .scene-more{color:#fff}
/* The phone images are layout illustrations; the QR opens an actual example. */
.pcase-qr-slot img{display:block;width:94px;height:94px;object-fit:contain;background:#fff;border-radius:5px}.pcase-qr-slot{text-decoration:none}
.pcase-example-note{max-width:680px;margin:36px 0 0;color:rgba(36,51,75,.72);font-size:10px;line-height:1.8;text-align:center}.pcase-example-note a{display:inline-block;margin-left:8px;color:#24334B;text-underline-offset:3px}
.pcase-section a:focus-visible{outline:2px solid #24334B;outline-offset:4px}.pcase-section .scr-play{border:0;text-decoration:none}
@media(max-width:1100px) and (min-width:1025px){.pcase-qr-slot img{width:84px;height:84px}}
@media(max-width:1024px){.pcase-example-note{margin:8px auto 0}}
@media(prefers-reduced-motion:reduce){.pcase-section *{scroll-behavior:auto}}