/* A sequential repair process, with readable text and non-interactive payment lines. */
.repair-stages{font-family:Manrope,Arial,sans-serif;background:#17242d;color:#eff2ee;padding:56px 0 50px;scroll-margin-top:24px}
.repair-container{width:min(100% - 104px,1100px);margin-inline:auto}
.repair-heading{display:block;margin-bottom:24px}
.repair-heading h2{font:600 clamp(29px,3.2vw,46px)/1.2 Manrope,Arial,sans-serif;letter-spacing:-.025em;margin:0 0 14px}
.repair-heading>p{font-size:15px;line-height:1.75;color:#bccbd4;max-width:780px;margin:0}
.repair-stage{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;padding:20px 0;border-top:1px solid #ffffff20}
.repair-stage:last-child{border-bottom:1px solid #ffffff20}
.repair-stage>h4{font:500 21px/1.4 Manrope,Arial,sans-serif;letter-spacing:-.015em;color:#e9eeeb;margin:0;max-width:220px}
.repair-steps{list-style:none;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:6px;padding:0;margin:0;max-width:720px}
.repair-step{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:baseline;column-gap:13px;min-height:0;padding:0;margin:0;border:0;border-radius:0;background:none;font-size:16px;line-height:1.6;color:#d0dce2}
.repair-step-number{font-size:13px;line-height:1.65;font-variant-numeric:tabular-nums;color:#95aab9;text-align:left}
.repair-step-copy{display:block;min-width:0}
.repair-payment{color:#eef2ef}
.repair-payment .repair-step-number{color:#adc0cc}
.repair-payment strong{font:inherit;font-weight:600;color:#f0f3ef}
@media(max-width:1150px){.repair-container{width:calc(100% - 64px)}.repair-stage{grid-template-columns:205px minmax(0,1fr);gap:28px}.repair-stage>h4{font-size:20px}.repair-step{font-size:15px}}
@media(max-width:760px){.repair-stages{padding:44px 0 40px}.repair-container{width:calc(100% - 40px)}.repair-heading{margin-bottom:23px}.repair-heading h2{font-size:29px;margin-bottom:16px}.repair-heading>p{font-size:14px;line-height:1.75}.repair-stage{display:block;padding:20px 0}.repair-stage>h4{font-size:20px;max-width:none;margin:0 0 14px}.repair-steps{gap:6px;max-width:none}.repair-step{font-size:15px;line-height:1.6;grid-template-columns:22px minmax(0,1fr);column-gap:10px}.repair-step-number{font-size:12px}}
@media(max-width:450px){.repair-container{width:calc(100% - 32px)}.repair-heading h2{font-size:27px}.repair-heading>p{font-size:14px}.repair-stage>h4{font-size:19px}}

/* Compact service benefits read as information, with gentle icon movement on hover. */
.repair-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;list-style:none;margin:0;padding:0 0 25px;border-bottom:1px solid #ffffff20}
.repair-benefit{position:relative;isolation:isolate;display:grid;grid-template-columns:29px minmax(0,1fr);gap:11px;align-items:start;padding:9px 0;cursor:default;transform-origin:center;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.repair-benefit::before{content:"";position:absolute;inset:-8px -10px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 30% 15%,#d9eafa0e,transparent 75%);opacity:0;transition:opacity .4s ease}
.repair-benefit-icon{display:block;width:27px;height:29px;color:#a9c0cf;transition:color .35s,transform .35s cubic-bezier(.2,.7,.2,1),filter .35s}
.repair-benefit-icon svg{display:block;width:26px;height:26px}
.repair-benefit h3{font:650 15px/1.45 Manrope,Arial,sans-serif;letter-spacing:.025em;text-transform:uppercase;color:#edf2ef;margin:0 0 7px;transition:color .35s}
.repair-benefit p{font-size:13px;line-height:1.7;color:#b3c4ce;margin:0}
.repair-flow-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin:22px 0 16px}
.repair-flow-heading h3{font:500 19px/1.4 Manrope,Arial,sans-serif;letter-spacing:-.015em;color:#e7edef;margin:0}
.repair-flow-heading>span{font-size:11px;line-height:1.6;color:#95adbd}
.repair-stage>h4{display:flex;align-items:flex-start;gap:10px}
.repair-stage-icon{display:block;flex:none;width:24px;height:28px;margin-top:1px;color:#a5bdcd}
.repair-stage-icon svg{display:block;width:23px;height:23px}
@media(hover:hover) and (pointer:fine){.repair-benefit:hover{transform:translateY(-2px) scale(1.025);z-index:1}.repair-benefit:hover::before{opacity:1}.repair-benefit:hover .repair-benefit-icon{color:#e1f0f7;transform:translateY(-2px);filter:drop-shadow(0 0 7px #cde6fa22)}.repair-benefit:hover h3{color:#fff}}
@media(max-width:1150px){.repair-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 32px}.repair-benefit h3{font-size:15px}.repair-benefit p{font-size:13px}}
@media(max-width:760px){.repair-benefits{gap:15px 24px;padding-bottom:22px}.repair-benefit{gap:10px;padding:6px 0}.repair-benefit h3{font-size:15px}.repair-benefit p{font-size:12px}.repair-flow-heading{margin:21px 0 14px}.repair-flow-heading h3{font-size:18px}.repair-flow-heading>span{font-size:10px;max-width:120px;text-align:right}.repair-stage-icon{height:25px;margin-top:0}.repair-stage-icon svg{width:22px;height:22px}}
@media(max-width:560px){.repair-benefits{grid-template-columns:1fr;gap:14px}.repair-benefit{grid-template-columns:30px minmax(0,1fr);gap:13px}.repair-benefit h3{font-size:15px;margin-bottom:5px}.repair-benefit p{font-size:13px;line-height:1.65}}
@media(prefers-reduced-motion:reduce){.repair-benefit,.repair-benefit::before,.repair-benefit-icon,.repair-benefit h3{transition:none}.repair-benefit:hover{transform:none}.repair-benefit:hover .repair-benefit-icon{transform:none;filter:none}}

.repair-heading h2:last-child{margin-bottom:0}
.repair-benefit h3{min-height:2.9em}@media(max-width:560px){.repair-benefit h3{min-height:0}}

/* Decorative architectural studies fill the desktop margin without competing with the sequence. */
.repair-stage{grid-template-columns:205px minmax(0,1fr) 220px;gap:24px}
.repair-sketch{align-self:center;width:100%;height:148px;margin:0;color:#a0b9c9;opacity:.63;pointer-events:none;transition:opacity .5s ease,transform .5s ease}
.repair-sketch svg{display:block;width:100%;height:100%;overflow:visible}
.repair-sketch .sketch-guide{opacity:.19;stroke-width:.65}
.repair-sketch .sketch-dim{opacity:.38;stroke-width:.85}
.repair-sketch .sketch-strong{stroke-width:1.45}
.repair-sketch .sketch-dashed{stroke-dasharray:4 4;opacity:.8}
.repair-sketch .sketch-node{fill:#17242d;stroke-width:1.25}
.repair-sketch .sketch-window{stroke-width:1.5;opacity:.8}
@media(hover:hover) and (pointer:fine){.repair-stage:hover .repair-sketch{opacity:.87;transform:translateY(-1px)}}
@media(min-width:1001px) and (max-width:1150px){.repair-stage{grid-template-columns:190px minmax(0,1fr) 190px;gap:22px}.repair-sketch{height:132px}}
@media(max-width:1000px){.repair-stage{grid-template-columns:205px minmax(0,1fr);gap:28px}.repair-sketch{display:none}}
@media(prefers-reduced-motion:reduce){.repair-sketch{transition:none}.repair-stage:hover .repair-sketch{transform:none}}