/*
Theme Name: i4 R&A Marketing
Theme URI: https://ramarketing.com/
Author: R&A Marketing
Description: Single-page public shell for the standalone R&A Catalog network.
Version: 0.2.0
Text Domain: i4-ramarketing
*/

:root { --ra-site-page: #111013; --ra-site-ink: #f8f6f8; --ra-site-muted: #b6acb9; --ra-site-orb: #2c2032; color-scheme: dark; }
* { box-sizing: border-box; }
body { display: flex; flex-direction: column; min-height: 100svh; background: var(--ra-site-page); color: var(--ra-site-ink); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; margin: 0; }
.ra-site { align-items: center; display: grid; flex: 1; overflow: hidden; padding: 32px 44px; position: relative; }
.ra-site:before { background: var(--ra-site-orb); border-radius: 50%; content: ""; filter: blur(2px); height: 640px; position: absolute; right: -220px; top: -240px; width: 640px; }
.ra-site__content { margin: auto; max-width: 1020px; position: relative; width: 100%; }
.ra-site__logo { display: block; height: auto; margin-bottom: 32px; max-width: 130px; filter: invert(1); mix-blend-mode: screen; width: 40vw; }
.ra-site__eyebrow { color: #b77bcc; font-size: 12px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.ra-site h1 { font-size: clamp(36px, 4.5vw, 60px); letter-spacing: -.055em; line-height: 1.05; margin: 14px 0 20px; max-width: 720px; }
.ra-site p { color: var(--ra-site-muted); font-size: clamp(17px, 1.5vw, 20px); line-height: 1.55; margin: 0 0 26px; max-width: 660px; }
.ra-site__login { background: #4f2269; border-radius: 11px; color: #fff; display: inline-block; font-weight: 750; padding: 14px 23px; text-decoration: none; transition: .15s; }
.ra-site__login:hover { background: #39164d; transform: translateY(-2px); }
.ra-site__footer { color: var(--ra-site-muted); flex-shrink: 0; font-size: 12px; padding: 16px 44px; text-align: center; }
@media (max-width: 640px) { .ra-site { padding: 28px; }.ra-site__logo { margin-bottom: 28px; }.ra-site__footer { padding: 16px 28px; } }