:root{
  --pitch:#0f1233;
  --slab:#191d47;
  --slab-2:#212760;
  --slab-3:#2b3374;
  --rim:#2d3474;
  --rim-2:#3f479c;
  --gild:#ffce4a;
  --gild-2:#ffb020;
  --fern:#63c24a;
  --fern-2:#84e05f;
  --snow:#eef0ff;
  --mist:#aab0e4;
  --span:1200px;
  --gap:48px;
  --face:Verdana,Geneva,"Segoe UI",sans-serif;
  --read:"Helvetica Neue",Arial,"Liberation Sans",sans-serif;
}
*{box-sizing:border-box}
html,body{overflow-x:hidden;max-width:100%}
body{margin:0;background:var(--pitch);color:var(--snow);font-family:var(--read);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--face);line-height:1.22;overflow-wrap:break-word;letter-spacing:.1px}
p,li{overflow-wrap:break-word}

.capline{position:fixed;inset:0 0 auto 0;z-index:60;background:var(--slab);border-bottom:1px solid var(--rim)}
.capline__in{max-width:none;margin-inline:0;display:flex;align-items:center;gap:16px;padding:11px clamp(14px,3vw,36px)}
.emblem a{display:inline-flex}
.emblem img{width:auto;height:50px}
.drawerflip{display:none}
.capline__burger{display:none;flex-direction:column;gap:5px;width:44px;height:44px;padding:11px;cursor:pointer;border:1px solid var(--rim);border-radius:8px;background:var(--slab-2)}
.capline__burger span{height:2px;background:var(--snow);border-radius:2px}
.mainbar{display:flex;align-items:center;gap:18px;margin-left:6px;flex:1}
.mainbar__list{list-style:none;display:flex;gap:9px;margin:0;padding:0;flex-wrap:wrap}
.mainbar__list .ref{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border:1px solid var(--rim);border-radius:7px;background:var(--slab-2);font-size:13.5px;font-weight:700;cursor:pointer;white-space:nowrap}
.mainbar__list .ref:hover{background:var(--slab-3);border-color:var(--rim-2)}
.mainbar__list svg{width:17px;height:17px;fill:var(--gild);flex:none}
.mainbar__ctas,.capline__ctas{display:flex;gap:9px;margin-left:auto}
.enterbtn,.joinbtn{display:inline-flex;align-items:center;padding:9px 18px;border-radius:7px;font-weight:800;font-size:13.5px;cursor:pointer;white-space:nowrap}
.enterbtn{border:1px solid var(--rim-2);background:var(--slab-2);color:var(--snow)}
.enterbtn:hover{background:var(--slab-3)}
.joinbtn{border:1px solid var(--gild);background:var(--gild);color:#20180a}
.joinbtn:hover{background:var(--gild-2);border-color:var(--gild-2)}
.capline__ctas{display:none}

main{display:block;padding-top:82px}
.column{max-width:var(--span);margin-inline:auto;padding:28px var(--gap) 64px;display:flex;flex-direction:column;gap:28px}

.debut,.slate,.gallery,.voicebox,.queries,.datetag{background:var(--slab);border:1px solid var(--rim);border-radius:10px;padding:30px}
.slate--bare{background:none;border:0}
.slate__title,.debut__title{font-family:var(--face)}
.slate__title{font-size:clamp(22px,3vw,30px);margin:0 0 14px;color:var(--snow);text-transform:none}
.slate__title::after{content:"";display:block;width:56px;height:3px;background:var(--gild);border-radius:2px;margin-top:11px}
.slate p,.gallery p,.voicebox p,.queries p{margin:0 0 13px;max-width:none}
.slate h3,.voicebox h3,.ledger h3{font-size:18px;margin:20px 0 7px;color:var(--fern-2)}
.slate ol,.slate ul{margin:0 0 13px;padding-left:22px}
.slate li{margin:6px 0}
.debut__title{font-size:clamp(27px,4.4vw,42px);margin:0 0 16px;text-align:center;letter-spacing:.4px}
.debut__art{display:block;cursor:pointer;border-radius:9px;overflow:hidden;border:1px solid var(--rim)}
.debut__art img,.debut__art picture{width:100%;display:block}
.debut__intro{margin-top:20px}
.debut__intro p{margin:0 0 13px}

.plate{display:block;cursor:pointer;border-radius:9px;overflow:hidden;border:1px solid var(--rim)}
.plate img{width:100%}

.boardwrap{overflow-x:auto;border:1px solid var(--rim);border-radius:9px}
table{width:100%;border-collapse:collapse;font-size:15px;min-width:540px}
thead th{background:var(--slab-3);color:var(--snow);text-align:left;padding:12px 14px;font-family:var(--face);font-size:14px}
tbody td,tbody th{padding:11px 14px;border-top:1px solid var(--rim);text-align:left;font-weight:400;vertical-align:top}
tbody th{background:var(--slab-2);color:var(--mist);font-weight:700;white-space:nowrap}
tbody tr:nth-child(odd) td{background:var(--slab-2)}

.tap{display:inline-flex;align-items:center;justify-content:center;margin-top:16px;padding:13px 26px;border-radius:8px;font-weight:800;font-size:16px;cursor:pointer;border:1px solid var(--rim-2);background:var(--slab-2);color:var(--snow)}
.tap:hover{background:var(--slab-3)}
.tap--go{background:var(--gild);border-color:var(--gild);color:#20180a}
.tap--go:hover{background:var(--gild-2)}
@keyframes throb{0%,100%{transform:scale(1);box-shadow:0 0 0 rgba(255,206,74,0)}50%{transform:scale(1.04);box-shadow:0 0 24px rgba(255,206,74,.45)}}
.tap--pulse{animation:throb 2.9s ease-in-out infinite;will-change:transform}
.tap--pulse:hover{animation-play-state:paused}

.gallery__tabs{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:0}
.gallery__tab{display:inline-block;padding:9px 17px;border:1px solid var(--rim);border-radius:7px;background:var(--slab-2);font-weight:700;font-size:13.5px;text-decoration:none;cursor:pointer}
.gallery__tab.active,.gallery__tab:hover{background:var(--slab-3);border-color:var(--rim-2)}
.gallery__pane{display:none}
.gallery__pane.active{display:block}
.gallery__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px}
.gallery__grid>*{min-width:0}
.title-tile{display:flex;flex-direction:column;gap:6px;cursor:pointer;background:var(--slab-2);border:1px solid var(--rim);border-radius:9px;padding:8px}
.title-tile:hover{border-color:var(--rim-2);background:var(--slab-3)}
.title-tile__pic{display:block;border-radius:6px;overflow:hidden;aspect-ratio:360/472}
.title-tile__pic img{width:100%;height:100%;object-fit:cover}
.title-tile__name{font-weight:800;font-size:13.5px}
.title-tile small{color:var(--mist);font-size:12px}

.markrow{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.markrow>*{min-width:0}
.markrow__cell{display:flex;align-items:center;justify-content:center;background:var(--slab-2);border:1px solid var(--rim);border-radius:8px;padding:10px;cursor:pointer}
.markrow__cell:hover{border-color:var(--rim-2)}
.markrow__cell img{width:100%;height:auto;border-radius:5px}

.ledger{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ledger>*{min-width:0}
.ledger__side{background:var(--slab-2);border:1px solid var(--rim);border-radius:9px;padding:20px 22px}
.ledger__side--up{border-top:3px solid var(--fern)}
.ledger__side--down{border-top:3px solid var(--gild-2)}
.ledger ul{margin:0;padding-left:20px}

.voicebox__head{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:var(--slab-2);border:1px solid var(--rim);border-radius:9px;padding:18px 20px;margin-bottom:18px}
.voicebox__score{display:flex;align-items:center;gap:12px}
.voicebox__score>span{font-family:var(--face);font-size:33px;font-weight:800;color:var(--gild)}
.voicebox__stars{display:inline-flex;gap:2px}
.voicebox__stars svg{width:19px;height:19px;fill:var(--gild)}
.voicebox__head small{color:var(--mist)}
.voicebox__head .tap{margin:0 0 0 auto}
.voicebox__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:15px}
.voicebox__grid>*{min-width:0}
.voicebox__card{background:var(--slab-2);border:1px solid var(--rim);border-radius:9px;padding:16px 18px}
.voicebox__who{display:flex;align-items:center;gap:12px;margin-bottom:9px}
.voicebox__badge{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:var(--slab-3);color:var(--gild);font-family:var(--face);font-weight:800;flex:none}
.voicebox__name{display:block;font-weight:800}
.voicebox__who small{color:var(--mist);font-size:13px}
.voicebox__text p{margin:0}

.queries__row{border:1px solid var(--rim);border-radius:9px;background:var(--slab-2);padding:15px 20px;margin-bottom:11px}
.queries__row h3{margin:0 0 7px;font-size:16.5px;color:var(--snow)}
.queries__row p{margin:0;color:var(--mist)}

.datetag{display:flex}
.datetag__box{display:flex;align-items:center;gap:14px;color:var(--mist)}
.datetag__box svg{width:32px;height:32px;fill:var(--gild);flex:none}
.datetag time{color:var(--snow);font-weight:800}

.basement{background:var(--slab);border-top:1px solid var(--rim);margin-top:8px}
.basement__top{max-width:var(--span);margin-inline:auto;padding:40px var(--gap) 24px}
.basement__in{display:grid;grid-template-columns:1.25fr 2fr;gap:36px}
.basement__in>*{min-width:0}
.basement__about p{color:var(--mist);font-size:14.5px;margin:14px 0}
.basement__social{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.basement__social a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:var(--slab-2);border:1px solid var(--rim)}
.basement__social a:hover{background:var(--slab-3)}
.basement__social svg{width:20px;height:20px;fill:var(--snow)}
.basement__app-lead{font-weight:800;margin:16px 0 8px}
.basement__app-btns{display:flex;gap:10px;flex-wrap:wrap}
.storebtn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--rim-2);border-radius:8px;background:var(--slab-2);font-weight:800;font-size:14px;cursor:pointer}
.storebtn:hover{background:var(--slab-3)}
.storebtn svg{width:20px;height:20px;fill:var(--gild)}
.basement__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.basement__cols>*{min-width:0}
.basement__nav-head{font-weight:800;font-family:var(--face);margin:0 0 10px;color:var(--snow)}
.basement__nav ul{list-style:none;margin:0;padding:0}
.basement__nav li{margin:7px 0}
.basement__nav .ref{color:var(--mist);font-size:14.5px;cursor:pointer}
.basement__nav .ref:hover{color:var(--gild)}
.basement__pay{max-width:var(--span);margin-inline:auto;padding:22px var(--gap);display:flex;flex-wrap:wrap;gap:12px;justify-content:center;border-top:1px solid var(--rim)}
.basement__pay span{display:inline-flex;background:var(--slab-2);border:1px solid var(--rim);border-radius:7px;padding:6px}
.basement__pay img{height:38px;width:auto}
.basement__seals{max-width:var(--span);margin-inline:auto;padding:20px var(--gap);display:grid;grid-template-columns:repeat(6,auto);gap:16px;align-items:center;justify-content:center;border-top:1px solid var(--rim)}
.basement__seals img{height:46px;width:auto}
.sealpill{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 14px;border:1px solid var(--rim-2);border-radius:8px;background:var(--slab-2);color:var(--snow);font-weight:800;font-size:14px;text-decoration:none}
.sealpill--word{font-weight:700;letter-spacing:.3px}
.basement__legal{max-width:var(--span);margin-inline:auto;padding:20px var(--gap) 40px;border-top:1px solid var(--rim)}
.basement__legal p{color:var(--mist);font-size:13px;line-height:1.7;margin:0 0 10px}

