/* RentAid product identity; company and agreement names remain record data. */
.brand,.sg-brand{letter-spacing:.02em}
.brand .rentaid-mark,.sg-brand .rentaid-mark{width:38px;height:38px;flex:none;display:block;border-radius:9px}
.sidebar .brand .rentaid-mark,.gate-art .brand .rentaid-mark{position:absolute;left:0;top:0}
.brand>span,.sg-brand>span{letter-spacing:.02em}
.brand small,.brand-sub,.sg-brand small{letter-spacing:.08em}
.brand .brand-sub{font-size:8px}
.gate-art .brand{font-size:22px;line-height:22px}
.sidebar .brand{font-size:20px;line-height:21px}
@media(max-width:720px){.sidebar .brand{font-size:20px}.sidebar .brand .brand-sub{font-size:8px}}

/* A distinct RentAid identity, without changing workspace data or permissions. */
.gate{grid-template-columns:minmax(0,1.25fr) minmax(380px,.85fr);background:#f8faff}
.gate-art{position:relative;isolation:isolate;background:#080f20;color:#f7fbff;padding:44px 64px;min-height:100vh}
.gate-art:before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(ellipse at 86% 40%,#1f4b614f,transparent 55%),radial-gradient(ellipse at 0 95%,#304b952b,transparent 55%)}
.ra-network{position:absolute;z-index:-1;right:-120px;top:8%;width:95%;height:80%;pointer-events:none}
.gate-art .brand{font-size:22px;letter-spacing:-.025em}.gate-art .brand-sub{color:#a9bbd3;letter-spacing:.13em;font-size:8px}
.gate-art .rentaid-mark{width:36px;height:36px;border-radius:10px}
.gate-art .ra-hero-copy{position:relative;margin:64px 0 50px}
.ra-kicker{display:flex;align-items:center;gap:9px;font:600 10px/1.5 system-ui;letter-spacing:.16em;color:#b3c9d9}.ra-kicker i{width:6px;height:6px;border-radius:50%;background:#7bf1d8;box-shadow:0 0 18px #7bf1d8}
.ra-hero-symbol{display:block;margin:32px 0 18px;border:1px solid #ffffff14;border-radius:26px;box-shadow:0 20px 80px #07101e}
.gate-art h1.ra-wordmark{font:650 clamp(70px,8.9vw,132px)/1.08 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.075em;margin:0 0 22px;color:#f3f7ff;white-space:nowrap}
.ra-wordmark span{font-size:.47em;letter-spacing:-.06em;color:#7bf1d8;margin-left:5px}
.gate-art p.ra-hero-line{font:500 clamp(19px,2vw,25px)/1.4 system-ui;color:#e3edf9;margin:0 0 12px;letter-spacing:-.025em}
.gate-art p.ra-hero-description{font:400 15px/1.7 system-ui;color:#9eafc7;margin:0;max-width:430px}
.ra-pillars{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px;font:500 11px/1.5 system-ui;color:#c0d1e5}.ra-pillars b{color:#668c9c}
.gate-art>small{display:block;font-size:11px;color:#8eabc1;letter-spacing:.01em;margin-top:0}
.gate-form{width:100%;max-width:560px;padding:56px 48px;justify-self:center;box-sizing:border-box}
.gate-form>.eyebrow{color:#456176;letter-spacing:.16em;font-size:10px}
.gate-form h2{font:600 32px/1.2 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-1px;color:#142337;margin:24px 0 14px}
.gate-form .primary{background:#0b1b32;border:1px solid #0b1b32;color:#fff;border-radius:12px;box-shadow:0 6px 16px #18344910}.gate-form .primary:hover{background:#173853}
.ra-entry-modes{display:flex;padding:4px;background:#eaf0f6;border:1px solid #dce5ef;border-radius:12px;margin:24px 0}
.gate-form .ra-entry-modes button{margin:0;width:auto;flex:1;white-space:nowrap;border:0;border-radius:9px;padding:12px 10px;font-size:12px;background:transparent;color:#486075;box-shadow:none}
.gate-form .ra-entry-modes button[aria-pressed=true]{background:white;color:#132b43;box-shadow:0 2px 6px #1025400d}
.ra-tenant-entry{border-top:1px solid #dce5ee;padding-top:22px;margin-top:28px;font-size:13px;color:#617186}.ra-tenant-entry a{display:inline-block;margin-top:6px;color:#175e68;font-weight:600}
.gate-form .muted.small{font-size:11px;line-height:1.6}
@media(min-width:1600px){.gate-art{padding-left:max(64px,calc((100vw - 1350px)/2))}}
@media(max-width:1000px) and (min-width:721px){.gate-art{padding:36px}.gate-form{padding:40px 30px}.gate-art h1.ra-wordmark{font-size:80px}.ra-wordmark span{font-size:.4em}}
@media(max-width:720px){.gate{grid-template-columns:1fr}.gate-art{min-height:0;padding:25px 28px 32px}.gate-art .ra-hero-copy{margin:36px 0 0}.ra-kicker{font-size:8px;letter-spacing:.12em}.ra-hero-symbol{width:64px;height:64px;border-radius:18px;margin:22px 0 16px}.gate-art h1.ra-wordmark{font-size:clamp(60px,17vw,90px);margin-bottom:16px}.gate-art p.ra-hero-line{display:block;font-size:19px}.gate-art p.ra-hero-description{display:none}.ra-pillars{margin-top:20px;gap:12px;font-size:10px}.gate-art>small{display:none}.ra-network{right:-70px;top:0;width:100%;height:100%}.gate-form{padding:32px 28px}.gate-form h2{font-size:28px;margin-top:20px}.ra-entry-modes{margin-top:0}.gate-form>.eyebrow{display:none}}