/* V228. Bounded homepage refinements and two hero families. No additional JS. */
html body.cmo-home-v212 main.ds-home .v228-analysis{padding-top:58px;isolation:isolate}
html body.cmo-home-v212 main.ds-home .v228-analysis .v228-analysis-top{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,1fr);gap:44px;align-items:start}
html body.cmo-home-v212 main.ds-home .v228-analysis-left{min-width:0}
html body.cmo-home-v212 main.ds-home .v228-analysis-left h2{font-size:clamp(30px,3.1vw,44px);line-height:1.14;margin:0;max-width:650px;letter-spacing:-.03em}
html body.cmo-home-v212 main.ds-home .v228-analysis-left h2 span{display:block}
html body.cmo-home-v212 main.ds-home .v228-analysis-left .ds-eyebrow{margin-bottom:16px!important}
html body.cmo-home-v212 main.ds-home .v228-analysis-left .v7-analysis-principle{margin:26px 0 0!important;width:100%;box-sizing:border-box}
html body.cmo-home-v212 main.ds-home .v228-analysis-top .ds-analysis-copy{padding-top:0;min-width:0}
html body.cmo-home-v212 main.ds-home .v228-analysis .v227-monitor-preview{margin:0 auto 18px;padding:0;max-width:100%}
html body.cmo-home-v212 main.ds-home .v228-analysis .v227-monitor-preview>img{width:min(440px,100%);height:auto}
html body.cmo-home-v212 main.ds-home .v228-analysis .ds-analysis-copy>p{border-radius:6px;background:linear-gradient(90deg,#00304af2,#00304ad9);padding:8px 0;margin:0;color:#e5f4fb}
html body.cmo-home-v212 main.ds-home .v228-analysis .v8-analysis-actions{margin-top:14px}
html body.cmo-home-v212 main.ds-home .v228-point-wave{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;background-image:url('../images/home-v228/software-point-wave.webp');background-size:max(1440px,100%) auto;background-position:right -35px;background-repeat:no-repeat}
html body.cmo-home-v212 main.ds-home .v228-point-wave:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#002237e8 0%,#002237b3 31%,transparent 58%),linear-gradient(0deg,#00324aeb 0%,transparent 43%)}
html body.cmo-home-v212 main.ds-home .v228-analysis .v6-customer-case{display:grid;grid-template-columns:140px minmax(0,1fr) 215px;gap:23px;align-items:center;margin-top:28px;padding:23px 25px;background:#0d3a52f5}
html body.cmo-home-v212 main.ds-home .v228-case-icon{margin:0;padding:0;width:140px}
html body.cmo-home-v212 main.ds-home .v228-case-icon>img{display:block;width:100%;height:auto}
html body.cmo-home-v212 main.ds-home .v228-analysis .v6-customer-case h3{font-size:24px;line-height:1.24}
html body.cmo-home-v212 main.ds-home .v228-analysis .v6-case-outcome{width:auto;padding-left:23px;min-width:0}
html body.cmo-home-v212 main.ds-home .v228-analysis .v6-case-outcome .ds-link{white-space:normal}
html body.cmo-home-v212 main.ds-home .v228-simulation{display:grid;grid-template-columns:98px minmax(0,1fr) auto;align-items:center;gap:22px;margin-top:22px;padding-top:20px}
html body.cmo-home-v212 main.ds-home .v228-simulation>img{display:block;width:98px;height:auto}
html body.cmo-home-v212 main.ds-home .v228-simulation>p{margin:0;max-width:none}
html body.cmo-home-v212 main.ds-home .v228-simulation-actions{display:flex;gap:16px 22px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
html body.cmo-home-v212 main.ds-home .v228-simulation-actions .ds-link{font-size:13px;white-space:normal}
html body.cmo-home-v212 main.ds-home .v228-analysis .ds-analysis-scope{margin-top:17px!important}
/* This is an ordinary image, not a hidden button and not a zoom target. */
html body.cmo-home-v212 main.ds-home .v228-ultimate-static{display:block;margin:0;padding:0;border:1px solid #d0dce4;background:#fff;box-shadow:0 4px 12px #00263d0c;cursor:default}
html body.cmo-home-v212 main.ds-home .v228-ultimate-static>img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;cursor:default}
/* Same neutral image stage for all three resource cards. */
html body.cmo-home-v212 main.ds-home .v228-resource-row .v6-resource-visual{background:linear-gradient(125deg,#f0f2f3,#e4e8eb);height:216px;min-height:216px;border-bottom:1px solid #d6dee3;box-sizing:border-box;position:relative;overflow:hidden}
html body.cmo-home-v212 main.ds-home .v228-resource-row .v227-bms-visual{padding:18px 21px}
html body.cmo-home-v212 main.ds-home .v228-resource-row .v6-checklist-resource>img{object-fit:contain;filter:drop-shadow(0 8px 9px #102d422b)}
html body.cmo-home-v212 main.ds-home .v228-resource-row .v227-calculator-visual:before{content:'';position:absolute;inset:18px;border-radius:10px;background:linear-gradient(135deg,#06466a,#00243d);box-shadow:0 6px 12px #153d491f}
html body.cmo-home-v212 main.ds-home .v228-resource-row .v227-calculator-visual>.v6-calculator-sheet{left:10%;right:35%;top:20%;padding:9px 10px;background:#10436180;border-color:#4d7d96}
html body.cmo-home-v212 main.ds-home .v228-resource-row .v227-calculator-visual>.v6-calculator-sheet>span{font-size:12px}
html body.cmo-home-v212 main.ds-home .v228-resource-row .v227-calculator-visual>.v6-calculator-sheet>div{font-size:11px;padding-block:5px}
html body.cmo-home-v212 main.ds-home .v228-resource-row .v227-calculator-device{right:10%;bottom:18%;width:22%;max-width:102px}
/* Local hero overrides. Existing copy and page content stay intact. */
html body.cmo-design-system #main-content .v228-playback-hero .v228-hero-icon{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:12px 0!important;overflow:visible!important;aspect-ratio:auto!important;min-height:0!important}
html body.cmo-design-system #main-content .v228-playback-hero .v228-hero-icon img{display:block!important;width:100%!important;max-width:590px!important;height:auto!important;min-height:0!important;aspect-ratio:2!important;object-fit:contain!important;object-position:center!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;filter:drop-shadow(0 12px 18px #00132144)}
html body.cmo-design-system #main-content .v228-icon-caption{display:block;font-size:12px!important;color:#c1dce9!important;text-align:center;line-height:1.55;margin:0!important;padding:0 15px;max-width:590px}
html body.cmo-design-system #main-content .v228-calculator-hero .v228-calculator-card-layout{display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:20px;align-items:center;width:100%}
html body.cmo-design-system #main-content .v228-calculator-hero .v228-calculator-questions{min-width:0}
html body.cmo-design-system #main-content .v228-calculator-hero .v228-calculator-questions>p{font-weight:600;margin-bottom:17px}
html body.cmo-design-system #main-content .v228-calculator-hero .v228-calculator-questions ol{margin:0;padding:0}
html body.cmo-design-system #main-content .v228-calculator-hero .v228-calculator-hero-device{display:block!important;width:104px!important;height:auto!important;min-height:0!important;aspect-ratio:114/164!important;object-fit:contain!important;background:transparent!important;border:0!important;border-radius:0!important;filter:drop-shadow(0 9px 12px #00132155)}
@media(max-width:1100px){
 html body.cmo-home-v212 main.ds-home .v228-analysis .v228-analysis-top{gap:28px}
 html body.cmo-home-v212 main.ds-home .v228-analysis .v6-customer-case{grid-template-columns:112px minmax(0,1fr) 168px;gap:20px;padding:21px}
 html body.cmo-home-v212 main.ds-home .v228-case-icon{width:112px}
 html body.cmo-home-v212 main.ds-home .v228-analysis .v6-customer-case h3{font-size:22px}
 html body.cmo-home-v212 main.ds-home .v228-simulation{grid-template-columns:84px minmax(0,1fr) 174px;gap:17px}
 html body.cmo-home-v212 main.ds-home .v228-simulation>img{width:84px}
 html body.cmo-home-v212 main.ds-home .v228-simulation-actions{flex-direction:column;align-items:flex-start;gap:11px}
 html body.cmo-design-system #main-content .v228-calculator-hero .v228-calculator-card-layout{grid-template-columns:minmax(0,1fr) 85px;gap:16px}
 html body.cmo-design-system #main-content .v228-calculator-hero .v228-calculator-hero-device{width:85px!important}
}
@media(max-width:900px){
 html body.cmo-home-v212 main.ds-home .v228-analysis .v228-analysis-top{grid-template-columns:1fr;gap:28px}
 html body.cmo-home-v212 main.ds-home .v228-analysis-left h2{font-size:clamp(32px,4.7vw,43px);max-width:730px}
 html body.cmo-home-v212 main.ds-home .v228-analysis-left .v7-analysis-principle{max-width:730px;margin-top:24px!important}
 html body.cmo-home-v212 main.ds-home .v228-analysis .v227-monitor-preview{margin-bottom:18px}
 html body.cmo-home-v212 main.ds-home .v228-point-wave{background-position:68% 320px;background-size:1300px auto;opacity:.9}
 html body.cmo-home-v212 main.ds-home .v228-analysis .v6-customer-case{grid-template-columns:105px minmax(0,1fr);gap:14px 20px}
 html body.cmo-home-v212 main.ds-home .v228-analysis .v6-case-outcome{grid-column:2;padding:9px 0 0;border-left:0;border-top:1px solid #ffffff30}
 html body.cmo-home-v212 main.ds-home .v228-case-icon{width:105px}
 html body.cmo-home-v212 main.ds-home .v228-resource-row .v6-resource{display:grid;grid-template-columns:minmax(200px,.8fr) minmax(0,1.2fr)}
 html body.cmo-home-v212 main.ds-home .v228-resource-row .v6-resource-visual{height:100%;min-height:230px}
}
@media(max-width:620px){
 html body.cmo-home-v212 main.ds-home .v228-analysis{padding-top:42px}
 html body.cmo-home-v212 main.ds-home .v228-analysis-left h2{font-size:32px;line-height:1.17}
 html body.cmo-home-v212 main.ds-home .v228-analysis-left h2 br{display:none}
 html body.cmo-home-v212 main.ds-home .v228-analysis-left .v7-analysis-principle{margin-top:23px!important}
 html body.cmo-home-v212 main.ds-home .v228-analysis .v6-customer-case{display:block;padding:21px 20px}
 html body.cmo-home-v212 main.ds-home .v228-case-icon{float:right;width:86px;margin:0 0 10px 13px}
 html body.cmo-home-v212 main.ds-home .v228-analysis .v6-customer-case h3{font-size:23px;line-height:1.27}
 html body.cmo-home-v212 main.ds-home .v228-analysis .v6-customer-case:after{content:'';display:block;clear:both}
 html body.cmo-home-v212 main.ds-home .v228-analysis .v6-case-outcome{clear:both;margin-top:16px;padding-top:14px}
 html body.cmo-home-v212 main.ds-home .v228-simulation{grid-template-columns:78px minmax(0,1fr);gap:13px 16px;align-items:start}
 html body.cmo-home-v212 main.ds-home .v228-simulation>img{width:78px;margin-top:3px}
 html body.cmo-home-v212 main.ds-home .v228-simulation-actions{grid-column:1/-1;display:flex;flex-direction:row;flex-wrap:wrap;gap:12px 25px}
 html body.cmo-home-v212 main.ds-home .v228-resource-row .v6-resource{display:block}
 html body.cmo-home-v212 main.ds-home .v228-resource-row .v6-resource-visual{height:216px;min-height:216px}
 html body.cmo-home-v212 main.ds-home .v228-resource-row .v227-bms-visual{padding:18px}
 html body.cmo-design-system #main-content .v228-playback-hero .v228-hero-icon{padding:5px 0!important}
 html body.cmo-design-system #main-content .v228-calculator-hero .v228-calculator-card-layout{grid-template-columns:minmax(0,1fr) 76px;gap:12px}
 html body.cmo-design-system #main-content .v228-calculator-hero .v228-calculator-hero-device{width:76px!important}
}
@media(max-width:360px){html body.cmo-home-v212 main.ds-home .v228-analysis-left h2{font-size:29px}html body.cmo-design-system #main-content .v228-calculator-hero .v228-calculator-card-layout{grid-template-columns:1fr}html body.cmo-design-system #main-content .v228-calculator-hero .v228-calculator-hero-device{width:82px!important;justify-self:center;margin-top:12px}}
@media(prefers-reduced-motion:reduce){.v228-point-wave{animation:none!important}}
@media print{html body.cmo-home-v212 main.ds-home .v228-point-wave{display:none}html body.cmo-home-v212 main.ds-home .v228-analysis .v228-analysis-top{grid-template-columns:1.07fr 1fr;gap:25px}html body.cmo-home-v212 main.ds-home .v228-analysis-left h2{font-size:27px}.v228-case-icon,.v228-simulation>img{break-inside:avoid}}