/* Solar Rent Pro — B2B replacements for CEB and El Niño information pages. */
.sr-info { min-height:100vh; color:#092946; background:#f7f7f3; font-family:Roboto,Arial,sans-serif; overflow:hidden; }
.sr-info-topbar { min-height:66px; display:flex; align-items:center; gap:18px; padding:0 clamp(20px,5vw,88px); background:#05284a; border-bottom:1px solid rgba(255,255,255,.12); }
.sr-info-logo { display:flex; flex:none; align-items:center; }
.sr-info-logo img { display:block; width:154px; height:auto; }
.sr-info-nav { display:flex; align-items:center; gap:clamp(12px,1.65vw,25px); margin-left:auto; }
.sr-info-nav a { color:#f5f9fc; font-size:13px; font-weight:700; opacity:.88; text-decoration:none; white-space:nowrap; }
.sr-info-nav a:hover,.sr-info-nav a.is-active { color:#fff; opacity:1; }
.sr-info-nav a.is-active { padding:8px 10px; border-radius:6px; background:rgba(255,255,255,.16); }
.sr-info-cta { display:inline-flex; justify-content:center; align-items:center; padding:11px 16px; border-radius:7px; background:#f36d05; color:#fff; font-size:13px; font-weight:800; text-decoration:none; white-space:nowrap; }
.sr-info-hero { position:relative; min-height:455px; display:flex; align-items:center; isolation:isolate; color:#fff; background:#05284a; }
.sr-info-hero::before { content:""; position:absolute; z-index:-2; inset:0; background:radial-gradient(circle at 78% 45%,rgba(43,137,190,.47),transparent 33%),linear-gradient(115deg,#021b35 0%,#073a66 55%,#0c5284 100%); }
.sr-info-hero::after { content:""; position:absolute; z-index:-1; inset:0; opacity:.32; background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(90deg,#000,transparent 86%); }
.sr-info--nino .sr-info-hero::before { background:radial-gradient(circle at 76% 52%,rgba(255,137,48,.51),transparent 34%),linear-gradient(115deg,#1b293d 0%,#82411a 65%,#c55908 115%); }
.sr-info-hero-inner,.sr-info-section-inner { width:min(1210px,calc(100% - 40px)); margin:0 auto; }
.sr-info-hero-inner { padding:78px 0 82px; }
.sr-info-kicker,.sr-info-eyebrow { display:flex; align-items:center; gap:10px; color:#ffb67b; font-family:'Roboto Condensed',Arial,sans-serif; font-size:12px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.sr-info-kicker::before,.sr-info-eyebrow::before { content:""; width:29px; height:2px; background:#f36d05; }
.sr-info--nino .sr-info-kicker::before { background:#ffc387; }
.sr-info-hero h1 { max-width:790px; margin:21px 0 0; font-family:'Roboto Condensed',Arial,sans-serif; font-size:clamp(49px,6vw,82px); font-weight:800; line-height:.91; letter-spacing:-.045em; text-transform:uppercase; }
.sr-info-hero h1 span { color:#ff7d16; }
.sr-info--nino .sr-info-hero h1 span { color:#ffcb9b; }
.sr-info-hero p { max-width:605px; margin:24px 0 0; color:#e4edf5; font-size:18px; line-height:1.55; }
.sr-info-hero .sr-info-actions { display:flex; flex-wrap:wrap; gap:13px; margin-top:29px; }
.sr-info-button { display:inline-flex; justify-content:center; align-items:center; gap:10px; min-height:47px; padding:0 19px; border-radius:7px; color:#fff; background:#f36d05; font-size:14px; font-weight:800; text-decoration:none; box-shadow:0 9px 23px rgba(0,0,0,.16); transition:transform .18s ease,background .18s ease; }
.sr-info-button:hover { background:#ff7d16; transform:translateY(-2px); }
.sr-info-button.ghost { border:1px solid rgba(255,255,255,.42); background:transparent; box-shadow:none; }
.sr-info-button.ghost:hover { background:rgba(255,255,255,.12); }
.sr-info-hero-aside { position:absolute; right:max(20px,7vw); bottom:0; width:240px; padding:21px; border:1px solid rgba(255,255,255,.25); border-bottom:0; background:rgba(3,27,53,.54); backdrop-filter:blur(10px); }
.sr-info-hero-aside strong { display:block; color:#fff; font-family:'Roboto Condensed',Arial,sans-serif; font-size:22px; font-weight:800; }
.sr-info-hero-aside span { display:block; margin-top:5px; color:#cfdeea; font-size:11px; line-height:1.43; }
.sr-info-section { padding:clamp(70px,9vw,124px) 20px; }
.sr-info-split { display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(34px,9vw,122px); align-items:start; }
.sr-info h2 { margin:19px 0 0; color:#092946; font-family:'Roboto Condensed',Arial,sans-serif; font-size:clamp(40px,4.8vw,65px); font-weight:800; line-height:.96; letter-spacing:-.04em; text-transform:uppercase; }
.sr-info h2 span { color:#f36d05; }
.sr-info-lede { max-width:560px; padding-top:4px; color:#496378; font-size:18px; line-height:1.63; }
.sr-info-lede strong { color:#092946; }
.sr-info-kpi-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:48px; }
.sr-info-kpi { min-height:190px; padding:22px; border:1px solid #d9e2e8; background:#fff; box-shadow:0 9px 25px rgba(18,58,83,.045); }
.sr-info-kpi-icon { display:grid; place-items:center; width:42px; height:42px; border-radius:6px; color:#0d5c9d; background:#edf4f7; font-size:20px; }
.sr-info-kpi h3 { margin:20px 0 8px; color:#092946; font-family:'Roboto Condensed',Arial,sans-serif; font-size:22px; font-weight:800; letter-spacing:-.025em; line-height:1.02; }
.sr-info-kpi p { margin:0; color:#617789; font-size:13px; line-height:1.55; }
.sr-info-band { background:#e9f0f4; }
.sr-info-band .sr-info-section-inner { display:grid; grid-template-columns:.82fr 1.18fr; gap:clamp(34px,8vw,110px); }
.sr-info-band h2 { font-size:clamp(36px,4.5vw,60px); }
.sr-info-cards { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.sr-info-card { min-height:210px; padding:24px; border-top:4px solid #f36d05; background:#fff; }
.sr-info-card h3 { margin:6px 0 11px; font-family:'Roboto Condensed',Arial,sans-serif; font-size:23px; font-weight:800; line-height:1.04; letter-spacing:-.025em; }
.sr-info-card p { margin:0; color:#597285; font-size:13px; line-height:1.58; }
.sr-info-strategy { position:relative; background:#05284a; color:#fff; overflow:hidden; }
.sr-info-strategy::after { content:""; position:absolute; top:-390px; right:-240px; height:690px; width:690px; border-radius:50%; border:1px solid rgba(255,255,255,.13); box-shadow:0 0 0 60px rgba(255,255,255,.035),0 0 0 130px rgba(255,255,255,.023); }
.sr-info-strategy .sr-info-section-inner { position:relative; z-index:1; display:grid; grid-template-columns:.83fr 1.17fr; gap:clamp(34px,8vw,110px); }
.sr-info-strategy .sr-info-eyebrow { color:#ffb67b; }
.sr-info-strategy h2 { color:#fff; font-size:clamp(38px,4.65vw,62px); }
.sr-info-strategy h2 span { color:#ff7d16; }
.sr-info-strategy p { max-width:380px; color:#c5d6e2; font-size:16px; line-height:1.62; }
.sr-info-checks { display:grid; gap:0; border-top:1px solid rgba(255,255,255,.2); }
.sr-info-check { display:grid; grid-template-columns:40px 1fr; gap:14px; padding:20px 0; border-bottom:1px solid rgba(255,255,255,.2); }
.sr-info-check-mark { width:27px; height:27px; display:grid; place-items:center; border-radius:50%; color:#05284a; background:#ff8c37; font-size:15px; font-weight:900; }
.sr-info-check h3 { margin:2px 0 5px; color:#fff; font-family:'Roboto Condensed',Arial,sans-serif; font-size:21px; font-weight:800; line-height:1; }
.sr-info-check p { max-width:510px; margin:0; color:#c4d3df; font-size:13px; line-height:1.5; }
.sr-info-note { margin-top:29px; padding:14px 16px; border-left:3px solid #f36d05; color:#5b7182; background:#fff; font-size:12px; line-height:1.55; }
.sr-info-final { position:relative; padding:clamp(70px,8vw,105px) 20px; overflow:hidden; background:#f36d05; color:#fff; }
.sr-info-final::after { content:""; position:absolute; width:680px; height:680px; right:-190px; bottom:-440px; border:1px solid rgba(255,255,255,.32); border-radius:50%; box-shadow:0 0 0 60px rgba(255,255,255,.085),0 0 0 130px rgba(255,255,255,.05); }
.sr-info-final-inner { position:relative; z-index:1; max-width:1210px; margin:0 auto; }
.sr-info-final .sr-info-eyebrow { color:#fff; }.sr-info-final .sr-info-eyebrow::before { background:#fff; }
.sr-info-final h2 { max-width:800px; color:#fff; font-size:clamp(41px,5.1vw,68px); }.sr-info-final h2 span { color:#05284a; }
.sr-info-final p { max-width:610px; margin:23px 0 28px; color:#fff9f4; font-size:17px; line-height:1.6; }.sr-info-final .sr-info-button { background:#05284a; }.sr-info-final .sr-info-button:hover { background:#0b3f6b; }
.sr-info-footer { min-height:105px; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:25px clamp(20px,5vw,88px); color:#b7cad8; background:#021b35; }.sr-info-footer a { color:#fff; font-family:'Roboto Condensed',Arial,sans-serif; font-size:21px; font-weight:800; text-decoration:none; }.sr-info-footer a span{color:#f36d05}.sr-info-footer p{margin:0;font-size:12px;text-align:right}
@media(max-width:1090px){.sr-info-nav{gap:13px}.sr-info-nav a{font-size:12px}.sr-info-cta{padding:10px 12px;font-size:12px}.sr-info-kpi-grid{grid-template-columns:1fr 1fr}.sr-info-kpi:last-child{grid-column:span 2}.sr-info-hero-aside{display:none}}
@media(max-width:790px){.sr-info-topbar{min-height:63px;padding:0 16px}.sr-info-logo img{width:128px}.sr-info-nav{display:none}.sr-info-cta{padding:9px 12px;font-size:11px}.sr-info-hero{min-height:590px}.sr-info-hero-inner{width:calc(100% - 40px);padding:78px 0}.sr-info-hero h1{font-size:clamp(46px,13.5vw,66px)}.sr-info-hero p{font-size:16px}.sr-info-hero .sr-info-actions{flex-direction:column;align-items:stretch}.sr-info-button{width:100%;min-height:50px}.sr-info-section{padding:70px 20px}.sr-info-section-inner{width:100%}.sr-info-split,.sr-info-band .sr-info-section-inner,.sr-info-strategy .sr-info-section-inner{grid-template-columns:1fr;gap:29px}.sr-info-lede{font-size:16px}.sr-info-kpi-grid{grid-template-columns:1fr;gap:10px;margin-top:33px}.sr-info-kpi:last-child{grid-column:auto}.sr-info-kpi{min-height:0;padding:20px}.sr-info-cards{grid-template-columns:1fr}.sr-info-card{min-height:0}.sr-info-strategy p{font-size:15px}.sr-info-final{padding:72px 20px}.sr-info-footer{min-height:0;align-items:flex-start;flex-direction:column}.sr-info-footer p{text-align:left}}

/* Continuity notice: keep dark, legible text on its white surface. */
.sr-info-strategy .sr-info-note {
  max-width:560px;
  color:#183a55;
  background:#fff;
  box-shadow:0 10px 24px rgba(1,25,47,.14);
}
@media (max-width:790px) {
  .sr-info-strategy .sr-info-note {
    padding:18px 18px;
    font-size:15px;
    line-height:1.6;
  }
}