:root{
  --ink-base:      #0F1030;
  --ink-panel:     #1B1D4A;
  --ink-type:      #EAEAF6;
  --ink-gold:      #F2C24B;
  --ink-quiet:     #8A8CB8;
  --ink-hairline:  rgba(138,140,184,.28);
  --ink-deep:      #0A0B22;
  --ink-contrast:  #171734;
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
html,body{margin:0;}
body{
  background:var(--ink-base);
  color:var(--ink-type);
  font-family:"Roboto Slab",serif;
  font-weight:400;
  line-height:1.72;
  padding-top:14px;
  min-height:100vh;
}
img{max-width:100%;height:auto;display:block;}
a{color:var(--ink-gold);text-decoration-thickness:1px;text-underline-offset:3px;}
a:hover{color:#F7D171;}
:focus-visible{outline:2px solid var(--ink-gold);outline-offset:3px;}

.shell{max-width:1240px;margin:0 auto;padding:0 clamp(18px,4vw,44px);}

.band{padding:clamp(64px,8vw,116px) 0;}
.band--base{background:var(--ink-base);}
.band--panel{background:var(--ink-panel);}
.band--deep{background:var(--ink-deep);}
.band--hero{padding-top:96px;}
.band--line{border-top:1px solid var(--ink-hairline);}

.band__grid{
  display:grid;
  grid-template-columns:0.74fr 1.26fr;
  gap:clamp(28px,4vw,72px);
  align-items:start;
}
.band--hero .band__grid{align-items:center;}
@media (max-width:900px){
  .band__grid{grid-template-columns:1fr;gap:26px;}
}

.band__aside .headline-lg,
.band__aside .headline-md{margin-bottom:14px;}

.tagline{
  font-family:"Barlow",sans-serif;
  font-weight:600;
  font-size:12px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--ink-gold);
  margin:0 0 14px;
}

.headline-xl,.headline-lg,.headline-md{
  font-family:"Barlow",sans-serif;
  font-weight:600;
  letter-spacing:-0.015em;
  line-height:1.18;
  margin:0 0 18px;
  color:var(--ink-type);
}
.headline-xl{font-size:clamp(34px,4.8vw,56px);font-weight:700;}
.headline-lg{font-size:clamp(26px,3.2vw,40px);}
.headline-md{font-size:clamp(20px,2.3vw,28px);}

.lede{
  font-family:"Roboto Slab",serif;
  font-weight:300;
  font-size:1.12em;
  line-height:1.72;
  margin:0 0 22px;
}
.prose{margin:0 0 16px;}
.prose:last-child{margin-bottom:0;}
.prose--quiet,.lede--quiet{color:var(--ink-quiet);}
.prose a,.lede a{font-weight:400;}

.actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 18px;}

/* sticky nav */
.pillbar{position:sticky;top:14px;z-index:60;padding:0 clamp(18px,4vw,44px);}
.pillbar__inner{
  max-width:1240px;margin:0 auto;
  display:flex;align-items:center;gap:18px;
  background:rgba(27,29,74,.92);
  backdrop-filter:saturate(140%) blur(10px);
  border:1px solid var(--ink-hairline);
  border-radius:999px;
  padding:10px 12px 10px 22px;
  box-shadow:0 14px 36px rgba(10,11,34,.45);
  position:relative;
}
.pillbar__mark{
  display:inline-flex;align-items:center;gap:10px;
  font-family:"Barlow",sans-serif;
  font-weight:600;font-size:17px;
  color:var(--ink-type);text-decoration:none;
  letter-spacing:-0.015em;white-space:nowrap;
  flex:0 0 auto;
}
.pillbar__mark:hover{color:var(--ink-type);}
.pillbar__mark svg{width:28px;height:28px;flex:0 0 auto;}
.pillbar__links{
  display:flex;align-items:center;justify-content:flex-end;
  gap:4px 8px;flex:1 1 auto;flex-wrap:wrap;
}
.pillbar__link{
  font-family:"Barlow",sans-serif;
  font-weight:500;font-size:13px;
  color:var(--ink-type);text-decoration:none;
  padding:6px 8px;border-radius:999px;
}
.pillbar__link:hover,
.pillbar__link.is-on{color:var(--ink-gold);}
.pillbar__cta{
  flex:0 0 auto;
  padding:10px 16px;
  font-size:13px;
}
.pillbar__burger{
  display:none;
  width:42px;height:42px;
  border:0;background:transparent;cursor:pointer;
  padding:10px 9px;margin-left:auto;
}
.pillbar__burger span{
  display:block;height:2px;background:var(--ink-type);
  margin:5px 0;border-radius:2px;
}
.pillbar__drop{display:none;}

