/* Mochi illustrates exercises; the existing Blender cat remains the mascot. */
.mochi-pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0 0 54px}
.mochi-pack{padding:24px 24px 27px;border-radius:28px;background:#f4eee7;min-width:0}
.mochi-pack:nth-child(2){background:#efedf7}
.mochi-pack:nth-child(3){background:#f0eee7}
.mochi-pack-art{height:226px;margin-bottom:21px;display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate}
.mochi-pack-art::before{content:"";position:absolute;inset:15% 5% 0;background:radial-gradient(ellipse,rgba(239,174,144,.16),rgba(239,174,144,0) 70%);z-index:-1;pointer-events:none}
.mochi-pack-art img{height:100%;width:100%;object-fit:contain}
.mochi-pack h3{font-size:24px;line-height:1.15;letter-spacing:-.65px;margin:0 0 9px;font-weight:680}
.mochi-pack p{font-size:14px;line-height:1.45;margin:0 0 12px;color:var(--muted)}
.mochi-pack-copy>span{font-size:13px;line-height:1.5;color:#626574}
.product-inner{gap:78px}
.mochi-demo-stage{position:relative;min-width:0;min-height:704px;display:flex;align-items:center;justify-content:center;isolation:isolate;padding-bottom:28px}
.mochi-demo-stage::before{content:"";position:absolute;inset:15% -30% 2% -20%;background:radial-gradient(ellipse,rgba(210,170,150,.11),rgba(210,170,150,0) 69%);z-index:-1;pointer-events:none}
.mochi-demo-card{position:relative;width:100%;background:#faf6f0;border-radius:30px;padding:28px 24px 26px;color:#15213a;transform:rotate(2deg)}
.demo-title{display:flex;flex-direction:column;gap:7px;padding-left:8px}
.demo-title h3{font-size:17px;line-height:1.35;font-weight:650;letter-spacing:-.3px;margin:0}
.demo-side{font-weight:500;font-size:13px;color:#626574}
.demo-large-pose{width:100%;height:330px;object-fit:contain;margin:6px auto 9px}
.demo-cue{padding:5px 5px 6px 150px}
.demo-cue p{font-size:17px;line-height:1.4;font-weight:650;margin:0 0 6px;letter-spacing:-.3px}
.demo-cue span{display:block;font-size:14px;line-height:1.55;color:#626574}
.mochi-watch-preview{position:absolute;left:-54px;bottom:71px;width:190px;margin:0;padding:9px;border-radius:45px;background:linear-gradient(135deg,#414247,#17181b 35%,#111114);box-shadow:0 20px 30px #0002;transform:rotate(-9deg)}
.mochi-watch-preview>img{width:100%;height:auto;border-radius:35px}
.mochi-watch-crown{position:absolute;right:-4px;top:51px;width:6px;height:24px;border-radius:3px;background:repeating-linear-gradient(0deg,#45464a 0px,#45464a 1px,#242529 1px,#242529 3px)}
.demo-caption{position:absolute;bottom:10px;right:6px;font-size:13px;line-height:1.5;color:#c1c8d6;margin:0;text-align:right;max-width:270px}
@media(max-width:1100px){
 .mochi-pack-art{height:200px}.mochi-pack{padding:21px 20px 25px}.mochi-pack h3{font-size:22px}
 .product-inner{gap:70px}.demo-large-pose{height:290px}.demo-cue{padding-left:105px}
 .mochi-watch-preview{width:168px;left:-45px}.mochi-demo-card{padding:24px 18px}.demo-title h3{font-size:15px}.demo-caption{max-width:220px}
}
@media(max-width:760px){
 .how-section .section-intro>p:last-child{justify-self:stretch;width:100%;text-align:left;margin-top:17px}
 .mochi-pack-grid{grid-template-columns:1fr;gap:12px;margin-bottom:32px}
 .mochi-pack{display:grid;grid-template-columns:116px minmax(0,1fr);align-items:center;gap:14px;padding:17px 20px 17px 9px;border-radius:22px;min-height:144px}
 .mochi-pack-art{height:116px;margin:0}.mochi-pack h3{font-size:22px;margin-bottom:7px}.mochi-pack p{font-size:14px;line-height:1.4;margin-bottom:7px}.mochi-pack-copy>span{font-size:12px}
 .mochi-demo-stage{min-height:622px;max-width:450px;margin:0 auto;padding-bottom:38px}
 .mochi-demo-card{margin-left:20px;width:calc(100% - 24px);padding:23px 16px 26px;border-radius:26px}
 .demo-large-pose{height:290px}.demo-title h3{font-size:15px}.demo-side{font-size:13px}
 .demo-cue{padding:0 3px 0 140px}.demo-cue p{font-size:15px}.demo-cue span{font-size:13px}
 .mochi-watch-preview{left:1px;bottom:87px;width:154px;transform:rotate(-8deg);border-radius:39px;padding:7px}.mochi-watch-preview>img{border-radius:31px}
 .demo-caption{font-size:12px;right:3px;bottom:18px;max-width:235px}.product-copy{padding-top:48px}.product-inner{padding-bottom:5px}
}
@media(max-width:375px){
 .mochi-pack{grid-template-columns:99px minmax(0,1fr);gap:8px;padding-right:14px}.mochi-pack-art{height:105px}.mochi-pack h3{font-size:20px}.mochi-pack p{font-size:13px}
 .mochi-demo-card{margin-left:12px;width:calc(100% - 12px);padding-left:12px;padding-right:12px}.demo-large-pose{height:268px}.demo-title h3{font-size:14px}
 .demo-cue{padding-left:140px}.demo-cue p{font-size:14px}.demo-cue span{font-size:12px}
 .mochi-watch-preview{width:133px;left:6px;bottom:90px}.mochi-demo-stage{min-height:590px}
}