*,
*::before,
*::after { box-sizing: border-box }

html:focus-within { scroll-behavior: smooth }
html, body { height: 100% }

body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family: "DM Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
  line-height: 1.6;
  background-color: #0A0E2A;
  color: #ECF1FF;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-family: "Sora", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  line-height: 1.25;
}

p { margin: 0 }
p + p { margin-top: .75rem }

ul[class], ol[class] { padding-left: 0; list-style: none; margin: 0 }
img, svg, video { display: block; max-width: 100%; height: auto }
a { color: inherit; text-decoration: none }
a:focus-visible, button:focus-visible { outline: 2px solid #59A8FF; outline-offset: 3px }

button, input, select, textarea { font: inherit }
:root { color-scheme: dark }

.material-symbols-rounded{
  font-family: 'Material Symbols Rounded' !important;
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  font-variation-settings: 'FILL' 1, 'wght' 700, 'GRAD' 0, 'opsz' 24;
  vertical-align: middle;
}


:root{
  --cr-max:1220px;
  --cr-ink:#EAF0FF;
  --cr-dim:#A9B4DC;
  --cr-ac1:#FF7AD9;
  --cr-ac2:#FFB86B;
  --cr-bg:#0A0E2A;
  --hero-h:clamp(340px,38vw,520px);
  --hero-veil:linear-gradient(180deg,rgba(6,10,28,.55) 0%,rgba(6,10,28,.78) 60%,rgba(6,10,28,.85) 100%);
}

.crestbar{background:transparent;color:var(--cr-ink)}
.crestbar__wrap{max-width:var(--cr-max);margin:0 auto;padding:14px 18px;display:grid;grid-template-columns:1fr;align-items:center}
.crestbar__brand{display:inline-flex;align-items:center;gap:8px}
.crestbar__logo{font-family:"Sora",system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;font-weight:800;font-size:clamp(1.05rem,2.2vw,1.35rem);letter-spacing:.2px;display:inline-block;padding:6px 10px;border-radius:14px;color:#0a0f22;background:linear-gradient(135deg,var(--cr-ac1),var(--cr-ac2));box-shadow:0 10px 30px rgba(92,124,255,.25)}
.crestbar__logo span{color:inherit}

.lune-hero{position:relative;isolation:isolate;min-height:var(--hero-h);display:grid;align-items:center;background:#0b112d}
.lune-hero__media{position:absolute;inset:0;z-index:-1;overflow:hidden}
.lune-hero__img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;filter:saturate(1.05) contrast(1.05) brightness(.9)}
.lune-hero__veil{position:absolute;inset:0;background:var(--hero-veil)}

.lune-hero__wrap{max-width:var(--cr-max);margin:0 auto;padding:26px 18px 24px;display:grid;gap:14px;color:var(--cr-ink);justify-items:center;text-align:center}
.lune-hero__title{font-family:"Sora",system-ui;font-weight:800;font-size:clamp(1.6rem,4vw,2.4rem);letter-spacing:.2px}
.lune-hero__lead{color:var(--cr-ink);max-width:62ch;opacity:.95}

.primo-chips{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:6px 0 0;list-style:none}
.primo-chips__i{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);font-weight:600;color:var(--cr-ink);white-space:nowrap}
.primo-chips__i .material-symbols-rounded{font-variation-settings:'FILL' 1,'wght' 700,'GRAD' 0,'opsz' 24;font-size:18px;padding:3px;color:#0A0E2A;background:linear-gradient(135deg,var(--cr-ac1),var(--cr-ac2));border-radius:10px}

@media (max-width:1200px){.primo-chips{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:980px){.primo-chips{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:620px){.primo-chips{grid-template-columns:repeat(2,minmax(0,1fr))}.lune-hero__wrap{padding-bottom:28px}}
@media (max-width:420px){.primo-chips__i{font-size: 10px}}
:root{
  --mx-max:1220px;
  --mx-bg:#0a0e2a;
  --mx-ink:#eaf0ff;
  --mx-dim:#a9b4dc;
  --mx-ac1:#FF7AD9;
  --mx-ac2:#FFB86B;
  --mx-gold:#ffd166;
  --mx-ring:#59a8ff;
  --mx-gap:12px;
  --mx-r:16px;
}

.matrix-catalog{ background:var(--mx-bg) }
.matrix-catalog__wrap{ max-width:var(--mx-max); margin:0 auto; padding:32px 18px; display:grid; gap:12px }

.matrix-head{
  display:grid; gap:var(--mx-gap);
  grid-template-columns:56px 196px 180px 1fr 250px 160px;
  padding:10px 12px; border-radius:12px;
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.10);
  color:var(--mx-dim); font-weight:800; font-size:.92rem; width:100%;
}
.matrix-head__cell{ white-space:nowrap; text-align: center; }
@media (max-width:980px){ .matrix-head{ display:none } }

.matrix-row{
  position:relative; display:grid; gap:var(--mx-gap);
  grid-template-columns:56px 196px 180px 1fr 250px 160px;
  padding:25px 12px 12px; border-radius:var(--mx-r);
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.10); color:var(--mx-ink); width:100%;
}
.matrix-row:nth-child(even){ background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025)) }
.matrix-row:hover{ box-shadow:0 18px 60px rgba(0,0,0,.35) }

