/* abc-why-fin.css — the ABC band, the four "why" points, the finance card. */

/* ---- ABC ---------------------------------------------------------------- */
.abc{margin-top:84px;padding-top:56px;border-top:1px solid rgba(245,240,232,.15)}
.abc-head{text-align:center;margin:0 auto 44px;max-width:640px}
.abc-eyebrow{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:#C9A861;font-weight:700;margin:0 0 12px}
.abc-title{font-size:56px;line-height:.95;color:#F5F0E8;margin:0 0 14px}
.abc-sub{font-size:16px;line-height:1.6;color:rgba(245,240,232,.65);margin:0}
.abc-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media (max-width:860px){.abc-row{grid-template-columns:1fr}}
.abc-step{position:relative}
.abc-visual{position:relative;aspect-ratio:4/3;border-radius:3px;overflow:hidden;margin:0 0 18px;
  background:radial-gradient(120% 90% at 30% 20%,#2C4A39 0%,#1D3528 55%,#132219 100%);
  border:1px solid rgba(201,168,97,.18)}
.abc-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.abc-letter{position:absolute;inset:0;width:100%;height:100%}
.abc-letter text{font-family:"Bebas Neue",var(--font-display,inherit),sans-serif;font-size:230px;fill:none;
  stroke:#C9A861;stroke-width:1.4;letter-spacing:0}
.abc-step:hover .abc-letter text{fill:rgba(201,168,97,.12)}
.abc-num{position:absolute;left:16px;bottom:14px;font-size:12px;letter-spacing:.22em;font-weight:700;color:rgba(245,240,232,.55)}
.abc-word{font-size:32px;line-height:1;color:#F5F0E8;margin:0 0 10px;letter-spacing:.01em}
.abc-word span{color:#C9A861}
.abc-step p{font-size:14px;line-height:1.6;color:rgba(245,240,232,.65);margin:0;max-width:36ch}

/* ---- WHY ---------------------------------------------------------------- */
.why-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;border-top:1px solid rgba(22,41,30,.14)}
@media (max-width:760px){.why-list{grid-template-columns:1fr}}
.why-item{position:relative;padding:26px 0 26px 72px;border-bottom:1px solid rgba(22,41,30,.14)}
.why-num{position:absolute;left:0;top:20px;font-size:56px;line-height:1;color:#C9A861}
.why-h{font-size:20px;font-weight:700;letter-spacing:-.01em;margin:0 0 6px;color:#16291E}
.why-item p{font-size:14px;line-height:1.6;margin:0;color:rgba(22,41,30,.7);max-width:44ch}

/* ---- FINANCE ------------------------------------------------------------ */
.fin-card{margin:64px auto 0;max-width:1040px;display:grid;grid-template-columns:1.1fr 1fr;border-radius:4px;overflow:hidden;
  background:#16291E;color:#F5F0E8;box-shadow:0 30px 70px rgba(22,41,30,.25)}
@media (max-width:820px){.fin-card{grid-template-columns:1fr}}
.fin-left{padding:40px 40px 36px}
.fin-right{position:relative;padding:40px;display:flex;flex-direction:column;justify-content:center;
  background:radial-gradient(110% 80% at 80% 0%,rgba(201,168,97,.22) 0%,rgba(201,168,97,0) 60%),#1D3528;
  border-left:1px solid rgba(201,168,97,.2)}
@media (max-width:820px){.fin-left,.fin-right{padding:28px 22px}.fin-right{border-left:0;border-top:1px solid rgba(201,168,97,.2)}}
.fin-eyebrow,.fin-label{font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:#C9A861;margin:0 0 10px}
.fin-title{font-size:56px;line-height:.95;margin:0 0 10px;color:#F5F0E8}
.fin-intro{font-size:14px;line-height:1.55;color:rgba(245,240,232,.62);margin:0 0 30px;max-width:40ch}
.fin-ctl{margin:0 0 26px}
.fin-row{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 6px}
.fin-row label{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:rgba(245,240,232,.75)}
.fin-val{font-size:20px;font-weight:700;color:#F5F0E8;font-variant-numeric:tabular-nums}
.fin-slider{position:relative;display:block;height:32px}
.fin-track{position:absolute;left:0;right:0;top:50%;height:4px;margin-top:-2px;border-radius:4px;background:rgba(245,240,232,.14);overflow:hidden}
.fin-range{position:absolute;top:0;bottom:0;background:linear-gradient(90deg,#8A6B2E,#C9A861)}
.fin-thumb-wrap{position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);pointer-events:none}
.fin-thumb{display:block;width:22px;height:22px;border-radius:50%;background:#F5F0E8;border:3px solid #C9A861;
  box-shadow:0 0 0 6px rgba(201,168,97,.16);transition:box-shadow .2s}
.fin-slider:hover .fin-thumb,.fin-slider:focus-within .fin-thumb{box-shadow:0 0 0 10px rgba(201,168,97,.22)}
.fin-slider input[type="range"]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.fin-scale{display:flex;justify-content:space-between;font-size:12px;color:rgba(245,240,232,.4);margin-top:2px}
.fin-big{font-size:56px;line-height:1;color:#C9A861;margin:0 0 8px;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.fin-day{font-size:16px;color:rgba(245,240,232,.8);margin:0 0 22px}
.fin-day span{color:#F5F0E8;font-weight:700}
.fin-apr{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:#F5F0E8;margin:0 0 18px}
.fin-cta{align-self:flex-start;background:#C9A861;color:#16291E;font-size:12px;letter-spacing:.18em;text-transform:uppercase;
  font-weight:700;padding:15px 24px;text-decoration:none;margin:0 0 16px}
.fin-cta:hover{background:#F5F0E8}
.fin-small{font-size:12px;line-height:1.5;color:rgba(245,240,232,.45);margin:0}
/* the list sits beside the in-chair video: one column fills its height */
.why-list{grid-template-columns:1fr}
.why-item{padding:24px 0 24px 76px}
.fin-val[data-fin-display="months"]::after{content:" months"}