/* Rank & Rent Page Builder — homepage template styles. Hand-written, no frameworks. System fonts only. Adapted from the approved Design 1 mockup. */

    500;600;700&family=Libre+Franklin:wght@700;800&display=swap');
    :root{
      color-scheme:light dark;
      --rrph-ink:#10233b;--rrph-ink-2:#30445d;--rrph-muted:#667489;--rrph-paper:#f7fafc;--rrph-surface:#fff;
      --rrph-line:#d9e2e8;--rrph-navy:#0b2f55;--rrph-navy-2:#082541;--rrph-orange:#f46b2a;--rrph-orange-2:#d94d11;
      --rrph-sky:#e6f2f7;--rrph-mint:#dceee7;--rrph-gold:#efb341;--rrph-shadow:0 18px 50px rgba(15,39,64,.13);
    }
    @media(prefers-color-scheme:dark){
      :root{--rrph-ink:#eef5f8;--rrph-ink-2:#c2d0dc;--rrph-muted:#9fb0bf;--rrph-paper:#071522;--rrph-surface:#0d2031;--rrph-line:#263a4b;--rrph-navy:#9dc6e4;--rrph-navy-2:#071522;--rrph-orange:#ff8246;--rrph-orange-2:#ff9967;--rrph-sky:#102b3c;--rrph-mint:#12362f;--rrph-gold:#ffc766;--rrph-shadow:0 18px 50px rgba(0,0,0,.32)}
    }
    *{box-sizing:border-box}html{scroll-behavior:smooth}body.rrph-home{margin:0;background:var(--rrph-paper);color:var(--rrph-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}img{display:block;max-width:100%}.rrph-wrap{width:min(1180px,calc(100% - 40px));margin:auto}.rrph-skip{position:fixed;left:12px;top:12px;z-index:99;background:var(--rrph-surface);padding:10px 14px;transform:translateY(-180%);border:1px solid var(--rrph-line)}.rrph-skip:focus{transform:translateY(0)}
    .rrph-topline{background:var(--rrph-navy-2);color:#fff;font-size:13px}.rrph-topline .rrph-wrap{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.rrph-topline strong{color:#ffd3bd}.rrph-topline .rrph-mini{display:flex;gap:24px}
    .rrph-site-head{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--rrph-surface) 95%,transparent);border-bottom:1px solid var(--rrph-line);backdrop-filter:blur(10px)}.rrph-nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.rrph-mark{font:800 18px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;letter-spacing:-.02em;display:flex;align-items:center;gap:10px}.rrph-mark-shape{width:30px;height:30px;background:var(--rrph-orange);clip-path:polygon(0 45%,50% 0,100% 45%,100% 100%,62% 100%,62% 63%,38% 63%,38% 100%,0 100%)}.rrph-menu{display:flex;align-items:center;gap:30px;font-weight:600;font-size:14px}.rrph-menu a:hover{color:var(--rrph-orange)}.rrph-call{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--rrph-orange);color:#fff;padding:12px 18px;border-radius:7px;font-weight:700;box-shadow:0 8px 18px rgba(244,107,42,.22);border:0;cursor:pointer}.rrph-call:hover{background:var(--rrph-orange-2)}.rrph-call svg{width:18px;height:18px}.rrph-menu-toggle{display:none;background:none;border:0;color:var(--rrph-ink);padding:8px}
    .rrph-hero{position:relative;overflow:hidden;background:var(--rrph-sky);border-bottom:1px solid var(--rrph-line)}.rrph-hero-grid{min-height:670px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:36px;padding:66px 0}.rrph-eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--rrph-surface);border:1px solid var(--rrph-line);padding:7px 12px;border-radius:999px;color:var(--rrph-navy);font-size:13px;font-weight:700}.rrph-pulse{width:8px;height:8px;border-radius:50%;background:#22a06b;box-shadow:0 0 0 4px color-mix(in srgb,#22a06b 18%,transparent)}h1,h2,h3{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;letter-spacing:-.035em;line-height:1.08;margin:0}.rrph-hero h1{font-size:clamp(43px,5.5vw,72px);max-width:720px;margin:22px 0 22px}.rrph-hero h1 span{color:var(--rrph-orange)}.rrph-hero-copy{font-size:19px;color:var(--rrph-ink-2);max-width:620px;margin:0 0 30px}.rrph-hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.rrph-secondary{display:inline-flex;align-items:center;justify-content:center;padding:11px 17px;border:1px solid var(--rrph-navy);border-radius:7px;color:var(--rrph-navy);font-weight:700}.rrph-hero-note{display:flex;gap:22px;margin-top:25px;color:var(--rrph-ink-2);font-size:14px;font-weight:600}.rrph-hero-note span:before{content:"✓";color:#16855b;margin-right:7px}
    .rrph-hero-visual{position:relative;align-self:stretch;display:flex;align-items:center}.rrph-hero-visual:before{content:"";position:absolute;inset:4% -16% 4% 5%;background:var(--rrph-navy);border-radius:48% 0 0 48%;transform:rotate(-2deg)}.rrph-hero-visual img{position:relative;width:100%;height:520px;object-fit:cover;object-position:56% center;border-radius:16px 0 0 16px;box-shadow:var(--rrph-shadow)}.rrph-hero-form{position:absolute;z-index:2;left:-42px;right:18px;bottom:24px;background:var(--rrph-surface);border:1px solid var(--rrph-line);padding:16px;border-radius:10px;box-shadow:var(--rrph-shadow)}.rrph-hero-form-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.rrph-hero-form-title b{font-size:14px}.rrph-hero-form-title span{font-size:11px;color:var(--rrph-muted)}.rrph-hero-fields{display:grid;grid-template-columns:1fr .75fr 1fr auto;gap:8px}.rrph-hero-fields input,.rrph-hero-fields select{min-width:0;width:100%;height:43px;border:1px solid var(--rrph-line);background:var(--rrph-paper);color:var(--rrph-ink);padding:8px 10px;border-radius:5px}.rrph-hero-fields button{height:43px;border:0;border-radius:5px;background:var(--rrph-orange);color:#fff;padding:0 16px;font-weight:800;cursor:pointer}.rrph-hero-message{margin:8px 2px 0;color:var(--rrph-orange);font-size:11px;min-height:0}
    .rrph-trustbar{background:var(--rrph-surface);border-bottom:1px solid var(--rrph-line)}.rrph-trust-items{display:grid;grid-template-columns:repeat(4,1fr);min-height:108px}.rrph-trust-item{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;border-right:1px solid var(--rrph-line)}.rrph-trust-item:last-child{border:0}.rrph-trust-icon{width:38px;height:38px;border-radius:50%;background:var(--rrph-sky);display:grid;place-items:center;color:var(--rrph-navy);font-weight:800}.rrph-trust-item b{display:block;font-size:14px}.rrph-trust-item small{color:var(--rrph-muted)}
    section{padding:92px 0}.rrph-section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:42px}.rrph-kicker{color:var(--rrph-orange);font-size:13px;font-weight:800;margin-bottom:10px}.rrph-section-head h2,.rrph-steps h2,.rrph-quote h2,.rrph-faq h2{font-size:clamp(32px,4vw,48px);max-width:670px}.rrph-section-head p{max-width:430px;color:var(--rrph-muted);margin:0}.rrph-services{background:var(--rrph-paper)}.rrph-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.rrph-service-card{background:var(--rrph-surface);border:1px solid var(--rrph-line);padding:28px 24px;min-height:280px;position:relative;transition:transform .2s,border-color .2s}.rrph-service-card:hover{transform:translateY(-3px);border-color:var(--rrph-orange)}.rrph-service-card:nth-child(1){border-radius:6px 22px 6px 6px}.rrph-service-card:nth-child(2){border-radius:22px 6px 6px}.rrph-service-card:nth-child(3){border-radius:6px 6px 22px}.rrph-service-card:nth-child(4){border-radius:6px 22px 6px}.rrph-svc-icon{width:48px;height:48px;border-radius:9px;background:var(--rrph-sky);display:grid;place-items:center;color:var(--rrph-navy);font-size:23px;margin-bottom:28px}.rrph-service-card h3{font-size:21px;margin-bottom:11px}.rrph-service-card p{color:var(--rrph-muted);font-size:14px}.rrph-arrow{position:absolute;left:24px;bottom:23px;font-weight:800;color:var(--rrph-orange)}
    .rrph-lead-band{padding:0 0 92px}.rrph-quote{background:var(--rrph-navy-2);color:#fff;display:grid;grid-template-columns:.82fr 1.18fr;gap:50px;padding:46px 48px;border-radius:9px;align-items:center}.rrph-quote p{color:#bdcbd6}.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quote-form label{font-size:12px;font-weight:700;color:#dce6ed}.field{display:flex;flex-direction:column;gap:5px}.field.wide{grid-column:1/-1}.quote-form input,.quote-form select{width:100%;min-height:48px;border:1px solid #476177;background:#fff;color:#132940;padding:10px 12px;border-radius:5px}.quote-form button{min-height:50px;border:0;border-radius:5px;background:var(--rrph-orange);color:#fff;font-weight:800;cursor:pointer}.form-message{grid-column:1/-1;min-height:20px;margin:0!important;color:#ffd3bd!important;font-size:13px}
    .rrph-steps{background:var(--rrph-surface)}.rrph-steps-intro{text-align:center;max-width:720px;margin:0 auto 48px}.rrph-steps-intro p{color:var(--rrph-muted)}.rrph-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;counter-reset:step}.rrph-step{padding:16px 42px 10px;text-align:center;position:relative;counter-increment:step}.rrph-step:not(:last-child):after{content:"";position:absolute;right:-8%;top:44px;width:16%;border-top:2px dashed var(--rrph-line)}.rrph-step-num{width:72px;height:72px;border-radius:50%;background:var(--rrph-sky);color:var(--rrph-navy);display:grid;place-items:center;margin:0 auto 23px;font:800 24px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}.rrph-step-num:after{content:counter(step)}.rrph-step h3{font-size:20px}.rrph-step p{color:var(--rrph-muted);font-size:14px}
    .rrph-proof{background:var(--rrph-mint)}.rrph-proof-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:start}.rrph-score{background:var(--rrph-surface);padding:32px;border-radius:8px;border:1px solid var(--rrph-line)}.rrph-score .rrph-big{font:800 70px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--rrph-navy)}.rrph-stars{color:var(--rrph-gold);font-size:22px;letter-spacing:2px}.rrph-score p{color:var(--rrph-muted);margin-bottom:0}.rrph-reviews{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rrph-review{background:var(--rrph-surface);padding:25px;border-radius:7px;border:1px solid var(--rrph-line)}.rrph-review p{color:var(--rrph-ink-2);margin:12px 0 20px}.rrph-review b{font-size:14px}.rrph-review small{display:block;color:var(--rrph-muted)}
    .rrph-faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.rrph-faq-intro p{color:var(--rrph-muted)}.rrph-faq-list{border-top:1px solid var(--rrph-line)}details{border-bottom:1px solid var(--rrph-line);padding:19px 0}summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:"+";color:var(--rrph-orange);font-size:24px;line-height:1}details[open] summary:after{content:"−"}details p{color:var(--rrph-muted);padding-right:35px}
    footer{background:var(--rrph-navy-2);color:#fff;padding:55px 0 96px}.rrph-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}.rrph-footer-grid h3{font-size:17px;margin-bottom:14px}.rrph-footer-grid p,.rrph-footer-grid a{color:#b7c6d1;font-size:14px}.rrph-footer-grid a{display:block;margin:8px 0}.rrph-footer-grid a:hover{color:#fff}.rrph-legal{border-top:1px solid #294359;margin-top:42px;padding-top:20px;color:#91a5b4;font-size:12px;display:flex;justify-content:space-between}
    .rrph-mobile-bar{display:none}
    @media(max-width:900px){.rrph-menu a{display:none}.rrph-menu-toggle{display:block}.rrph-hero-grid{grid-template-columns:1fr;padding-top:50px}.rrph-hero-visual{min-height:400px}.rrph-hero-visual img{height:400px;border-radius:14px}.rrph-hero-visual:before{inset:3% -8% -5% 8%;border-radius:80px 0 0 80px}.rrph-hero-form{left:12px;right:12px;bottom:18px}.rrph-hero-fields{grid-template-columns:1fr 1fr}.rrph-hero-fields button{grid-column:1/-1}.rrph-trust-items{grid-template-columns:1fr 1fr}.rrph-trust-item:nth-child(2){border-right:0}.rrph-trust-item:nth-child(-n+2){border-bottom:1px solid var(--rrph-line)}.rrph-service-grid{grid-template-columns:1fr 1fr}.rrph-quote,.rrph-proof-grid,.rrph-faq-grid{grid-template-columns:1fr}.rrph-footer-grid{grid-template-columns:1fr 1fr}.rrph-proof-grid{gap:28px}.rrph-faq-grid{gap:34px}}
    @media(max-width:600px){body.rrph-home{padding-bottom:72px}.rrph-wrap{width:min(100% - 28px,1180px)}.rrph-topline .rrph-mini span:last-child{display:none}.rrph-topline{font-size:11px}.rrph-nav{height:62px}.rrph-mark{font-size:15px}.rrph-mark-shape{width:25px;height:25px}.rrph-menu .rrph-call{display:none}.rrph-hero-grid{min-height:auto;padding:40px 0 48px;gap:30px}.rrph-hero h1{font-size:40px}.rrph-hero-copy{font-size:17px}.rrph-hero-note{display:grid;gap:5px}.rrph-hero-visual{display:block;min-height:auto}.rrph-hero-visual img{height:300px}.rrph-hero-form{position:relative;left:auto;right:auto;bottom:auto;width:100%;margin-top:-18px;border-radius:8px}.rrph-hero-form-title{align-items:flex-start}.rrph-hero-fields{grid-template-columns:1fr}.rrph-hero-fields button{grid-column:auto}.rrph-trust-items{grid-template-columns:1fr 1fr}.rrph-trust-item{display:block;text-align:center;padding:16px 8px}.rrph-trust-icon{margin:0 auto 7px}.rrph-trust-item small{font-size:11px}section{padding:68px 0}.rrph-section-head{display:block;margin-bottom:28px}.rrph-section-head p{margin-top:14px}.rrph-service-grid{grid-template-columns:1fr}.rrph-service-card{min-height:225px}.rrph-quote{padding:30px 20px;gap:25px}.quote-form{grid-template-columns:1fr}.field.wide{grid-column:auto}.rrph-steps-grid{grid-template-columns:1fr;gap:26px}.rrph-step{padding:5px 16px}.rrph-step:not(:last-child):after{display:none}.rrph-reviews{grid-template-columns:1fr}.rrph-faq-grid{gap:28px}.rrph-footer-grid{grid-template-columns:1fr 1fr}.rrph-footer-grid>div:first-child{grid-column:1/-1}.rrph-legal{display:block}.rrph-mobile-bar{position:fixed;z-index:30;display:grid;grid-template-columns:1fr 1fr;left:0;right:0;bottom:0;background:var(--rrph-surface);border-top:1px solid var(--rrph-line);padding:9px 12px calc(9px + env(safe-area-inset-bottom));gap:8px}.rrph-mobile-bar a,.rrph-mobile-bar button{border:0;border-radius:5px;min-height:48px;font-weight:800;display:flex;align-items:center;justify-content:center;text-align:center}.rrph-mobile-bar .rrph-call{padding:8px}.rrph-mobile-bar .rrph-quote-jump{background:var(--rrph-navy);color:var(--rrph-surface)}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rrph-service-card{transition:none}}
  
/* Rank & Rent homepage additions */
.rrph-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;}
.rrph-notice{border-radius:8px;padding:10px 14px;font-size:14px;margin:0 0 10px;}
.rrph-success{background:#e7f6ec;color:#14622e;border:1px solid #bfe6c9;}
.rrph-error{background:#fdecec;color:#a02a2a;border:1px solid #f5c6c6;}
.rrph-mobilebar-visible{transform:none !important;}

/* Hero illustration replaces the mockup's photo: same layout, zero weight. */
.rrph-hero-visual svg{position:relative;width:100%;height:520px;border-radius:16px 0 0 16px;box-shadow:var(--rrph-shadow);display:block}
@media(max-width:900px){.rrph-hero-visual svg{height:400px;border-radius:14px}}
@media(max-width:600px){.rrph-hero-visual svg{height:300px}}