@media (max-width:980px){
  .matrix-row{
    grid-template-columns:1fr 1fr;
    grid-template-areas:
      "brand bonus"
      "brand cta"
      "brand pay"
      "fine fine";
    row-gap:10px;
  }
}

@media (max-width:440px) {
  .matrix-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}

.matrix-cell{ display:grid; align-content:center }
.matrix-cell--brand{ align-content:start; gap:8px }
.matrix-cell--bonus,.matrix-cell--note{ justify-items:center; text-align:center }
.matrix-cell--cta{ place-items:center }
@media (max-width:980px){ 
  .matrix-cell--cta{ place-items:stretch } 
  .matrix-cell--brand{ display: flex; flex-wrap:wrap; justify-content: center; }
  .matrix-cell--bonus{ grid-area:bonus }
  .matrix-cell--pay{ grid-area:pay }
  .matrix-cell--cta{ grid-area:cta }
  .matrix-cell--rank{ display:none }
  .matrix-cell--note{ display:none }
}

.rank-chip{ display:grid; place-items:center; width:48px; height:48px; border-radius:12px; background:linear-gradient(135deg, var(--mx-ac1), var(--mx-ac2)); box-shadow:0 12px 40px rgba(92,124,255,.25) }
.rank-chip__n{ font-weight:900; font-size:1.18rem; color:#0a0f22 }

.brand-box{ width:100%; max-width:196px; padding:12px; border-radius:14px; background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03)); border:1px solid rgba(255,255,255,.1); box-shadow:0 14px 50px rgba(0,0,0,.28) }
.brand-box__logo{ width:100%; height:auto; border-radius:10px; object-fit:contain }
@media (max-width:980px){ .brand-box{ padding: 0 } }

.brand-stars{ display:none; color:var(--mx-gold) }
.brand-stars .material-symbols-rounded{ font-size:18px }
@media (max-width:980px){ .brand-stars{ display:flex; justify-content: center; gap:3px } }
@media (max-width:440px){.brand-stars{width: 100%}}

.note-card{ display:grid; gap:6px; justify-items:center }
.note-card__score{ font-size:1.45rem; font-weight:900 }
.note-card__stars{ color:var(--mx-gold); display:flex; gap:2px }
.note-card__stars .material-symbols-rounded{ font-size:18px }
.note-card__votes{ color:var(--mx-dim); font-size:.9rem }

.bonus-stack{ display:grid; justify-items:center }
.bonus-stack__s{ color:var(--mx-dim); font-weight:800; font-size:.94rem; letter-spacing:.3px }
.bonus-stack__x{ font-size:1.95rem; font-weight:900; line-height:1.05 }

