.difference{border-top:1px solid var(--ros-line);padding-top:88px;padding-bottom:55px}
.comparison{display:grid;grid-template-columns:1fr 1fr;margin-top:50px;gap:55px}
.calendar-comparison{padding-right:55px;border-right:1px solid var(--ros-line)}
.calendar-comparison h3{color:#737d77!important}
.simple-calendar{margin-top:28px}
.simple-calendar>div{display:flex;align-items:center;min-height:63px;font-size:13px}
.simple-calendar time{width:82px;color:#7a827c;font-size:12px;flex-shrink:0}
.simple-calendar span{height:63px;display:flex;align-items:center;justify-content:center;border:1px solid #e4e7e5;border-bottom:0;flex:1}
.simple-calendar>div:last-child span{border-bottom:1px solid #e4e7e5}
.simple-calendar .open-slot span{background:#f2f3f2;color:#707870}
.route-comparison h3{color:var(--ros-green)!important}
.check-list{list-style:none;padding:0;margin:20px 0 12px}
.check-list li{display:flex;gap:18px;align-items:center;border-bottom:1px solid var(--ros-line);padding:13px 0;font-size:14px}
.check-list span{color:var(--ros-green);font-size:24px;line-height:1;width:25px;text-align:center}
.manifesto{display:flex;align-items:center;gap:24px;text-align:center;margin-top:51px!important;padding:30px 0}
.manifesto em{font-size:32px;line-height:1.25}
.manifesto span{height:1px;background:#b8d0c3;flex:1}
.outcomes{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ros-line);border-bottom:1px solid var(--ros-line);padding-block:38px;gap:35px}
.outcomes article+article{border-left:1px solid var(--ros-line);padding-left:35px}
.outcomes h3{font-size:17px!important}
.outcomes p{font-size:13px;margin-top:12px!important}
.outcomes .step-number{margin-bottom:19px;font-size:16px}
.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:43px}
.workflow-grid article{min-width:0}
.mini-shot{aspect-ratio:1.2;border:1px solid var(--ros-line);margin-bottom:22px}
.workflow-grid h3{font-size:17px!important}
.workflow-grid p{font-size:13px;margin-top:11px!important}
.roles{background:var(--ros-pale)}
.roles h2{text-align:center}
.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:42px}
.role-shot{aspect-ratio:1.28;border:1px solid #d0dfd5}
.role-grid h3{color:var(--ros-green)!important;margin-top:24px!important;font-size:18px!important}
.role-grid p{margin-top:12px!important;font-size:14px}
.screens-note{text-align:center;font-size:11px;margin-top:37px!important}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:36px;row-gap:47px;margin-top:44px}
.feature-grid article{min-width:0}
.feature-shot{aspect-ratio:1.75;border:1px solid var(--ros-line)}
.feature-grid h3{color:var(--ros-green)!important;margin-top:21px!important;font-size:18px!important}
.feature-grid>article>p{font-size:13px;line-height:1.8;margin-top:11px!important}
.feature-detail{margin-top:17px;font-size:12px;border-top:1px solid var(--ros-line);padding-top:12px}
.feature-detail summary{list-style:none;cursor:pointer;color:var(--ros-green);font-weight:650;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:30px}
.feature-detail summary::-webkit-details-marker{display:none}
.feature-detail summary span{font-size:21px;font-weight:400}
.feature-detail[open] summary span{transform:rotate(45deg)}
.feature-detail p{padding-top:10px}
.route-demo{background:#102c25;color:#fff}
.route-demo h2,.route-demo h3{color:white!important}
.route-demo em{color:#b5d7bd!important}
.route-demo p{color:#bacac0!important}
.demo-layout{display:grid;grid-template-columns:.83fr 1.35fr;gap:66px;align-items:center}
.demo-copy h2{font-size:42px!important;line-height:1.2!important}
.demo-copy>p{margin-top:24px!important;font-size:16px}
.scenario-switch{margin:32px 0 0;padding:25px 0 0;border:0;border-top:1px solid #456055}
.scenario-switch legend{float:left;width:100%;padding:0;margin-bottom:16px;font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:#b5d7bd}
.scenario-switch label{clear:both;display:flex;align-items:center;gap:12px;border:1px solid #617e6e;border-radius:6px;padding:13px 16px;margin-bottom:11px;cursor:pointer;font-size:14px}
.scenario-switch label:has(input:checked){border-color:#b5d7bd;background:#1c3d30}
.scenario-switch input{accent-color:#b5d7bd;width:18px;height:18px;margin:0}
.route-board{background:white;color:var(--ros-ink);border-radius:10px;padding:28px 30px;border:1px solid #dde8e0}
.route-stops{list-style:none;padding:0 0 26px;margin:0;display:grid;grid-template-columns:1fr 1.18fr 1fr;gap:15px;border-bottom:1px solid var(--ros-line)}
.route-stops li{display:flex;align-items:flex-start;gap:9px;position:relative}
.route-stops b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--ros-green);color:white;font-size:12px;flex-shrink:0}
.route-stops span{font-size:10px;color:var(--ros-muted);line-height:1.5}
.route-stops strong{display:block;color:var(--ros-green);font-size:14px;font-weight:750;white-space:nowrap;margin-top:6px}
.leg-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-block:28px}
.leg+.leg{border-left:1px solid var(--ros-line);padding-left:24px}
.leg h3{color:var(--ros-muted)!important;font-size:10px!important;letter-spacing:.3px!important;text-transform:uppercase;font-weight:650!important;display:flex;justify-content:space-between;gap:10px}
.leg h3 span{color:var(--ros-green)}
.leg dl{margin:21px 0 12px}
.leg dl>div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;padding-bottom:12px}
.leg dd{font-weight:700;color:var(--ros-green);margin:0;white-space:nowrap}
.leg .available{border-top:1px solid var(--ros-line);padding-top:14px;margin-top:4px;padding-bottom:0}
.leg .available dd{font-size:15px}
.route-demo .leg-math{color:var(--ros-muted)!important;font-size:10px;line-height:1.6}
.route-result{display:flex;align-items:center;gap:13px;padding:17px 18px;border:1px solid #c6ddce;background:#f1f7f3;border-radius:6px}
.route-result strong{font-size:14px;color:var(--ros-green)}
.route-result p{font-size:10px;line-height:1.6;margin-top:3px!important;color:#5e7165!important}
.result-symbol{background:var(--ros-green);color:white;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:18px;flex-shrink:0}
.route-result.does-not-fit{background:#fff5ed;border-color:#edcfb6}
.does-not-fit strong{color:#8b3c17}
.does-not-fit .result-symbol{background:#9d4720}
.demo-footnote{font-size:11px;line-height:1.7;margin-top:17px!important}
.product-proof{display:grid;grid-template-columns:1fr .9fr;gap:70px;border-top:1px solid #476154;margin-top:66px;padding-top:49px;align-items:center}
.diagnostic-shot{aspect-ratio:1.45;border:1px solid #678371}
.diagnostic-shot img{object-fit:cover}
.product-proof h2{font-size:35px!important}
.product-proof>div>p:not(.eyebrow){margin-top:19px!important;font-size:14px}
.product-proof .eyebrow{color:#b5d7bd!important}
.product-proof .small-note{font-size:11px!important;margin-top:12px!important}
.buyer-guide{display:inline-block;border-top:1px solid #456055;padding-top:21px;margin-top:24px;color:#b5d7bd;text-decoration:none;font-size:15px;font-weight:600}
.buyer-guide svg{display:inline;vertical-align:middle;margin-left:6px}

@media(max-width:1100px){.comparison{gap:32px}
.calendar-comparison{padding-right:32px}
.demo-layout{gap:35px;grid-template-columns:.75fr 1.25fr}
.demo-copy h2{font-size:36px!important}
.route-board{padding:24px 20px}
.route-stops{gap:8px}
.route-stops li{gap:7px}
.route-stops b{width:22px;height:22px}
.route-stops span{font-size:9px}
.route-stops strong{font-size:11px}
.leg-grid{gap:15px}
.leg+.leg{padding-left:15px}
.leg dl>div{font-size:10px}
.leg h3{font-size:9px!important}
.feature-grid{gap:32px 25px}
.workflow-grid{gap:21px}
.outcomes{gap:24px}
.outcomes article+article{padding-left:24px}
}

@media(max-width:800px){.difference{padding-top:57px;padding-bottom:30px}
.comparison{grid-template-columns:1fr;gap:32px;margin-top:33px}
.calendar-comparison{padding:0 0 32px;border:0;border-bottom:1px solid var(--ros-line)}
.simple-calendar>div,.simple-calendar span{min-height:52px;height:52px}
.manifesto{gap:15px;margin-top:22px!important;padding-block:25px}
.manifesto em{font-size:26px;max-width:315px}
.outcomes{grid-template-columns:1fr;gap:27px;padding-block:30px}
.outcomes article+article{padding:25px 0 0;border-left:0;border-top:1px solid var(--ros-line)}
.outcomes .step-number{margin-bottom:14px}
.workflow-grid{grid-template-columns:1fr 1fr;gap:32px 22px;margin-top:31px}
.workflow-grid h3{font-size:16px!important}
.mini-shot{margin-bottom:16px;aspect-ratio:1}
.workflow-grid p{font-size:12px}
.step-number{margin-bottom:18px}
.role-grid{grid-template-columns:1fr;gap:35px}
.roles h2{text-align:left}
.role-shot{aspect-ratio:1.5}
.role-grid h3{margin-top:18px!important}
.role-grid p{margin-top:8px!important}
.feature-grid{grid-template-columns:1fr 1fr;gap:33px 22px}
.feature-grid h3{font-size:16px!important}
.feature-grid>article>p{font-size:12px}
.feature-shot{aspect-ratio:1.3}
.demo-layout{grid-template-columns:1fr;gap:30px}
.demo-copy h2{font-size:36px!important;max-width:510px}
.demo-copy>p{margin-top:20px!important}
.scenario-switch{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px;padding-top:19px}
.scenario-switch label{flex:1;min-width:140px;font-size:12px;padding:12px 10px;margin:0}
.scenario-switch legend{margin-bottom:12px}
.route-board{padding:24px 18px}
.route-stops{gap:12px;padding-bottom:21px}
.route-stops li{display:block}
.route-stops b{margin-bottom:8px;width:24px;height:24px}
.route-stops span{font-size:9px}
.route-stops strong{font-size:11px}
.leg-grid{padding-block:24px;gap:15px}
.leg h3{font-size:9px!important;display:block}
.leg h3 span{display:block;padding-top:7px}
.leg dl{margin-top:15px}
.leg dl>div{font-size:10px;gap:6px}
.leg .available dd{font-size:13px}
.route-result{padding:14px 12px;gap:10px}
.route-result strong{font-size:12px}
.route-result p{font-size:10px}
.product-proof{grid-template-columns:1fr;gap:30px;margin-top:40px;padding-top:35px}
.product-proof h2{font-size:32px!important}
.diagnostic-shot{aspect-ratio:1.25}
.product-proof .eyebrow{margin-bottom:13px!important}
.screens-note{font-size:10px}
.check-list li{font-size:13px}
}

@media(max-width:520px){.feature-grid{grid-template-columns:1fr}
.feature-shot{aspect-ratio:1.65}
.feature-grid h3{font-size:19px!important}
.feature-grid>article>p{font-size:14px}
.workflow-grid{gap:30px 18px}
.workflow-grid h3{font-size:15px!important}
.workflow-grid p{font-size:12px}
.workflow h2 br{display:none}
}

/* Keep very wide product panels whole in their screenshot frame. */
.feature-shot[data-enlarge="packages"] img,.feature-shot[data-enlarge="recovery"] img{object-fit:contain;object-position:center}
.feature-shot[data-enlarge="packages"],.feature-shot[data-enlarge="recovery"]{padding:10px;background:#f7f9f7}
.feature-grid>article>p{font-size:14px}.workflow-grid p{font-size:14px}.outcomes p{font-size:14px}.role-grid p{font-size:15px}
@media(max-width:800px){.workflow-grid p{font-size:13px}.leg-grid{grid-template-columns:1fr;gap:23px}.leg+.leg{border-left:0;border-top:1px solid var(--ros-line);padding-left:0;padding-top:23px}.leg h3{display:flex;font-size:11px!important}.leg h3 span{padding-top:0}.leg dl>div{font-size:13px}.route-demo .leg-math{font-size:12px}.route-result strong{font-size:14px}.route-result p{font-size:12px}.demo-footnote{font-size:12px}.route-stops span{font-size:10px}.route-stops strong{font-size:12px}}
@media(max-width:380px){.route-stops strong{font-size:10px}.route-stops span{font-size:9px}}