/* 60-Second Deal Check: interactive replacement for the static story note. */
.hero-deal-link{display:inline-block;margin:16px 0 0 4px;color:#9fc9ff;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-color:rgba(159,201,255,.45)}
.hero-deal-link:hover{color:#f4efe3;text-decoration-color:#e8743c}
.hero-description .btn+.hero-deal-link{margin-left:20px}

.story .split{align-items:start}
.dc{position:relative;background:linear-gradient(180deg,rgba(111,177,252,.07),rgba(111,177,252,0) 60%);scroll-margin-top:24px}
.dc::before,.dc::after{content:"";position:absolute;width:22px;height:22px;border:2px solid #e8743c}
.dc::before{top:-7px;left:-7px;border-right:0;border-bottom:0}
.dc::after{bottom:-7px;right:-7px;border-left:0;border-top:0}
.dc>span{color:#e8743c!important}
.dc h3{margin:14px 0 8px!important}
.dc .dc-sub{margin:0 0 22px;color:rgba(234,242,255,.78);font-size:15px;line-height:1.5}

.dc-form{display:grid;gap:12px;margin:0 0 22px}
.dc-field{display:grid;grid-template-columns:1fr 168px;align-items:center;gap:14px}
.dc .dc-field>span:first-child{display:block;font-size:14px;font-weight:600;color:#eaf2ff;line-height:1.3;letter-spacing:0}
.dc-field small{display:block;font-weight:400;color:rgba(234,242,255,.6);font-size:12px;margin-top:2px}
.dc .dc-money{display:flex;letter-spacing:0;font-size:16px;align-items:center;border:1px solid rgba(111,177,252,.55);border-radius:4px;background:#0e2a47;transition:border-color .15s}
.dc .dc-money:focus-within{border-color:#e8743c;box-shadow:0 0 0 3px rgba(232,116,60,.25)}
.dc-money b{padding:0 2px 0 12px;color:#6fb1fc;font-weight:600}
.dc-money input{width:100%;min-width:0;border:0;background:transparent;color:#f4efe3;font:600 18px/1 'Segoe UI',Arial,sans-serif;padding:12px 12px 12px 4px;text-align:right;font-variant-numeric:tabular-nums}
.dc-money input:focus{outline:none}

.dc-result{border-top:1px solid rgba(111,177,252,.3);padding-top:20px}
.dc-verdict{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.dc-verdict i{flex:0 0 14px;height:14px;border-radius:50%;background:var(--dc-tone);box-shadow:0 0 0 5px color-mix(in srgb,var(--dc-tone) 22%,transparent)}
.dc-verdict strong{font-size:21px;line-height:1.25;color:var(--dc-tone);letter-spacing:-.01em}
.dc-result[data-tier=good]{--dc-tone:#5fd39a}
.dc-result[data-tier=tight]{--dc-tone:#f2c14e}
.dc-result[data-tier=skip]{--dc-tone:#ff8a73}
.dc-result[data-tier=none]{--dc-tone:#9fc9ff}

.dc-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 18px}
.dc-stats div{background:rgba(14,42,71,.9);border:1px solid rgba(111,177,252,.25);border-radius:4px;padding:12px 14px}
.dc-stats dt{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#6fb1fc;margin-bottom:4px}
.dc-stats dd{margin:0;font-size:26px;font-weight:700;color:#f4efe3;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.dc-stats dd.neg{color:#ff8a73}

.dc-bar{position:relative;display:flex;height:34px;border-radius:3px;overflow:hidden;background:#0e2a47;margin-bottom:10px}
.dc-bar>div{height:100%;transition:width .35s cubic-bezier(.2,.7,.2,1);min-width:0}
.dc-seg-price{background:#6fb1fc}
.dc-seg-repair{background:#c9b98e}
.dc-seg-cost{background:#5b6676}
.dc-seg-profit{background:#5fd39a}
.dc-over{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(135deg,rgba(255,138,115,.95) 0 6px,rgba(194,74,62,.95) 6px 12px);transition:left .35s cubic-bezier(.2,.7,.2,1),width .35s cubic-bezier(.2,.7,.2,1)}
.dc-mark{position:absolute;top:-4px;bottom:-4px;width:0;border-left:2px dashed #f4efe3;transition:left .35s cubic-bezier(.2,.7,.2,1)}
.dc-legend{display:flex;flex-wrap:wrap;gap:6px 16px;list-style:none;padding:0;margin:0 0 14px;font-size:12px;color:rgba(234,242,255,.75)}
.dc-legend li{display:flex;align-items:center;gap:6px}
.dc-legend i{width:10px;height:10px;border-radius:2px;display:inline-block}
.dc-legend .k-price{background:#6fb1fc}.dc-legend .k-repair{background:#c9b98e}.dc-legend .k-cost{background:#5b6676}.dc-legend .k-profit{background:#5fd39a}
.dc-legend .k-over{background:repeating-linear-gradient(135deg,#ff8a73 0 3px,#c24a3e 3px 6px)}
.dc-legend .k-mark{width:0;height:12px;border-left:2px dashed #f4efe3;border-radius:0}
.dc-explain{font-size:15px;line-height:1.55;margin:0 0 18px}

.dc-assume{border-top:1px solid rgba(111,177,252,.2);padding:12px 0 2px;margin-bottom:20px}
.dc-assume summary{cursor:pointer;font-size:13px;font-weight:600;color:#9fc9ff}
.dc-assume p{font-size:13px;line-height:1.55;color:rgba(234,242,255,.75)!important;margin:10px 0}
.dc-pct{display:flex;flex-wrap:wrap;gap:12px}
.dc-pct label{display:flex;align-items:center;gap:8px;font-size:13px;color:#eaf2ff}
.dc-pct input{width:64px;border:1px solid rgba(111,177,252,.55);border-radius:4px;background:#0e2a47;color:#f4efe3;padding:8px;font:600 15px 'Segoe UI',Arial,sans-serif;text-align:right}

.dc-cta{width:100%;box-sizing:border-box}
.dc-fine{font-size:12px!important;line-height:1.5;color:rgba(234,242,255,.6)!important;margin:12px 0 0}

@media(max-width:760px){
 .hero-description .btn+.hero-deal-link{margin-left:0;display:block}
 .dc-field{grid-template-columns:1fr;gap:6px}
 .dc-stats dd{font-size:22px}
 .dc-verdict strong{font-size:19px}
}
@media(prefers-reduced-motion:reduce){.dc-bar>div,.dc-over,.dc-mark{transition:none}}
.dc .dc-cta span{display:inline;color:inherit;font:inherit;letter-spacing:0}
@media(min-width:761px){.story .split>div:first-child{position:sticky;top:48px}}
.dc-stats dd.pos{color:#5fd39a}
.dc-assume strong{color:#f4efe3;font-weight:700}