/* Solar Rent Pro — enterprise landing page */
:root { --sr-navy:#05284a; --sr-navy-deep:#021b35; --sr-blue:#0d5c9d; --sr-orange:#f36d05; --sr-orange-soft:#ff8d39; --sr-cream:#f7f7f3; --sr-ink:#092946; --sr-line:rgba(9,41,70,.15); }
body.sr-pro-body { background:var(--sr-cream); color:var(--sr-ink); font-family:Roboto,Arial,sans-serif; }
.sr-pro-home { overflow:hidden; background:var(--sr-cream); min-height:100vh; }
.sr-pro-topbar { min-height:66px; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:0 clamp(20px,5vw,88px); background:rgba(3,39,73,.98); border-bottom:1px solid rgba(255,255,255,.12); position:relative; z-index:5; }
.sr-pro-logo { display:flex; align-items:center; flex:none; }
.sr-pro-logo img { display:block; width:154px; height:auto; }
.sr-pro-nav { display:flex; align-items:center; gap:clamp(12px,1.7vw,25px); margin-left:auto; }
.sr-pro-nav a { color:#f4f8fc; font-size:13px; font-weight:700; letter-spacing:-.01em; text-decoration:none; opacity:.88; transition:opacity .18s ease,color .18s ease; white-space:nowrap; }
.sr-pro-nav a:hover,.sr-pro-nav a.is-active { color:#fff; opacity:1; }
.sr-pro-nav a.is-active { padding:8px 10px; border-radius:6px; background:rgba(255,255,255,.16); }
.sr-pro-cta-nav { flex:none; display:inline-flex; align-items:center; justify-content:center; padding:11px 16px; color:#fff; background:var(--sr-orange); border-radius:7px; font-size:13px; font-weight:800; text-decoration:none; white-space:nowrap; box-shadow:0 8px 20px rgba(0,0,0,.16); transition:transform .18s ease,background .18s ease; }
.sr-pro-cta-nav:hover { background:#ff7d16; transform:translateY(-1px); }
.sr-pro-hero { min-height:650px; position:relative; display:flex; align-items:center; background:var(--sr-navy-deep); color:#fff; isolation:isolate; }
.sr-pro-hero::before { content:""; position:absolute; inset:0; z-index:-3; background:url('/manus-storage/solar-rent-pro-hero_fc7a52a2.jpg') center/cover no-repeat; opacity:.52; }
.sr-pro-hero::after { content:""; position:absolute; inset:0; z-index:-2; background:linear-gradient(100deg,rgba(2,27,53,.98) 0%,rgba(2,32,60,.94) 40%,rgba(2,34,63,.42) 100%); }
.sr-pro-grid { position:absolute; z-index:-1; inset:0; opacity:.23; background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(90deg,#000,transparent 74%); }
.sr-pro-hero-inner { width:min(1210px,calc(100% - 40px)); margin:0 auto; padding:92px 0 104px; }
.sr-pro-kicker { display:flex; align-items:center; gap:10px; margin:0 0 23px; color:#ffb67b; font-family:'Roboto Condensed',sans-serif; font-size:12px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.sr-pro-kicker::before { content:""; width:30px; height:2px; background:var(--sr-orange); }
.sr-pro-hero h1 { max-width:830px; margin:0; color:#fff; font-family:'Roboto Condensed',Arial,sans-serif; font-size:clamp(49px,6.1vw,86px); font-weight:800; line-height:.91; letter-spacing:-.045em; text-transform:uppercase; }
.sr-pro-hero h1 em { color:var(--sr-orange); font-style:normal; }
.sr-pro-hero-copy { max-width:585px; margin:26px 0 0; color:#e4edf5; font-size:20px; line-height:1.48; }
.sr-pro-hero-actions { display:flex; align-items:center; gap:22px; flex-wrap:wrap; margin-top:32px; }
.sr-pro-button { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:48px; padding:0 20px; border-radius:7px; text-decoration:none; font-size:14px; font-weight:800; transition:transform .18s ease,box-shadow .18s ease,background .18s ease; }
.sr-pro-button.primary { color:#fff; background:var(--sr-orange); box-shadow:0 10px 28px rgba(0,0,0,.23); }
.sr-pro-button.primary:hover { background:#ff7d16; transform:translateY(-2px); box-shadow:0 14px 31px rgba(0,0,0,.28); }
.sr-pro-button.secondary { color:#fff; border:1px solid rgba(255,255,255,.43); background:rgba(3,28,53,.15); }
.sr-pro-button.secondary:hover { border-color:#fff; background:rgba(255,255,255,.12); }
.sr-pro-hero-stamp { position:absolute; bottom:0; right:max(20px,7vw); width:230px; height:112px; padding:21px 20px; color:#cddbe7; background:rgba(2,28,53,.82); border:1px solid rgba(255,255,255,.2); border-bottom:0; backdrop-filter:blur(8px); }
.sr-pro-hero-stamp strong { display:block; margin-bottom:5px; color:#fff; font-family:'Roboto Condensed',sans-serif; font-size:24px; line-height:1; letter-spacing:-.02em; }
.sr-pro-hero-stamp span { display:block; max-width:180px; font-size:11px; line-height:1.4; }
.sr-pro-section { padding:clamp(70px,9vw,126px) clamp(20px,7vw,118px); }
.sr-pro-section-inner { max-width:1210px; margin:0 auto; }
.sr-pro-eyebrow { display:flex; align-items:center; gap:10px; color:var(--sr-orange); font-family:'Roboto Condensed',sans-serif; font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.sr-pro-eyebrow::before { content:""; width:24px; height:2px; background:var(--sr-orange); }
.sr-pro-intro { display:grid; grid-template-columns:.84fr 1.16fr; gap:clamp(34px,9vw,122px); align-items:end; border-bottom:1px solid var(--sr-line); }
.sr-pro-intro h2,.sr-pro-model h2,.sr-pro-catalogue h2,.sr-pro-final h2 { margin:21px 0 0; color:var(--sr-ink); font-family:'Roboto Condensed',Arial,sans-serif; font-weight:800; letter-spacing:-.04em; line-height:.96; text-transform:uppercase; }
.sr-pro-intro h2 { font-size:clamp(41px,5vw,67px); }
.sr-pro-intro h2 span,.sr-pro-model h2 span,.sr-pro-final h2 span { color:var(--sr-orange); }
.sr-pro-intro-copy { padding:0 0 7px; color:#466076; font-size:18px; line-height:1.6; }
.sr-pro-intro-copy strong { color:var(--sr-ink); }
.sr-pro-benefits { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; padding-top:52px; }
.sr-pro-benefit { position:relative; min-height:260px; padding:25px 24px 24px; background:#fff; border:1px solid #e0e7ec; box-shadow:0 11px 28px rgba(14,55,81,.045); }
.sr-pro-benefit-number { color:var(--sr-orange); font-family:'Roboto Condensed',sans-serif; font-size:13px; font-weight:800; letter-spacing:.1em; }
.sr-pro-benefit-icon { display:grid; place-items:center; width:45px; height:45px; margin-top:29px; border-radius:7px; background:#eff5f8; color:var(--sr-blue); font-size:21px; }
.sr-pro-benefit h3 { margin:21px 0 9px; color:var(--sr-ink); font-family:'Roboto Condensed',sans-serif; font-size:23px; font-weight:800; line-height:1.02; letter-spacing:-.025em; }
.sr-pro-benefit p { margin:0; color:#5e7486; font-size:13px; line-height:1.55; }
.sr-pro-benefit::after { content:""; position:absolute; left:0; bottom:0; width:42px; height:4px; background:var(--sr-orange); }
.sr-pro-model { display:grid; grid-template-columns:.83fr 1.17fr; gap:clamp(30px,8vw,108px); background:#eaf0f4; }
.sr-pro-model h2 { font-size:clamp(39px,4.6vw,62px); }
.sr-pro-model-lede { margin:24px 0 0; color:#4d6578; font-size:16px; line-height:1.6; }
.sr-pro-arbitrage { display:grid; grid-template-columns:1fr 1fr; border:1px solid #cbd8df; background:#fff; box-shadow:0 12px 30px rgba(10,46,70,.06); }
.sr-pro-choice { padding:30px; }
.sr-pro-choice:first-child { border-right:1px solid #dbe3e8; background:#f9faf9; }
.sr-pro-choice-label { display:inline-block; padding:5px 8px; border-radius:4px; color:#6a7984; background:#e9edf0; font-family:'Roboto Condensed',sans-serif; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.sr-pro-choice.solar .sr-pro-choice-label { color:#9c4400; background:#ffdfc6; }
.sr-pro-choice h3 { margin:18px 0 19px; color:var(--sr-ink); font-family:'Roboto Condensed',sans-serif; font-size:29px; font-weight:800; line-height:1; letter-spacing:-.03em; }
.sr-pro-choice ul { display:grid; gap:12px; padding:0; margin:0; list-style:none; color:#546d7f; font-size:13px; line-height:1.42; }
.sr-pro-choice li { position:relative; padding-left:21px; }
.sr-pro-choice li::before { content:"×"; position:absolute; left:0; top:-2px; color:#a6b1b8; font-size:19px; font-weight:700; }
.sr-pro-choice.solar li::before { content:"✓"; color:var(--sr-orange); font-size:16px; }
.sr-pro-catalogue { position:relative; background:var(--sr-navy); color:white; overflow:hidden; }
.sr-pro-catalogue::after { content:""; position:absolute; width:660px; height:660px; right:-250px; top:-300px; border:1px solid rgba(255,255,255,.13); border-radius:50%; box-shadow:0 0 0 55px rgba(255,255,255,.035),0 0 0 115px rgba(255,255,255,.025); }
.sr-pro-catalogue .sr-pro-eyebrow { color:#ffb36f; position:relative; z-index:1; }
.sr-pro-catalogue h2 { position:relative; z-index:1; max-width:730px; color:#fff; font-size:clamp(42px,5vw,67px); }
.sr-pro-catalogue > .sr-pro-section-inner > p { position:relative; z-index:1; max-width:620px; margin:25px 0 0; color:#cadae7; font-size:17px; line-height:1.6; }
.sr-pro-sector-grid { position:relative; z-index:1; display:grid; grid-template-columns:repeat(7,1fr); gap:9px; margin-top:46px; }
.sr-pro-sector { min-height:126px; display:flex; flex-direction:column; justify-content:space-between; padding:15px; border:1px solid rgba(255,255,255,.23); background:rgba(255,255,255,.055); text-decoration:none; color:#fff; transition:background .18s ease,transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.sr-pro-sector:hover { transform:translateY(-3px); border-color:var(--sr-orange-soft); background:rgba(255,255,255,.12); box-shadow:0 10px 24px rgba(0,0,0,.13); }
.sr-pro-sector-icon { display:grid; place-items:center; width:36px; height:36px; border:1px solid rgba(255,183,122,.42); border-radius:7px; background:rgba(243,109,5,.13); font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif; font-size:21px; line-height:1; }
.sr-pro-sector:hover .sr-pro-sector-icon { background:rgba(243,109,5,.22); border-color:rgba(255,202,158,.82); }
.sr-pro-sector strong { font-family:'Roboto Condensed',sans-serif; font-size:16px; line-height:1; }
.sr-pro-sector small { margin-top:3px; color:#b6c8d6; font-size:11px; }
.sr-pro-catalogue-actions { position:relative; z-index:1; display:flex; align-items:center; gap:22px; margin-top:34px; }
.sr-pro-catalogue .sr-pro-button.secondary { color:#fff; }
.sr-pro-roadmap { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(30px,8vw,100px); }
.sr-pro-roadmap h2 { margin:20px 0 0; color:var(--sr-ink); font-family:'Roboto Condensed',sans-serif; font-size:clamp(39px,4.5vw,62px); font-weight:800; line-height:.97; text-transform:uppercase; }
.sr-pro-roadmap h2 span { color:var(--sr-orange); }
.sr-pro-roadmap p { max-width:345px; color:#597082; font-size:15px; line-height:1.6; }
.sr-pro-steps { border-top:1px solid var(--sr-line); }
.sr-pro-step { display:grid; grid-template-columns:62px 1fr 24px; gap:18px; align-items:center; min-height:104px; border-bottom:1px solid var(--sr-line); }
.sr-pro-step-number { color:var(--sr-orange); font-family:'Roboto Condensed',sans-serif; font-size:17px; font-weight:800; }
.sr-pro-step h3 { margin:0 0 4px; color:var(--sr-ink); font-family:'Roboto Condensed',sans-serif; font-size:22px; font-weight:800; letter-spacing:-.02em; }
.sr-pro-step p { max-width:500px; margin:0; color:#627889; font-size:13px; }
.sr-pro-step-arrow { color:var(--sr-orange); font-size:24px; }
.sr-pro-final { position:relative; padding:clamp(70px,8vw,110px) clamp(20px,7vw,118px); color:#fff; background:var(--sr-orange); overflow:hidden; }
.sr-pro-final::after { content:""; position:absolute; width:670px; height:670px; right:-200px; bottom:-390px; border:1px solid rgba(255,255,255,.31); border-radius:50%; box-shadow:0 0 0 60px rgba(255,255,255,.09),0 0 0 130px rgba(255,255,255,.06); }
.sr-pro-final-inner { position:relative; z-index:1; max-width:1210px; margin:0 auto; }
.sr-pro-final .sr-pro-eyebrow { color:#fff; }
.sr-pro-final .sr-pro-eyebrow::before { background:#fff; }
.sr-pro-final h2 { max-width:800px; color:#fff; font-size:clamp(44px,5.4vw,72px); }
.sr-pro-final h2 span { color:var(--sr-navy); }
.sr-pro-final p { max-width:580px; margin:25px 0 30px; color:#fff8f2; font-size:17px; line-height:1.6; }
.sr-pro-final .sr-pro-button { color:#fff; background:var(--sr-navy); }
.sr-pro-final .sr-pro-button:hover { background:#0b3f6b; }
.sr-pro-footer { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:108px; padding:26px clamp(20px,5vw,88px); color:#bbcfdd; background:var(--sr-navy-deep); }
.sr-pro-footer-logo { color:#fff; font-family:'Roboto Condensed',sans-serif; font-size:22px; font-weight:800; letter-spacing:-.03em; text-decoration:none; }
.sr-pro-footer-logo span { color:var(--sr-orange); }
.sr-pro-footer p { margin:0; color:#a8bccb; font-size:12px; text-align:right; }
@media(max-width:1100px){ .sr-pro-nav { gap:13px; }.sr-pro-nav a { font-size:12px; }.sr-pro-cta-nav { padding:10px 12px; font-size:12px; }.sr-pro-benefits{grid-template-columns:repeat(2,1fr)}.sr-pro-sector-grid{grid-template-columns:repeat(4,1fr)} }
@media(max-width:790px){ .sr-pro-topbar{min-height:63px;padding:0 16px}.sr-pro-logo img{width:128px}.sr-pro-nav{display:none}.sr-pro-cta-nav{padding:9px 12px;font-size:11px}.sr-pro-hero{min-height:650px}.sr-pro-hero::before{background-position:63% center;opacity:.4}.sr-pro-hero::after{background:linear-gradient(110deg,rgba(2,27,53,.98),rgba(2,35,64,.78))}.sr-pro-hero-inner{padding:86px 0 120px}.sr-pro-hero h1{font-size:clamp(48px,14vw,68px)}.sr-pro-hero-copy{font-size:17px}.sr-pro-hero-actions{gap:12px}.sr-pro-button{width:100%;min-height:50px}.sr-pro-hero-stamp{left:20px;right:auto;width:212px;height:93px;padding:15px}.sr-pro-hero-stamp strong{font-size:21px}.sr-pro-section{padding:70px 20px}.sr-pro-intro,.sr-pro-model,.sr-pro-roadmap{grid-template-columns:1fr;gap:30px}.sr-pro-intro-copy{font-size:16px}.sr-pro-benefits{grid-template-columns:1fr;gap:10px;padding-top:35px}.sr-pro-benefit{min-height:0;padding:20px}.sr-pro-benefit-icon{margin-top:18px}.sr-pro-benefit h3{margin-top:16px}.sr-pro-arbitrage{grid-template-columns:1fr}.sr-pro-choice:first-child{border-right:0;border-bottom:1px solid #dbe3e8}.sr-pro-sector-grid{grid-template-columns:repeat(2,1fr);margin-top:32px}.sr-pro-sector{min-height:110px}.sr-pro-catalogue-actions{align-items:stretch;flex-direction:column;gap:10px}.sr-pro-step{grid-template-columns:40px 1fr 20px;gap:10px}.sr-pro-step h3{font-size:19px}.sr-pro-step p{font-size:12px}.sr-pro-footer{align-items:flex-start;flex-direction:column;min-height:0}.sr-pro-footer p{text-align:left} }
@media (prefers-reduced-motion:no-preference){.sr-pro-hero-inner{animation:srRise .55s cubic-bezier(.23,1,.32,1) both}@keyframes srRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}}