/* Realti Intel — page styles: about (loaded after styles.css) */

.nav-links a:hover.nav-links a.active { color: var(--white); }

section { width: 100%; }

.page-hero::before { content: ''; position: absolute; top: -200px; right: -100px; width: 700px;
    height: 700px; background: radial-gradient(ellipse, rgba(18,183,106,0.08) 0%, transparent 65%);
    pointer-events: none; }

.body-dark p + p.body-light p + p { margin-top: 16px; }

.placeholder-dark { background: rgba(255,200,50,0.05); border: 1.5px dashed rgba(255,180,0,0.25);
    border-radius: 12px; padding: 32px; text-align: center; color: #F5D060;
    font-size: 13.5px; line-height: 1.6; margin: 32px 0; font-style: italic; }

.use-case-resolution { font-size: 15px; line-height: 1.7; color: var(--muted); }

.form-field input.form-field select.form-field textarea {
    background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.15);
    border-radius: 8px; padding: 12px 16px; font-size: 15px; color: var(--white);
    font-family: 'Inter', sans-serif; outline: none; transition: border-color .2s; }

.form-field input:focus.form-field select:focus { border-color: var(--green); }

.footer-tagline { font-size: 13px; color: var(--muted); line-height: 1.6; max-width: 240px; }

.footer-col-title { font-size: 11px; font-weight: 700; letter-spacing: 0.08em; color: var(--muted);
    text-transform: uppercase; margin-bottom: 16px; }

.footer-links { list-style: none; }

.footer-links li { margin-bottom: 10px; }

.footer-links a { font-size: 14px; color: rgba(255,255,255,0.5); text-decoration: none; transition: color .2s; }

.ma-badge { font-size: 12px; color: var(--muted); }

h1, h2, h3 { text-wrap: balance; }

.sticky-bar-text strong { color: #12B76A; }

.sticky-bar-close:hover { color: #fff; border-color: rgba(255,255,255,0.4); }