/* acult-footer.css — the one footer, on every page.
   Polished but calm: a tinted band under a still red-to-gold hairline; the
   Astroansh logo (red on dark, indigo on light), what acult is and how to
   reach us; the page's links in two headed columns; a refined bottom row.
   No motion. Scoped under footer.acf; .acf-light on light pages. */

footer.acf{
  --acf-ink:#EEEFFA; --acf-body:#B3B7D6; --acf-mute:#858AB0; --acf-line:rgba(170,176,220,.13);
  --acf-bg:linear-gradient(180deg,#10143A 0%,#0A0D2B 100%); --acf-red:#EF4B63; --acf-gold:#F4B860;
  --acf-card:rgba(255,255,255,.045); --acf-card-line:rgba(255,255,255,.09);
  --acf-text:"Manrope","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  display:block;position:relative;isolation:isolate;overflow:hidden;width:auto;max-width:none;margin:72px 0 0;padding:0;
  border:0;border-radius:0;box-shadow:none;background:var(--acf-bg);
  text-align:left;color:var(--acf-body);font:400 14px/1.6 var(--acf-text)}
footer.acf.acf-light{
  --acf-ink:#1C1842; --acf-body:#4F4B72; --acf-mute:#77739A; --acf-line:rgba(40,30,110,.10);
  --acf-bg:linear-gradient(180deg,#FFFFFF 0%,#F3F0FC 100%); --acf-red:#D42A45; --acf-gold:#B87A12;
  --acf-card:#FFFFFF; --acf-card-line:rgba(40,30,110,.10)}
html[lang^="hi"] footer.acf{--acf-text:"Noto Sans Devanagari","Tiro Devanagari Hindi","Manrope",sans-serif}
/* the hairline, and one soft glow in the corner behind the logo */
footer.acf::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;z-index:1;
  background:linear-gradient(90deg,transparent,var(--acf-red) 22%,var(--acf-gold) 78%,transparent)}
footer.acf::after{content:"";position:absolute;left:-120px;top:-160px;width:560px;height:420px;z-index:-1;pointer-events:none;
  background:radial-gradient(closest-side,rgba(239,75,99,.13),transparent)}
footer.acf.acf-light::after{background:radial-gradient(closest-side,rgba(139,124,255,.10),transparent)}
footer.acf *,footer.acf *::before,footer.acf *::after{box-sizing:border-box}
footer.acf p,footer.acf h4{margin:0;padding:0;max-width:none;color:inherit;font-size:inherit;text-align:inherit;font-weight:inherit}
footer.acf a{text-decoration:none}
footer.acf .acf-keep{display:none !important}

footer.acf .acf-in{max-width:1180px;margin:0 auto;padding:56px 32px 0}
footer.acf .acf-main{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px 80px;align-items:start}

/* brand */
footer.acf .acf-logo{display:inline-block;line-height:0;margin-bottom:20px}
footer.acf .acf-logo img{display:block;height:34px;width:auto;margin:0}
footer.acf .acf-logo-lt{display:none !important}
footer.acf.acf-light .acf-logo-lt{display:block !important}
footer.acf.acf-light .acf-logo-dk{display:none !important}
footer.acf .acf-tag{font-size:15.5px;line-height:1.65;color:var(--acf-ink);max-width:40ch;font-weight:500}
footer.acf a.acf-by{color:var(--acf-red);font-weight:800}
footer.acf a.acf-by:hover{text-decoration:underline;text-underline-offset:3px}
footer.acf .acf-nw{white-space:nowrap}
footer.acf .acf-heart{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:.95em}
footer.acf .acf-sub{margin-top:10px;font-size:13px;line-height:1.55;color:var(--acf-mute);max-width:46ch}
footer.acf .acf-mail{display:inline-flex;align-items:center;gap:12px;margin-top:22px;padding:10px 16px 10px 10px;border-radius:14px;
  border:1px solid var(--acf-card-line);background:var(--acf-card);box-shadow:0 10px 24px -18px rgba(0,0,0,.6);transition:border-color .2s,transform .2s}
footer.acf .acf-mail:hover{border-color:color-mix(in srgb,var(--acf-red) 45%,transparent);transform:translateY(-1px)}
footer.acf .acf-mail-ic{width:36px;height:36px;flex:none;border-radius:10px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--acf-red),color-mix(in srgb,var(--acf-red) 60%,var(--acf-gold)))}
footer.acf .acf-mail-ic svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
footer.acf .acf-mail-tx{display:flex;flex-direction:column;line-height:1.25}
footer.acf .acf-mail-tx small{font:600 11.5px var(--acf-text);color:var(--acf-mute)}
footer.acf .acf-mail-tx b{font:700 14.5px var(--acf-text);color:var(--acf-ink)}

