/* RunYourHub — public site
   Cores/tipografia alinhadas com o Brand Kit oficial (brand/README.md)
   e com a app (shell.php): azul #176BFF, stack de fonte de sistema. */

:root{
	--rh-blue:#176BFF;
	--rh-blue-dark:#0f52c9;
	--rh-grad-start:#18A8FF;
	--rh-grad-mid:#176BFF;
	--rh-grad-end:#2747E8;
	--rh-ink:#111827;
	--rh-ink-soft:#4b5563;
	--rh-line:#e5e7eb;
	--rh-bg:#ffffff;
	--rh-bg-soft:#f7f8fa;
	--rh-max:1120px;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
	margin:0;
	background:var(--rh-bg);
	color:var(--rh-ink);
	font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Helvetica Neue",Arial,sans-serif;
	line-height:1.5;
	-webkit-font-smoothing:antialiased;
}
a{color:var(--rh-blue);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;display:block}

.rh-wrap{max-width:var(--rh-max);margin:0 auto;padding:0 24px}

/* Header */
.rh-header{border-bottom:1px solid var(--rh-line);position:sticky;top:0;background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(8px);z-index:10}
.rh-header .rh-wrap{display:flex;align-items:center;justify-content:space-between;height:72px}
.rh-logo{display:flex;align-items:center;gap:8px}
.rh-logo img{height:22px;width:auto}
.rh-nav{display:flex;align-items:center;gap:28px}
.rh-nav a{color:var(--rh-ink-soft);font-size:14.5px;font-weight:500}
.rh-nav a:hover{color:var(--rh-ink);text-decoration:none}
.rh-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:10px;font-size:14.5px;font-weight:600;border:1px solid transparent;transition:opacity .15s}
.rh-btn:hover{opacity:.88;text-decoration:none}
.rh-btn-primary{background:var(--rh-blue);color:#fff}
.rh-btn-ghost{background:transparent;color:var(--rh-ink);border-color:var(--rh-line)}

/* Hero */
.rh-hero{padding:88px 0 64px;text-align:center}
.rh-hero h1{font-size:clamp(32px,5vw,52px);line-height:1.12;letter-spacing:-0.02em;margin:0 0 20px;font-weight:700}
.rh-hero p.rh-sub{font-size:clamp(16px,2vw,19px);color:var(--rh-ink-soft);max-width:640px;margin:0 auto 36px}
.rh-hero .rh-cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* Sections */
.rh-section{padding:64px 0}
.rh-section-soft{background:var(--rh-bg-soft)}
.rh-eyebrow{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--rh-blue);text-align:center;margin:0 0 12px}
.rh-h2{font-size:clamp(24px,3.4vw,34px);text-align:center;margin:0 0 12px;letter-spacing:-0.01em;font-weight:700}
.rh-h2-sub{text-align:center;color:var(--rh-ink-soft);max-width:560px;margin:0 auto 48px;font-size:16px}

.rh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.rh-card{background:#fff;border:1px solid var(--rh-line);border-radius:16px;padding:28px}
.rh-card .rh-ico{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--rh-grad-start),var(--rh-grad-mid) 55%,var(--rh-grad-end));display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.rh-card .rh-ico svg{width:20px;height:20px;stroke:#fff}
.rh-card h3{font-size:17px;margin:0 0 8px;font-weight:600}
.rh-card p{font-size:14.5px;color:var(--rh-ink-soft);margin:0}

/* Final CTA band */
.rh-band{padding:72px 0;text-align:center;background:linear-gradient(135deg,var(--rh-grad-start),var(--rh-grad-mid) 55%,var(--rh-grad-end));color:#fff}
.rh-band h2{font-size:clamp(24px,3.4vw,32px);margin:0 0 12px;font-weight:700}
.rh-band p{color:rgba(255,255,255,.88);margin:0 0 28px}
.rh-band .rh-btn-primary{background:#fff;color:var(--rh-blue-dark)}

/* Footer */
.rh-footer{border-top:1px solid var(--rh-line);padding:40px 0;background:var(--rh-bg-soft)}
.rh-footer .rh-wrap{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}
.rh-footer-links{display:flex;gap:22px;flex-wrap:wrap}
.rh-footer-links a{color:var(--rh-ink-soft);font-size:13.5px}
.rh-footer-brand{display:flex;align-items:center;gap:8px;color:var(--rh-ink-soft);font-size:13.5px}
.rh-footer-brand img{height:16px}

/* Legal / content pages */
.rh-doc{padding:56px 0 80px}
.rh-doc .rh-wrap{max-width:760px}
.rh-doc h1{font-size:clamp(28px,4vw,38px);margin:0 0 8px;font-weight:700}
.rh-doc .rh-updated{color:var(--rh-ink-soft);font-size:14px;margin:0 0 40px}
.rh-doc h2{font-size:20px;margin:40px 0 12px;font-weight:700}
.rh-doc h3{font-size:16px;margin:24px 0 8px;font-weight:600}
.rh-doc p,.rh-doc li{font-size:15px;color:var(--rh-ink-soft);line-height:1.7}
.rh-doc ul{padding-left:20px}
.rh-doc strong{color:var(--rh-ink)}
.rh-pending{display:inline-block;background:#fff3cd;color:#8a6100;font-size:12px;font-weight:700;letter-spacing:.03em;padding:2px 8px;border-radius:6px;margin-left:6px;vertical-align:middle}
.rh-doc table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}
.rh-doc th,.rh-doc td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--rh-line);color:var(--rh-ink-soft)}
.rh-doc th{color:var(--rh-ink);font-weight:600}

/* Support page */
.rh-support-card{background:#fff;border:1px solid var(--rh-line);border-radius:16px;padding:32px;text-align:center;max-width:480px;margin:0 auto}
.rh-support-card img{width:40px;margin:0 auto 16px}
.rh-support-email{font-size:19px;font-weight:600;margin:8px 0 0}

@media (max-width:860px){
	.rh-nav{gap:16px}
	.rh-nav a:not(.rh-btn){display:none}
	.rh-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
	.rh-header .rh-wrap{height:64px}
	.rh-hero{padding:56px 0 44px}
	.rh-section{padding:48px 0}
	.rh-footer .rh-wrap{flex-direction:column;align-items:flex-start}
}
