/* Shared chrome (header + footer) and legal-document reading styles for the
   standalone legal pages. Visual language mirrors "Engaagia Landing.dc.html". */

html { overflow-x: hidden; }
*, *::before, *::after { box-sizing: border-box; }

body {
  --bg:#FFFFFF; --bg-alt:#F5F5F7;
  --line:#E3E3E8;
  --text:#131318; --text-2:#22222A;
  --muted:#4A4A56; --muted-2:#5E5E6B;
  --faint:#63636E;
  --accent-ink:#1B4FD6; --link-hover:#7A2BF5;
  --navy:#070812;
  --grad-brand:linear-gradient(90deg,#0B5CFF,#7A2BF5,#C81FE0);
  margin:0; background:var(--bg); color:var(--text);
  font-family:'Manrope',system-ui,sans-serif; -webkit-font-smoothing:antialiased;
}
h1, h2, h3 { font-family:'Space Grotesk',sans-serif; }
a { color:var(--accent-ink); text-decoration:none; }
a:hover { color:var(--link-hover); }
::selection { background:#7A2BF5; color:#fff; }
*:focus-visible { outline:2px solid var(--accent-ink); outline-offset:3px; }
img { max-width:100%; }

@property --btn-angle { syntax:'<angle>'; initial-value:0deg; inherits:false; }
@keyframes btnBeamSpin { to { --btn-angle:360deg; } }

/* ---------- Header ---------- */
[data-navlink] { position:relative; }
[data-navlink]::after {
  content:""; position:absolute; left:0; bottom:-3px; height:2px; width:0;
  background:linear-gradient(90deg,#0B5CFF,#7A2BF5,#C81FE0);
  transition:width .3s cubic-bezier(.4,0,.2,1);
}
[data-navlink]:hover::after { width:100%; }
[data-premium-header] { position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:50;width:min(1220px,calc(100% - 40px));display:flex;align-items:center;justify-content:space-between;gap:30px;padding:13px 16px 13px 22px;background:rgba(7,9,19,.64);backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 20px 60px -42px rgba(0,0,0,.95);transition:top .3s ease,width .3s ease,padding .3s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease; }
body[data-scrolled="1"] [data-premium-header] { top:8px!important;width:min(1160px,calc(100% - 32px))!important;background:rgba(7,9,19,.90)!important;border-color:rgba(255,255,255,.12)!important;box-shadow:0 16px 46px -30px rgba(0,0,0,.95)!important;padding-top:12px!important;padding-bottom:12px!important; }
.hero-nav-link { color:rgba(255,255,255,.64)!important;font-size:12px;letter-spacing:.07em;font-weight:600;transition:color .25s ease; }
.hero-nav-link:hover { color:#fff!important; }
.hero-nav-item { position:relative; }
.hero-nav-dropdown { position:absolute;top:100%;left:50%;transform:translateX(-50%);padding-top:14px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s; }
.hero-nav-item:hover .hero-nav-dropdown,.hero-nav-item:focus-within .hero-nav-dropdown { opacity:1;visibility:visible;pointer-events:auto; }
.hero-nav-item.nav-closed .hero-nav-dropdown { opacity:0!important;visibility:hidden!important;pointer-events:none!important; }
.hero-nav-dropdown-inner { min-width:210px;padding:8px;border-radius:14px;background:rgba(9,11,22,.96);backdrop-filter:blur(18px) saturate(1.25);border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 60px -30px rgba(0,0,0,.85); }
.hero-nav-dropdown-link { display:block;padding:10px 12px;border-radius:8px;font-size:12.5px;font-weight:600;letter-spacing:.03em;color:rgba(255,255,255,.72);text-decoration:none;white-space:nowrap;transition:background .2s ease,color .2s ease; }
.hero-nav-dropdown-link:hover { background:rgba(255,255,255,.07);color:#fff; }
.header-cta-gradient-outline { position:relative;display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border:1.5px solid transparent;color:#fff;font-size:11px;font-weight:800;letter-spacing:.035em;border-radius:10px;white-space:nowrap;background:linear-gradient(rgba(10,12,22,.92),rgba(10,12,22,.92)) padding-box,var(--grad-brand) border-box; }
.header-cta-gradient-outline::before {
  content:"";position:absolute;inset:-1.5px;border-radius:inherit;padding:1.5px;pointer-events:none;opacity:0;z-index:1;
  background:conic-gradient(from var(--btn-angle),transparent 0deg,#55D8FF 18deg,#7A2BF5 50deg,#E468F0 82deg,transparent 120deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;
  filter:drop-shadow(0 0 4px rgba(150,170,255,.85));
  transition:opacity .25s ease;
}
.header-cta-gradient-outline:hover::before { opacity:1;animation:btnBeamSpin 1.6s linear infinite; }
.hero-mobile-toggle { display:none;flex:0 0 auto;align-items:center;justify-content:center;width:38px;height:38px;padding:0;background:none;border:none;color:#fff;cursor:pointer; }
.hero-mobile-toggle svg { display:block; }
.hero-mobile-panel { position:fixed;top:0;left:0;right:0;z-index:49;max-height:100vh;overflow-y:auto;background:rgba(8,9,18,.98);backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);padding:96px 24px 32px;display:flex;flex-direction:column;transform:translateY(-12px);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease; }
.hero-mobile-panel.is-open { opacity:1;transform:translateY(0);pointer-events:auto; }
.hero-mobile-panel-group { display:flex;flex-direction:column;gap:2px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08); }
.hero-mobile-panel-group:last-of-type { border-bottom:none;margin-bottom:24px; }
.hero-mobile-panel-heading { font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:rgba(255,255,255,.4);padding:8px 4px 8px; }
.hero-mobile-panel-link,.hero-mobile-panel-sublink { text-decoration:none; }
.hero-mobile-panel-link { display:block;padding:12px 4px;font-size:18px;font-weight:700;color:#fff; }
.hero-mobile-panel-sublink { display:block;padding:11px 4px 11px 4px;font-size:16px;font-weight:500;color:rgba(255,255,255,.7); }
.hero-mobile-panel-cta { margin-top:8px; }
@media (max-width:1180px) {
  [data-r="navlinks"] { display:none !important; }
  [data-header-cta] { display:none !important; }
  .hero-mobile-toggle { display:inline-flex !important; }
  [data-premium-header] { padding:10px 12px; }
}
@media (min-width:1181px) { .hero-mobile-panel { display:none !important; } }
@media (max-width:760px) {
  [data-premium-header] { top:8px!important; width:calc(100% - 24px)!important; padding:10px 12px!important; border-radius:16px!important; }
}

/* ---------- Footer ---------- */
.soft-grid { background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px; }
.footer-glow { position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden; }
.footer-glow::before { content:"";position:absolute;top:-14%;left:4%;width:36vw;height:36vw;max-width:460px;max-height:460px;border-radius:50%;background:radial-gradient(circle,rgba(72,75,224,.16),transparent 70%);filter:blur(70px); }
.footer-glow::after { content:"";position:absolute;top:8%;right:2%;width:30vw;height:30vw;max-width:380px;max-height:380px;border-radius:50%;background:radial-gradient(circle,rgba(190,48,209,.11),transparent 70%);filter:blur(70px); }
.footer-col-title { font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:rgba(255,255,255,.4); }
.footer-nav-link { align-self:flex-start;font-size:14.5px;color:rgba(255,255,255,.64);transition:color .25s ease; }
.footer-nav-link:hover { color:#fff; }
.legal-footer-link { align-self:flex-start;background:none;border:none;padding:0;font-family:'Manrope',sans-serif;font-size:14.5px;color:rgba(255,255,255,.64);cursor:pointer;text-align:left;transition:color .25s ease; }
.legal-footer-link:hover { color:#fff; }
.legal-footer-link[aria-current="page"] { color:#fff; }
.footer-inner-pad { padding-left:40px;padding-right:40px; }
@media (max-width:760px) { .footer-inner-pad { padding-left:20px !important; padding-right:20px !important; } }
@media (max-width:1180px) { .footer-cols { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } }
@media (max-width:760px) { .footer-cols { grid-template-columns:minmax(0,1fr) !important; } }
.footer-bottom { display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px; }
.footer-bottom-info { grid-column:2;justify-self:center;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px; }
.footer-bottom-back { grid-column:3;justify-self:end; }
.footer-bottom-contacts { display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:8px; }
.footer-contact-link { font-size:13px;color:rgba(255,255,255,.64);transition:color .25s ease; }
.footer-contact-link:hover { color:#fff; }
.footer-contact-sep { font-size:13px;color:rgba(255,255,255,.28); }
@media (max-width:760px) {
  .footer-bottom { grid-template-columns:1fr;gap:14px; }
  .footer-bottom-info { grid-column:1; }
  .footer-bottom-back { grid-column:1;justify-self:center; }
}

/* ---------- Legal document reading area ---------- */
.legal-page-main { padding:150px 40px 96px; }
@media (max-width:760px) { .legal-page-main { padding:126px 20px 72px; } }
.legal-doc { max-width:760px; margin:0 auto; }
.legal-doc-eyebrow { display:inline-flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.21em;text-transform:uppercase;font-weight:700;color:var(--muted); }
.legal-doc-eyebrow::before { content:"";width:30px;height:1px;background:linear-gradient(90deg,#0B5CFF,#A855F7); }
.legal-doc h1 { margin:16px 0 6px;font-size:clamp(30px,4.4vw,44px);font-weight:700;letter-spacing:-.02em;color:var(--text); }
.legal-doc-updated { display:block;margin-bottom:40px;font-size:13px;color:var(--faint); }
.legal-doc-body h2 { margin:40px 0 14px;font-size:22px;font-weight:700;letter-spacing:-.01em;color:var(--text); }
.legal-doc-body h2:first-child { margin-top:0; }
.legal-doc-body h3 { margin:22px 0 8px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2); }
.legal-doc-body p { margin:0 0 14px;font-size:15.5px;line-height:1.75;color:var(--muted); }
.legal-doc-body ul { margin:0 0 16px;padding-left:22px;display:flex;flex-direction:column;gap:8px; }
.legal-doc-body li { font-size:15.5px;line-height:1.7;color:var(--muted); }
.legal-doc-nav { max-width:760px;margin:64px auto 0;padding-top:32px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:12px; }
.legal-doc-nav-title { font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--faint); }
.legal-doc-nav-links { display:flex;flex-wrap:wrap;gap:10px 20px; }
.legal-doc-nav-links a { font-size:14px;font-weight:600;color:var(--accent-ink); }
.legal-doc-nav-links a[aria-current="page"] { color:var(--text);cursor:default;pointer-events:none; }