/* Scoped benefit revision, 2026-10-23. Existing chrome, forms and pricing retained. */
.benefit-phrase{display:inline-block;max-width:100%;overflow-wrap:anywhere}
#business .benefit-heading{display:block}
#business .benefit-heading .editorial-heading-copy{max-width:none}
#business .benefit-heading h2{font-size:clamp(25px,2.5vw,34px);line-height:1.55}
#business .benefit-top-grid{border:0;gap:32px;align-items:stretch}
#business .benefit-top-card{border:1px solid #d6e4ec;border-radius:10px;padding:28px;display:flex;flex-direction:column;min-width:0}
#business .benefit-top-card + .benefit-top-card{border-left:1px solid #d6e4ec}
#business .benefit-card-head{min-height:205px}
#business .benefit-top-card h3{font-size:clamp(22px,2vw,27px);line-height:1.6;margin:22px 0 16px}
#business .benefit-top-card h3 .benefit-phrase{display:block}
#business .benefit-top-card p{font-size:16px;line-height:1.8}
#business .benefit-top-card .proposal-category{font-size:13px;margin:0 0 18px}
#business .benefit-top-card .single-brand-logo{width:185px;max-height:48px;object-fit:contain}
#business .benefit-top-card .proposal-visual{height:250px;min-height:0;margin:12px 0 20px;flex:none}
#business .benefit-top-card .proposal-visual.support img{height:100%;width:100%;object-fit:contain}
#business .benefit-points{padding-left:1.2em;margin:12px 0 24px;line-height:1.85;font-size:15px}
#business .benefit-top-card > .button{margin-top:auto;min-height:48px;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:15px;padding:13px 18px;white-space:normal}
.benefit-section h2,.benefit-overview h3{font-size:clamp(25px,2.5vw,34px);line-height:1.55;letter-spacing:.01em}
.benefit-section p,.benefit-overview p{font-size:16px;line-height:1.8;overflow-wrap:anywhere}
.benefit-section h3{font-size:24px;line-height:1.6}
.benefit-section .fine{font-size:13px;color:#637f90}
.benefit-section .kicker{font-size:13px;color:#0866ad}
.benefit-scenes{display:grid;gap:26px;margin-top:34px}
.benefit-scene{display:grid;grid-template-columns:1.4fr 1fr;gap:38px;background:#f1f7fa;border:1px solid #d6e4ec;border-radius:8px;padding:32px;align-items:center}
.benefit-scene:nth-child(2){background:white}
.benefit-use{background:white;border:1px solid #d6e4ec;border-radius:6px;padding:24px}
.benefit-use > p:not(.kicker){font-size:18px;font-weight:600}
.benefit-section .text-link{display:inline-flex;align-items:center;min-height:44px;font-size:15px;line-height:1.6;white-space:normal;text-decoration:underline;text-underline-offset:5px}
.benefit-section .text-link:after,.benefit-section .text-link:before{content:none}
.benefit-growth{display:grid;grid-template-columns:1.35fr 1fr;gap:42px;margin-top:26px}
.benefit-growth-steps{list-style:none;counter-reset:g;padding:20px;margin:28px 0;background:white;border-radius:6px}
.benefit-growth-steps li{counter-increment:g;display:grid;grid-template-columns:26px 130px 1fr;gap:14px;padding:15px 0;align-items:start;line-height:1.7}
.benefit-growth-steps li:before{content:counter(g,decimal-leading-zero);color:#0866ad;font-size:13px}
.benefit-growth-steps strong{font-size:16px}.benefit-growth-steps span{font-size:14px}
.benefit-feedback{background:white;border:1px solid #d6e4ec;border-radius:6px;padding:28px;display:flex;flex-direction:column;align-items:start}
.benefit-feedback .text-link{margin-top:auto}
.benefit-evaluation{display:grid;grid-template-columns:1.1fr 1fr;gap:44px;margin-top:44px;padding-top:44px;border-top:1px solid #d6e4ec;align-items:center}
.benefit-evaluation h2{font-size:28px}
.benefit-evaluation figure{margin:0;min-width:0}.benefit-evaluation img{width:100%;height:auto;border:1px solid #d6e4ec;border-radius:6px}
.benefit-evaluation figcaption{font-size:12px;color:#637f90;line-height:1.7;margin-top:10px}
.benefit-feature-list{color:#0866ad;font-size:14px!important}
.benefit-flow{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:32px 0;padding:0}
.benefit-flow li{background:#f1f7fa;padding:22px;border-radius:6px;min-width:0}
.benefit-number{font-size:13px;color:#0866ad}.benefit-flow h3{font-size:18px;margin:18px 0 14px}.benefit-flow p{font-size:15px}
.benefit-flow-example{display:flex;align-items:baseline;gap:34px;border:1px solid #d6e4ec;border-radius:6px;padding:20px;margin:30px 0}.benefit-flow-example strong{flex-shrink:0}.benefit-flow-example p{margin:0}
.benefit-support{display:grid;grid-template-columns:220px 1fr;gap:32px;border-top:1px solid #d6e4ec;margin-top:42px;padding-top:30px}.benefit-support h3{font-size:18px;margin:0}
.benefit-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.benefit-overview .proposal-detail-visual{grid-area:auto;margin:0;min-width:0}.benefit-overview h3{margin:26px 0}.benefit-overview .button{margin-top:22px;min-height:48px}
.benefit-section a:focus-visible,#business .benefit-top-card a:focus-visible,.benefit-overview a:focus-visible{outline:3px solid #168777;outline-offset:4px}
@media(max-width:1000px){.benefit-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.benefit-growth-steps li{grid-template-columns:25px 1fr}.benefit-growth-steps span{grid-column:2}.benefit-scene{gap:24px;padding:24px}.benefit-overview-grid{gap:28px}}
@media(max-width:800px){
#business .benefit-top-grid{grid-template-columns:1fr;gap:24px}
#business .benefit-top-card{padding:24px}#business .benefit-card-head{min-height:0}
#business .benefit-top-card h3{font-size:23px;line-height:1.55}
#business .benefit-top-card .proposal-visual{height:220px;margin:20px 0}
#business .benefit-top-card .benefit-points{font-size:15px;margin-top:0}
.benefit-section .wrap,.benefit-overview .wrap,#business>.wrap{width:calc(100% - 48px);max-width:none}
.benefit-scenes{gap:36px}.benefit-scene{grid-template-columns:1fr;background:none!important;border:0;border-radius:0;padding:0 0 30px;border-bottom:1px solid #d6e4ec;gap:18px}
.benefit-use{background:#f1f7fa;border:0;padding:20px}.benefit-use .kicker{display:none}.benefit-use>p:not(.kicker){font-size:16px;font-weight:400;margin-top:0}
.benefit-section h2,.benefit-section h3,.benefit-overview h3{font-size:23px;line-height:1.6}
.benefit-section .benefit-phrase,.benefit-overview .benefit-phrase{display:block}
.benefit-growth,.benefit-evaluation,.benefit-overview-grid{grid-template-columns:1fr;gap:26px}
.benefit-growth-steps{padding:10px 20px}.benefit-feedback{padding:22px}.benefit-evaluation{margin-top:32px;padding-top:32px}
.benefit-flow{grid-template-columns:1fr;gap:14px}.benefit-flow li{padding:20px 24px}.benefit-flow h3{font-size:18px;margin:10px 0}.benefit-flow p{font-size:16px;margin-bottom:0}
.benefit-flow-example{display:block}.benefit-flow-example p{margin-top:12px}
.benefit-support{grid-template-columns:1fr;gap:10px}.benefit-support h3{font-size:18px}
.benefit-section .button,.benefit-overview .button{width:100%;white-space:normal;text-align:center;min-height:48px}
.benefit-overview .proposal-detail-visual{order:0}.benefit-overview-grid>div:last-child{order:1}
}
@media(max-width:350px){#business .benefit-top-card{padding:18px}#business .benefit-top-card .proposal-visual{height:180px}#business .benefit-top-card h3{font-size:21px}.benefit-section h2,.benefit-section h3,.benefit-overview h3{font-size:21px}}

/* 0.49.5: v2 cards no longer use the old positioned logo wrapper. Keep the official logo in normal flow. */
body.tsv045 #business .benefit-card-head .single-brand-heading{position:relative;min-height:42px;margin:8px 0 16px;line-height:1}
body.tsv045 #business .benefit-card-head .single-brand-logo,
body.tsv045 #overview-product.benefit-overview .single-brand-logo{position:static;display:block;left:auto;top:auto;width:185px;max-width:100%;height:auto;max-height:48px;object-fit:contain;border:0;box-shadow:none}