/* Shared stylesheet for standalone Company pages (About, Contact, FAQ, etc).
   Trimmed subset of the main site theme in index.html — keep variables and
   header/footer rules in sync if the homepage theme changes. */
*{box-sizing:border-box;margin:0;padding:0;}

:root{
  --bg:       #F6F8FC;
  --surface:  #FFFFFF;
  --mint:     #1657C8;
  --mint-lt:  #EAF1FD;
  --rose:     #E0383A;
  --rose-lt:  #FDEAEA;
  --text:     #243B53;
  --muted:    #5B6B7C;
  --border:   #E3E8F0;
  --shadow:   0 2px 12px rgba(21,34,50,0.08);
  --shadow-md:0 6px 24px rgba(21,34,50,0.12);
  --radius:   14px;
}

@font-face{font-family:'Inter-Fallback';src:local('Arial');size-adjust:107%;ascent-override:90%;descent-override:22%;line-gap-override:0%;}
body{font-family:'Inter','Inter-Fallback',-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;font-size:15px;}

/* ── HEADER ── */
header{background:var(--surface);border-bottom:1px solid var(--border);padding:0 28px;position:sticky;top:0;z-index:200;box-shadow:var(--shadow);}
.header-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;height:62px;gap:24px;}
.logo{font-size:1.4rem;font-weight:900;text-decoration:none;color:var(--text);letter-spacing:-0.5px;display:flex;align-items:center;gap:10px;}
nav{display:flex;gap:2px;flex:1;}
nav a{color:var(--muted);text-decoration:none;font-size:0.85rem;font-weight:600;padding:7px 13px;border-radius:8px;transition:all 0.15s;cursor:pointer;}
nav a:hover{color:var(--text);background:var(--mint-lt);}
nav a.active{color:#fff;background:var(--mint);font-weight:700;}
.fb-follow-pill{display:flex;align-items:center;gap:5px;background:#1877F2;color:#fff;font-size:0.7rem;font-weight:700;padding:4px 11px;border-radius:20px;letter-spacing:0.3px;text-decoration:none;white-space:nowrap;transition:background 0.15s;}
.fb-follow-pill:hover{background:#1558b0;}
@media(max-width:900px){.fb-follow-pill{display:none;}}

/* ── PAGE CONTENT ── */
.page-wrap{max-width:800px;margin:0 auto;padding:40px 28px 64px;}
.page-title{font-size:1.6rem;font-weight:900;color:var(--text);margin-bottom:24px;padding-bottom:14px;border-bottom:2px solid var(--mint);letter-spacing:-0.3px;}
.about-box{background:var(--surface);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);font-size:0.9rem;color:var(--muted);line-height:1.8;border-left:4px solid var(--mint);}
.about-box + .about-box{margin-top:14px;}
.about-box strong{color:var(--text);}
.about-box a{color:var(--text);font-weight:700;}
.disclaimer-box{background:var(--rose-lt);border-radius:var(--radius);padding:20px;font-size:0.85rem;color:var(--muted);line-height:1.8;border:1.5px solid rgba(212,135,138,0.3);}
.disclaimer-box strong{color:var(--rose);}
.disclaimer-box a{color:var(--text);font-weight:700;}
.breadcrumb{font-size:0.78rem;color:var(--muted);margin-bottom:16px;}
.breadcrumb a{color:var(--mint);text-decoration:none;font-weight:600;}
.breadcrumb a:hover{text-decoration:underline;}

/* ── FOOTER ── */
.site-footer{background:var(--text);color:rgba(255,255,255,0.65);padding:48px 28px 24px;font-size:0.82rem;line-height:1.8;}
.footer-inner{max-width:1200px;margin:0 auto;}
.footer-top{display:grid;grid-template-columns:1fr 1.3fr 1.1fr 1fr;gap:32px;margin-bottom:36px;}
.footer-col .fc-label{font-size:0.72rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:rgba(255,255,255,0.4);margin-bottom:14px;}
.footer-col a{display:block;color:rgba(255,255,255,0.7);text-decoration:none;padding:3px 0;font-size:0.82rem;transition:color 0.15s;cursor:pointer;}
.footer-col a:hover{color:#fff;}
.social-icons-row{display:flex;gap:10px;}
.social-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:#fff;padding:0;transition:opacity 0.15s;}
.social-icon-btn:hover{opacity:0.85;color:#fff;}
.si-fb{background:#1877f2;}
.si-yt{background:#ff0000;}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;}
.footer-brand{font-weight:800;font-size:0.9rem;color:#fff;}
.footer-legal{font-size:0.73rem;color:rgba(255,255,255,0.55);}
.footer-legal a{color:rgba(255,255,255,0.9);text-decoration:underline;text-underline-offset:2px;}
.footer-legal a:hover{color:#fff;}
@media(max-width:700px){.footer-top{grid-template-columns:1fr 1fr;}.footer-bottom{flex-direction:column;text-align:center;}}
@media(max-width:480px){.page-wrap{padding:28px 16px 48px;}header{padding:0 16px;}.site-footer{padding:36px 16px 20px;}}