@media (max-width:959px){
  .pillbar__links{display:none;}
  .pillbar__cta{display:none;}
  .pillbar__burger{display:block;}
  .pillbar__inner{border-radius:28px;flex-wrap:wrap;padding:10px 12px 10px 18px;}
  .pillbar__inner.open{border-radius:22px;}
  .pillbar__inner.open .pillbar__drop{
    display:flex;flex-direction:column;gap:4px;
    width:100%;
    background:var(--ink-panel);
    border-radius:22px;
    padding:14px 12px 16px;
    margin-top:6px;
  }
  .pillbar__drop .pillbar__link{
    display:block;padding:10px 12px;font-size:15px;
  }
  .pillbar__drop .btn{margin-top:8px;align-self:flex-start;}
}

.btn{
  display:inline-flex;align-items:center;justify-content:center;
  font-family:"Barlow",sans-serif;
  font-weight:600;font-size:15px;
  letter-spacing:-0.01em;
  text-decoration:none;
  border-radius:999px;
  padding:12px 22px;
  border:1px solid transparent;
  cursor:pointer;
  transition:background .2s ease,color .2s ease,border-color .2s ease;
}
.btn--gold{
  background:var(--ink-gold);
  color:var(--ink-contrast);
  border-color:var(--ink-gold);
}
.btn--gold:hover{
  background:#F7D171;
  color:var(--ink-contrast);
  border-color:#F7D171;
}
.btn--ghost{
  background:transparent;
  color:var(--ink-type);
  border-color:var(--ink-hairline);
}
.btn--ghost:hover{
  background:var(--ink-gold);
  color:var(--ink-contrast);
  border-color:var(--ink-gold);
}

.slate{
  background:rgba(234,234,246,.045);
  border:1px solid var(--ink-hairline);
  padding:26px 24px;
}
.slate h3{
  font-family:"Barlow",sans-serif;
  font-weight:600;letter-spacing:-0.015em;
  font-size:18px;margin:0 0 10px;
}
.slate p{margin:0 0 10px;}
.slate p:last-child{margin-bottom:0;}
.slate .meta{
  font-family:"Barlow",sans-serif;
  font-size:12px;letter-spacing:.04em;
  color:var(--ink-quiet);margin-top:12px;
}
.slate-row{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
  margin:0;
  padding:0;
  list-style:none;
}
.slate-row--solo{grid-template-columns:1fr;}
@media (max-width:760px){
  .slate-row{grid-template-columns:1fr;}
}

.ledger{border-top:1px solid var(--ink-hairline);}
.ledger__row{
  display:grid;
  grid-template-columns:minmax(140px,.42fr) 1fr;
  gap:20px 28px;
  padding:22px 0;
  border-bottom:1px solid var(--ink-hairline);
}
.ledger__row h3{
  font-family:"Barlow",sans-serif;
  font-weight:600;letter-spacing:-0.015em;
  color:var(--ink-gold);
  font-size:16px;margin:0;
}
.ledger__row p{margin:0;}
@media (max-width:700px){
  .ledger__row{grid-template-columns:1fr;gap:8px;}
}

.stat-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:28px 24px;
}
.stat-strip__item strong{
  display:block;
  font-family:"Barlow",sans-serif;
  font-weight:700;
  font-size:clamp(28px,3.2vw,40px);
  letter-spacing:-0.02em;
  color:var(--ink-gold);
  line-height:1.1;
}
.stat-strip__item span{
  display:block;margin-top:8px;
  color:var(--ink-quiet);
  font-size:.95em;
}
@media (max-width:800px){
  .stat-strip{grid-template-columns:1fr 1fr;}
}

.qa{margin:0;}
.qa__item{
  border-top:1px solid var(--ink-hairline);
  padding:22px 0;
}
.qa__item:last-child{border-bottom:1px solid var(--ink-hairline);}
.qa__q{
  font-family:"Barlow",sans-serif;
  font-weight:600;letter-spacing:-0.015em;
  font-size:18px;margin:0 0 8px;
}
.qa__a{margin:0;font-weight:400;}

.figure-frame{
  border-radius:4px;
  overflow:hidden;
  border-left:3px solid var(--ink-gold);
  background:var(--ink-deep);
}
.figure-frame img{
  width:100%;
  height:100%;
  min-height:320px;
  max-height:520px;
  object-fit:cover;
}

.module-list{margin:16px 0 0;padding:0;list-style:none;}
.module-list li{
  padding:12px 0;
  border-top:1px solid var(--ink-hairline);
}
.module-list li:last-child{border-bottom:1px solid var(--ink-hairline);}
.module-list strong{
  font-family:"Barlow",sans-serif;
  font-weight:600;
  display:block;
}

.toc a{display:block;padding:6px 0;text-decoration:none;color:var(--ink-type);}
.toc a:hover{color:var(--ink-gold);}