.rise{position:fixed;right:20px;bottom:20px;width:46px;height:46px;border-radius:9px;border:1px solid var(--gild);background:var(--gild);cursor:pointer;display:none;align-items:center;justify-content:center;z-index:55}
.rise svg{width:24px;height:24px;fill:#20180a}
.rise.on{display:inline-flex}

.ref:focus-visible,.tap:focus-visible,.gallery__tab:focus-visible,.rise:focus-visible,a:focus-visible{outline:3px solid var(--fern);outline-offset:2px}

.slate,.gallery,.voicebox,.queries{content-visibility:auto;contain-intrinsic-size:auto 620px}
.debut{content-visibility:visible}

@media (max-width:1000px){
  .capline__burger{display:flex}
  .mainbar{position:fixed;inset:74px 0 auto 0;flex-direction:column;align-items:stretch;gap:12px;background:var(--slab);border-bottom:1px solid var(--rim);padding:18px clamp(14px,4vw,28px);margin:0;max-height:0;overflow:hidden;visibility:hidden;transition:max-height .28s ease,visibility .28s}
  .drawerflip:checked~.mainbar{max-height:660px;visibility:visible}
  .mainbar__list{flex-direction:column}
  .mainbar__list .ref{justify-content:flex-start}
  .mainbar__ctas{margin-left:0}
  .capline__ctas{display:none}
}
@media (max-width:768px){
  :root{--gap:24px}
  body{font-size:16px}
  .debut,.slate,.gallery,.voicebox,.queries,.datetag{padding:22px}
  .ledger{grid-template-columns:1fr}
  .basement__in{grid-template-columns:1fr}
  .basement__seals{grid-template-columns:repeat(3,auto)}
}
@media (max-width:560px){
  :root{--gap:18px}
  main{padding-top:76px}
  .emblem img{height:42px}
  .basement__cols{grid-template-columns:1fr 1fr}
  .voicebox__head .tap{margin:12px 0 0}
  .voicebox__grid{grid-template-columns:1fr}
}
@media (max-width:380px){
  :root{--gap:14px}
  .gallery__grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
  .basement__seals{grid-template-columns:repeat(2,auto)}
}
@media (prefers-reduced-motion:reduce){
  .tap--pulse{animation:none}
  .mainbar{transition:none}
}