/* United Legal — "new-home" template alignment (2026-10-13, round 3). Loaded after refine.css on every page.
   Brings the review build back in line with unitedlegal.com/new-home: lead form in the hero, full-colour
   featured band straddling the hero edge, navy practice panel with light cards, call band, navy reviews.
   Brand tokens, fonts and all behaviour are unchanged. */

/* ---------- 1. Hero: copy left, lead form right (new-home composition) ---------- */
.home-hero{padding-bottom:0}
.home-hero__box{border-radius:32px 32px 0 0;min-height:0}
.home-hero__grid{grid-template-columns:minmax(0,1fr) minmax(460px,560px);gap:48px;align-items:center;padding:64px 40px 56px}
.home-hero__story{max-width:640px}
.home-hero__story h1{font-size:clamp(44px,4.6vw,66px);max-width:none}
.home-hero__foot{border-top:0;padding-top:4px;margin-top:4px;gap:16px 26px;justify-content:flex-start}
.proof{gap:16px 26px}
.proof li.proof--aba{padding:0;background:transparent;border-color:transparent}
.proof li.proof--bbb img,.proof li.proof--aba img{height:52px;width:auto}
.home-hero__form{min-width:0;justify-self:end;width:100%}
.hero-paths{display:none!important}
.video-toggle{bottom:18px;inset-inline-end:18px}

