/* Static pages of fcu.business (14 AZ + 14 EN sector pages, /delete-account/): the landing look of wave 24-25 with day / night.
   Night is the default; day = html.fcu-day, set before first paint by the small inline script of each page from localStorage
   "fcu_theme" (the same key as the website, so the choice is shared). /pages.js wires the day / night button. Contrast on the
   cards: night text 10.8 / secondary 8.0 / accent 6.2, day text 14.7 / secondary 7.3 / accent 6.2 (WCAG AA = 4.5).
   Cached: deploy/.htaccess gives pages.css / pages.js / pages-icons.svg one week; the pages link them with ?v=N — raise N when
   one of them changes. */
:root { --bg: #0a3a40; --bg-img: linear-gradient(160deg, #0b2a33 0%, #0a3a40 55%, #0c4a4a 100%);
  --glass: rgba(14,62,68,0.78); --line: rgba(255,255,255,0.14); --field: rgba(255,255,255,0.10);
  --t: #f1f5f4; --t2: #c9d6d4; --accent: #9ACA3C; --link: #bfe36d; --shadow: 0 18px 40px rgba(0,0,0,0.28);
  --note-bg: rgba(154,202,60,0.12); --note-line: #9ACA3C; --warn-bg: rgba(252,211,77,0.12); --warn-line: #fcd34d; color-scheme: dark; }
html.fcu-day { --bg: #e4f2ee; --bg-img: linear-gradient(160deg, #eef7f4 0%, #e4f2ee 50%, #dcefe9 100%);
  --glass: rgba(255,255,255,0.85); --line: rgba(0,151,149,0.24); --field: rgba(0,151,149,0.09);
  --t: #0b2a33; --t2: #3d5a5f; --accent: #3f6b00; --link: #0b6362; --shadow: 0 10px 30px rgba(11,42,51,0.10);
  --note-bg: rgba(0,151,149,0.07); --note-line: #0b6362; --warn-bg: #fffbeb; --warn-line: #d97706; color-scheme: light; }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; min-height: 100vh; font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; line-height: 1.65; color: var(--t);
  background-color: var(--bg); background-image: var(--bg-img); -webkit-font-smoothing: antialiased; }
a { color: var(--link); }
a:focus-visible, button:focus-visible { outline: none; box-shadow: 0 0 0 3px var(--accent); border-radius: 0.6rem; }
b, strong { color: var(--t); }
.i { width: 1.125rem; height: 1.125rem; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

/* top bar: logo (home), day / night, language — the landing's glass pill */
.top { display: flex; align-items: center; gap: 0.5rem; margin: 0 0 1.75rem; padding: 0.5rem 0.625rem 0.5rem 0.875rem; border-radius: 999px;
  background: var(--glass); border: 1px solid var(--line); box-shadow: var(--shadow); }
.top > a:first-child { display: inline-flex; align-items: center; min-height: 2.5rem; border-radius: 999px; }
.top .logo { display: block; height: 2.125rem; width: auto; max-width: none; margin: 0; }
html.fcu-day .top .logo { background: #0b2a33; box-sizing: content-box; padding: 0.25rem 0.75rem; border-radius: 999px; height: 1.75rem; }
.top .sp { flex: 1; }
.tb, .lg { display: inline-flex; align-items: center; justify-content: center; gap: 0.375rem; min-width: 2.5rem; height: 2.5rem; border-radius: 999px;
  background: var(--field); border: 1px solid var(--line); color: var(--t); font: inherit; font-size: 0.875rem; font-weight: 700; text-decoration: none; cursor: pointer; padding: 0 0.875rem; }
.tb { padding: 0; width: 2.5rem; color: var(--accent); }
.tb .i-moon, html.fcu-day .tb .i-sun { display: none; }
html.fcu-day .tb .i-moon { display: block; }
html.fcu-day .tb { color: #0b6f6d; }
.lg .i { width: 1rem; height: 1rem; color: var(--accent); }
html.fcu-day .lg .i { color: #0b6f6d; }
.tb:hover, .lg:hover { border-color: var(--accent); }

/* ================= sector pages ================= */
.wrap { max-width: 880px; margin: 0 auto; padding: 1rem 1.25rem 4rem; }
.bc, .wrap > nav { font-size: 0.875rem; color: var(--t2); text-align: center; margin-bottom: 1rem; }
.bc a, .wrap > nav a { color: var(--link); text-decoration: none; font-weight: 600; display: inline-block; padding: 0.55rem 0.125rem; }
.bc a:hover, .wrap > nav a:hover { text-decoration: underline; }
h1 { font-size: 2rem; line-height: 1.2; text-align: center; margin: 0 0 0.625rem; font-weight: 800; color: var(--t); }
h1 .ic { display: grid; place-items: center; width: 3.5rem; height: 3.5rem; margin: 0 auto 0.875rem; border-radius: 1.125rem;
  background: linear-gradient(135deg, #c4ef65, #4cc2a3); color: #06302c; box-shadow: 0 10px 24px rgba(0,40,50,0.3); }
html.fcu-day h1 .ic { box-shadow: 0 6px 16px rgba(0,80,80,0.18); }
h1 .ic .i { width: 1.75rem; height: 1.75rem; }
h2 { font-size: 1.25rem; line-height: 1.3; margin: 2.25rem 0 0.75rem; padding-left: 0.75rem; border-left: 3px solid var(--accent); color: var(--t); }
h3 { color: var(--t); }
.lead { text-align: center; color: var(--t2); margin: 0 auto 1.25rem; max-width: 660px; font-size: 1.0625rem; }
p, li { color: var(--t2); }
.grid { display: grid; grid-template-columns: 1fr; gap: 0.625rem; margin: 0.875rem 0; }
@media (min-width: 560px) { .grid { grid-template-columns: 1fr 1fr; } }
.item, .step, .faq { background: var(--glass); border: 1px solid var(--line); border-radius: 1rem; box-shadow: var(--shadow); }
.item { padding: 0.875rem 1rem; font-weight: 600; color: var(--t); }
.steps { display: grid; gap: 0.625rem; grid-template-columns: 1fr; }
@media (min-width: 560px) { .steps { grid-template-columns: 1fr 1fr 1fr; } }
.step { padding: 0.875rem 1rem; color: var(--t2); }
.step b { color: var(--accent); }
.faq { padding: 0.875rem 1rem; margin-bottom: 0.625rem; }
.faq h3 { margin: 0 0 0.375rem; font-size: 1rem; }
.faq p { margin: 0; font-size: 0.9375rem; }
.wrap > h3 { font-size: 1rem; margin: 1.25rem 0 0.25rem; }
.wrap > ol { padding-left: 1.375rem; }
.wrap > ol li { margin-bottom: 0.375rem; }
.wrap > ol li::marker { color: var(--accent); font-weight: 800; }
.cta { display: block; max-width: 360px; margin: 1.875rem auto 0; text-align: center; background: #9ACA3C; color: #0b2a33; font-weight: 800; text-decoration: none;
  border-radius: 999px; padding: 0.9rem 1.25rem; font-size: 1rem; transition: transform .2s; }
.cta:hover { transform: translateY(-2px); }
.wrap > p > a:not(.cta) { display: inline-flex; align-items: center; min-height: 2.5rem; font-weight: 600; }
.others { margin-top: 2.5rem; }
.others h2 { border: none; padding: 0; text-align: center; font-size: 1rem; color: var(--t2); }
.chips { display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: center; margin-top: 0.75rem; }
.chip { display: inline-flex; align-items: center; gap: 0.4rem; min-height: 2.5rem; padding: 0.4rem 0.875rem; border-radius: 999px; background: var(--glass);
  border: 1px solid var(--line); font-size: 0.875rem; font-weight: 600; text-decoration: none; color: var(--t); }
.chip .i { width: 1rem; height: 1rem; color: var(--accent); }
a.chip:hover { border-color: var(--accent); }
.foot { text-align: center; color: var(--t2); font-size: 0.875rem; margin-top: 2.625rem; }
.foot a { color: var(--link); }
@media (max-width: 559.98px) { h1 { font-size: 1.625rem; } .wrap { padding: 0.75rem 1rem 3.5rem; } }

/* ================= /delete-account/ (store requirement page) ================= */
body.da { font-size: 16px; line-height: 1.6; }
.da .hero .in { max-width: 820px; margin: 0 auto; padding: 1rem 1rem 0.5rem; }
.da h1 { font-size: 1.75rem; line-height: 1.25; text-align: left; margin: 0 0 0.5rem; }
.da .hero p { margin: 0; color: var(--t2); }
.da .meta { margin-top: 0.75rem; font-size: 0.875rem; color: var(--t2); }
.da main { max-width: 820px; margin: 0 auto; padding: 1.125rem 1rem 2.5rem; }
.da .toc { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0 0 1rem; padding: 0; list-style: none; }
.da .toc a { display: inline-flex; align-items: center; min-height: 2.5rem; background: var(--glass); border: 1px solid var(--line); border-radius: 999px; padding: 0.3rem 0.875rem;
  font-size: 0.875rem; font-weight: 600; text-decoration: none; color: var(--t); }
.da .toc a:hover { border-color: var(--accent); }
.da .card { background: var(--glass); border: 1px solid var(--line); border-radius: 1rem; padding: 1.125rem 1.125rem 1rem; margin: 0 0 0.875rem; box-shadow: var(--shadow); }
.da h2 { font-size: 1.1875rem; line-height: 1.3; margin: 0 0 0.625rem; padding: 0; border: 0; }
.da h3 { font-size: 1rem; margin: 0.875rem 0 0.375rem; }
.da p { margin: 0 0 0.625rem; }
.da ol, .da ul { margin: 0 0 0.625rem; padding-left: 1.375rem; }
.da li { margin: 0 0 0.375rem; }
.da .steps { display: block; }
.da .steps li::marker { font-weight: 800; color: var(--accent); }
.da .note, .da .warn { border-radius: 0.5rem; padding: 0.625rem 0.75rem; font-size: 0.9375rem; margin: 0.625rem 0 0; color: var(--t); }
.da .note { background: var(--note-bg); border-left: 4px solid var(--note-line); }
.da .warn { background: var(--warn-bg); border-left: 4px solid var(--warn-line); }
.da .btn { display: inline-flex; align-items: center; min-height: 2.75rem; background: #9ACA3C; color: #0b2a33; font-weight: 800; text-decoration: none; border-radius: 999px; padding: 0.625rem 1.25rem; margin: 0.375rem 0 0.25rem; }
.da .keep { width: 100%; border-collapse: collapse; font-size: 0.9375rem; }
.da .keep th, .da .keep td { text-align: left; vertical-align: top; padding: 0.5625rem 0.5rem; border-top: 1px solid var(--line); color: var(--t2); }
.da .keep th { font-size: 0.8125rem; text-transform: uppercase; letter-spacing: .03em; border-top: 0; }
.da .keep td:last-child { font-weight: 700; width: 26%; color: var(--accent); }
.da .az { border-color: var(--accent); }
.da .foot { margin-top: 1.375rem; }
@media (max-width: 560px) {
  .da h1 { font-size: 1.375rem; }
  .da .keep thead { display: none; }
  .da .keep, .da .keep tbody, .da .keep tr, .da .keep td { display: block; width: 100%; }
  .da .keep tr { border-top: 1px solid var(--line); padding: 0.5rem 0; }
  .da .keep td { border: 0; padding: 0.125rem 0; }
  .da .keep td:last-child { white-space: normal; width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .cta { transition: none; } }