/* Credit: Glass FAQ ("Faq"), https://framer.com/m/Faq-LKv0EI.js@azeE8zadtIvZZVvQlCvu
   The source module has no credit/licence header and names no creator. Licence clearance: confirmed by Rowan, 2026-11-03 17:23 AEST (UTC+10), relayed by Relay. */
/* Glass FAQ: vanilla port of Rowan's Framer "GlassFAQ" (components/faq/module.js; no licence/credit header in the source).
   Light mode only, matched to the site palette. Light/dark switch not ported (site is light-only). */
.gfaq{position:relative;border-radius:28px;padding:22px;overflow:hidden;isolation:isolate;
  background:linear-gradient(135deg,#E8F6FC 0%,#F1EDFF 50%,#FFF6DC 100%)}
.gfaq::before{content:"";position:absolute;left:50%;top:-60px;width:min(560px,90%);height:240px;transform:translateX(-50%);border-radius:50%;
  background:radial-gradient(closest-side,rgba(122,90,248,.22),rgba(122,90,248,0));z-index:-1;pointer-events:none}
.gfaq-list{display:grid;gap:14px}
.gfaq-item{position:relative;overflow:hidden;border-radius:18px;border:1px solid #D7DCEA;background:rgba(255,255,255,.80);
  -webkit-backdrop-filter:blur(18px) saturate(1.35);backdrop-filter:blur(18px) saturate(1.35);box-shadow:0 10px 34px rgba(20,32,74,.07);
  transition:border-color .5s cubic-bezier(.22,1,.36,1),box-shadow .5s cubic-bezier(.22,1,.36,1)}
.gfaq-item.is-open{border-color:#7A5AF8;box-shadow:0 18px 72px rgba(20,32,74,.12),0 0 36px rgba(122,90,248,.22)}
.gfaq-item::after{content:"";position:absolute;inset:-1px;pointer-events:none;opacity:0;transition:opacity .5s;mix-blend-mode:multiply;
  background:radial-gradient(circle at 22% 0%,rgba(122,90,248,.9),transparent 30%),radial-gradient(circle at 88% 20%,rgba(77,186,229,.7),transparent 26%)}
.gfaq-item.is-open::after{opacity:.12}
.gfaq-q{margin:0;font:inherit}
.gfaq-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border:0;background:transparent;cursor:pointer;text-align:left;
  color:#14204A;font:650 18px/1.35 var(--font-d,inherit);transition:transform .24s ease-out}
.gfaq-btn:hover{transform:scale(1.004)}.gfaq-btn:active{transform:scale(.996)}
.gfaq-btn:focus-visible{outline:3px solid #5534C9;outline-offset:-3px;border-radius:18px}
.gfaq-l{display:flex;align-items:center;gap:12px;min-width:0}
.gfaq-ic{flex:none;width:22px;height:22px;border-radius:999px;display:flex;align-items:center;justify-content:center;font:700 14px/1 var(--font-b,system-ui,sans-serif);
  color:#253679;background:rgba(37,54,121,.08);transition:color .5s,background-color .5s}
.gfaq-item.is-open .gfaq-ic{color:#5534C9;background:rgba(85,52,201,.12)}
.gfaq-plus{flex:none;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font:300 28px/20px system-ui,sans-serif;color:#253679;
  transition:transform .5s cubic-bezier(.22,1,.36,1),color .5s}
.gfaq-item.is-open .gfaq-plus{transform:rotate(45deg);color:#5534C9}
.gfaq-panel{display:grid;grid-template-rows:0fr;opacity:0;transform:translateY(-8px);filter:blur(3px);
  transition:grid-template-rows .58s cubic-bezier(.22,1,.36,1),opacity .58s cubic-bezier(.22,1,.36,1),transform .58s cubic-bezier(.22,1,.36,1),filter .58s cubic-bezier(.22,1,.36,1)}
.gfaq-item.is-open .gfaq-panel{grid-template-rows:1fr;opacity:1;transform:none;filter:none}
.gfaq-panel > .gfaq-in{min-height:0;overflow:hidden}
.gfaq-in > .ans{padding:0 22px 22px;color:#3E4866;line-height:1.6}
.gfaq-in > .ans::before{content:"";display:block;height:1px;width:100%;margin:0 0 14px;background:linear-gradient(90deg,transparent,rgba(122,90,248,.55),transparent)}
.gfaq-panel[hidden]{display:none}
/* before the port runs (inline flag in <head>): keep native details closed-looking so there is no jump */
html.gfaq-js .gfaq details.qa:not(.gfaq-done) > .ans{display:none}
@media (prefers-reduced-motion:reduce){.gfaq-item,.gfaq-item::after,.gfaq-btn,.gfaq-ic,.gfaq-plus,.gfaq-panel{transition:none!important}.gfaq-btn:hover,.gfaq-btn:active{transform:none}}
html.rm-user .gfaq-item,html.rm-user .gfaq-item::after,html.rm-user .gfaq-btn,html.rm-user .gfaq-ic,html.rm-user .gfaq-plus,html.rm-user .gfaq-panel{transition:none!important}
@media (max-width:600px){.gfaq{padding:12px;border-radius:20px}.gfaq-btn{padding:16px;font-size:17px}.gfaq-in > .ans{padding:0 16px 18px}}
/* v2.2.1 (Relay 17:33): one consistent question weight across every line.
   Cause: question text sat on a semi-transparent card (rgba white .80 + backdrop-filter blur/saturate) over the panel's
   uneven gradient + purple top glow, so parts of the same line had different backgrounds and were rasterised with
   grayscale AA on a composited layer (the site's own glass_v1.css turns backdrop-filter off on details.qa for the same reason).
   Weight 650 is also a non-named weight: variable fonts interpolate it, static faces snap to 700, and synthesis can differ.
   The hover scale(1.004) re-rasterised text at a fractional scale.
   Fix: opaque white cards, no backdrop-filter, named weight 700, font-synthesis none, no transform on the question button.
   Rollback: delete this block. */
.gfaq-item{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
.gfaq-btn{font-weight:700;font-synthesis:none;transition:none;transform:none!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.gfaq-t{font:inherit;font-weight:700;font-synthesis:none;letter-spacing:normal}
/* v2.2.1: "Show more questions" button (site button look, navy outline) + collapsed container. Rollback: delete this block. */
.gfaq-more-row{margin:16px 0 0;text-align:center}
.gfaq-more{min-height:44px;padding:10px 22px;border-radius:999px;border:2px solid #253679;background:#fff;color:#253679;font:700 16px/1.2 var(--font-d,inherit);font-synthesis:none;cursor:pointer}
.gfaq-more:hover{background:#EEF1FA}
.gfaq-more:focus-visible{outline:3px solid #5534C9;outline-offset:3px}
.gfaq-more[hidden],.gfaq-morebox[hidden]{display:none}
.gfaq-morebox{margin-top:14px}
html.gfaq-js .gfaq-morebox:not(.gfaq-init){display:none}

/* blend_v1 MED 3: question cards use the site details.qa style: solid white (readable), 1px site line, 18px radius,
   site glass rim + drop shadow, open = site open border + shadow (no violet glow). Outer frosted panel (.gfaq) unchanged (Rowan 17:39). Rollback: delete this block. */
.gfaq-item{background:#fff;border:1px solid var(--line,#D6DCE8);border-radius:18px;box-shadow:var(--gl-rim),var(--gl-drop);transition:border-color .2s ease,box-shadow .2s ease}
.gfaq-item:hover{box-shadow:var(--gl-rim),var(--gl-drop-h)}
.gfaq-item.is-open{border-color:#B9C6DF;box-shadow:var(--gl-rim),0 14px 30px -24px rgba(20,32,74,.5)}
.gfaq-item::after{display:none}
.gfaq-btn{font:700 18px/1.35 var(--font-d,inherit);color:var(--ink,#14204A)}
.gfaq-q{font-weight:700}
.gfaq-in > .ans{color:var(--muted,#3E4866)}
.gfaq-in > .ans::before{background:var(--line,#D6DCE8)}
.gfaq-ic,.gfaq-plus{font-family:inherit}
.gfaq-item.is-open .gfaq-ic,.gfaq-item.is-open .gfaq-plus{color:#124A92}
.gfaq-btn:focus-visible,.gfaq-more:focus-visible{outline-color:#7A5AF8}
@media (max-width:600px){.gfaq-btn{font-size:17px}}