/* RUP-01 (24 Oct 2026) · RiteUp — the brand sheet over STELLA's structural sheet (public/stella.css) and app.css.
   The lockup is a placeholder set in type until the brand is designed; nothing here is a brand file. */
.rulockup{display:inline-flex;align-items:center;gap:8px;line-height:1}
.rutick{width:30px;height:30px;flex:0 0 auto}
.ruword{font-family:var(--serif);font-weight:700;font-size:1.55rem;letter-spacing:-.01em;color:var(--text)}
.ruword b{color:var(--red)}
body.riteup .tagline{font-style:italic}
/* the landing */
.ruhero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:center;padding:26px 0 10px}
.ruhero h1{font-family:var(--serif);font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.15;margin:0 0 10px}
.ruhero .lead{font-size:1.08rem;color:var(--sub);margin:0 0 16px}
.rufig{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px}
.rufig svg{width:100%;height:auto;display:block}
.rufig figcaption{font-size:.82rem;color:var(--sub);margin-top:8px}
.rudisc{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:12px 0 0}
.rudisc .homecard{position:relative}
.rudisc .homecard.soon{opacity:.78}
.rusteps{counter-reset:step;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:12px 0 0;padding:0;list-style:none}
.rusteps li{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px 14px 52px;position:relative}
.rusteps li::before{counter-increment:step;content:counter(step);position:absolute;left:14px;top:12px;width:28px;height:28px;border-radius:50%;background:var(--red);color:var(--on-red);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.95rem}
.ruprice{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:12px 0 0}
.ruprice .card{margin:0}
.ruprice .amt{font-family:var(--serif);font-size:1.7rem;font-weight:700;margin:4px 0 2px}
.ruprice .amt small{font-size:.9rem;font-weight:400;color:var(--sub)}
.poweredby{font-size:.82rem;color:var(--sub);padding:0 0 10px;margin-top:-6px}
.poweredby b{color:var(--text)}
@media (max-width:719px){.ruhero{grid-template-columns:1fr;padding-top:12px}}
:root{--build-riteup:"4e936f7d1eecb2ee9f88c4a46bf93afcda6db37b"}