/*
Theme Name: RiteRefresh Classic Landing
Theme URI: https://www.riterefresh.com/
Description: Classic (PHP) theme rendering the RiteRefresh "mini" front page exactly once. No block editor templates, no duplication.
Author: RiteRefresh
Version: 1.0.1
Requires PHP: 7.4
Text Domain: riterefresh-classic-landing
*/
:root{ --ink:#0f172a; --muted:#475569; --soft:#f8fafc; --surface:#fff; --accent:#4f46e5; --radius:16px; }
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font:400 17px/1.7 Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, Noto Sans, sans-serif; color:var(--ink); background:var(--soft)}
.container{max-width:1200px; margin:0 auto; padding:0 20px}
a{color:inherit; text-decoration:none}
.btn{display:inline-flex; align-items:center; justify-content:center; border-radius:14px; padding:12px 20px; font-weight:600}
.btn-primary{background:var(--accent); color:#fff}
.btn-outline{border:1px solid #e2e8f0; background:#fff}
.card{border:1px solid #e2e8f0; border-radius:var(--radius); background:#fff; box-shadow:0 1px 2px rgba(15,23,42,.04); padding:24px}
.hero{position:relative; overflow:hidden; padding:80px 0}
.hero .bg1,.hero .bg2{position:absolute; filter:blur(60px); opacity:.6; z-index:-1}
.hero .bg1{right:-120px; top:-120px; width:380px; height:380px; background:#e0e7ff}
.hero .bg2{left:-120px; bottom:-120px; width:380px; height:380px; background:#e0f2fe}
.hero-grid{display:grid; gap:32px}
@media(min-width:1024px){.hero-grid{grid-template-columns:7fr 5fr}}
.subtle{color:#4338ca; font-weight:600; font-size:14px; margin:0 0 12px}
h1{font-family:ui-serif, Georgia, Cambria, 'Times New Roman', serif; font-size:44px; line-height:1.1; margin:0}
@media(min-width:640px){h1{font-size:56px}}
p{margin:14px 0}
.metrics{display:grid; grid-template-columns:repeat(3,1fr); gap:12px; font-size:12px; color:#475569}
.strip{padding:16px 0; background:#fff; border-top:1px solid #e2e8f0; border-bottom:1px solid #e2e8f0; color:#475569; text-align:center}
.section{padding:60px 0}
.grid-3{display:grid; gap:16px}
@media(min-width:640px){.grid-3{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}}
.list{margin:10px 0 0 0; padding:0 0 0 18px}
.split{display:grid; gap:24px; align-items:center}
@media(min-width:1024px){.split{grid-template-columns:1fr 1fr}}
.teaser{display:grid; gap:24px; align-items:center; border-top:1px solid #e2e8f0; padding:50px 0}
.cta{background:#0f172a; color:#fff; border-radius:16px; padding:40px}
.input{border-radius:12px; border:1px solid #e2e8f0; padding:12px; width:100%}
footer{background:#fff; border-top:1px solid #e2e8f0; margin-top:40px}
footer .grid{display:grid; gap:20px}
@media(min-width:768px){footer .grid{grid-template-columns:1fr 1fr}}
.small{font-size:13px; color:#475569}
hr{border:none; border-top:1px solid #e2e8f0; margin:24px 0}