.premium-tripac { color:#132f46; background:#fff; }
.premium-tripac [hidden] { display:none !important; }
.roi-breadcrumb { padding-block:12px; }
.roi-heading { background:#fff; border-bottom:1px solid #d8d8d8; }
.roi-heading-layout { display:grid; grid-template-columns:minmax(0,1fr) 350px; gap:50px; align-items:center; min-height:268px; }
.roi-heading-copy { padding-block:38px; }
.roi-product-name { color:#be1e2d; font-size:15px; font-weight:700; margin:0 0 10px; }
.premium-tripac .roi-heading h1 { margin:0; color:#17252d; font-size:clamp(39px,4vw,56px); line-height:1.03; }
.roi-heading-copy>p:last-child { max-width:58ch; margin:16px 0 0; color:#50585b; font-size:clamp(17px,1.4vw,19px); line-height:1.5; }
.roi-product-image { align-self:end; margin:0; height:260px; display:flex; align-items:end; justify-content:center; }
.roi-product-image img { display:block; width:100%; height:100%; object-fit:contain; object-position:center bottom; }
.roi-layout { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(320px,.7fr); gap:clamp(28px,4vw,60px); align-items:start; padding-top:48px; padding-bottom:16px; }
.roi-form-stack { min-width:0; padding:30px; border:1px solid #d8d8d8; background:#fff; }
.roi-card { padding:0; }
.roi-card+.roi-card { margin-top:32px; padding-top:30px; border-top:1px solid #d8d8d8; }
.premium-tripac .roi-section-heading h2 { margin:0; color:#17252d; font-size:28px; line-height:1.15; }
.roi-card-intro { margin:9px 0 22px; color:#565d60; line-height:1.5; }
.roi-fields { display:grid; gap:20px 18px; }
.roi-fields-three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.roi-fields-two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.roi-ownership-field { margin-top:20px; }
.roi-field { display:grid; align-content:start; gap:7px; min-width:0; color:#263337; font-size:15px; font-weight:700; }
.roi-field>span:first-child { display:flex; justify-content:space-between; gap:8px; }
.roi-field i { color:#72787a; font-size:12px; font-style:normal; font-weight:500; white-space:nowrap; }
.roi-field>input,.roi-field>select,.roi-input { width:100%; min-width:0; min-height:49px; border:1px solid #adb2b3; border-radius:4px; background:#fff; color:#17252d; }
.roi-field>input,.roi-field>select { padding:10px 12px; font:inherit; font-weight:500; }
.roi-input { display:flex; align-items:center; padding:0 12px; gap:7px; }
.roi-input input { width:100%; min-width:0; min-height:47px; padding:8px 0; border:0; outline:0; background:transparent; color:#132f46; font:inherit; font-weight:600; }
.roi-input b { color:#565d60; }
.roi-input small { color:#676f72; font-size:12px; font-weight:500; white-space:nowrap; }
.roi-field>input:focus-visible,.roi-field>select:focus-visible,.roi-input:focus-within { outline:3px solid #193c59; outline-offset:2px; border-color:#193c59; }
.roi-status { margin:14px 0 0; color:#565d60; font-size:14px; line-height:1.45; }
.roi-status[data-error="true"] { color:#8a4b09; }
.roi-honeypot { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }
.roi-assumptions { margin-top:30px; border-block:1px solid #d8d8d8; }
.roi-assumptions summary { display:flex; justify-content:space-between; align-items:center; gap:18px; min-height:72px; padding:17px 0; cursor:pointer; list-style:none; }
.roi-assumptions summary::-webkit-details-marker { display:none; }
.roi-assumptions summary strong,.roi-assumptions summary small { display:block; }
.roi-assumptions summary strong { color:#082b49; font-size:18px; }
.roi-assumptions summary small { margin-top:3px; color:#666e71; font-size:14px; }
.roi-expand { flex:0 0 auto; color:#17252d; font-size:26px; font-weight:400; line-height:1; }
.roi-assumptions[open] .roi-expand { transform:rotate(45deg); }
.roi-assumptions-body { padding:0 0 24px; }
.roi-assumptions-body>p { margin:0 0 20px; color:#565d60; font-size:14px; line-height:1.5; }
.roi-assumptions-body .roi-assumption-note { margin:18px 0 0; }
.roi-submit { padding-top:25px; }
.roi-primary,.roi-download { width:100%; min-height:52px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:12px 19px; border:0; border-radius:5px; cursor:pointer; font:inherit; font-weight:700; }
.roi-primary { background:#0f2f57; color:#fff; }
.roi-primary:hover { background:#183f68; }
.roi-primary:disabled { opacity:.65; cursor:wait; }
.roi-primary span,.roi-download span { font-size:20px; }
.roi-submit p { margin:11px 0 0; color:#666e71; font-size:13px; line-height:1.5; }
.roi-submit a,.roi-results-disclaimer a { text-decoration:underline; }
.roi-submit .roi-submit-status { color:#993a1d; font-size:14px; }
.roi-submit .roi-submit-status[data-state="success"] { color:#126442; }
.roi-submit .roi-submit-status[data-state="preview"] { color:#754512; }
.roi-results { position:sticky; top:20px; min-width:0; background:#fff; border:1px solid #d5d5d5; color:#17252d; }
.roi-results-top { padding:23px 26px; background:#24282b; border-top:4px solid #be1e2d; }
.premium-tripac .roi-results-top h2 { margin:0; color:#fff; font-size:27px; line-height:1.15; }
.roi-results-top p { margin:8px 0 0; color:#d2d2d2; font-size:14px; line-height:1.45; }
.roi-results-empty { padding:24px 26px 27px; }
.roi-results-empty p { margin:0; color:#565d60; line-height:1.5; }
#results-content { padding:1px 26px 26px; }
.roi-result-label { display:flex; justify-content:space-between; gap:8px; margin:25px 0 7px; color:#4d5558; font-size:14px; font-weight:700; }
.roi-result-label span { color:#6b7274; font-size:13px; font-weight:500; }
.roi-preview-notice { margin:20px 0 0; padding:10px 12px; border-left:3px solid #b97510; background:#fff7e7; color:#67420b; font-size:14px; line-height:1.4; }
.roi-result-number { margin:0; color:#17252d; font-size:clamp(40px,3.7vw,54px); font-weight:700; line-height:1; letter-spacing:-.03em; overflow-wrap:anywhere; }
.roi-result-note { margin:7px 0 0; color:#6b7274; font-size:13px; }
.roi-result-payback { display:flex; justify-content:space-between; align-items:end; gap:14px; margin-top:23px; padding:18px 0; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; }
.roi-result-payback .roi-result-label { margin:0 0 6px; }
.roi-result-payback strong { color:#082b49; font-size:27px; line-height:1; }
.roi-result-payback>span { max-width:135px; color:#6b7274; font-size:12px; line-height:1.35; text-align:right; }
.roi-result-ownership { display:grid; grid-template-columns:minmax(0,1fr) minmax(95px,.55fr); gap:14px; padding:20px 0; border-bottom:1px solid #d8d8d8; }
.roi-result-ownership .roi-result-label { margin:0 0 6px; }
.roi-result-ownership strong { display:block; color:#17252d; font-size:26px; line-height:1.1; overflow-wrap:anywhere; }
.roi-result-ownership small { display:block; margin-top:5px; color:#6b7274; font-size:12px; line-height:1.35; }
.roi-breakdown { margin:20px 0; }
.roi-breakdown>div { display:flex; justify-content:space-between; gap:12px; margin:12px 0; font-size:15px; }
.roi-breakdown dt { color:#565d60; }
.roi-breakdown dd { margin:0; color:#132f46; font-weight:700; text-align:right; }
.roi-fleet { display:grid; gap:3px; padding:14px; margin-bottom:18px; border:1px solid #d8d8d8; background:#f7f7f7; }
.roi-fleet span,.roi-fleet small { color:#565d60; font-size:13px; }
.roi-fleet strong { color:#082b49; font-size:24px; }
.roi-download { background:#082b49; color:#fff; }
.roi-download:hover { background:#174675; }
.roi-pdf-preview { width:min(1100px,calc(100vw - 32px)); max-width:none; max-height:calc(100dvh - 32px); padding:0; border:1px solid #cbd9df; border-radius:12px; background:#fff; color:#17252d; }
.roi-pdf-preview::backdrop { background:#071725b8; }
.roi-pdf-preview__header { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; padding:16px 20px; }
.premium-tripac .roi-pdf-preview h2 { margin:0; font-size:20px; }
.roi-pdf-preview__actions { display:flex; flex-wrap:wrap; gap:8px; }
.roi-pdf-preview__actions a,.roi-pdf-preview__actions button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:9px 14px; border:1px solid #a8bac4; border-radius:6px; background:#fff; color:#082b49; font:inherit; font-size:14px; font-weight:700; text-decoration:none; cursor:pointer; }
.roi-pdf-preview__actions .roi-pdf-preview__download { border-color:#082b49; background:#082b49; color:#fff; }
.roi-pdf-preview iframe { display:block; width:100%; height:min(70vh,700px); border:0; background:#e8edef; }
.roi-pdf-preview>p { margin:0; padding:10px 20px 14px; color:#53636d; font-size:13px; }
.roi-sales-link { display:flex; justify-content:space-between; gap:12px; min-height:44px; align-items:center; margin-top:12px; color:#006b96; font-weight:700; text-decoration:underline; text-underline-offset:3px; }
.roi-results-disclaimer { margin:16px 0 0; color:#676f72; font-size:12px; line-height:1.5; }
.roi-footnote { display:grid; grid-template-columns:1fr 1fr; gap:32px; padding-top:24px; padding-bottom:65px; color:#676f72; font-size:14px; line-height:1.5; }
.roi-footnote p { margin:0; }
.roi-footnote strong { color:#294b5e; }
@media(max-width:960px) {
  .roi-layout { grid-template-columns:minmax(0,1fr) minmax(280px,.75fr); gap:26px; }
  .roi-fields-three { grid-template-columns:1fr; }
  .roi-form-stack { padding:24px; }
}
@media(max-width:700px) {
  .roi-heading-layout { grid-template-columns:minmax(0,1fr) 150px; gap:12px; min-height:180px; }
  .roi-heading-copy { padding-block:28px; }
  .premium-tripac .roi-heading h1 { font-size:clamp(34px,7vw,43px); }
  .roi-heading-copy>p:last-child { font-size:16px; }
  .roi-product-image { height:175px; }
  .roi-layout { grid-template-columns:1fr; padding-top:32px; }
  .roi-results { position:static; }
  .roi-fields-three { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .roi-footnote { grid-template-columns:1fr; gap:15px; padding-bottom:45px; }
}
@media(max-width:480px) {
  .roi-heading-layout { grid-template-columns:minmax(0,1fr) 110px; }
  .roi-product-image { height:145px; }
  .premium-tripac .roi-heading h1 { font-size:32px; }
  .roi-fields-three,.roi-fields-two { grid-template-columns:1fr; }
  .roi-form-stack { padding:20px; }
}