/* Cafe body only. The existing opening composition is unchanged. */
.sc-cafe .sc-flow{margin-top:55px;padding-top:32px}
.sc-cafe .sc-feature-section{margin-top:55px;padding:32px}
.sc-cafe .sc-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 45px;margin-top:28px}
.sc-cafe .sc-features .text-link{display:inline-block;font-size:12px;margin-top:12px}
.sc-cafe .cafe-ai-brief{display:flex;gap:35px;align-items:center;justify-content:space-between;margin-top:35px;padding:28px 0;border-top:1px solid #d3ddcc;border-bottom:1px solid #d3ddcc}
.sc-cafe .cafe-ai-brief>div:first-child{max-width:790px}
.sc-cafe .cafe-ai-brief h2{font-size:25px;line-height:1.3;letter-spacing:-.035em;margin:0 0 12px;font-weight:500}
.sc-cafe .cafe-ai-brief p{font-size:14px;line-height:1.75;margin:0;color:#607067}
.sc-cafe .cafe-ai-brief .sc-kicker{font-size:10px;margin-bottom:12px}
.sc-cafe .cafe-ai-brief .cafe-scope{font-size:11px;margin-top:14px}
.sc-cafe .cafe-ai-links{display:grid;gap:16px;flex-shrink:0;font-size:12px}
.cafe-faq{padding-top:20px;padding-bottom:55px}
.cafe-faq .faq-intro h2{font-size:34px;font-weight:500}
.cafe-final{padding-bottom:65px}
.cafe-final-box{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:35px 40px;border-radius:11px;background:#f2c6ab}
.cafe-final-box h2{font-size:32px;font-weight:500;line-height:1.2;margin:0 0 15px}
.cafe-final-box .eyebrow{font-size:10px;color:#645f4b;margin-bottom:15px}
.cafe-final-box p{font-size:13px;line-height:1.8;color:#53604b;margin:0}
.cafe-final-box .button{flex-shrink:0;font-size:13px}
@media(max-width:760px){.sc-cafe .sc-flow{margin-top:40px;padding-top:28px}.sc-cafe .sc-feature-section{margin-top:35px;padding:24px 20px}.sc-cafe .sc-features{grid-template-columns:1fr;gap:24px}.sc-cafe .cafe-ai-brief{flex-direction:column;align-items:flex-start;gap:20px;margin-top:28px}.sc-cafe .cafe-ai-brief h2{font-size:23px}.sc-cafe .cafe-ai-links{display:flex;flex-wrap:wrap;gap:16px 24px}.cafe-faq{padding-top:10px;padding-bottom:40px}.cafe-faq .faq-intro h2{font-size:29px}.cafe-final{padding-bottom:40px}.cafe-final-box{display:block;padding:28px 24px}.cafe-final-box h2{font-size:28px}.cafe-final-box p{font-size:12px}.cafe-final-box .button{margin-top:23px}}

/* Keep the opening within a normal laptop viewport without cropping the composition. */
@media(min-width:1001px){
 .sc-cafe.sc-page.doc{padding-top:32px}
 .sc-cafe .sc-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}
 .sc-cafe .sc-showcase{width:100%;max-width:440px;justify-self:end}
 .sc-cafe .sc-back{margin-bottom:24px}
 .sc-cafe.sc-page.doc h1{font-size:clamp(36px,3.1vw,44px);line-height:1.13;margin-bottom:20px}
 .sc-cafe.sc-page.doc .sc-lead{font-size:16px;line-height:1.75;max-width:480px}
 .sc-cafe .sc-stage{padding:12px;border-radius:19px}
 .sc-cafe .sc-cafe-sale{grid-template-columns:43% 1fr;margin:14px 16px;padding:8px}
 .sc-cafe .sc-cafe-sale>img{height:130px;aspect-ratio:auto;object-fit:contain}
 .sc-cafe .sc-window-bar{padding:10px 16px}
 .sc-cafe .sc-screen-title{padding:14px 16px 0}
 .sc-cafe .sc-cash{padding:12px 16px}
 .sc-cafe .sc-line{padding:5px 0}
 .sc-cafe .sc-cash-note{margin-top:9px}
 .sc-cafe .sc-figure figcaption{padding-top:10px;font-size:11px}
}