/* link columns */
footer.acf .acf-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
footer.acf .acf-col:only-child{grid-column:1/-1}
footer.acf .acf-lbl{display:flex;align-items:center;gap:10px;margin:6px 0 16px;font:700 12px var(--acf-text);
  letter-spacing:.14em;text-transform:uppercase;color:var(--acf-ink)}
footer.acf .acf-lbl::before{content:"";width:16px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--acf-red),var(--acf-gold))}
html[lang^="hi"] footer.acf .acf-lbl{letter-spacing:.02em;font-size:13.5px}
footer.acf .acf-links{display:flex;flex-direction:column;gap:2px}
footer.acf .acf-col:only-child .acf-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
footer.acf a.acf-link{position:relative;display:inline-block;width:max-content;max-width:100%;padding:7px 0;margin:0;border:0;background:none;box-shadow:none;
  color:var(--acf-body);font:500 14.5px/1.4 var(--acf-text);letter-spacing:0;text-transform:none;transition:color .15s,transform .15s}
footer.acf a.acf-link::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:var(--acf-red);
  transform:scaleX(0);transform-origin:0 50%;transition:transform .25s ease}
footer.acf a.acf-link:hover,footer.acf a.acf-link:focus-visible{color:var(--acf-ink)}
footer.acf a.acf-link:hover::after,footer.acf a.acf-link:focus-visible::after{transform:scaleX(1)}
footer.acf a.acf-link .en,footer.acf a.acf-link .hi{color:inherit;font:inherit;display:inline}
footer.acf a.acf-link[hidden]{display:none}

/* bottom row */
footer.acf .acf-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;
  margin-top:48px;padding:20px 0 calc(22px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--acf-line);
  font-size:13px;color:var(--acf-mute)}
footer.acf .acf-dot{margin:0 8px}
footer.acf .acf-top{display:inline-flex;align-items:center;gap:10px;padding:0;border:0;background:none;cursor:pointer;
  color:var(--acf-body);font:600 13px var(--acf-text);transition:color .15s}
footer.acf .acf-top-ic{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;
  border:1px solid var(--acf-card-line);background:var(--acf-card);transition:border-color .2s,transform .2s}
footer.acf .acf-top-ic svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
footer.acf .acf-top:hover{color:var(--acf-ink)}
footer.acf .acf-top:hover .acf-top-ic{border-color:color-mix(in srgb,var(--acf-red) 45%,transparent);transform:translateY(-2px)}
footer.acf .acf-build{padding-bottom:14px;font:500 11px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--acf-mute);opacity:.8}
footer.acf .acf-build p{margin:0;color:inherit;font:inherit}
footer.acf a:focus-visible,footer.acf button:focus-visible{outline:2px solid var(--acf-red);outline-offset:3px;border-radius:6px}

