.cth{--cth-red:#cf291d;--cth-bg:#111315;--cth-surface:#1b1e21;--cth-border:#33373b;--cth-muted:#aeb3ba;box-sizing:border-box;width:100%;max-width:1120px;margin:24px auto;border:1px solid #2d3034;border-radius:22px;overflow:hidden;background:var(--cth-bg);color:#f5f5f6;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.6;text-align:left;color-scheme:dark;isolation:isolate}
.cth *,.cth *::before,.cth *::after{box-sizing:border-box}
.cth [hidden]{display:none!important}
.cth h2,.cth h3,.cth h4,.cth p{margin:0;color:inherit;font-family:inherit;letter-spacing:normal;text-transform:none}
.cth button,.cth select{font:inherit;letter-spacing:normal;text-transform:none;margin:0;box-shadow:none;max-width:100%}
.cth button{min-height:44px;cursor:pointer;transition:background .18s,border-color .18s;line-height:1.3}
.cth button::before,.cth button::after{display:none}
.cth button:disabled{opacity:.45;cursor:not-allowed}
.cth button:focus-visible,.cth select:focus-visible,.cth h3:focus-visible{outline:3px solid #ff897d;outline-offset:4px}
.cth__hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:38px 40px;background:radial-gradient(ellipse at 100% 0%,#60201b80,transparent 60%),linear-gradient(125deg,#202428 0%,#17191c 60%,#251815 100%);border-bottom:1px solid var(--cth-border)}
.cth__hero::after{content:"";position:absolute;bottom:-1px;left:40px;width:80px;height:3px;background:var(--cth-red)}
.cth .cth__eyebrow{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.5;font-weight:750;letter-spacing:2px;color:#d6d9dc}
.cth__eyebrow>span{display:block;width:7px;height:7px;background:var(--cth-red);border-radius:50%;box-shadow:0 0 0 4px #cf291d20}
.cth .cth__hero h2{font-size:clamp(25px,3.1vw,38px);font-weight:750;line-height:1.2;letter-spacing:-1.2px;margin:15px 0 12px;max-width:590px}
.cth .cth__hero h2 em{display:block;font-style:normal;color:#ff6a5d}
.cth .cth__hero p{font-size:14px;max-width:500px;line-height:1.7;color:#b5bbc1}
.cth__hero-art{width:210px;flex:0 0 210px;align-self:center;text-align:center;transform:rotate(-3deg)}
.cth__hero-art svg{width:100%;height:auto;color:#3b3b3c;display:block}
.cth__hero-art>span{display:block;font-size:10px;font-weight:650;letter-spacing:4px;color:#c5c8cb;margin-top:6px}
.cth__hero-art b{color:#ff6a5d;margin:0 8px}
.cth .cth__form{margin:0;padding:30px 40px 12px}
.cth__section-heading{display:flex;align-items:center;gap:13px;margin-bottom:25px}
.cth .cth__step{display:grid;place-items:center;width:42px;height:42px;background:#cf291d17;border:1px solid #cf291d50;border-radius:12px;color:#ff6a5d;font-weight:700;font-size:14px}
.cth .cth__section-heading h3{font-weight:650;font-size:18px;line-height:1.4}
.cth .cth__section-heading p{font-size:12px;color:var(--cth-muted);margin-top:2px}
.cth__fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:20px}
.cth__field{display:flex;flex-direction:column;min-width:0;gap:8px;margin:0}
.cth__field>span{font-size:12px;font-weight:600;color:#d0d3d6}
.cth .cth__field select{display:block;width:100%;height:52px;min-height:52px;border:1px solid #41464c;border-radius:9px;padding:0 34px 0 13px;appearance:none;-webkit-appearance:none;background:#22262a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%23c4c9cf' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 12px center;color:#f2f3f4;font-size:13px;text-overflow:ellipsis;cursor:pointer}
.cth .cth__field select:disabled{opacity:.48;cursor:not-allowed}
.cth .cth__field select:hover:not(:disabled){border-color:#89919a}
.cth .cth__field select option{background:#22262a;color:#fff}
.cth .cth__submit{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:52px;padding:0 18px;border:1px solid var(--cth-red);border-radius:9px;background:var(--cth-red);color:#fff;font-size:14px;font-weight:700}
.cth .cth__submit:hover:not(:disabled){background:#b62318;border-color:#b62318}
.cth__submit>span{font-size:22px;font-weight:400}
.cth .cth__status{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0;padding:12px 40px 20px;min-height:50px;font-size:12px;color:var(--cth-muted)}
.cth .cth__status--error{color:#ffac9f}
.cth .cth__retry{border:1px solid #89594f;border-radius:6px;background:#34211c;color:#ffcebf;padding:8px 12px;font-size:12px;min-height:36px}
.cth__results{padding:6px 40px 30px}
.cth__result-head{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:26px}
.cth .cth__vehicle>.cth__eyebrow{color:#ff8175;font-size:10px;letter-spacing:1.6px}
.cth .cth__vehicle h3{font-size:27px;font-weight:700;line-height:1.25;letter-spacing:-.6px;margin:8px 0}
.cth .cth__vehicle p{font-size:13px;color:var(--cth-muted);overflow-wrap:anywhere}
.cth .cth__back{flex-shrink:0;padding:9px 14px;font-size:12px;font-weight:600;color:#dddfe2;border:1px solid #41464c;background:transparent;border-radius:8px}
.cth .cth__back:hover{background:#292e33}
.cth__toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:16px 0;border-top:1px solid var(--cth-border);margin-bottom:8px}
.cth__toolbar>span{font-size:12px;color:#c8cdd2}
.cth__stages{display:flex;gap:8px;flex-wrap:wrap}
.cth .cth__stage{min-height:38px;padding:8px 18px;background:#24282c;color:#cbd0d4;border:1px solid #41464c;border-radius:7px;font-size:12px;font-weight:650}
.cth .cth__stage[aria-pressed="true"]{background:var(--cth-red);border-color:var(--cth-red);color:white}
.cth__comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.cth__metric{min-width:0;background:linear-gradient(135deg,#22262a,#1a1d20);border:1px solid #363c42;border-radius:14px;padding:24px}
.cth__metric-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cth .cth__metric-head h4{font-size:16px;font-weight:650}
.cth__unit{font-size:11px;color:#c1c7cc;border:1px solid #474d54;padding:1px 8px;border-radius:5px;line-height:1.5}
.cth__values{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:25px 0 22px}
.cth__values>div{min-width:0}
.cth__caption{display:block;color:#b8bec4;font-size:11px;overflow-wrap:anywhere}
.cth__values strong{display:block;font-size:clamp(28px,3.5vw,42px);font-weight:700;line-height:1.35;letter-spacing:-1.4px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.cth__before strong{color:#c6ccd2}
.cth__after{text-align:right}
.cth__after strong{color:#fff}
.cth__value-arrow{color:#8c949c;font-size:22px}
.cth__gain{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:11px 13px;border:1px solid #cf291d47;border-radius:7px;background:#cf291d12;margin-bottom:24px}
.cth__gain strong{color:#ff8175;font-size:17px;font-variant-numeric:tabular-nums}
.cth__gain>span{font-size:11px;color:#f9bbb3}
.cth__gain--negative{border-color:#98774180;background:#98774115}
.cth__gain--negative strong,.cth__gain--negative>span{color:#e9c996}
.cth__bar-row+.cth__bar-row{margin-top:14px}
.cth__bar-info{display:flex;justify-content:space-between;gap:12px;color:#c4cad0;font-size:11px;line-height:1.5;margin-bottom:7px}
.cth__bar-info>span:first-child{overflow-wrap:anywhere;min-width:0}
.cth__bar-info>span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}
.cth__bar-track{height:9px;border-radius:3px;background:#0d1012;overflow:hidden}
.cth__bar-fill{height:100%;background:#7e8b96;border-radius:3px;transition:width .25s ease}
.cth__bar-fill--tuned{background:linear-gradient(90deg,#a92218,#ef4a3d)}
.cth .cth__chart-note{margin-top:22px;padding-left:14px;border-left:2px solid #515961}
.cth .cth__chart-note strong{font-size:12px;font-weight:650;color:#d3d8dd}
.cth .cth__chart-note p,.cth .cth__missing{font-size:11px;color:#aeb6be;line-height:1.8;margin-top:5px}
.cth .cth__notice{padding:20px;border:1px solid #4a5158;border-radius:9px;color:#cdd3d8;font-size:13px}
.cth .cth__footer{display:flex;align-items:baseline;gap:9px;padding:17px 40px;border-top:1px solid #2d3339;background:#0e1012;font-size:10px;line-height:1.7;color:#a4adb6}
.cth__footer-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;background:#a4adb6}
@media(max-width:760px){.cth__hero{padding:28px;gap:16px}.cth__hero-art{width:140px;flex-basis:140px}.cth .cth__hero h2{font-size:29px}.cth .cth__form{padding:25px 28px 10px}.cth__fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cth .cth__status{padding:12px 28px 20px}.cth__results{padding:4px 28px 26px}.cth__metric{padding:18px}.cth .cth__footer{padding:16px 28px}.cth__values strong{font-size:32px}.cth__result-head{align-items:flex-start}.cth .cth__vehicle h3{font-size:24px}.cth__hero::after{left:28px}}
@media(max-width:520px){.cth{border-radius:16px;margin:16px auto}.cth__hero{padding:25px 20px}.cth__hero-art{display:none}.cth .cth__hero h2{font-size:29px;letter-spacing:-1px}.cth .cth__hero p{font-size:12px}.cth .cth__form{padding:24px 20px 8px}.cth__fields{grid-template-columns:minmax(0,1fr);gap:15px}.cth .cth__field select{font-size:14px}.cth .cth__status{padding:12px 20px 18px}.cth__results{padding:4px 20px 24px}.cth__result-head{flex-direction:column;gap:14px;margin-bottom:20px}.cth__comparison{grid-template-columns:minmax(0,1fr);gap:14px}.cth__metric{padding:20px}.cth__values strong{font-size:40px}.cth .cth__footer{padding:15px 20px}.cth__hero::after{left:20px}.cth__toolbar{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.cth *{transition:none!important;scroll-behavior:auto!important}}
/* Respond to narrow page-builder columns as well as the browser viewport. */
.cth{container-type:inline-size;container-name:cth}
@container cth (max-width:760px){.cth__hero-art{width:140px;flex-basis:140px}.cth__fields{grid-template-columns:repeat(2,minmax(0,1fr))}.cth__metric{padding:18px}.cth__values strong{font-size:32px}}
@container cth (max-width:520px){.cth__hero{padding:25px 20px}.cth__hero-art{display:none}.cth .cth__hero h2{font-size:29px;letter-spacing:-1px}.cth .cth__hero p{font-size:12px}.cth .cth__form{padding:24px 20px 8px}.cth__fields{grid-template-columns:minmax(0,1fr);gap:15px}.cth .cth__field select{font-size:14px}.cth .cth__status{padding:12px 20px 18px}.cth__results{padding:4px 20px 24px}.cth__result-head{flex-direction:column;gap:14px}.cth__comparison{grid-template-columns:minmax(0,1fr);gap:14px}.cth__metric{padding:20px}.cth__values strong{font-size:40px}.cth .cth__footer{padding:15px 20px}.cth__hero::after{left:20px}.cth__toolbar{align-items:flex-start;flex-direction:column}}