.pay-deck,.pay-deck--m{ list-style:none; padding-left:0 }
.pay-deck{ display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:8px; align-content:start }
.pay-deck--m{ display:none }
@media (max-width:980px){
  .pay-deck{ display:none }
  .pay-deck--m{ display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:8px }
}

.pay-deck__i{ display:grid; place-items:center; min-height:44px; border-radius:10px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1) }
.pay-deck__i .material-symbols-rounded{ font-size:20px }
.pay-deck__i--mono{ font-weight:900; font-size:.95rem; color:#0a0f22; position:relative; overflow:hidden; background:#FFD166; box-shadow:0 10px 30px rgba(92,124,255,.22) }
.pay-deck__i--mono::before{ content:attr(data-label) }

.pay-deck__more{cursor: pointer; width:100%; min-height:44px; border-radius:10px; font-weight:900; color:#0a0f22; background:#FFD166; border:1px solid rgba(255,255,255,.1) }
.pay-deck__more-slot{ display:block }
.is-hidden{ display:none }
.matrix-row.is-open .is-hidden{ display:grid }
.matrix-row.is-open .pay-deck__more-slot{ display:none }

.cta-pulse{ display:inline-flex; align-items:center; justify-content:center; text-align: center; min-height:46px; padding:0 18px; border-radius:12px; font-weight:900; color:#0a0f22; background:linear-gradient(135deg, var(--mx-ac1), var(--mx-ac2)); box-shadow:0 10px 30px rgba(92,124,255,.25) }
.cta-pulse:focus-visible{ outline:2px solid var(--mx-ring); outline-offset:3px }
@media (max-width:980px){ .cta-pulse{ width:100% } }

.matrix-row__badge{ position:absolute; top:0; left:0; z-index:2; padding:6px 10px; font-size:.78rem; font-weight:900; letter-spacing:.2px; border-radius:999px; color:#1c1200; background:linear-gradient(135deg,#ffe082,#ffb300); box-shadow:0 10px 26px rgba(255,193,7,.25); pointer-events:none }
.matrix-row__badge--alt{ background:linear-gradient(135deg,#80deea,#26c6da); color:#022226 }
.matrix-row__badge--alt2{ background:linear-gradient(135deg,#b39ddb,#7e57c2); color:#130b24 }

.matrix-row__fine{ grid-column:1 / -1; margin-top:8px; color:var(--mx-dim); font-size:.85rem }

.cta-pulse,.pay-deck__more{ transition:transform .16s ease }
.cta-pulse:hover,.pay-deck__more:hover{ transform:translateY(-1px) }

:root{
  --qa-max:1220px;
  --qa-bg:#0A0E2A;
  --qa-ink:#F2F6FF;
  --qa-dim:#9CB1E0;

  --qa-acA:#FF7AD9;
  --qa-acB:#FFB86B;
  --qa-rail:#232853;
  --qa-card:rgba(255,255,255,.06);
  --qa-bord:rgba(255,255,255,.12);
  --qa-ring:#FFD166;
  --qa-r:20px;
  --qa-gap:16px;
}

.lyrqa{ background:var(--qa-bg) }
.lyrqa__wrap{
  max-width:var(--qa-max);
  margin:0 auto;
  padding:36px 18px 42px;
  display:grid; gap:18px;
  color:var(--qa-ink);
}

.lyrqa__head{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:12px;
}
.lyrqa__glyph{
  font-size:28px;
  color:#0a0f22;
  background:linear-gradient(135deg,var(--qa-acA),var(--qa-acB));
  border-radius:14px;
  padding:6px;
  box-shadow:0 14px 46px rgba(255,184,107,.22);
}
.lyrqa__title{
  margin:0;
  font-family:"Sora",system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;
  font-weight:800; letter-spacing:.2px;
  font-size:clamp(1.35rem,2.2vw,1.85rem);
}
.lyrqa__lead{ margin:2px 0 0; color:var(--qa-ink); opacity:.95 }

.lyrqa__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--qa-gap);
}
@media (max-width:960px){ .lyrqa__grid{ grid-template-columns:1fr } }

.lyrqa__card{
  display:grid;
  grid-template-columns:132px 1fr;
  gap:14px;
  border-radius:var(--qa-r);
  background:
    linear-gradient(180deg, var(--qa-card), rgba(255,255,255,.03));
  border:1px solid var(--qa-bord);
  box-shadow:0 20px 70px rgba(0,0,0,.28);
  overflow:hidden;
}
.lyrqa__card--alt{ background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04)) }

@media (max-width:440px) {
  .lyrqa__card {
    display: block;
  }
}

.lyrqa__rail{
  position:relative;
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border-right:1px dashed rgba(255,255,255,.16);
  display:grid; align-content:center; justify-items:center;
  padding:16px 10px;
}
.lyrqa__idx{
  font-weight:900;
  font-size:1.05rem;
  letter-spacing:.12em;
  color:#0a0f22;
  background:linear-gradient(135deg,var(--qa-acA),var(--qa-acB));
  border-radius:12px;
  padding:6px 10px;
  box-shadow:0 12px 36px rgba(255,122,217,.22);
}
.lyrqa__icon{
  margin-top:10px;
  font-size:22px;
  color:#0a0f22;
  background:linear-gradient(135deg,var(--qa-acB),var(--qa-acA));
  border-radius:12px;
  padding:6px;
}

.lyrqa__body{ padding:16px 16px 16px 0; display:grid; gap:10px }
@media (max-width:960px){ .lyrqa__body{ padding:16px } }

.lyrqa__q{
  margin:0;
  font-family:"Sora",system-ui;
  font-weight:800;
  font-size:1.15rem;
  letter-spacing:.2px;
}
.lyrqa__a{ margin:0; }
.lyrqa__mini{ margin:4px 0 0; color:var(--qa-dim); font-size:.95rem }

.lyrqa__bul{
  list-style:none; padding-left:0; margin:8px 0 0;
  display:grid; gap:8px;
}
.lyrqa__bul li{
  display:grid; grid-template-columns:12px 1fr; gap:10px; align-items:start;
}
.lyrqa__bul li::before{
  content:""; width:10px; height:10px; margin-top:.55em;
  background:linear-gradient(135deg,var(--qa-acA),var(--qa-acB));
  transform:rotate(45deg); border-radius:2px;
}

.lyrqa__dl{ display:grid; gap:8px; margin:8px 0 0 }
.lyrqa__dtv{ display:grid; grid-template-columns:160px 1fr; gap:10px }
.lyrqa__dtv dt{ font-weight:800 }
.lyrqa__dtv dd{ margin:0; color:var(--qa-ink); opacity:.95 }

.lyrqa__pills{
  list-style:none; padding-left:0; margin:8px 0 0;
  display:flex; flex-wrap:wrap; gap:8px;
}
.lyrqa__pill{
  display:inline-flex; align-items:center; gap:6px;
  padding:8px 10px; border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  font-weight:700; white-space:nowrap;
}
.lyrqa__pill .material-symbols-rounded{
  font-size:18px;
  color:#0a0f22;
  background:linear-gradient(135deg,var(--qa-acA),var(--qa-acB));
  border-radius:10px; padding:3px;
}

.lyrqa__foot{
  margin-top:6px;
  color:var(--qa-dim);
  font-size:.96rem;
}
.lyrqa a{ color:#fff; text-decoration:underline }
.lyrqa a:focus-visible{ outline:2px solid var(--qa-ring); outline-offset:3px }

:root{
  --ob-max:1220px;
  --ob-ink:#EAF0FF;
  --ob-dim:#A9B4DC;
  --ob-bg:#0A0E2A;
  --ob-card:rgba(255,255,255,.06);
  --ob-bord:rgba(255,255,255,.12);
  --ob-ring:#59A8FF;

  --ob-ac1:#FF7AD9;
  --ob-ac2:#FFB86B;

  --ob-r:18px;
  --ob-gap:14px;
}

.orbmail{ background:var(--ob-bg) }
.orbmail__wrap{ max-width:var(--ob-max); margin:0 auto; padding:36px 18px 42px; color:var(--ob-ink); display:grid; gap:16px }

.orbmail__head{ display:grid; grid-template-columns:auto 1fr; align-items:center; gap:12px }
.orbmail__glyph{ font-size:26px; color:#0a0f22; background:linear-gradient(135deg,var(--ob-ac1),var(--ob-ac2)); border-radius:12px; padding:6px; box-shadow:0 12px 38px rgba(108,140,255,.22) }
.orbmail__title{ margin:0; font-family:"Sora",system-ui; font-weight:800; letter-spacing:.2px; font-size:clamp(1.3rem,2.1vw,1.7rem) }
.orbmail__lead{ margin:2px 0 0; opacity:.95 }

.orbmail__form{ background:linear-gradient(180deg, var(--ob-card), rgba(255,255,255,.03)); border:1px solid var(--ob-bord); border-radius:var(--ob-r); padding:18px; box-shadow:0 18px 60px rgba(0,0,0,.28) }
.orbmail__grid{ display:grid; grid-template-columns:1fr 1fr; gap:var(--ob-gap) }
.orbmail__field--span{ grid-column:1 / -1 }

.orbmail__label{ font-weight:800; display:block; margin-bottom:6px }
.orbmail__input,.orbmail__area{
  width:100%; min-height:46px; padding:10px 12px; border-radius:12px;
  border:1px solid var(--ob-bord); background:rgba(255,255,255,.06); color:var(--ob-ink)
}
.orbmail__area{ min-height:142px; resize:vertical }
.orbmail__input:focus-visible,.orbmail__area:focus-visible{ outline:2px solid var(--ob-ring); outline-offset:3px }

.orbmail__check{ display:inline-grid; grid-auto-flow:column; align-items:center; gap:10px; cursor:pointer }
.orbmail__check input{ position:absolute; opacity:0; pointer-events:none }
.orbmail__box{ width:22px; height:22px; border-radius:6px; border:1px solid var(--ob-bord); background:rgba(255,255,255,.06); display:inline-grid; place-items:center }
.orbmail__check input:checked + .orbmail__box{ background:linear-gradient(135deg,var(--ob-ac1),var(--ob-ac2)); border-color:transparent }
.orbmail__checktxt a{ color:#fff; text-decoration:underline }
.orbmail__checktxt a:focus-visible{ outline:2px solid var(--ob-ring); outline-offset:3px }

.orbmail__honeypot{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden }

.orbmail__actions{ display:flex; gap:12px; align-items:center; justify-content:flex-start; margin-top:6px; flex-wrap:wrap }
.orbmail__submit{
  display:inline-flex; align-items:center; gap:8px; min-height:46px; padding:0 16px; border-radius:12px; font-weight:900;
  color:#0a0f22; background:linear-gradient(135deg,var(--ob-ac1),var(--ob-ac2)); border:0; box-shadow:0 12px 40px rgba(108,140,255,.25); cursor:pointer
}
.orbmail__submit[disabled]{ opacity:.6; cursor:default }
.orbmail__mini{ color:var(--ob-dim); font-size:.95rem }

.orbmail__error {
  display: none;
}

@media (max-width:900px){ .orbmail__grid{ grid-template-columns:1fr } }

.aurora-thanks[hidden]{ display:none }
.aurora-thanks{ position:fixed; inset:0; z-index:60; display:grid; place-items:center }
.aurora-thanks__veil{ position:absolute; inset:0; background:rgba(6,10,28,.7) }
.aurora-thanks__panel{
  position:relative; z-index:1; width:min(520px,calc(100% - 36px));
  border-radius:20px; padding:20px;
  background:linear-gradient(135deg, #0b1025, #1a224a);
  border:1px solid rgba(255,255,255,.14);
  color:#eef2ff; text-align:center; box-shadow:0 30px 120px rgba(0,0,0,.5)
}
.aurora-thanks__badge{ width:84px; height:84px; border-radius:20px; margin:0 auto 10px; display:grid; place-items:center; background:linear-gradient(135deg,var(--ob-ac1),var(--ob-ac2)); box-shadow:0 16px 54px rgba(108,140,255,.3) }
.aurora-thanks__badge .material-symbols-rounded{ font-size:40px; color:#0f1536 }
.aurora-thanks__title{ margin:0; font-family:"Sora",system-ui; font-weight:800; font-size:1.4rem }
.aurora-thanks__desc{ margin:.4rem 0 .8rem; opacity:.95 }
.aurora-thanks__btn{
  display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:0 14px; border-radius:12px; font-weight:900;
  color:#0a0f22; background:linear-gradient(135deg,var(--ob-ac1),var(--ob-ac2)); border:0; cursor:pointer
}
.aurora-thanks__btn:focus-visible{ outline:2px solid var(--ob-ring); outline-offset:3px }

:root{
  --zf-max:1220px;
  --zf-bg:#0A0E2A;
  --zf-ink:#EAF0FF;
  --zf-dim:#A9B4DC;
  --zf-bord:rgba(255,255,255,.14);
  --zf-card:rgba(255,255,255,.06);
  --zf-ac1:#FF7AD9;
  --zf-ac2:#FFB86B;
  --zf-ring:#59A8FF;
  --zf-r:18px;
}

.zenfoot{ background:#000 }
.zenfoot__wrap{
  max-width:var(--zf-max);
  margin:0 auto;
  padding:32px 18px 40px;
  color:var(--zf-ink);
  display:grid; gap:16px;
}

.zenfoot__promo{
  background:
    radial-gradient(600px 220px at 0% 0%, rgba(72,224,200,.12), transparent 60%),
    radial-gradient(600px 220px at 100% 0%, rgba(122,140,255,.12), transparent 60%),
    linear-gradient(180deg, var(--zf-card), rgba(255,255,255,.03));
  border:1px solid var(--zf-bord);
  border-radius:var(--zf-r);
  padding:18px;
  display:grid;
  gap:10px;
  text-align:center;
}

.zenfoot__glyph{
  font-size:26px;
  color:#0a0f22;
  background:linear-gradient(135deg,var(--zf-ac1),var(--zf-ac2));
  border-radius:12px;
  padding:6px;
  margin:0 auto;
  box-shadow:0 12px 42px rgba(122,140,255,.25);
}

.zenfoot__title{
  margin:2px 0 0;
  font-family:"Sora",system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;
  font-weight:800;
  letter-spacing:.2px;
  font-size:clamp(1.15rem,2vw,1.55rem);
}
.zenfoot__lead{ margin:0; color:var(--zf-ink); opacity:.95 }

.zenfoot__logos{
  margin:8px auto 2px;
  display:grid;
  grid-template-columns:repeat(7, minmax(0,1fr));
  gap:10px;
  align-items:center;
}
.zenfoot__logos-i{
  display:grid; place-items:center;
  min-height:56px;
  border-radius:12px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1);
}
.zenfoot__logos img{ max-width:120px; height:auto; filter:contrast(1.05) }

@media (max-width:980px){
  .zenfoot__logos{ grid-template-columns:repeat(3, minmax(0,1fr)) }
}
@media (max-width:560px){
  .zenfoot__logos{ grid-template-columns:repeat(2, minmax(0,1fr)) }
}

.zenfoot__rule{
  height:1px;
  border:0;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.16), transparent);
}

.zenfoot__nav{
  display:flex; flex-wrap:wrap; gap:12px 18px; justify-content:center;
}
.zenfoot__link{
  padding:6px 10px;
  border-radius:12px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  font-weight:700;
}
.zenfoot__link:focus-visible{ outline:2px solid var(--zf-ring); outline-offset:3px }

.zenfoot__copy{
  margin:2px 0 0;
  color:var(--zf-dim);
  text-align:center;
  font-size:.95rem;
}
.zenfoot__brand{
  font-weight:900;
  background:linear-gradient(135deg,var(--zf-ac1),var(--zf-ac2));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

:root{
  --ck-bg:#0A0E2A; --ck-ink:#EAF0FF; --ck-dim:#A9B4DC;
  --ck-bord:#1f2858; --ck-ring:#59A8FF; --ck-r:16px;
  --gate-grad-start:#FF7AD9; --gate-grad-end:#FFB86B;
}

.ciel-cookie[hidden]{display:none}
.ciel-cookie{position:fixed; inset:auto 0 0 0; z-index:60; color:var(--ck-ink); font:600 15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,DM Sans,Arial,sans-serif}
.ciel-cookie__bar{
  margin:0 auto 12px; width:min(1100px, calc(100% - 24px));
  display:grid; gap:12px; grid-template-columns:1fr auto;
  background:linear-gradient(180deg,#0b1028,#121a3a);
  border:1px solid var(--ck-bord); border-radius:var(--ck-r); padding:12px;
  box-shadow:0 18px 70px rgba(0,0,0,.35)
}
.ciel-cookie__text{display:grid; gap:6px}
.ciel-cookie__title{margin:0; font-weight:900}
.ciel-cookie__desc{margin:0}
.ciel-cookie__links{margin:0; color:var(--ck-dim); font-weight:600}
.ciel-cookie__actions{display:flex; gap:8px; align-items:center; flex-wrap:wrap; justify-content:flex-end}
.ciel-cookie__btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-height:42px; padding:0 14px; border-radius:12px; font-weight:900; border:0; cursor:pointer;
  color:#0a0f22; background:linear-gradient(135deg,var(--gate-grad-start),var(--gate-grad-end));
}
.ciel-cookie__btn:focus-visible{outline:2px solid var(--ck-ring); outline-offset:3px}
@media (max-width:720px){ .ciel-cookie__bar{grid-template-columns:1fr} .ciel-cookie__actions{justify-content:flex-start} }

.agegate-vela[hidden]{display:none}
.agegate-vela{position:fixed; inset:0; z-index:70; display:grid; place-items:center}
.agegate-vela__veil{position:absolute; inset:0; background:rgba(6,10,28,.75)}
.agegate-vela__panel{
  position:relative; z-index:1; width:min(560px, calc(100% - 36px));
  border-radius:20px; padding:20px; text-align:center; color:#EEF2FF;
  background:linear-gradient(135deg,#0b1025,#19224a);
  border:1px solid rgba(255,255,255,.14); box-shadow:0 30px 120px rgba(0,0,0,.5)
}
.agegate-vela__badge{width:86px; height:86px; border-radius:20px; margin:0 auto 10px; display:grid; place-items:center; background:linear-gradient(135deg,var(--gate-grad-start),var(--gate-grad-end)); box-shadow:0 16px 54px rgba(255,184,107,.28)}
.agegate-vela__badge .material-symbols-rounded{font-size:42px; color:#0f1536}
.agegate-vela__title{margin:0; font-family:"Sora",system-ui; font-weight:900; font-size:1.35rem}
.agegate-vela__desc{margin:.45rem 0 .8rem}
.agegate-vela__actions{display:flex; gap:10px; justify-content:center; flex-wrap:wrap}
.agegate-vela__btn{
  display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:0 14px; border-radius:12px; font-weight:900; border:0; cursor:pointer;
  color:#0a0f22; background:linear-gradient(135deg,var(--gate-grad-start),var(--gate-grad-end))
}
.agegate-vela__btn--ghost{background:transparent; border:1px solid rgba(255,255,255,.18); color:#EEF2FF}
.agegate-vela__btn:focus-visible{outline:2px solid var(--ck-ring); outline-offset:3px}