/* tablet */
@media (max-width:980px){
  footer.acf .acf-main{grid-template-columns:1fr;gap:40px}
  footer.acf .acf-cols{max-width:560px}
}
/* phone */
@media (max-width:600px){
  footer.acf{margin-top:48px}
  footer.acf .acf-in{padding:40px 20px 0}
  footer.acf .acf-logo img{height:28px}
  footer.acf .acf-tag{font-size:15px}
  footer.acf .acf-cols{gap:24px}
  footer.acf .acf-mail{width:100%}
  footer.acf .acf-bottom{margin-top:36px;flex-direction:column-reverse;align-items:flex-start;gap:14px}
}
@media (prefers-reduced-motion:reduce){footer.acf *{transition:none !important}}
/* the app's bottom tab bar covers the last 70px on phones */
@media (max-width:760px){ footer.acf.acf-app .acf-bottom{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))} }

/* Fixed things that float over pages step aside while the footer is on
   screen: the Learn note's section rail and Contents button. */
.note-rail,.nf-fab{transition:opacity .2s ease}
html.acf-inview .note-rail,html.acf-inview .nf-fab{opacity:0;pointer-events:none}

@media print{footer.acf{display:none}}

/* ---- centred brand -------------------------------------------------------
   Logo (with its trademark), tagline, full form and the email sit in the
   middle; the link columns are centred beneath them. */
footer.acf .acf-main{grid-template-columns:1fr !important;gap:40px;justify-items:center}
footer.acf .acf-brand{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:640px}
footer.acf .acf-logo{position:relative;padding-right:0}
footer.acf .acf-tm{position:absolute;top:-6px;right:0;font:800 10.5px/1 var(--acf-text);letter-spacing:.04em;color:var(--acf-red)}
footer.acf.acf-light .acf-tm{color:#20084C}
footer.acf .acf-tag,footer.acf .acf-sub{margin-left:auto;margin-right:auto}
footer.acf .acf-tag{max-width:46ch}
footer.acf .acf-cols{width:100%;max-width:560px;padding-top:36px;border-top:1px solid var(--acf-line)}
footer.acf::after{left:50%;top:-200px;transform:translateX(-50%)}
@media (max-width:600px){
  footer.acf .acf-mail{width:auto;max-width:100%}
  footer.acf .acf-logo{padding-right:0}
  footer.acf .acf-tm{font-size:9.5px;top:-5px}
  footer.acf .acf-cols{padding-top:28px}
  footer.acf .acf-bottom{align-items:center;text-align:center}
}
footer.acf .acf-tag{max-width:60ch}
footer.acf .acf-col{text-align:center}
footer.acf .acf-lbl{justify-content:center}
footer.acf .acf-lbl::after{content:"";width:16px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--acf-gold),var(--acf-red))}
footer.acf .acf-links{align-items:center}
footer.acf .acf-col:only-child .acf-links{justify-items:center}
footer.acf .acf-brand{max-width:780px}
footer.acf .acf-tag{max-width:none}
footer.acf .acf-sub{max-width:none}
footer.acf .acf-lbl{white-space:nowrap}
@media (max-width:600px){
  footer.acf .acf-lbl{letter-spacing:.08em;font-size:11px;gap:7px}
  footer.acf .acf-lbl::before,footer.acf .acf-lbl::after{width:10px}
  footer.acf .acf-tag{max-width:32ch}
  footer.acf .acf-sub{max-width:34ch}
}

/* ---- phones: compact links ------------------------------------------------
   Two tall columns with one link per line took a whole screen. On a phone
   each group is a heading over a centred, wrapping row of links, and the
   bottom row shrinks to one line. */
@media (max-width:600px){
  footer.acf .acf-main{gap:26px}
  footer.acf .acf-cols{grid-template-columns:1fr;gap:16px;padding-top:22px}
  footer.acf .acf-lbl{margin:0 0 6px}
  footer.acf .acf-links,
  footer.acf .acf-col:only-child .acf-links{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:0 18px}
  footer.acf a.acf-link{padding:5px 0;font-size:14px;white-space:nowrap}
  footer.acf a.acf-link::after{bottom:2px}
  footer.acf .acf-bottom{margin-top:22px;padding-top:14px;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;text-align:left}
  footer.acf .acf-copy{font-size:12px}
  footer.acf .acf-copy .acf-dot,footer.acf .acf-copy [data-acf="rights"]{display:none}
  footer.acf .acf-top{font-size:12.5px;gap:8px}
  footer.acf .acf-top-ic{width:28px;height:28px}
}