/* lead form card (shared by the hero and the state pages) */
.lead-card{display:flex;flex-direction:column;gap:14px;padding:30px;border-radius:22px;background:rgba(255,255,255,.1);border:1px solid rgba(204,225,246,.22);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);color:#fff}
.lead-card h2{font:500 31px/1.1 var(--f-primary);color:var(--accent);margin:0 0 4px}
.lead-card .lead-intro{font:400 13.5px/1.6 var(--f-text);color:#E4ECF7;margin:-2px 0 4px}
.lead-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lead-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.lead-field--full{grid-column:1/-1}
.lead-field label{font:600 11.5px/1.3 var(--f-text);letter-spacing:.06em;text-transform:uppercase;color:#fff}
.lead-field input{width:100%;min-height:46px;padding:10px 16px;border:1px solid #DDE6F1;border-radius:11px;background:#fff;color:var(--text);font:400 15px/1.4 var(--f-text)}
.lead-field input::placeholder{color:#7D889E}
.lead-field input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
.lead-field input[aria-invalid=true]{border:2px solid #FFE2A1}
.lead-error{font:500 12px/1.5 var(--f-text);color:#FFE2A1;min-height:0}
.lead-error:empty{display:none}
.lead-consent{display:flex;gap:10px;align-items:flex-start;margin-top:2px}
.lead-consent input{flex:0 0 18px;width:18px;height:18px;margin:2px 0 0;accent-color:var(--accent)}
.lead-consent label{font:400 11.5px/1.55 var(--f-text);color:#E4ECF7}
.lead-consent label a{color:#fff}
.lead-submit{width:100%;min-height:50px;border:0;border-radius:99px;background:var(--accent);color:var(--primary);font:500 20px/1 var(--f-secondary);letter-spacing:.3px;cursor:pointer;margin-top:4px}
.lead-submit:hover{animation:push .3s linear 1}
.lead-submit:focus-visible{outline:3px solid #fff;outline-offset:3px}
.lead-submit[disabled]{opacity:.7;cursor:progress;animation:none}
.lead-summary{font:500 12.5px/1.5 var(--f-text);color:#FFE2A1;padding:10px 12px;border:1px solid #FFE2A1;border-radius:8px}
.lead-note{font:400 11px/1.6 var(--f-text);color:#CCE1F6;margin:0}
.lead-success{display:flex;flex-direction:column;gap:10px;padding:8px 0}
.lead-success strong{font:600 28px/1.15 var(--f-primary);color:var(--accent)}
.lead-success p{font:400 15px/1.6 var(--f-text);color:#fff;margin:0}
.lead-success a{color:var(--accent);font-weight:600}
.lead-sink{position:absolute;width:0;height:0;border:0;opacity:0;pointer-events:none}

/* ---------- 2. Featured band: white heading on the navy, full-colour logos on a light panel ---------- */
.r2-featured{margin:0 10px;padding:30px 10px 12px;border-radius:0 0 32px 32px;background:var(--primary);color:#fff;overflow:hidden}
.r2-featured__heading{justify-content:center;position:relative;padding:0 30px;margin:0 auto 20px;max-width:none}
.r2-featured h2{font:600 22px/1.2 var(--f-primary);letter-spacing:.04em;text-transform:uppercase;color:#fff}
.r2-featured__pause{position:absolute;inset-inline-end:30px;top:50%;transform:translateY(-50%);border-color:rgba(204,225,246,.4);color:#CCE1F6;background:transparent}
.r2-featured__pause:focus-visible{outline-color:var(--accent)}
.r2-featured__viewport{border-radius:20px;border:1px solid #C7DBF2;background:linear-gradient(180deg,#D5E6FA 0%,#EEF4FC 100%);padding:18px 0}
.r2-featured__track{animation-duration:46s}
.r2-featured__logos{gap:56px;padding:0 56px 0 0}
.r2-featured__logos li{flex:0 0 176px;width:176px;height:92px}
.r2-featured__logos img{max-width:176px;max-height:88px;filter:none;opacity:1}
.r2-featured__logos li:hover img{filter:none}
.r2-featured[data-reduced=true] .r2-featured__logos{gap:24px 40px;padding:0 24px}
/* the other page templates share the band */
.hero,.ll-hero{padding-bottom:0}
.hero__box,.ll-hero__box{border-radius:32px 32px 0 0}

/* ---------- 3. Practice areas: navy panel, light cards, yellow dots under the heading ---------- */
.sec-practice .sec-head{align-items:center;text-align:center}
.sec-practice .sec-head h2::after{content:"";width:36px;height:8px;margin:14px auto 0;border-radius:0;background:radial-gradient(circle,var(--accent) 3.2px,transparent 3.8px) 0 0/12px 8px repeat-x}
.pboard{margin-top:34px;gap:20px;padding:30px;border-radius:33px;background:var(--primary) radial-gradient(ellipse 60% 50% at 50% 100%,rgba(26,44,114,.9),rgba(26,44,114,0) 70%)}
.pboard .pcard{background:linear-gradient(180deg,#EEF4FC 0%,#FFFFFF 100%);border:1px solid rgba(255,255,255,.6);border-radius:22px;box-shadow:0 10px 30px rgba(2,9,28,.18)}
.pboard .pcard:hover{border-color:rgba(249,233,0,.8);box-shadow:0 22px 44px rgba(2,9,28,.3)}
.pboard .pcard .pcard__icon{background:#fff;box-shadow:inset 0 0 0 1px #DCE8F5}
.pboard .pcard:hover .pcard__icon{background:#fff}
.pboard .pcard .pcard__cta .arr{background:var(--accent)}
.pcard.is-targeted{box-shadow:0 0 0 3px var(--accent),0 22px 44px rgba(2,9,28,.3)}
.state-step{background:#fff;border-color:#DCE8F5}

/* ---------- 4. Call band ---------- */
.sec-band{padding-top:var(--sec-gap)}
.sec-band .band{padding:50px 10px 46px;gap:14px}
.sec-band .band__line{font:600 60px/1.1 var(--f-primary)}
.sec-band .band__phone{font-size:92px;line-height:1;color:var(--sky)}

/* ---------- 5. Reviews: navy section, white cards (new-home) ---------- */
.sec-reviews .navy-box.reviews-box{background:var(--primary);border:0;color:#fff}
.reviews-box .eyebrow-light{color:#8FC6FF}
.reviews-box .h2--light{color:#fff}
.reviews-box .h2--light .hl{color:var(--accent)}
.reviews-box .rev{background:#fff;border-color:#fff;color:var(--primary);box-shadow:0 10px 30px rgba(2,9,28,.18)}
.reviews-box .rev::before{color:var(--accent);opacity:.9}
.reviews-box .rev blockquote{color:#2B3650}
.reviews-box .rev cite{color:var(--primary)}
.reviews-box .rev cite span{color:#5A6680}
.reviews-box .rev-note{color:#CCE1F6}

/* ---------- 6. Responsive ---------- */
@media(max-width:1250px){.home-hero__grid{grid-template-columns:minmax(0,1fr) minmax(420px,500px);gap:36px;padding:52px 32px 48px}.home-hero__story h1{font-size:clamp(42px,4.3vw,58px)}}
@media(max-width:1024px){
 .home-hero__grid{grid-template-columns:1fr;gap:34px;padding:44px 28px 40px}
 .home-hero__form{justify-self:stretch;max-width:640px;width:100%}
 .sec-band .band__line{font-size:48px}.sec-band .band__phone{font-size:72px}
}
@media(max-width:767px){
 .home-hero__box{border-radius:18px 18px 0 0}
 .home-hero__grid{padding:36px 20px 34px;gap:26px}
 .proof li.proof--bbb img,.proof li.proof--aba img{height:44px}
 .lead-card{padding:22px 18px 20px;border-radius:18px}
 .lead-card h2{font-size:27px}
 .lead-grid{grid-template-columns:1fr}
 .r2-featured{border-radius:0 0 18px 18px;padding:22px 8px 8px}
 .r2-featured h2{font-size:17px}
 .r2-featured__heading{padding:0 16px;margin-bottom:14px}
 .r2-featured__pause{inset-inline-end:12px}
 .r2-featured__viewport{padding:12px 0;border-radius:14px}
 .r2-featured__logos{gap:36px;padding-inline-end:36px}
 .r2-featured__logos li{flex-basis:132px;width:132px;height:70px}
 .r2-featured__logos img{max-width:132px;max-height:66px}
 .pboard{padding:14px;border-radius:20px;gap:12px}
 .pboard .pcard{border-radius:16px}
 .hero__box,.ll-hero__box{border-radius:18px 18px 0 0}
 .sec-band .band{padding:34px 14px 30px;border-radius:18px}
 .sec-band .band__line{font-size:34px}.sec-band .band__phone{font-size:clamp(40px,12vw,52px)}
}
[dir=rtl] .r2-featured h2{letter-spacing:0}
[dir=rtl] .lead-field label{letter-spacing:0}
[dir=rtl] .lead-card h2{font-size:26px;line-height:1.5;font-weight:700}
[dir=rtl] .lead-submit{font:600 17px/1.2 var(--f-text)}
@media(prefers-reduced-motion:reduce){.lead-submit:hover{animation:none}}