.repair-hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:440px;padding:48px 56px;isolation:isolate}
.repair-hero:after{width:460px;height:460px;right:2%;top:5%;background:#21493d;z-index:-1}
.repair-copy{position:relative;z-index:1}.repair-copy h1{max-width:570px}.repair-copy p{max-width:475px}
.repair-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.repair-actions .btn{margin:0}.call-btn{background:#ffffff14;color:white;border:1px solid #ffffff3b}.call-btn:hover,.outline-btn:hover{background:#ffffff25}
.repair-points{display:flex;gap:18px;flex-wrap:wrap;color:#c1d1c7;font-size:12px;margin-top:20px}.repair-points span:first-letter{color:var(--green)}
.repair-visual{height:360px;position:relative;display:grid;place-items:center;z-index:1}.visual-glow{position:absolute;width:285px;height:285px;background:var(--green);border-radius:50%;right:8%;top:10%;box-shadow:0 0 0 22px #c9f05a16,0 0 0 48px #c9f05a0c;animation:glow 4s ease-in-out infinite}.washer{position:relative;width:236px;height:300px;z-index:2;filter:drop-shadow(18px 23px 22px #071c1766);animation:float 5s ease-in-out infinite}.visual-label{position:absolute;background:#fffefa;color:var(--ink);border-radius:13px;padding:11px 14px;font-size:11px;line-height:1.35;box-shadow:0 12px 28px #0b201a38;z-index:3}.label-top{top:21px;left:-6px}.label-top i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#80ba56;margin-right:6px}.label-bottom{right:-3px;bottom:24px;max-width:160px}.label-bottom b{display:block}.route-line{position:absolute;right:0;top:45px;width:150px;height:170px;z-index:2}.visual-star{position:absolute;right:10%;top:24%;font-size:26px;color:white;z-index:3;animation:spin 14s linear infinite}
.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0 18px}.action-card{display:flex;align-items:center;gap:12px;background:#fffefa;border:1px solid var(--line);border-radius:17px;padding:15px;transition:transform .2s,box-shadow .2s,border-color .2s}.action-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px #20312612;border-color:#cbd7c8}.primary-action{background:#eaf2dc}.action-icon{width:40px;height:40px;border-radius:13px;background:#eff2eb;display:grid;place-items:center;color:var(--dark);font-size:21px;flex:none}.primary-action .action-icon{background:var(--green)}.action-card b,.action-card small{display:block}.action-card b{font-size:13px}.action-card small{font-size:11px;color:var(--muted);margin-top:2px}.action-arrow{margin-left:auto;color:#607169;font-size:17px}
.repair-types{padding-top:45px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:18px}.section-heading .heading{margin-top:7px}.section-heading .lead{max-width:390px;margin:0 0 6px;font-size:13px}.dark-eyebrow{color:#718176}.type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.type-card{position:relative;text-align:left;border:1px solid var(--line);background:#fffefa;border-radius:17px;padding:17px;cursor:pointer;min-height:150px;transition:transform .2s,box-shadow .2s,border-color .2s;color:var(--ink)}.type-card:hover,.type-card:focus-visible{transform:translateY(-3px);box-shadow:0 12px 26px #20312612;border-color:#9db47f;outline:none}.type-card>span{display:block;font-size:24px;margin-bottom:9px}.type-card b,.type-card small,.type-card i{display:block}.type-card b{font-size:14px}.type-card small{color:var(--muted);font-size:11px;margin-top:3px}.type-card i{position:absolute;right:15px;bottom:13px;color:#526b4a;font-size:10px;font-style:normal;font-weight:800}
.repair-flow{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:start;padding-top:36px}.repair-flow .heading{margin-top:8px}.steps{margin-top:22px}.step{border:1px solid #edf0ea;padding:15px 17px}.step b{font-size:13px;display:flex;align-items:center;gap:9px}.step b em{font-size:10px;color:#607948;background:#edf4df;border-radius:20px;padding:4px 7px;font-style:normal}.step span{display:block;color:var(--muted);font-size:12px;margin-left:35px}
.formbox{border-color:#e7ebe3;padding:26px;scroll-margin-top:22px}.form-kicker{font-size:10px;color:#72816f;letter-spacing:1.2px;text-transform:uppercase;font-weight:850}.formbox h2{font-size:28px;margin:7px 0}.formbox>p{line-height:1.5}.formbox select{color:#48554e}.formbox input:focus,.formbox select:focus,.formbox textarea:focus{outline:3px solid #c9f05a66;border-color:#9db47f}.formbox .check-label{display:flex;align-items:center;gap:8px;font-weight:500;color:#58665e}.formbox .check-label input{width:15px;height:15px;accent-color:#385641}.submit-btn{width:100%;justify-content:space-between;padding:15px 18px;background:var(--green);margin-top:13px}.fine a{text-decoration:underline;font-weight:700;color:var(--dark)}
.repair-bottom{margin-top:20px}.bottom-actions{display:flex;gap:9px;flex-wrap:wrap}.outline-btn{background:transparent;border:1px solid #ffffff50;color:white}.repair-bottom .btn{white-space:nowrap}
@keyframes float{0%,100%{transform:translateY(0) rotate(1.5deg)}50%{transform:translateY(-8px) rotate(-1deg)}}@keyframes glow{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.repair-hero{padding:40px;grid-template-columns:1fr .8fr}.repair-visual{transform:scale(.88);transform-origin:center}.route-line{right:-15px}.label-top{left:-20px}.action-grid{gap:9px}.action-card{padding:12px}.repair-flow{gap:18px}}
@media(max-width:680px){.repair-hero{display:flex;flex-direction:column;align-items:stretch;padding:29px 23px 14px;min-height:0}.repair-hero h1{font-size:40px}.repair-hero:after{width:290px;height:290px;right:-120px;top:auto;bottom:0}.repair-visual{height:270px;transform:none;margin-top:8px}.visual-glow{width:200px;height:200px;right:20%;top:9%}.washer{width:178px;height:233px}.label-top{left:0;top:20px}.label-bottom{right:-2px;bottom:11px}.route-line{width:112px;height:130px;right:0;top:15px}.visual-star{right:12%;top:21%}.action-grid{grid-template-columns:1fr;gap:8px;margin-top:11px}.action-card{min-height:64px;padding:10px 13px}.action-icon{width:37px;height:37px}.section-heading{display:block}.section-heading .lead{margin-top:9px}.repair-types{padding-top:35px}.type-grid{grid-template-columns:repeat(2,1fr);gap:8px}.type-card{padding:13px;min-height:144px}.type-card b{font-size:12px}.type-card small{font-size:10px;max-width:190px}.repair-flow{grid-template-columns:1fr;padding-top:27px}.repair-flow .formbox{order:-1}.formbox{padding:21px}.repair-bottom .bottom-actions{margin-top:15px}.repair-bottom .btn{flex:1}.repair-points{gap:9px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.washer,.visual-glow,.visual-star{animation:none}.action-card,.type-card{transition:none}}
.request-result{display:none;border-radius:10px;padding:11px 12px;font-size:12px;line-height:1.45;margin-top:12px}.request-result.success-result,.request-result.error-result{display:block}.success-result{background:#edf5e3;color:#3c6038}.error-result{background:#fff0ea;color:#8e432d}.submit-btn:disabled{opacity:.68;cursor:wait}

/* Repair intake: three visible steps, one submission. */
#request [hidden]{display:none!important}
#request #requestFields{border:0;padding:0;margin:0;min-width:0}
#request .request-intro{font-size:1rem;line-height:1.6;margin:8px 0 24px;color:var(--muted)}
#request .request-step{padding:22px 0;border-top:1px solid var(--line)}
#request .request-step h3{display:flex;gap:10px;align-items:center;font-size:1.125rem;line-height:1.4;margin:0 0 14px;font-weight:650;letter-spacing:-.02em}
#request .request-step h3 span{display:grid;place-items:center;background:#eaf3dc;color:#244c36;font-size:.8125rem;border-radius:50%;width:30px;height:30px;flex:none}
#request label{font-size:.9375rem;line-height:1.5;margin:14px 0 6px;display:block}
#request .request-label{font-size:.9375rem;font-weight:600;margin:16px 0 8px}
#request input,#request select,#request textarea{width:100%;box-sizing:border-box;font-family:inherit;font-size:1rem;line-height:1.5;min-height:48px;padding:12px;border:1px solid #cbdacb;border-radius:9px;background:#fff;color:var(--ink)}
#request textarea{min-height:94px;resize:vertical}
#request .request-help{font-size:.875rem;line-height:1.6;color:var(--muted);margin:8px 0 10px}
#request .request-symptoms{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}
#request .request-symptom{min-height:44px;border:1px solid #d9e1d5;border-radius:24px;padding:9px 13px;background:#fff;color:var(--ink);font:inherit;font-size:.875rem;cursor:pointer;text-align:left}
#request .request-symptom[aria-pressed="true"]{background:#e5f3ce;border-color:#6e9447;color:#1a422d;box-shadow:inset 0 0 0 1px #6e9447}
#request .request-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#request .request-mode{border:1px solid #cbdacb;border-radius:12px;background:white;color:var(--ink);padding:15px 13px;text-align:left;cursor:pointer;min-height:100px;font-family:inherit}
#request .request-mode strong{display:block;font-size:1rem;font-weight:650;line-height:1.4}
#request .request-mode span{display:block;font-size:.875rem;line-height:1.5;color:var(--muted);margin-top:5px}
#request .request-mode[aria-pressed="true"]{border-color:#64893e;background:#f0f7e5;box-shadow:inset 0 0 0 1px #64893e}
#request .request-details{border:1px solid var(--line);border-radius:10px;padding:0 15px;margin:18px 0 0;background:#f8faf5}
#request .request-details summary{cursor:pointer;padding:14px 0;font-size:.9375rem;font-weight:600;line-height:1.5;min-height:44px;box-sizing:border-box}
#request .request-details[open]{padding-bottom:16px}
#request .request-details label:first-of-type{margin-top:4px}
#request .field-error{color:#983e2b;font-size:.875rem;line-height:1.5;margin:7px 0 0}
#request [aria-invalid="true"]{border-color:#b34b35;box-shadow:0 0 0 1px #b34b35}
#request :is(button,input,select,textarea,summary):focus-visible{outline:3px solid #71994c;outline-offset:3px}
#request .submit-btn{min-height:54px;font-size:1rem;justify-content:center;margin-top:0;cursor:pointer}
#request .submit-btn:disabled{cursor:wait;opacity:.7}
#request .request-result{font-size:.9375rem;line-height:1.6;padding:14px;margin-top:16px}
#request .request-result.pending-result{display:block;background:#eef4e6;color:#31503b}
#request .request-success{padding:28px 0 10px}
#request .request-success-mark{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#d4f47c;color:#173b31;font-size:1.5rem;font-weight:700;margin-bottom:18px}
#request .request-success h2{font-size:1.875rem;line-height:1.2;margin:0 0 14px}
#request .request-success p{font-size:1rem;line-height:1.65;margin:14px 0;color:var(--muted)}
#request .request-reference{background:#f0f6e8;border:1px solid #dce7cf;padding:18px;border-radius:12px;margin:20px 0}
#request .request-reference small{display:block;font-size:.875rem;color:var(--muted)}
#request .request-reference strong{display:block;font-size:1.125rem;line-height:1.5;overflow-wrap:anywhere;margin-top:5px;user-select:all}
#request #requestAgain{width:100%;margin-top:12px;justify-content:center;white-space:normal}
#request .fine{font-size:.875rem!important;line-height:1.6;margin:18px 0 0}
@media(max-width:440px){#request .request-modes{grid-template-columns:1fr}#request .request-mode{min-height:76px}#request .request-symptom{padding:9px 11px}#request .request-step{padding:20px 0}}
@media(prefers-reduced-motion:reduce){#request,#request *{scroll-behavior:auto!important;transition:none!important}}

