/* Right Rate Road - front page. Palette: indigo + coral, walkthrough structure. */
.hp{--ink:#1b1930;--indigo:#4a3b8c;--indigo-d:#352a68;--coral:#e8705a;--bg:#ffffff;--soft:#f4f2fb;--line:#ddd8ee;--muted:#5d5878;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.62}
.hp *{box-sizing:border-box}
.hp .rr-wrap{max-width:980px;margin:0 auto;padding:0 24px}

.hp .rr-hero{background:var(--soft);padding:92px 0 84px;border-bottom:1px solid var(--line)}
.hp .rr-hero h1{font-size:clamp(2.1rem,5.4vw,3.6rem);line-height:1.06;letter-spacing:-.025em;margin:0 0 22px;max-width:15ch;font-weight:800}
.hp .rr-hero h1 em{font-style:normal;color:var(--indigo)}
.hp .rr-hero p{font-size:clamp(1.05rem,2vw,1.28rem);max-width:54ch;margin:0;color:var(--muted)}

.hp .rr-sec{padding:76px 0}
.hp .rr-lab{font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;color:var(--coral);font-weight:700;margin:0 0 10px}
.hp .rr-sec h2{font-size:clamp(1.55rem,3.2vw,2.2rem);margin:0 0 48px;letter-spacing:-.015em;max-width:20ch;line-height:1.18}

.hp .rr-steps{position:relative;margin:0;padding:0;list-style:none}
.hp .rr-steps:before{content:"";position:absolute;left:19px;top:8px;bottom:8px;width:2px;background:var(--line)}
.hp .rr-step{position:relative;padding:0 0 38px 62px}
.hp .rr-step:last-child{padding-bottom:0}
.hp .rr-num{position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;background:var(--indigo);color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.94rem;z-index:1}
.hp .rr-step h3{margin:6px 0 8px;font-size:1.2rem;letter-spacing:-.01em}
.hp .rr-step p{margin:0;color:var(--muted);max-width:62ch}

.hp .rr-note{background:var(--indigo);color:#fff;padding:60px 0}
.hp .rr-note h2{color:#fff;margin-bottom:20px;max-width:22ch}
.hp .rr-note .rr-lab{color:var(--coral)}
.hp .rr-note ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}
.hp .rr-note li{border-left:3px solid var(--coral);padding-left:16px;color:#d5cfe9;font-size:.98rem}
.hp .rr-note li strong{display:block;color:#fff;margin-bottom:5px}

.hp .rr-end{padding:64px 0 76px;text-align:center}
.hp .rr-end p{max-width:56ch;margin:0 auto 22px;color:var(--muted)}
.hp .rr-end a{display:inline-block;background:var(--coral);color:#fff;text-decoration:none;font-weight:700;padding:13px 28px;border-radius:3px}
.hp .rr-end a:hover{background:#d55f49}