/* ====================================================================
   Quilate design system
   ==================================================================== */
*,*::before,*::after{box-sizing:border-box}

html{-webkit-text-size-adjust:100%}

body{
  margin:0;
  background:#0F1411;
  color:#F2EFE3;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:17px;
  line-height:1.72;
}

h1,h2,h3,h4{
  font-family:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
  font-weight:600;
  line-height:1.24;
  color:#F2EFE3;
  letter-spacing:.005em;
}
h1{font-size:2.05rem;margin:0 0 .6rem}
h2{font-size:1.5rem;margin:2.6rem 0 .9rem;position:relative;padding-top:1.1rem}
h2::before{
  content:"";position:absolute;top:0;left:0;width:54px;height:2px;
  background:linear-gradient(90deg,#C9A227,#8A6F1E);
}
h3{font-size:1.18rem;margin:1.8rem 0 .5rem;color:#C9A227}
p{margin:0 0 1.05rem}
a{color:#C9A227;text-underline-offset:3px}
a:hover{color:#D3E512}
img{max-width:100%;height:auto;display:block}
ul,ol{margin:0 0 1.15rem;padding-left:1.25rem}
li{margin:.35rem 0}
strong{color:#fff}
small{color:#9BA79E}

/* ---------- wrappers -------------------------------------------------
   padding-left / padding-right are set on their OWN lines on purpose.    */
/* ---------- header ---------------------------------------------------- */
.topbar{
  background:linear-gradient(180deg,#141C17,#0F1411);
  border-bottom:1px solid #2A362E;
  position:sticky;top:0;z-index:40;
}
.topbar__bar{
  display:flex;flex-wrap:wrap;align-items:center;gap:14px;
  min-height:64px;
  max-width:1120px;margin-left:auto;margin-right:auto;
  padding-left:20px;padding-right:20px;
}
/* the logo's "Spin" half is white, so it always needs a dark ground */
.ql-logo{display:flex;align-items:center;flex:0 0 auto;width:148px}
.ql-logo img,.ql-logo svg{width:148px;height:auto}

.ql-burger{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;
  background:transparent;border:1px solid #2A362E;border-radius:3px;
  color:#F2EFE3;font-family:inherit;font-size:13px;
  padding-left:10px;padding-right:10px;padding-top:6px;padding-bottom:6px;
  cursor:pointer;
}
.ql-burger:hover{border-color:#C9A227}
.ql-burger__bars{display:inline-block;width:14px;height:10px;position:relative}
.ql-burger__bars::before,.ql-burger__bars::after,.ql-burger__bars span{
  content:"";position:absolute;left:0;width:14px;height:1.5px;background:#C9A227;
}
.ql-burger__bars::before{top:0}
.ql-burger__bars span{top:4.25px}
.ql-burger__bars::after{bottom:0}

.rudder-nav{display:none}
.rudder-nav--open{
  display:block;flex:0 0 100%;width:100%;
  padding-top:6px;padding-bottom:12px;
}
.rudder-nav__list{
  list-style:none;margin:0;padding-left:0;
  display:flex;flex-direction:column;gap:2px;
}
.rudder-nav__link{
  display:block;color:#F2EFE3;text-decoration:none;font-size:.95rem;
  padding-top:9px;padding-bottom:9px;padding-left:4px;padding-right:4px;
  border-bottom:1px solid #2A362E;
}
.rudder-nav__link:hover,.rudder-nav__link[aria-current="page"]{color:#C9A227}

/* the header CTA sits at the FAR RIGHT; margin-left:auto lives on the NAV so
   the CTA is pushed to the edge rather than stranded beside the logo. */
.topbar__cta{
  flex:0 0 auto;margin-left:auto;
  background:#D3E512;color:#0F1411;text-decoration:none;font-weight:700;
  font-size:.82rem;border-radius:3px;
  padding-left:14px;padding-right:14px;padding-top:8px;padding-bottom:8px;
}
.topbar__cta:hover{background:#C9A227;color:#0F1411}

@media (min-width:880px){
  .topbar__bar{flex-wrap:nowrap}
  .ql-burger{display:none}
  .rudder-nav{display:block;flex:0 0 auto;width:auto;margin-left:auto;
    padding-top:0;padding-bottom:0}
  .rudder-nav--open{flex:0 0 auto;width:auto}
  .rudder-nav__list{flex-direction:row;gap:18px}
  .rudder-nav__link{border-bottom:0;padding-top:4px;padding-bottom:4px}
  .topbar__cta{margin-left:18px}
}
/* below the breakpoint the CTA leaves the row entirely and comes back inside
   the opened panel, so the row budget is logo + burger only. */
@media (max-width:879px){
  .topbar__cta{display:none}
  .rudder-nav__cta{
    display:inline-block;margin-top:12px;
    background:#D3E512;color:#0F1411;text-decoration:none;font-weight:700;
    font-size:.85rem;border-radius:3px;
    padding-left:16px;padding-right:16px;padding-top:9px;padding-bottom:9px;
  }
}
@media (min-width:880px){ .rudder-nav__cta{display:none} }

/* ---------- breadcrumb (OUTSIDE <main>) -------------------------------- */
.trailpath{
  border-bottom:1px solid #2A362E;background:#141C17;
  font-size:.8rem;color:#9BA79E;
}
.trailpath__inner{
  max-width:1120px;margin-left:auto;margin-right:auto;
  padding-left:20px;padding-right:20px;padding-top:9px;padding-bottom:9px;
}
.trailpath a{color:#9BA79E;text-decoration:none}
.trailpath a:hover{color:#C9A227}

/* ---------- hero ------------------------------------------------------- */
.ql-hero{
  background:
    radial-gradient(1100px 380px at 12% -20%,rgba(201,162,39,.16),transparent 70%),
    linear-gradient(180deg,#141C17,#0F1411);
  border-bottom:1px solid #2A362E;
}
.ql-hero__inner{
  max-width:1120px;margin-left:auto;margin-right:auto;
  padding-left:20px;padding-right:20px;padding-top:2.6rem;padding-bottom:2.2rem;
}
.ql-hero__eyebrow{
  font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;
  color:#C9A227;margin:0 0 .7rem;
}
/* the featured-snippet lede carries BOTH classes: `lede` styles it while
   `snippet` is the marker token the structural gate looks for after the H1. */
.lede-rail20{font-size:1.09rem;color:#DDD8C6;max-width:62ch;margin:0}
.takeline{font-weight:400}

.leadframe2{margin:1.6rem 0 0}
.leadframe2 img{border:1px solid #2A362E;border-radius:4px;width:100%}
.leadframe2 figcaption,.ql-figure figcaption{
  font-size:.78rem;color:#9BA79E;margin-top:.5rem;
}
.ql-figure{margin:1.5rem 0}
.ql-figure img{border:1px solid #2A362E;border-radius:4px}

/* ---------- main ------------------------------------------------------- */
.mainzone{display:block}
.ql-body{
  max-width:820px;margin-left:auto;margin-right:auto;
  padding-left:20px;padding-right:20px;padding-top:1.6rem;padding-bottom:2.4rem;
}

/* ---------- the hallmark stamp ---------------------------------------- */
.ql-hallmark{
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;flex:0 0 34px;
  color:#C9A227;font-weight:700;font-size:.9rem;
  position:relative;
}
.ql-hallmark svg{position:absolute;inset:0;width:34px;height:34px}
.ql-hallmark span{position:relative}

/* ---------- the tranche ledger ---------------------------------------- */
.ql-ledger{
  border:1px solid #2A362E;border-radius:4px;background:#18211C;
  margin:1.6rem 0;overflow:hidden;
}
.ql-ledger__head{
  background:#1E2922;border-bottom:1px solid #2A362E;
  font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:#C9A227;
  padding-left:16px;padding-right:16px;padding-top:10px;padding-bottom:10px;
}
.ql-ledger__row{
  display:flex;align-items:center;gap:14px;
  border-bottom:1px solid #2A362E;
  padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:12px;
}
.ql-ledger__row:last-child{border-bottom:0}
.ql-ledger__label{flex:1 1 auto;min-width:0;font-size:.93rem}
.ql-ledger__label b{display:block;color:#fff;font-size:1rem}
.ql-ledger__label small{display:block;line-height:1.5}
.ql-ledger__bar{
  flex:0 0 108px;height:7px;border-radius:4px;background:#0F1411;
  border:1px solid #2A362E;overflow:hidden;
}
.ql-ledger__bar i{display:block;height:100%;background:linear-gradient(90deg,#8A6F1E,#C9A227)}
.ql-ledger__sum{
  background:#1E2922;border-top:1px solid #8A6F1E;
  display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;
  font-size:.95rem;color:#fff;
  padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:12px;
}
.ql-ledger__sum b{color:#C9A227}

/* ---------- the assay meter (what the offer is really worth) ----------- */
.ql-assay{
  border:1px solid #2A362E;border-left:3px solid #C9A227;border-radius:4px;
  background:#18211C;margin:1.5rem 0;
  padding-left:18px;padding-right:18px;padding-top:14px;padding-bottom:16px;
}
.ql-assay__title{
  font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;
  color:#C9A227;margin-bottom:.6rem;
}
.ql-assay__track{
  position:relative;height:10px;border-radius:5px;background:#0F1411;
  border:1px solid #2A362E;margin-top:.9rem;margin-bottom:.5rem;
}
.ql-assay__fill{position:absolute;left:0;top:0;bottom:0;border-radius:5px;
  background:linear-gradient(90deg,#8A6F1E,#D3E512)}
.ql-assay__scale{display:flex;justify-content:space-between;font-size:.74rem;color:#9BA79E}

/* ---------- stat tiles ------------------------------------------------- */
.ql-tiles{
  display:grid;gap:12px;margin:1.6rem 0;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
}
.ql-tile{
  background:#18211C;border:1px solid #2A362E;border-top:2px solid #C9A227;
  border-radius:3px;
  padding-left:14px;padding-right:14px;padding-top:12px;padding-bottom:12px;
}
.ql-tile b{display:block;font-size:1.22rem;color:#fff;line-height:1.3}
.ql-tile span{display:block;font-size:.78rem;color:#9BA79E;margin-top:.15rem}

/* ---------- callout ---------------------------------------------------- */
.ql-note{
  background:#18211C;border:1px solid #2A362E;border-left:3px solid #C9A227;
  border-radius:3px;margin:1.5rem 0;
  padding-left:18px;padding-right:18px;padding-top:14px;padding-bottom:14px;
}
.ql-note__tag{
  display:block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;
  color:#C9A227;margin-bottom:.35rem;
}

/* ---------- steps ------------------------------------------------------ */
.ql-steps{list-style:none;margin:1.5rem 0;padding-left:0;counter-reset:ql}
.ql-steps li{
  display:flex;gap:14px;align-items:flex-start;
  border-bottom:1px solid #2A362E;
  padding-top:13px;padding-bottom:13px;
}
.ql-steps li:last-child{border-bottom:0}
.ql-steps__n{
  flex:0 0 28px;width:28px;height:28px;border-radius:50%;
  border:1px solid #8A6F1E;color:#C9A227;
  display:flex;align-items:center;justify-content:center;
  font-size:.85rem;font-weight:700;margin-top:2px;
}
.ql-steps__t{flex:1 1 auto;min-width:0}

/* ---------- fact grid -------------------------------------------------- */
.ql-facts{
  border:1px solid #2A362E;border-radius:4px;background:#18211C;margin:1.5rem 0;
}
.ql-facts__row{
  display:flex;flex-wrap:wrap;gap:6px 18px;border-bottom:1px solid #2A362E;
  padding-left:16px;padding-right:16px;padding-top:10px;padding-bottom:10px;
}
.ql-facts__row:last-child{border-bottom:0}
.ql-facts__k{flex:0 0 190px;color:#9BA79E;font-size:.86rem}
.ql-facts__v{flex:1 1 220px;min-width:0;font-size:.93rem}

/* ---------- tables ----------------------------------------------------- */
.table-scroll-pane{overflow-x:auto;margin:1.5rem 0;border:1px solid #2A362E;border-radius:4px}
.ql-table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:520px}
.ql-table th,.ql-table td{
  border-bottom:1px solid #2A362E;text-align:left;vertical-align:top;
  padding-left:13px;padding-right:13px;padding-top:10px;padding-bottom:10px;
}
.ql-table th{
  background:#1E2922;color:#C9A227;font-size:.74rem;letter-spacing:.1em;
  text-transform:uppercase;white-space:normal;
}
.ql-table tr:last-child td{border-bottom:0}

/* ---------- CTA -------------------------------------------------------- */
.prompt-band{margin:1.9rem 0;text-align:center}
.cta-btn-rail22{
  display:inline-block;background:#D3E512;color:#0F1411;font-weight:700;
  text-decoration:none;border-radius:3px;font-size:.98rem;
  padding-left:30px;padding-right:30px;padding-top:13px;padding-bottom:13px;
  border-bottom:2px solid #8A6F1E;
}
.cta-btn-rail22:hover{background:#C9A227;color:#0F1411}

/* ---------- FAQ -------------------------------------------------------- */
.askpanel{margin:1.8rem 0 0}
.faq-item-rail20{border:1px solid #2A362E;border-radius:3px;background:#18211C;margin-bottom:10px}
.asktitle{
  cursor:pointer;list-style:none;font-weight:600;color:#F2EFE3;
  padding-left:16px;padding-right:16px;padding-top:13px;padding-bottom:13px;
  display:flex;justify-content:space-between;gap:12px;align-items:flex-start;
}
.asktitle::-webkit-details-marker{display:none}
.asktitle::after{content:"+";color:#C9A227;font-weight:700;flex:0 0 auto}
details[open] .asktitle::after{content:"\2212"}
.faq-answer-band18{
  border-top:1px solid #2A362E;color:#DDD8C6;font-size:.95rem;
  padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:14px;
}
.faq-answer-band18 p:last-child{margin-bottom:0}

/* ---------- footer ----------------------------------------------------- */
.basebar{
  background:#141C17;border-top:1px solid #2A362E;margin-top:3rem;
  font-size:.88rem;color:#9BA79E;
}
.basebar__inner{
  max-width:1120px;margin-left:auto;margin-right:auto;
  padding-left:20px;padding-right:20px;padding-top:2.2rem;padding-bottom:1.6rem;
}
.foot-column{
  display:grid;gap:26px;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
}
.basebar__brand img,.basebar__brand svg{width:138px;height:auto;margin-bottom:.7rem}
.basebar h4{
  font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;
  color:#C9A227;margin:0 0 .6rem;
}
.footernav-band{list-style:none;margin:0;padding-left:0}
.footernav-band li{margin:.3rem 0}
.footernav-band a{color:#9BA79E;text-decoration:none}
.footernav-band a:hover{color:#C9A227}
.foot-statute{
  border-top:1px solid #2A362E;margin-top:1.8rem;padding-top:1.2rem;
  font-size:.8rem;line-height:1.65;
}
.agebar{
  display:inline-flex;align-items:center;justify-content:center;
  width:30px;height:30px;border-radius:50%;
  border:1px solid #8A6F1E;color:#C9A227;font-weight:700;font-size:.78rem;
  margin-right:10px;vertical-align:middle;
}
.rightsfoot{margin-top:1rem;color:#7F8A82;font-size:.78rem}
.foot-concession-text{color:#7F8A82}

/* ---------- misc ------------------------------------------------------- */
@media (max-width:520px){
  body{font-size:16px}
  h1{font-size:1.7rem}
  h2{font-size:1.32rem}
  .ql-facts__k{flex:1 1 100%}
}