.rain-page { background:#fff; color:#202020; }
.rain-page p { color:#626262; line-height:1.8; }
.rain-page .rain-kicker { color:#9b7539; font-size:13px; font-weight:700; }
.rain-page .rain-hero { display:grid; grid-template-columns:1fr 1fr; gap:24px; padding:56px max(24px,calc((100% - 1120px)/2)); background:#303234; align-items:center; }
.rain-hero figure { margin:0; }
.rain-hero img { display:block; width:100%; height:auto; }
.rain-intro { border:1px solid #666; padding:32px; border-radius:6px; }
.rain-hero h1,.rain-hero .rain-buy strong { color:#fff; }
.rain-hero p { color:#ddd; }
.rain-page .rain-lead { font-size:24px; color:#fff; }
.rain-tags { display:flex; flex-wrap:wrap; gap:16px; color:#ddd; font-size:13px; margin:24px 0; }
.rain-page .rain-buy { display:flex; gap:24px; align-items:center; flex-wrap:wrap; margin:24px 0; }
.rain-page .rain-buy strong { font-size:32px; }
body.public-site .rain-page .rain-buy a.button,body.public-site .rain-page .rain-buy a.button:hover { box-sizing:border-box!important; min-width:170px!important; max-width:170px!important; flex:0 0 170px!important; border:1px solid #bc995c!important; transition:none!important; }
body.public-site .rain-page .rain-buy a.button,body.public-site .rain-page .rain-buy a.button:hover { display:inline-flex!important; align-items:center; justify-content:center; width:170px!important; min-height:48px!important; height:48px!important; padding:0 16px!important; font-size:16px!important; transform:none!important; background:#bc995c; color:#171717; border-radius:4px; }
.rain-page .rain-sections { display:flex; gap:24px; justify-content:center; padding:20px; border-bottom:1px solid #ddd; flex-wrap:wrap; }
.rain-page .rain-sections a { color:#303030!important; font-size:14px!important; }
.rain-page section { max-width:1120px; margin:auto; padding:64px 24px; border-bottom:1px solid #e5e5e5; }
.rain-page h2 { font-size:32px!important; line-height:1.3; }
.rain-page h3 { font-size:20px!important; }
.rain-screen { display:block; max-width:720px; margin:32px auto 0; }
.rain-screen img { width:100%; height:auto; display:block; }
.rain-corners { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:28px; }
.rain-corners>div { border-top:3px solid #7465a4; padding:20px 0; }
.rain-corners>div:nth-child(2) { border-color:#5185a7; }
.rain-corners>div:nth-child(3) { border-color:#a3964d; }
.rain-corners>div:nth-child(4) { border-color:#518a72; }
.rain-corners small { display:block; margin-bottom:12px; color:#666; }
.rain-steps { display:grid; grid-template-columns:1fr 1fr; gap:32px 48px; padding-left:24px; margin-top:36px; }
@media(max-width:720px) { .rain-page .rain-hero { grid-template-columns:1fr; padding:28px 20px; } .rain-intro { padding:24px; } .rain-page section { padding:40px 20px; } .rain-page h2 { font-size:26px!important; } .rain-corners { grid-template-columns:1fr 1fr; } .rain-steps { grid-template-columns:1fr; } .rain-page .rain-sections { gap:8px; } }