:root{
  --rag-bg:#0B0B0B; --rag-fg:#FFFFFF; --rag-muted:#A1A1A1; --rag-mint:#4FE3C1;
  --rag-card: rgba(255,255,255,0.06);
  --rag-border: rgba(255,255,255,0.12);
  --rag-shadow: 0 18px 45px rgba(0,0,0,0.35);
}
html, body { background: var(--rag-bg); color: var(--rag-fg); }
.rag-container{ max-width: 1280px; margin: 0 auto; padding-left: 28px; padding-right: 28px; }
.rag-nav { position: sticky; top: 0; z-index: 20; backdrop-filter: blur(10px); background: rgba(11,11,11,0.65); border-bottom: 1px solid var(--rag-border); }
.rag-pill { display:inline-flex; align-items:center; gap:10px; padding: 10px 14px; border:1px solid var(--rag-border); border-radius: 999px; background: rgba(255,255,255,0.03); }
.rag-btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; padding: 12px 16px; border-radius: 12px; border:1px solid var(--rag-border); background: rgba(255,255,255,0.03); color: var(--rag-fg); text-decoration:none; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease; }
.rag-btn:hover { transform: translateY(-2px); box-shadow: var(--rag-shadow); border-color: rgba(79,227,193,0.35); }
.rag-btn--primary { background: var(--rag-mint); color: #00110C; border-color: rgba(79,227,193,0.6); }
.rag-btn--primary:hover { box-shadow: 0 18px 55px rgba(79,227,193,0.18); }
.rag-link { position: relative; text-decoration:none; }
.rag-link:after { content:""; position:absolute; left:0; bottom:-6px; width:0; height:2px; background: var(--rag-mint); transition: width .2s ease; }
.rag-link:hover:after { width:100%; }
.rag-card { background: var(--rag-card); border: 1px solid var(--rag-border); border-radius: 18px; padding: 18px; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.rag-card:hover { transform: translateY(-3px); box-shadow: var(--rag-shadow); border-color: rgba(79,227,193,0.25); }
.rag-hero { padding-top: 56px; padding-bottom: 56px; }
.rag-h1 { font-family: var(--wp--preset--font-family--serif, ui-serif, serif); font-size: clamp(34px, 4vw, 56px); line-height: 1.05; letter-spacing: -0.02em; margin: 0; }
.rag-sub { color: var(--rag-muted); font-size: 18px; margin-top: 18px; max-width: 46ch; }
.rag-grid { display: grid; gap: 22px; }
@media (min-width: 900px){
  .rag-grid-2{ grid-template-columns: 1.1fr 0.9fr; align-items:center; }
  .rag-grid-3{ grid-template-columns: repeat(3, 1fr); }
}
.rag-kicker { color: var(--rag-mint); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; font-size: 12px; }
.rag-muted { color: var(--rag-muted); }
.rag-divider { height:1px; background: var(--rag-border); margin: 34px 0; }
.rag-logoMark { width: 40px; height: 40px; display:inline-block; }
.rag-trustRow { display:flex; flex-wrap:wrap; gap:10px; opacity: .9; }
.rag-trustBadge { padding: 10px 12px; border-radius: 14px; border: 1px solid var(--rag-border); background: rgba(255,255,255,0.02); color: var(--rag-muted); font-size: 13px; }
.rag-reveal { opacity: 0; transform: translateY(14px); transition: opacity .7s ease, transform .7s ease; }
.rag-reveal.is-visible { opacity: 1; transform: translateY(0); }
.rag-footer { padding: 44px 0; border-top: 1px solid var(--rag-border); color: var(--rag-muted); }