/* ---- the "a" of Astroansh, as a watermark ---------------------------------
   Large, faint, behind the brand block; red on dark, indigo on light. It
   fades out downward so it never sits under the links at full strength. */
footer.acf .acf-wm{position:absolute;z-index:-1;pointer-events:none;left:50%;top:-40px;
  width:min(620px,120vw);aspect-ratio:639/471;transform:translateX(-50%) rotate(-8deg);
  background:url(/logo-a.png) center/contain no-repeat;opacity:.075;
  -webkit-mask-image:linear-gradient(180deg,#000 35%,transparent 92%);mask-image:linear-gradient(180deg,#000 35%,transparent 92%)}
footer.acf.acf-light .acf-wm{background-image:url(/logo-a-blue.png);opacity:.06}
footer.acf .acf-in{position:relative}
@media (max-width:600px){
  footer.acf .acf-wm{width:150vw;top:-10px;opacity:.085}
  footer.acf.acf-light .acf-wm{opacity:.065}
}
@media print{footer.acf .acf-wm{display:none}}
footer.acf .acf-wm{width:min(540px,96vw);top:10px;opacity:.11;
  -webkit-mask-image:linear-gradient(180deg,#000 45%,transparent 100%);mask-image:linear-gradient(180deg,#000 45%,transparent 100%)}
footer.acf.acf-light .acf-wm{opacity:.08}
@media (max-width:600px){
  footer.acf .acf-wm{width:92vw;top:30px;opacity:.12}
  footer.acf.acf-light .acf-wm{opacity:.085}
}

/* ---- type, matched to the acult app ----------------------------------------
   The app sets headings in Unbounded 600 (tight, normal case) and everything
   you read or tap in Manrope — 600 for navigation, 500 for body — with Noto
   Sans Devanagari for Hindi. The footer now uses the same stacks and weights,
   instead of letter-spaced capitals the app never uses. */
footer.acf{
  --acf-display:'Unbounded','Noto Sans Devanagari','Tiro Devanagari Hindi',sans-serif;
  --acf-text:'Manrope','Noto Sans Devanagari','Tiro Devanagari Hindi',system-ui,sans-serif}
html[lang^="hi"] footer.acf{--acf-display:'Noto Sans Devanagari','Tiro Devanagari Hindi','Unbounded',sans-serif;
  --acf-text:'Noto Sans Devanagari','Tiro Devanagari Hindi','Manrope',system-ui,sans-serif}
footer.acf .acf-tag{font:500 15.5px/1.6 var(--acf-display);letter-spacing:-.01em}
html[lang^="hi"] footer.acf .acf-tag{font-weight:600;letter-spacing:0}
footer.acf a.acf-by{font-weight:600}
footer.acf .acf-sub{font:500 13px/1.55 var(--acf-text);letter-spacing:0}
footer.acf .acf-lbl{font:600 15px var(--acf-display) !important;letter-spacing:-.01em !important;text-transform:none !important;margin-bottom:12px}
footer.acf a.acf-link{font:600 14px/1.4 var(--acf-text) !important;letter-spacing:0}
footer.acf .acf-mail-tx small{font:600 11.5px var(--acf-text)}
footer.acf .acf-mail-tx b{font:700 14.5px var(--acf-text)}
footer.acf .acf-bottom,footer.acf .acf-copy{font:500 12.5px var(--acf-text)}
footer.acf .acf-top{font:600 13px var(--acf-text)}
@media (max-width:600px){
  footer.acf .acf-tag{font-size:14px;max-width:30ch}
  footer.acf .acf-lbl{font-size:14px !important;letter-spacing:-.01em !important}
  footer.acf a.acf-link{font-size:13.5px !important}
}
@media (max-width:600px){ footer.acf .acf-tag{max-width:36ch} }