.formgrid{display:grid;gap:16px;position:relative;}
.field{display:flex;flex-direction:column;gap:6px;}
.field__label{
  font-family:"Barlow",sans-serif;
  font-weight:600;font-size:14px;
}
.field__input,
.formgrid select,
.formgrid textarea{
  font-family:"Roboto Slab",serif;
  font-size:16px;
  color:var(--ink-type);
  background:rgba(10,11,34,.45);
  border:1px solid var(--ink-hairline);
  border-radius:4px;
  padding:11px 12px;
  width:100%;
}
.formgrid textarea{min-height:160px;resize:vertical;}
.field__input:focus,
.formgrid select:focus,
.formgrid textarea:focus{
  outline:2px solid var(--ink-gold);
  outline-offset:1px;
}
.field--check{
  flex-direction:row;align-items:flex-start;gap:10px;
}
.field--check input{margin-top:5px;accent-color:var(--ink-gold);}
.field__note{color:var(--ink-quiet);font-size:.92em;margin:4px 0 0;}
.field__err{
  background:rgba(242,194,75,.1);
  border:1px solid var(--ink-gold);
  color:var(--ink-type);
  padding:14px 16px;
  margin:0 0 8px;
}
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;}

.notice-good{
  background:rgba(242,194,75,.1);
  border:1px solid var(--ink-gold);
  padding:28px 26px;
}
.notice-good h2{margin-bottom:10px;}
.notice-good p{margin:0;}

.map-frame{
  border:1px solid var(--ink-hairline);
  border-radius:4px;
  overflow:hidden;
  background:var(--ink-deep);
}
.map-frame iframe{display:block;width:100%;}

.cookie-table{width:100%;border-collapse:collapse;font-size:.95em;}
.cookie-table th,
.cookie-table td{
  text-align:left;vertical-align:top;
  padding:12px 10px;
  border-bottom:1px solid var(--ink-hairline);
}
.cookie-table th{
  font-family:"Barlow",sans-serif;
  font-weight:600;
  color:var(--ink-gold);
}

.footer-mega{
  background:var(--ink-deep);
  border-top:2px solid var(--ink-gold);
  padding:clamp(48px,6vw,88px) 0 36px;
}
.footer-mega .shell{
  display:grid;
  grid-template-columns:1.35fr repeat(4,1fr);
  gap:32px 28px;
}
.footer-mega__col h3{
  font-family:"Barlow",sans-serif;
  font-weight:600;letter-spacing:-0.015em;
  font-size:15px;margin:0 0 14px;
}
.footer-mega__col p,
.footer-mega__col a{
  color:var(--ink-quiet);
  text-decoration:none;
  font-size:.95em;
}
.footer-mega__col a{display:block;padding:3px 0;}
.footer-mega__col a:hover{color:var(--ink-gold);}
.footer-mega__col .mark{
  font-family:"Barlow",sans-serif;
  font-weight:600;font-size:17px;
  color:var(--ink-type);margin:0 0 12px;
}
.footer-base{
  background:var(--ink-deep);
  border-top:1px solid var(--ink-hairline);
  padding:18px 0 28px;
}
.footer-base .shell{
  display:grid;
  grid-template-columns:1fr 1.4fr 1.3fr;
  gap:16px 24px;
  align-items:start;
}
.footer-base p{
  margin:0;
  color:var(--ink-quiet);
  font-size:13px;
  line-height:1.55;
}
.footer-base p:nth-child(2){text-align:center;}
.footer-base p:nth-child(3){text-align:right;}
@media (max-width:960px){
  .footer-mega .shell{grid-template-columns:1fr 1fr;}
  .footer-base .shell{grid-template-columns:1fr; }
  .footer-base p,
  .footer-base p:nth-child(2),
  .footer-base p:nth-child(3){text-align:left;}
}
@media (max-width:560px){
  .footer-mega .shell{grid-template-columns:1fr;}
}

.cookie-dock{
  position:fixed;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  width:min(720px,calc(100% - 28px));
  z-index:80;
  background:var(--ink-panel);
  border:1px solid var(--ink-hairline);
  border-top:2px solid var(--ink-gold);
  box-shadow:0 16px 40px rgba(10,11,34,.5);
  padding:18px 20px;
  display:flex;flex-wrap:wrap;gap:12px 18px;
  align-items:center;
}
.cookie-dock[hidden]{display:none;}
.cookie-dock p{margin:0;flex:1 1 280px;font-size:.95em;}
.cookie-dock .actions{margin:0;}

.note-em{font-style:italic;color:var(--ink-quiet);margin-top:18px;}
code{font-family:"Barlow",sans-serif;font-size:.92em;}

.lift-in{opacity:1;transform:none;transition:opacity .5s ease,transform .5s ease;}
html.js .lift-in{opacity:0;transform:translateY(14px);}
html.js .lift-in.lifted{opacity:1;transform:none;}
html.no-js .lift-in{opacity:1 !important;transform:none !important;}
@media (prefers-reduced-motion: reduce){
  .lift-in, html.js .lift-in{opacity:1 !important;transform:none !important;transition:none !important;}
}