/* ==========================================================================
   Onflow Ads — Growth layer styling (cookie consent · trust).
   Self-contained + scoped under .ofg-* so it can't collide with the page's own
   design system. Dark neon-glass to match the site; --ofg-accent is set inline
   from the admin support accent. Fully responsive (full-screen sheet on mobile).
   ========================================================================== */
.ofg-root{
  --ofg-accent:#FB2C36; --ofg-accent2:#E11D2E;
  --ofg-bg:#101012; --ofg-bg2:#19191C; --ofg-line:rgba(255,255,255,.10);
  --ofg-line2:rgba(255,255,255,.18); --ofg-ink:#F4F5F7; --ofg-dim:#A7A8B0; --ofg-faint:#74757D;
  --ofg-glass:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));
  --ofg-shadow:0 24px 70px -18px rgba(0,0,0,.7),0 0 0 1px var(--ofg-line);
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}
.ofg-root *,.ofg-root *::before,.ofg-root *::after{box-sizing:border-box}
.ofg-root button{font-family:inherit;cursor:pointer}
@media (prefers-reduced-motion:reduce){
  .ofg-root *{animation-duration:.001ms!important;transition-duration:.05ms!important}
}

/* ============================ Cookie consent ============================ */
.ofg-consent{
  position:fixed;left:18px;bottom:18px;z-index:2147482000;width:min(384px,calc(100vw - 36px));
  background:var(--ofg-glass),var(--ofg-bg);backdrop-filter:blur(18px) saturate(140%);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
  border:1px solid var(--ofg-line);border-radius:20px;box-shadow:var(--ofg-shadow);
  padding:20px 20px 18px;color:var(--ofg-ink);
  transform:translateY(140%);opacity:0;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .5s;
}
.ofg-consent.ofg-in{transform:translateY(0);opacity:1}
.ofg-consent__ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;margin-bottom:12px;
  background:linear-gradient(135deg,var(--ofg-accent),var(--ofg-accent2));color:#FFFFFF}
.ofg-consent h3{margin:0 0 6px;font-size:1.02rem;font-weight:700;letter-spacing:-.01em}
.ofg-consent p{margin:0 0 16px;font-size:.84rem;line-height:1.6;color:var(--ofg-dim)}
.ofg-consent p a{color:var(--ofg-accent);text-decoration:none;border-bottom:1px solid transparent}
.ofg-consent p a:hover{border-bottom-color:currentColor}
.ofg-consent__row{display:flex;gap:9px;flex-wrap:wrap}
.ofg-btn{appearance:none;border:0;border-radius:11px;padding:10px 16px;font-size:.85rem;font-weight:600;
  transition:transform .15s,filter .2s,background .2s,border-color .2s}
.ofg-btn:active{transform:translateY(1px)}
.ofg-btn--primary{flex:1 1 auto;color:#FFFFFF;background:linear-gradient(135deg,var(--ofg-accent),var(--ofg-accent2));
  box-shadow:0 8px 22px -8px color-mix(in srgb,var(--ofg-accent) 70%,transparent)}
.ofg-btn--primary:hover{filter:brightness(1.07)}
.ofg-btn--ghost{background:rgba(255,255,255,.05);border:1px solid var(--ofg-line2);color:var(--ofg-ink)}
.ofg-btn--ghost:hover{background:rgba(255,255,255,.10)}

/* mobile: full-screen sheet */
@media (max-width:560px){
  .ofg-consent{left:10px;right:10px;bottom:10px;width:auto}
}

/* ============================ Trust widgets ============================ */
.ofg-trust-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 22px;
  padding:18px 20px;margin:0;border-top:1px solid var(--ofg-line)}
.ofg-badge{display:inline-flex;align-items:center;gap:10px;padding:9px 15px;border-radius:14px;
  background:var(--ofg-glass),rgba(255,255,255,.015);border:1px solid var(--ofg-line);color:var(--ofg-ink);
  text-decoration:none;transition:border-color .2s,transform .2s}
.ofg-badge:hover{border-color:var(--ofg-line2);transform:translateY(-2px)}
.ofg-badge__logo{width:24px;height:24px;flex:0 0 auto;display:grid;place-items:center}
.ofg-badge__txt{display:flex;flex-direction:column;line-height:1.15}
.ofg-badge__txt b{font-size:.92rem;font-weight:700}
.ofg-badge__txt span{font-size:.72rem;color:var(--ofg-dim)}
.ofg-stars{display:inline-flex;gap:1px;color:#ffc83d}
.ofg-stars svg{width:15px;height:15px}
.ofg-secure{display:inline-flex;align-items:center;gap:7px;font-size:.8rem;color:var(--ofg-dim)}
.ofg-secure svg{width:16px;height:16px;color:#34d399}

/* testimonials */
.ofg-tm{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.ofg-tm-card{background:var(--ofg-glass),rgba(255,255,255,.012);border:1px solid var(--ofg-line);border-radius:20px;
  padding:22px;display:flex;flex-direction:column;gap:13px;transition:border-color .25s,transform .25s}
.ofg-tm-card:hover{border-color:var(--ofg-line2);transform:translateY(-3px)}
.ofg-tm-card__q{margin:0;font-size:.95rem;line-height:1.62;color:var(--ofg-ink)}
.ofg-tm-card__who{display:flex;align-items:center;gap:11px;margin-top:auto}
.ofg-tm-av{width:42px;height:42px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;font-weight:700;color:#FFFFFF;
  background:linear-gradient(135deg,var(--ofg-accent),var(--ofg-accent2));background-size:cover;background-position:center;font-size:.95rem}
.ofg-tm-card__who b{display:block;font-size:.9rem;font-weight:700}
.ofg-tm-card__who span{display:block;font-size:.76rem;color:var(--ofg-dim)}
.ofg-tm-head{text-align:center;max-width:620px;margin:0 auto 34px}
.ofg-tm-head .ofg-stars{justify-content:center;margin-bottom:12px}
.ofg-tm-head h2{margin:0 0 10px;font-size:clamp(1.6rem,4vw,2.3rem);font-weight:800;letter-spacing:-.02em;
  font-family:'Space Grotesk','Inter',sans-serif;
  background:linear-gradient(120deg,var(--ofg-accent),var(--ofg-accent2));-webkit-background-clip:text;background-clip:text;color:transparent}
.ofg-tm-head p{margin:0;color:var(--ofg-dim);font-size:1rem}
.ofg-tm-section{padding:clamp(48px,8vw,90px) 20px}
.ofg-tm-wrap{max-width:1140px;margin:0 auto}