/* velvetbetbr.com design v5: the payments desk. One family (Parkinsans, OFL), weights 400/600/700, tabular figures. */
@font-face{font-family:'Parkinsans';font-style:normal;font-weight:300 800;font-display:swap;src:url(assets/fonts/parkinsans-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Parkinsans';font-style:normal;font-weight:300 800;font-display:swap;src:url(assets/fonts/parkinsans-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --vb-bg:#11110F;--vb-surface:#131313;--vb-surface-2:#181916;--vb-surface-3:#1E1D1D;
  --vb-text:#EAEAEA;--vb-text-body:rgba(255,255,255,.6);--vb-text-muted:#BCBCC0;
  --vb-brand:#95F400;--vb-on-brand:#11110F;--vb-border:#3C3C3D;--vb-accent:#FFDD2A;--vb-error:#FE0000;
  color-scheme:dark;
  --f:'Parkinsans',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --t0:1rem;--t1:1.1875rem;--t2:1.4375rem;--t3:1.75rem;--t6:3rem;--run:1rem;--run-lh:1.6;
  --gut:16px;--pad:16px;--rail:15.5rem;--maxw:69rem;--lane:54ch;--gap:2.5rem;--r:10px;--ladder-w:21.25rem;--bar-h:60px;
}
:root{
--ic-payout:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 13.5v5A1.5 1.5 0 0 0 5.5 20h13a1.5 1.5 0 0 0 1.5-1.5v-5M12 15V4M8 8l4-4 4 4'/%3E%3C/svg%3E");
--ic-deposit:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 13.5v5A1.5 1.5 0 0 0 5.5 20h13a1.5 1.5 0 0 0 1.5-1.5v-5M12 4v11M8 11l4 4 4-4'/%3E%3C/svg%3E");
--ic-ladder:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.5 3v18M16.5 3v18M7.5 7h9M7.5 12h9M7.5 17h9'/%3E%3C/svg%3E");
--ic-receipt:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3.5h12v17l-2-1.3-2 1.3-2-1.3-2 1.3-2-1.3-2 1.3zM9 8h6M9 11.5h6M9 15h3'/%3E%3C/svg%3E");
--ic-clock:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20.5a8.5 8.5 0 1 0 0-17 8.5 8.5 0 0 0 0 17zM12 7.5V12l3 2'/%3E%3C/svg%3E");
--ic-id:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 5.5h15A1.5 1.5 0 0 1 21 7v10a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 3 17V7a1.5 1.5 0 0 1 1.5-1.5zM9 12a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM5.8 15.5c.5-1.5 1.7-2.3 3.2-2.3s2.7.8 3.2 2.3M14.5 10h3.5M14.5 13.5h3.5'/%3E%3C/svg%3E");
--ic-help:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20.5a8.5 8.5 0 1 0 0-17 8.5 8.5 0 0 0 0 17zM9.6 9.5a2.5 2.5 0 1 1 3.4 2.3c-.6.3-1 .8-1 1.5v.4M12 16.6v.4'/%3E%3C/svg%3E");
--ic-lifebuoy:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20.5a8.5 8.5 0 1 0 0-17 8.5 8.5 0 0 0 0 17zM12 15.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7zM6 6l3.5 3.5M14.5 14.5 18 18M18 6l-3.5 3.5M9.5 14.5 6 18'/%3E%3C/svg%3E");
--ic-building:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 20.5V5.5A1.5 1.5 0 0 1 6.5 4h7A1.5 1.5 0 0 1 15 5.5v15M15 9.5h3.5A1.5 1.5 0 0 1 20 11v9.5M3.5 20.5h17M8.5 8h3M8.5 11.5h3M8.5 15h3'/%3E%3C/svg%3E");
--ic-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.5 4a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13zM15.5 15.5 20 20M8 10.5h5'/%3E%3C/svg%3E");
--ic-shield:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5 19 6.5v5c0 4.2-2.9 7.6-7 9-4.1-1.4-7-4.8-7-9v-5zM9 12l2 2 4-4'/%3E%3C/svg%3E");
--ic-calendar:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 5.5h13A1.5 1.5 0 0 1 20 7v11.5a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 4 18.5V7a1.5 1.5 0 0 1 1.5-1.5zM4 10h16M8.5 3.5v4M15.5 3.5v4'/%3E%3C/svg%3E");
--ic-percent:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18M7.5 9.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM16.5 18.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'/%3E%3C/svg%3E");
--ic-wallet:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 7V5H5.5A1.5 1.5 0 0 0 4 6.5v11A1.5 1.5 0 0 0 5.5 19h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 18.5 7H5.5M15.2 11.2H20v3.6h-4.8a1.8 1.8 0 0 1 0-3.6z'/%3E%3C/svg%3E");
--ic-list:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 7H20M9.5 12H20M9.5 17H20M4.5 6.2h1.6v1.6H4.5zM4.5 11.2h1.6v1.6H4.5zM4.5 16.2h1.6v1.6H4.5z'/%3E%3C/svg%3E");
--ic-chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23BCBCC0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E");
}
/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{background:var(--vb-bg);-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:16px}
body{margin:0;min-width:320px;background:var(--vb-bg);color:var(--vb-text-body);font:400 var(--t0)/1.5rem var(--f);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-wrap:break-word}
img{max-width:100%;height:auto}
::selection{background:var(--vb-brand);color:var(--vb-on-brand)}
a{color:var(--vb-brand)}
b,strong{font-weight:600;color:var(--vb-text)}
em,i,cite{font-style:normal;font-weight:600}
q{quotes:"\201C" "\201D"}
:focus{outline:none}
:focus-visible{outline:2px solid var(--vb-on-brand);outline-offset:0;box-shadow:0 0 0 4px var(--vb-text);border-radius:4px}
.ic{width:20px;height:20px;flex:none;display:block}
a,button,summary,select,input,label{touch-action:manipulation}
html{-webkit-tap-highlight-color:rgba(149,244,0,.16)}

/* ---------- banner: rail + utility strip ---------- */
.wm{display:inline-flex;align-items:center;gap:7px;min-height:44px;color:var(--vb-text);text-decoration:none;font-weight:700;font-size:1.25rem;line-height:1.5rem;letter-spacing:-.015em}
.wm-acc{display:inline-grid;place-items:center;height:22px;min-width:26px;padding:0 5px 1px;border-radius:5px;background:var(--vb-brand);color:var(--vb-on-brand);font-size:.875rem;line-height:1;font-weight:700;letter-spacing:0}
.wm:focus-visible{border-radius:7px}
.rail-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.rail-list a{position:relative;display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:7px;color:var(--vb-text-muted);text-decoration:none;font-weight:600;font-size:.9375rem;line-height:1.25rem}
.rail-list a:hover{background:var(--vb-surface-2);color:var(--vb-text)}
.rail-list a[aria-current=page]{background:var(--vb-surface-3);color:var(--vb-text)}
.rail-list a[aria-current=page]::before{content:"";position:absolute;left:0;top:11px;bottom:11px;width:3px;border-radius:0 3px 3px 0;background:var(--vb-brand)}
.rail-list a[aria-current=page] .ic{color:var(--vb-brand)}
.rail-more{margin-top:14px;padding-top:14px;border-top:1px solid var(--vb-border)}
.rail-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid var(--vb-border);border-radius:7px;color:var(--vb-text);text-decoration:none;font-weight:700;font-size:.875rem;line-height:1.1875rem;text-transform:uppercase;letter-spacing:.03em}
.rail-btn .ic{width:18px;height:18px}
.rail-btn .ic{color:var(--vb-brand)}
.rail-btn:hover{border-color:var(--vb-text-muted);background:var(--vb-surface-2)}
.strip p{margin:0;color:var(--vb-text-muted);font-size:.875rem;line-height:1.1875rem}
.strip-tag{display:flex;align-items:flex-start;gap:7px}
.strip-tag span{text-wrap:balance}
.strip-tag .ic{width:16px;height:16px;margin-top:.5px;color:var(--vb-text-muted)}
.strip-up{white-space:nowrap}

@media (max-width:1023.98px){
  .desk{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:60px;padding:8px var(--pad);border-bottom:1px solid var(--vb-border);background:var(--vb-surface)}
  .rail{display:contents}
  .rail-nav{display:none}
  .wm{flex:none}
  .strip{display:grid;gap:2px;min-width:0;max-width:15.5rem}
  .strip p{font-size:.875rem;line-height:1.1875rem}
  .strip-tag{gap:6px}
  .strip-tag .ic{width:14px;height:14px;margin-top:.5px}
  .strip-up{padding-left:20px}
}
@media (min-width:1024px){
  body{padding-left:var(--rail)}
  .rail{position:fixed;top:0;bottom:0;left:0;z-index:20;width:var(--rail);display:flex;flex-direction:column;padding:18px 14px 20px;background:var(--vb-surface);border-right:1px solid var(--vb-border);overflow-y:auto;scrollbar-width:thin}
  .rail .wm{padding:0 8px;font-size:1.3125rem}
  .rail-nav{display:flex;flex-direction:column;flex:1;margin-top:26px}
  .rail-btn{margin-top:auto}
  .strip{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:52px;padding:0 var(--gut);border-bottom:1px solid var(--vb-border)}
  .strip p{font-size:.875rem;line-height:1.25rem}
  .strip-tag{align-items:center}
  .strip-tag .ic{width:18px;height:18px;margin:0}
}

/* ---------- main column ---------- */
main{display:block;max-width:calc(var(--maxw) + 2 * var(--gut));padding:0 var(--gut);container-type:inline-size}
main > section,main > aside.opbox{margin-top:var(--gap)}
main section > h2,main > section > h2{display:flex;align-items:flex-start;gap:12px;max-width:34em;margin:0 0 14px;color:var(--vb-text);font-weight:700;font-size:var(--t2);line-height:1.75rem;letter-spacing:-.01em}
main section > h2::before,[data-icon]::before{content:"";flex:none;width:24px;height:24px;margin-top:2px;background:var(--vb-text-muted);-webkit-mask:var(--ic,var(--ic-payout)) center/100% 100% no-repeat;mask:var(--ic,var(--ic-payout)) center/100% 100% no-repeat}
main h3{color:var(--vb-text);font-weight:700;font-size:1.1875rem;line-height:1.5rem;margin:24px 0 8px}
main section > p,.copy{max-width:var(--lane)}
main section > p,.copy p,.copy li,.hero p,.note-strip p{text-wrap:pretty}
h1,h2,h3,caption{text-wrap:balance}
main section > p,.copy p{margin:0 0 16px}
main section > p:last-child,.copy p:last-child,.copy > :last-child{margin-bottom:0}
.copy ul,.copy ol,main section > ul:not([class]),main section > ol:not([class]){max-width:var(--lane);margin:0 0 16px;padding-left:22px}
.copy li,main section > ul:not([class]) li{margin:0 0 6px}
.copy li::marker,main section > ul:not([class]) li::marker{color:var(--vb-text-muted)}
main p a,main li a,main dd a,main td a{color:var(--vb-brand);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:rgba(149,244,0,.45)}
main p a:hover,main li a:hover,main dd a:hover{text-decoration-color:currentColor}
.copy + .module,.copy + .ticket,.module + .copy,.ticket + .copy,main section > p + .tbl,.tbl + p,main section > p + .ticket,.ticket + p{margin-top:24px}
.sec > .module,.sec > .ticket{margin-top:24px;margin-bottom:24px}
.sec > .module:last-child,.sec > .ticket:last-child{margin-bottom:0}

[data-icon=payout]{--ic:var(--ic-payout)}
[data-icon=deposit]{--ic:var(--ic-deposit)}
[data-icon=ladder]{--ic:var(--ic-ladder)}
[data-icon=receipt]{--ic:var(--ic-receipt)}
[data-icon=clock]{--ic:var(--ic-clock)}
[data-icon=id]{--ic:var(--ic-id)}
[data-icon=help]{--ic:var(--ic-help)}
[data-icon=lifebuoy]{--ic:var(--ic-lifebuoy)}
[data-icon=building]{--ic:var(--ic-building)}
[data-icon=search]{--ic:var(--ic-search)}
[data-icon=shield]{--ic:var(--ic-shield)}
[data-icon=calendar]{--ic:var(--ic-calendar)}
[data-icon=percent]{--ic:var(--ic-percent)}
[data-icon=wallet]{--ic:var(--ic-wallet)}
[data-icon=list]{--ic:var(--ic-list)}
main section.faq > h2::before{--ic:var(--ic-help)}
main section.rg > h2::before{--ic:var(--ic-lifebuoy)}
main section:not(.faq):not(.rg) > h2:not([data-icon])::before{display:none}

/* ---------- opening band: hero, deal, ladder ---------- */
.hero{max-width:var(--lane);padding-top:12px}
main > .deal,main > .ladder{margin-top:16px}
.hero h1,.title-row h1{margin:0;color:var(--vb-text);font-weight:700;font-size:1.875rem;line-height:2.25rem;letter-spacing:-.02em}
.title-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px}
.plate{display:inline-flex;align-items:center;height:36px;padding:0 10px;border:1px solid var(--vb-border);border-radius:7px;background:var(--vb-surface-2)}
.plate img{display:block;width:auto;height:18px}
.hero > .plate{margin-bottom:12px}
.hero:has(> .plate:first-child){padding-top:16px}
@media (max-width:767.98px){
  .hero > .plate:first-child{float:right;height:30px;margin:1px 0 0 12px;padding:0 8px}
  .hero > .plate:first-child img{height:16px}
  .hero > .plate:first-child ~ h1{font-size:1.5rem;line-height:1.8125rem;text-wrap:wrap}
  .hero:has(> .plate:first-child){padding-top:8px}
  .hero:has(> .plate:first-child) .lede{font-size:.9375rem;line-height:1.3125rem}
  main > .deal{margin-top:12px}
}
.lede{margin:8px 0 0;color:var(--vb-text);font-weight:600;font-size:1rem;line-height:1.375rem}
.hero > p:not(.lede){margin:8px 0 0;font-size:.9375rem;line-height:1.375rem}
@media (max-width:1023.98px){
  .hero:has(> .title-row){padding-top:0}
  .hero > .title-row:first-child{padding-top:18px}
  .hero > .title-row,.hero > .title-row ~ .lede{margin-inline:calc(-1 * var(--gut));padding-inline:var(--gut);background:var(--vb-surface-2)}
  .hero > .title-row{flex-wrap:nowrap;justify-content:flex-start;gap:12px;padding-top:12px}
  .title-row .plate{order:-1;height:32px;padding:0 8px;background:var(--vb-bg)}
  .title-row .plate img{height:16px}
  .title-row h1{font-size:1.875rem;line-height:2.25rem}
  .hero > .title-row ~ .lede{margin-top:0;padding-top:8px;padding-bottom:16px;border-bottom:1px solid var(--vb-border);color:var(--vb-text-muted);font-weight:500;font-size:.9375rem;line-height:1.3125rem}
  .hero > .title-row ~ .intro{margin-top:16px;max-width:none;font-size:.9375rem;line-height:1.375rem}
}

.deal{container-type:inline-size;overflow:hidden;border:1px solid var(--vb-border);border-radius:var(--r);background:var(--vb-surface)}
.deal-panes{display:grid}
.deal-offer{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 12px;padding:12px 16px 16px;background:var(--vb-surface-3)}
.deal-plate{display:inline-flex;align-items:center;height:32px;padding:0 8px;border:1px solid var(--vb-border);border-radius:7px;background:var(--vb-bg)}
.deal-plate img{display:block;width:auto;height:18px}
.deal-kicker{margin:0;color:var(--vb-text-muted);font-weight:600;font-size:.875rem;line-height:1.1875rem}
.deal-amount{grid-column:1/-1;margin:2px 0 0;color:var(--vb-text);font-weight:700;font-size:clamp(18px,calc((100cqi - 34px) / 15.6),21px);line-height:1.625rem;letter-spacing:-.01em}
.deal-btn{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;margin-top:2px;padding:0 22px;border-radius:7px;background:var(--vb-brand);color:var(--vb-on-brand);text-decoration:none;font-weight:700;font-size:.875rem;line-height:1rem;text-transform:uppercase;letter-spacing:.03em}
.deal-btn .ic{width:18px;height:18px}
.deal-btn:hover{background:#A6FF1F}
.deal-terms{list-style:none;margin:0;padding:2px 16px 4px}
.deal-terms li{position:relative;padding:10px 0 10px 20px;border-top:1px solid var(--vb-border);font-size:.875rem;line-height:1.25rem}
.deal-terms li:first-child{border-top:0}
.deal-terms li::before{content:"";position:absolute;left:1px;top:19px;width:9px;height:2px;border-radius:1px;background:var(--vb-text-muted)}
.deal-foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:10px 16px 12px;border-top:1px solid var(--vb-border);color:var(--vb-text-muted);font-size:.875rem;line-height:1.1875rem}
.deal-foot p{flex-basis:100%;margin:0}
.deal-ad{font-weight:600}
.deal-age,.foot-age{display:inline-grid;place-items:center;min-width:30px;height:22px;padding:0 5px;border:1.5px solid var(--vb-text);border-radius:5px;color:var(--vb-text);font-weight:700;font-size:.875rem;line-height:1}
@container (max-width:599.98px){
  .deal-offer{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"logo kick" "logo amt" "btn btn";align-items:start;gap:0;padding:0}
  .deal-plate{grid-area:logo;align-self:stretch;align-items:flex-start;height:auto;padding:12px;border:0;border-radius:0;background:var(--vb-brand)}
  .deal-plate img{box-sizing:content-box;height:18px;padding:7px 9px;border-radius:6px;background:var(--vb-bg)}
  .deal-kicker{grid-area:kick;padding:12px 16px 0 14px}
  .deal-amount{grid-area:amt;margin:0;padding:4px 16px 12px 14px;font-size:1.125rem;line-height:1.4375rem}
  .deal-btn{grid-area:btn;margin:0;border-top:2px solid var(--vb-surface-3);border-radius:0}
}
@container (min-width:600px){
  .deal-panes{grid-template-columns:minmax(230px,37%) minmax(0,1fr)}
  .deal-offer{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;padding:20px;border-right:1px solid var(--vb-border)}
  .deal-plate{height:36px;padding:0 10px}
  .deal-plate img{height:20px}
  .deal-kicker{margin-top:4px;font-size:.875rem;line-height:1.25rem}
  .deal-amount{margin:0;font-size:var(--t2);line-height:1.75rem}
  .deal-btn{display:inline-flex;margin-top:6px}
  .deal-terms{padding:6px 20px}
  .deal-foot{padding:10px 20px 12px;flex-wrap:nowrap;align-items:flex-start}
  .deal-foot p{flex:1 1 auto}
}

/* the limit ladder: one labelled row per operation and period, never one shared scale */
.module{border:1px solid var(--vb-border);border-radius:var(--r);background:var(--vb-surface)}
.module-head{display:flex;align-items:center;gap:10px}
.module-title{display:flex;align-items:center;gap:10px;margin:0;color:var(--vb-text);font-weight:700;font-size:1rem;line-height:1.375rem}
.module-title::before,.module-head h3::before{margin-top:0}
.ladder{padding:16px 16px 14px}
.rungs{list-style:none;margin:14px 0 0;padding:0}
.rung{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"op val" "per eq";align-items:baseline;gap:2px 12px;padding:15px 16px 14px;background:linear-gradient(var(--vb-border),var(--vb-border)) 2px 0/2px 100% no-repeat,linear-gradient(var(--vb-border),var(--vb-border)) calc(100% - 2px) 0/2px 100% no-repeat}
.rung::before,.rung:last-child::after,.rung[data-op=in]:has(+ .rung[data-op=out])::after,.rung[data-op=out]:has(+ .rung[data-op=in])::after{content:"";position:absolute;left:-2px;right:-2px;height:2px;border-radius:1px;background:var(--vb-border)}
.rung::before{top:-1px}
.rung::after{bottom:-1px}
.rung[data-op=in] + .rung[data-op=out],.rung[data-op=out] + .rung[data-op=in]{margin-top:18px}
.rung .op{grid-area:op;display:inline-flex;align-items:center;gap:7px;color:var(--vb-text);font-weight:700;font-size:1rem;line-height:1.25rem}
.rung .op::before{content:"";width:18px;height:18px;flex:none;align-self:center;background:var(--vb-text-muted);-webkit-mask:var(--ic-payout) center/100% 100% no-repeat;mask:var(--ic-payout) center/100% 100% no-repeat}
.rung[data-op=in] .op::before{-webkit-mask-image:var(--ic-deposit);mask-image:var(--ic-deposit)}
.rung .per{grid-area:per;font-size:.875rem;line-height:1.25rem}
.rung .val{grid-area:val;justify-self:end;color:var(--vb-text);font-weight:600;font-size:.875rem;line-height:1.25rem;white-space:nowrap}
.rung .fig{font-size:var(--t3);line-height:1.75rem;letter-spacing:-.015em}
.rung .eq{grid-area:eq;justify-self:end;color:var(--vb-text-muted);font-size:.875rem;line-height:1.25rem;white-space:nowrap}
.ladder-note{margin:14px 0 0;color:var(--vb-text-muted);font-size:.875rem;line-height:1.1875rem}

@media (prefers-reduced-motion:no-preference){
  .rung{animation:rails .32s cubic-bezier(.3,.7,.3,1) both}
  .rung::before,.rung::after{animation:joint .2s ease-out both}
  .rung:nth-child(2),.rung:nth-child(2)::before{animation-delay:.07s}
  .rung:nth-child(3),.rung:nth-child(3)::before{animation-delay:.14s}
  .rung:nth-child(4),.rung:nth-child(4)::before{animation-delay:.21s}
  .rung:nth-child(n+5),.rung:nth-child(n+5)::before{animation-delay:.28s}
  .rung::after{animation-delay:.3s}
}
@keyframes rails{from{background-size:2px 0,2px 0}to{background-size:2px 100%,2px 100%}}
@keyframes joint{from{opacity:0}to{opacity:1}}

/* ---------- the withdrawal checker: inputs and an itemized receipt ---------- */
.sec{container-type:inline-size}
.ticket{display:flex;flex-direction:column;gap:16px;padding:16px;border:1px solid var(--vb-border);border-radius:var(--r);background:var(--vb-surface)}
.ticket > header{grid-area:head;display:flex;align-items:center}
.ticket > header h3{display:flex;align-items:center;gap:10px;margin:0;font-size:1.1875rem;line-height:1.5rem}
.chk{grid-area:form;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:0}
.chk > div{display:flex;flex-direction:column;justify-content:space-between;gap:6px;min-width:0}
.chk label{color:var(--vb-text);font-weight:600;font-size:.875rem;line-height:1.125rem}
.chk label small{display:block;margin-top:1px;color:var(--vb-text-muted);font-weight:400;font-size:.875rem;line-height:1.1875rem}
.chk input,.chk select{display:block;width:100%;min-height:46px;margin:0;padding:0 14px;border:1px solid rgba(255,255,255,.38);border-radius:7px;background-color:var(--vb-surface-3);color:var(--vb-text);font:600 1rem/1.2 var(--f);font-variant-numeric:tabular-nums;-webkit-appearance:none;appearance:none}
.chk select{padding-right:40px;background-image:var(--ic-chev);background-repeat:no-repeat;background-position:right 12px center;background-size:18px 18px;cursor:pointer}
.chk input::placeholder{color:var(--vb-text-muted);opacity:.85}
.chk input:hover,.chk select:hover{border-color:var(--vb-text-muted)}
.chk input:focus-visible,.chk select:focus-visible{border-radius:7px}
.go,.chk button{grid-column:1/-1;display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:4px;padding:0 20px;border:0;border-radius:7px;background:var(--vb-brand);color:var(--vb-on-brand);font:700 .875rem/1rem var(--f);text-transform:uppercase;letter-spacing:.03em;cursor:pointer}
.go:hover,.chk button:hover{background:#A6FF1F}
.err{grid-area:err;margin:0;padding:10px 12px;border-left:3px solid var(--vb-error);border-radius:0 7px 7px 0;background:var(--vb-surface-3);color:var(--vb-text);font-size:.875rem;line-height:1.25rem}
.receipt{grid-area:rcpt;min-width:0;padding:24px 16px 26px;background:var(--vb-surface-3);-webkit-mask:radial-gradient(circle at 9px 0,#0000 6px,#000 6.5px) 0 0/18px 51% repeat-x,radial-gradient(circle at 9px 100%,#0000 6px,#000 6.5px) 0 100%/18px 51% repeat-x;mask:radial-gradient(circle at 9px 0,#0000 6px,#000 6.5px) 0 0/18px 51% repeat-x,radial-gradient(circle at 9px 100%,#0000 6px,#000 6.5px) 0 100%/18px 51% repeat-x}
.res{list-style:none;margin:0;padding:0}
.res li{display:grid;grid-template-columns:12px minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px dashed var(--vb-border)}
.res li:first-child{border-top:0;padding-top:4px}
.dot{display:block;width:12px;height:12px;border:2px solid var(--vb-text-muted);border-radius:50%;background:transparent}
.res .dot{margin-top:4px}
[data-s=ok] .dot,.dot.ok{border-color:var(--vb-brand);background:var(--vb-brand)}
[data-s=warn] .dot,.dot.warn{border-color:var(--vb-accent);background:transparent}
[data-s=stop] .dot,.dot.stop{border-color:var(--vb-error);background:var(--vb-error)}
.res .t{display:flex;align-items:baseline;align-items:last baseline;color:var(--vb-text);font-weight:600;font-size:.9375rem;line-height:1.25rem}
.res .t::after{content:"";order:1;flex:1 1 16px;min-width:16px;margin:0 8px;border-bottom:2px dotted var(--vb-border);transform:translateY(-4px)}
.res .t em{order:2;flex:0 0 auto;white-space:nowrap;text-align:right;color:var(--vb-text-muted);font-weight:600;font-size:.875rem;line-height:1.1875rem}
[data-s=ok] .t em{color:var(--vb-brand)}
[data-s=warn] .t em{color:var(--vb-accent)}
[data-s=stop] .t em{padding:0 6px;border:1.5px solid var(--vb-error);border-radius:5px;color:var(--vb-text)}
.res p{margin:4px 0 0;font-size:.875rem;line-height:1.25rem}
.res p.src{margin-top:6px;color:var(--vb-text-muted);font-weight:600;font-size:.875rem;line-height:1.1875rem}
.legend{list-style:none;display:grid;gap:6px;margin:14px 0 0;padding:14px 0 0;border-top:1px solid var(--vb-border);color:var(--vb-text-muted);font-size:.875rem;line-height:1.1875rem}
.legend li{display:flex;align-items:center;gap:9px}
.legend .dot{width:11px;height:11px;flex:none}
.open{grid-area:open;min-width:0}
.open h3{margin:0 0 6px;font-size:.9375rem;line-height:1.25rem}
.open ul{list-style:none;margin:0;padding:0}
.open li{position:relative;padding:9px 0 9px 24px;border-top:1px solid var(--vb-border);font-size:.875rem;line-height:1.25rem}
.open li::before{content:"";position:absolute;left:1px;top:18px;width:9px;height:2px;border-radius:1px;background:var(--vb-text-muted)}
.ticket > [id$=out],#iout{grid-area:out;min-width:0}
.ticket > div:empty{display:none}
.ticket > .sm{grid-column:1/-1}
.sm{color:var(--vb-text-muted);font-size:.875rem;line-height:1.1875rem;max-width:var(--lane)}
.ticket > p.sm{margin:0}
@container (min-width:520px){
  .chk{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container (min-width:680px){
  .ticket{padding:20px}
  .ticket:has(> .receipt){display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-rows:auto auto auto 1fr;grid-template-areas:"head head" "form rcpt" "err rcpt" "open rcpt" "out out";column-gap:24px}
  .ticket > .receipt,.ticket > .open{align-self:start}
  .ticket:has(.receipt) .chk{grid-template-columns:minmax(0,1fr)}
  .legend{grid-template-columns:1fr 1fr;column-gap:16px}
}
@container (min-width:900px){
  .ticket:has(> .receipt){grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)}
  .ticket:has(.receipt) .chk{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* the checker as a full-width desk strip (1440 rhythm): scope notes | inputs | receipt */
@container (min-width:1000px){
  .sec > .ticket:has(> .receipt){grid-template-columns:minmax(0,.62fr) minmax(0,1.25fr) minmax(0,1.1fr);grid-template-rows:auto auto auto 1fr;grid-template-areas:"head head head" "open form rcpt" "open err rcpt" "open . rcpt" "out out out"}
  .sec > .ticket > .open{padding-right:8px}
}

/* ---------- tables ---------- */
.grid-table{overflow:hidden}
.grid-table .scroll,.tbl,.tw{overflow:auto;-webkit-overflow-scrolling:touch}
.tbl,.tw{border:1px solid var(--vb-border);border-radius:var(--r);background:var(--vb-surface)}
.tbl{margin:24px 0}
.tw{margin-top:4px}
table{width:100%;border-collapse:separate;border-spacing:0;font-size:.9375rem;line-height:1.3125rem}
caption{caption-side:top;padding:14px 16px 12px;border-bottom:1px solid var(--vb-border);color:var(--vb-text);font-weight:700;font-size:1rem;line-height:1.375rem;text-align:left}
th,td{padding:11px 16px;text-align:left;vertical-align:top}
thead th{background:var(--vb-surface-3);color:var(--vb-text-muted);font-weight:600;font-size:.875rem;line-height:1.1875rem;border-bottom:1px solid var(--vb-border)}
tbody th{color:var(--vb-text);font-weight:600}
tbody tr:nth-child(even) > *{background:var(--vb-surface-2)}
td.n,th.n{text-align:right;color:var(--vb-text);font-weight:600}
table:has(tbody td.n:nth-child(2)) thead th:nth-child(2),table:has(tbody td.n:nth-child(3)) thead th:nth-child(3),table:has(tbody td.n:nth-child(4)) thead th:nth-child(4){text-align:right}
@media (min-width:768px){tbody th{width:26%}td.n{width:1%;white-space:nowrap}}
@media (max-width:479.98px){
  table:has(tr > :nth-child(3)){min-width:34em}
  table:has(tbody td.n:nth-child(2)):not(:has(tr > :nth-child(4))){display:block;min-width:0}
  table:has(tbody td.n:nth-child(2)):not(:has(tr > :nth-child(4))) > caption{display:block}
  table:has(tbody td.n:nth-child(2)):not(:has(tr > :nth-child(4))) > thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  table:has(tbody td.n:nth-child(2)):not(:has(tr > :nth-child(4))) > tbody{display:block}
  table:has(tbody td.n:nth-child(2)):not(:has(tr > :nth-child(4))) > tbody > tr{display:grid;grid-template-columns:minmax(0,1fr);row-gap:2px;padding:12px 16px;border-top:1px solid var(--vb-border)}
  table:has(tbody td.n:nth-child(2)):not(:has(tr > :nth-child(4))) > tbody > tr:first-child{border-top:0}
  table:has(tbody td.n:nth-child(2)):not(:has(tr > :nth-child(4))) > tbody > tr:nth-child(even){background:var(--vb-surface-2)}
  table:has(tbody td.n:nth-child(2)):not(:has(tr > :nth-child(4))) > tbody > tr > *{display:block;padding:0;background:none}
  table:has(tbody td.n:nth-child(2)):not(:has(tr > :nth-child(4))) > tbody > tr > :first-child{color:var(--vb-text-muted);font-size:.875rem;line-height:1.25rem}
  table:has(tbody td.n:nth-child(2)):not(:has(tr > :nth-child(4))) > tbody > tr > td.n{text-align:left;font-weight:700;font-size:1.0625rem;line-height:1.5rem}
  table:has(tbody td.n:nth-child(2)):not(:has(tr > :nth-child(4))) > tbody > tr > :nth-child(3){color:var(--vb-text-body);font-size:.875rem;line-height:1.25rem}
}
@media (min-width:1024px){
  .grid-table .scroll{max-height:min(70vh,640px)}
  .grid-table thead th{position:sticky;top:0;z-index:1}
}

/* ---------- operator box ---------- */
.opbox{padding:16px}
.opbox .rows,.opbox dl{display:grid;grid-template-columns:minmax(0,1fr);margin:12px 0 0}
.opbox dt{padding-top:12px;border-top:1px solid var(--vb-border);color:var(--vb-text-muted);font-weight:600;font-size:.875rem;line-height:1.1875rem}
.opbox dd{margin:3px 0 0;padding-bottom:12px;color:var(--vb-text);font-size:.9375rem;line-height:1.375rem}
.opbox dd:last-child{padding-bottom:0}
@container (min-width:640px){}
@media (min-width:768px){
  .opbox{padding:20px}
  .opbox .rows,.opbox dl{grid-template-columns:200px minmax(0,1fr);column-gap:24px}
  .opbox dt,.opbox dd{margin:0;padding:13px 0;border-top:1px solid var(--vb-border)}
  .opbox dd:last-child{padding-bottom:13px}
}

/* ---------- questions: accordion rows with a plus ---------- */
.acc-plus,main section.faq{max-width:var(--lane)}
.acc-plus{border-top:1px solid var(--vb-border)}
.faq > h2 + details{border-top:1px solid var(--vb-border)}
.acc-plus details,.faq > details{border-bottom:1px solid var(--vb-border)}
.acc-plus summary,.faq > details > summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:12px 2px;list-style:none;cursor:pointer}
.acc-plus summary::-webkit-details-marker,.faq summary::-webkit-details-marker{display:none}
.acc-plus summary h3,.faq summary h3{margin:0;color:var(--vb-text);font-weight:700;font-size:1rem;line-height:1.375rem}
.acc-plus summary::after,.faq > details > summary::after{content:"";flex:none;width:30px;height:30px;border:1px solid var(--vb-border);border-radius:7px;background:linear-gradient(var(--vb-text-muted),var(--vb-text-muted)) center/12px 2px no-repeat,linear-gradient(var(--vb-text-muted),var(--vb-text-muted)) center/2px 12px no-repeat;transition:background-size .18s ease-out}
.acc-plus details[open] > summary::after,.faq > details[open] > summary::after{background-size:12px 2px,2px 0}
.acc-plus summary:hover h3,.faq summary:hover h3{color:#FFFFFF}
.acc-plus details > p,.faq > details > p{max-width:var(--lane);margin:0 0 16px;padding:0 2px}

/* ---------- responsible-gambling close ---------- */
main section.rg{padding:18px 16px}
main:not(:has(> .ladder)) > section.rg{max-width:46rem}
main section.rg.module,main > section.rg{border:1px solid var(--vb-border);border-radius:var(--r);background:var(--vb-surface)}
main section.rg > h2{margin-bottom:10px}
.rows.help{list-style:none;margin:14px 0 0;padding:0;max-width:var(--lane)}
.rows.help li{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--vb-border)}
.rows.help b{color:var(--vb-text)}

/* ---------- byline ---------- */
.byline{display:flex;align-items:flex-start;gap:14px;max-width:var(--lane);margin-top:var(--gap);padding-top:20px;border-top:1px solid var(--vb-border)}
.by-ic{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;background:var(--vb-surface-3);color:var(--vb-text-muted)}
.by-ic .ic{width:22px;height:22px}
.by-tx p{margin:0}
.by-name{color:var(--vb-text);font-weight:700}
.by-name a{display:inline-flex;align-items:center;min-height:32px;color:var(--vb-text);text-decoration:underline;text-decoration-color:var(--vb-border);text-underline-offset:4px}
.by-name a:hover{text-decoration-color:var(--vb-brand)}
.by-note{font-size:.875rem;line-height:1.25rem}

/* ---------- writer blocks not used on the home yet ---------- */
.toc{padding:16px}
main > .toc{margin-top:24px}
.toc ul{list-style:none;display:grid;grid-template-columns:minmax(0,1fr);column-gap:28px;margin:10px 0 0;padding:0}
.toc li a{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 0;border-top:1px solid var(--vb-border);color:var(--vb-text);text-decoration:none;font-weight:600;font-size:.9375rem;line-height:1.25rem}
.toc li a::before{content:"";flex:none;width:6px;height:6px;border-radius:1px;background:var(--vb-text-muted)}
.toc li a:hover{color:var(--vb-brand)}
@media (min-width:768px){.toc{padding:20px}.toc ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
.note-strip{max-width:var(--lane);margin:24px 0;padding:12px 16px;border-left:3px solid var(--vb-accent);background:var(--vb-surface-2);border-radius:0 7px 7px 0;color:var(--vb-text);font-size:.9375rem;line-height:1.375rem}
.note-strip p{margin:0}
.flow{list-style:none;counter-reset:step;max-width:var(--lane);margin:24px 0;padding:0}
.flow > li{position:relative;counter-increment:step;padding:0 0 18px 48px}
.flow > li::before{content:counter(step);position:absolute;left:0;top:-2px;display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:var(--vb-surface-3);color:var(--vb-text);font-weight:700;font-size:.875rem}
.flow > li::after{content:"";position:absolute;left:14px;top:34px;bottom:4px;width:2px;background:var(--vb-border)}
.flow > li:last-child::after{display:none}
.flow > li > b{display:block;color:var(--vb-text);font-weight:700}
.pix-timeline{list-style:none;max-width:var(--lane);margin:24px 0;padding:0;border-left:2px solid var(--vb-border)}
.pix-timeline > li{position:relative;padding:0 0 18px 22px}
.pix-timeline > li::before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--vb-bg);border:2px solid var(--vb-text-muted)}
.pix-timeline time,.pix-timeline .when{display:block;color:var(--vb-text);font-weight:600;font-size:.875rem}
.module.vs{display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden}
.vs > div{padding:16px}
.vs > div + div{border-top:1px solid var(--vb-border)}
.vs h3{margin:0 0 8px;font-size:1rem;line-height:1.375rem}
.vs ul{margin:0;padding-left:20px}
@container (min-width:600px){.module.vs{grid-template-columns:1fr 1fr}.vs > div + div{border-top:0;border-left:1px solid var(--vb-border)}}
.rows.checks{list-style:none;max-width:var(--lane);margin:24px 0;padding:0}
ul.rows.checks > li{position:relative;padding:10px 0 10px 30px;border-top:1px solid var(--vb-border)}
ul.rows.checks > li::before{content:"";position:absolute;left:6px;top:13px;width:6px;height:11px;border:solid var(--vb-brand);border-width:0 2px 2px 0;transform:rotate(45deg)}
ul.rows.checks > li:last-child{border-bottom:1px solid var(--vb-border)}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;max-width:var(--lane);margin:16px 0;padding:0}
.chips li,.method-chips li{padding:6px 12px;border:1px solid var(--vb-border);border-radius:6px;background:var(--vb-surface-3);color:var(--vb-text-muted);font-weight:600;font-size:.875rem;line-height:1.1875rem}
.who{max-width:var(--lane)}
.v5-pending{max-width:var(--lane);margin:0;padding:12px 14px;border:1.5px dashed var(--vb-accent);border-radius:7px;color:var(--vb-accent);font-size:.875rem}

/* ---------- footer ---------- */
.foot{margin-top:56px;border-top:1px solid var(--vb-border);background:var(--vb-surface)}
.foot-band{padding:20px var(--gut);border-bottom:1px solid var(--vb-border);background:var(--vb-surface-2)}
.foot-band-k{display:flex;align-items:center;gap:9px;margin:0 0 12px;color:var(--vb-text);font-weight:600;font-size:.875rem;line-height:1.25rem}
.foot-band-k .ic{color:var(--vb-text-muted)}
.method-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.foot-cols{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;max-width:calc(var(--maxw) + 2 * var(--gut));padding:28px var(--gut) 20px}
.foot-head{margin:0 0 4px;color:var(--vb-text);font-weight:700;font-size:.9375rem;line-height:1.375rem}
.foot-col ul{list-style:none;margin:0;padding:0}
.foot-col li > a,.foot-col li > span{display:flex;align-items:center;min-height:40px;color:var(--vb-text-body);font-size:.9375rem;line-height:1.25rem;text-decoration:none}
.foot-col li > a{min-height:44px}
.foot-col li > a:hover{color:var(--vb-text);text-decoration:underline;text-underline-offset:3px}
.foot-col li > a[aria-current=page]{color:var(--vb-text)}
.foot-rg{display:flex;align-items:flex-start;gap:12px;max-width:calc(var(--maxw) + 2 * var(--gut));margin:0;padding:16px var(--gut);border-top:1px solid var(--vb-border)}
.foot-rg p{margin:0;max-width:72ch;color:var(--vb-text);font-size:.875rem;line-height:1.3125rem}
.foot-base{max-width:calc(var(--maxw) + 2 * var(--gut));padding:14px var(--gut) 28px;border-top:1px solid var(--vb-border);color:var(--vb-text-muted);font-size:.875rem;line-height:1.1875rem}
.foot-base p{max-width:80ch;margin:0 0 8px}
.foot-base p:last-child{margin-bottom:0}
@media (max-width:719.98px){
  /* round 2 (22.10): one-column ledger lists with row rules, 18+ badge above its line */
  .foot-cols{row-gap:24px}
  .foot-col li{border-bottom:1px solid var(--vb-border)}
  .foot-col li:last-child{border-bottom:0}
  .foot-rg{flex-direction:column;gap:8px}
}
@media (min-width:720px){.foot-cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}}
@media (min-width:1024px){
  .foot{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:stretch}
  .foot-band{grid-column:2;grid-row:1;padding:40px var(--gut) 48px 32px;border-bottom:0;border-left:1px solid var(--vb-border)}
  .foot-band-k{margin-bottom:16px}
  .foot-cols{grid-column:1;grid-row:1;max-width:none;padding:40px 32px 48px var(--gut)}
  .foot-rg,.foot-base{grid-column:1/-1}
}

/* ---------- mobile guide bar: four equal tabs, the current one underlined in lime ---------- */
.guidebar{display:none}
@media (max-width:1023.98px){
  main section:not(.rg) > h2::before{display:none}
  html{scroll-padding-bottom:calc(var(--bar-h) + env(safe-area-inset-bottom, 0px) + 12px)}
  body{padding-bottom:calc(var(--bar-h) + env(safe-area-inset-bottom, 0px))}
  .guidebar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 4px env(safe-area-inset-bottom, 0px);background:var(--vb-surface);border-top:1px solid var(--vb-border)}
  .guidebar a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:var(--bar-h);color:var(--vb-text-muted);text-decoration:none;font-weight:600;font-size:.875rem;line-height:1.1875rem}
  .guidebar .ic{width:22px;height:22px}
  .guidebar a span{position:relative;padding-bottom:5px}
  .guidebar a[aria-current=page]{color:var(--vb-text)}
  .guidebar a[aria-current=page] .ic{color:var(--vb-brand)}
  .guidebar a[aria-current=page] span::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:2px;background:var(--vb-brand)}
  .guidebar a:focus-visible{border-radius:7px}
}

/* ---------- wider screens ---------- */
@media (min-width:768px){
  :root{--gut:32px}
  .hero h1,.title-row h1{font-size:2.5rem;line-height:2.875rem}
  .plate{height:40px}
  .plate img{height:20px}
  .lede{margin-top:14px;font-size:var(--t1);line-height:1.6875rem}
  .hero > p:not(.lede){margin-top:12px;font-size:var(--t0);line-height:1.5rem}
  main section > h2,main > section > h2{font-size:var(--t3);line-height:2.125rem}
  main section > h2::before{width:26px;height:26px;margin-top:4px}
  .deal-amount{font-size:var(--t3);line-height:2rem}
  main section.rg{padding:22px 24px}
}
@media (min-width:1024px){
  :root{--gut:48px}
  .hero h1,.title-row h1{font-size:var(--t6);line-height:3.25rem}
  .plate{height:44px;padding:0 12px}
  .plate img{height:22px}
  main section:not(.rg) > h2[data-icon]{margin-left:-38px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* ==================== v6 (22.10, owner orders 07:49Z and 07:52Z) ====================
   One desk grid on every template from 1200px: a centred two-column main beside the fixed rail. Column 1 holds the
   hero, the 54ch prose lane and the operational modules; column 2 is the sticky desk (the limit ladder on the home,
   the deal card on topic and utility pages). Type and layout are in rem and the root grows above 1440px. */
html{font-size:clamp(1rem,calc(.71875rem + .3125vw),1.25rem)}
body{color:var(--vb-text-muted)}
@media (min-width:1024px){:root{--run:1.0625rem}}

/* running text: solid ink (--vb-text-muted, about 9:1), 16px on phones, 17px from 1024px, line height 1.6 */
main{font-size:var(--run);line-height:var(--run-lh)}
:root main :is(section > p,.copy p,.copy li,section > ul:not([class]) > li,section > ol:not([class]) > li,.hero > p:not(.lede),.acc-plus details > p,.faq > details > p,.opbox dd,.rows.help li,.res p:not(.src),.open li,.sm,.deal-foot p,.note-strip p,.flow > li,.pix-timeline > li,.vs li,.by-note,.who p,.rows.checks > li){font-size:var(--run);line-height:var(--run-lh)}
:root main :is(section > p,.copy p,.copy li,.hero > p:not(.lede),.acc-plus details > p,.faq > details > p,.flow > li,.pix-timeline > li,.vs li,.who p,.rows.checks > li){color:var(--vb-text-muted)}

/* questions read as questions at every width */
.acc-plus summary h3,.faq summary h3{font-size:1.0625rem;line-height:1.4}
@media (min-width:1024px){.acc-plus summary h3,.faq summary h3{font-size:1.125rem}}

/* the deal: a dark card with lime accents (a 3px top rule, the button); the phone logo pane is dark, not lime */
.deal{border-top:3px solid var(--vb-brand)}
@container (max-width:599.98px){
  .deal-plate{padding:10px 12px;background:var(--vb-bg);border-right:1px solid var(--vb-border)}
  .deal-plate img{padding:0;border-radius:0;background:none}
  .deal-kicker{padding-top:10px}
  .deal-amount{padding-bottom:10px}
}

/* phones: the larger intro is paid for by a tighter hero band */
@media (max-width:1023.98px){
  .strip p{line-height:1.0625rem}
  .hero > .title-row:first-child{padding-top:10px}
  .hero > .title-row ~ .lede{padding-top:4px;padding-bottom:10px;font-size:.875rem;line-height:1.1875rem}
  :root main .hero > .title-row ~ p:not(.lede){margin-top:10px;font-size:1rem;line-height:1.5}
  :root main .hero > p:not(.lede){line-height:1.5}
  main > .deal{margin-top:12px}
}
@media (max-width:767.98px){
  .title-row h1{font-size:1.75rem;line-height:2rem}
}

/* the desk grid */
@media (min-width:1200px){
  :root{--c1:42rem;--desk:19rem;--cgap:3rem}
  main{display:grid;grid-template-columns:minmax(0,var(--c1)) var(--desk);column-gap:var(--cgap);justify-content:center;align-items:start;max-width:none}
  main > *{grid-column:1;min-width:0}
  main > .hero{padding-top:2.25rem}
  main > .ladder,main:not(:has(> .ladder)) > .deal{grid-column:2;grid-row:1/span 60;position:sticky;top:1.5rem;align-self:start;margin-top:2.25rem}
}
@media (min-width:1440px){:root{--desk:23rem}}
@media (min-width:1700px){:root{--c1:44rem;--desk:25rem}}

/* the opening row holds the column: the subject plate sits beside the H1, and the H1 owns the rest of the row */
@media (min-width:768px){
  .title-row{flex-wrap:nowrap}
  .title-row .plate{order:-1}
  .title-row h1{flex:1 1 auto;min-width:0}
  .hero{display:flow-root}
  .hero > .plate:first-child{float:right;margin:4px 0 12px 20px}
}

/* critique 1 (08:25Z): the button is a button, not a lime band; terms read beside the disclosure; one lockup
   (plate + H1) on every template; the H1 takes the whole first column from 1200 while paragraphs keep the lane */
.rail-btn{text-transform:none;letter-spacing:0;font-size:.9375rem}
@container (max-width:599.98px){
  .deal-btn{margin:2px 12px 12px;border-top:0;border-radius:7px}
  .deal-amount{font-size:1.25rem;line-height:1.625rem}
  .deal-terms li{padding-block:8px}
  .deal-terms li::before{top:17px}
}
:root main .deal-foot p{line-height:1.5}
@media (min-width:1024px){
  .hero:has(> .plate:first-child){display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:20px;align-items:start}
  .hero > .plate:first-child{float:none;grid-column:1;margin:3px 0 0}
  .hero > .plate:first-child ~ h1{grid-column:2;font-size:2.25rem;line-height:1.2}
  .hero > .plate:first-child ~ :not(h1){grid-column:1/-1}
}
@media (min-width:1200px){
  main > .hero{max-width:none}
  main > .hero > p{max-width:var(--lane)}
}
/* critique 2 (08:28Z): the question marker grows with the type */
.acc-plus summary::after,.faq > details > summary::after{width:1.875rem;height:1.875rem;background-size:.75rem 2px,2px .75rem}
.acc-plus details[open] > summary::after,.faq > details[open] > summary::after{background-size:.75rem 2px,2px 0}
/* polish 2 (lead, 09:20Z): no nested scroll anywhere. The desk card is sticky only where the whole card fits the
   window (card + 1.5rem top + 1.5rem air, measured per width band: the deal is 968px at 1200-1439, 819-849 at
   1440-1699, 849-905 at 1700-2199 and 906-966 from 2200; the ladder 437-501); on a shorter window it stays in flow at
   the top of column 2 and scrolls away with the page. Never max-height or overflow on the card. */
@media (min-width:1200px){
  main:not(:has(> .ladder)) > .deal,main > .ladder{position:static}
}
@media (min-width:1200px) and (min-height:600px){main > .ladder{position:sticky}}
@media (min-width:1200px) and (max-width:1439.98px) and (min-height:1016px),
       (min-width:1440px) and (max-width:1699.98px) and (min-height:900px),
       (min-width:1700px) and (max-width:1919.98px) and (min-height:928px),
       (min-width:1920px) and (max-width:2059.98px) and (min-height:944px),
       (min-width:2060px) and (max-width:2199.98px) and (min-height:961px),
       (min-width:2200px) and (max-width:2399.98px) and (min-height:987px),
       (min-width:2400px) and (min-height:1027px){
  main:not(:has(> .ladder)) > .deal{position:sticky}
}
/* critique 3 (08:31Z): the plate is a tile one H1 line tall beside the H1, so the lockup holds its row at every width;
   polish 1 (09:05Z): the tile hugs its logo and sits on the first H1 line, never stretched hollow down a long H1;
   at 2200px and wider the two columns take a little more of the screen */
@media (min-width:1024px){
  .title-row .plate,.hero > .plate:first-child{align-self:start;height:2.75rem;justify-content:center;padding:0 1rem}
  .title-row .plate{align-self:center}
  .title-row .plate img,.hero > .plate:first-child img{height:1.375rem}
  .hero > .plate:first-child{margin:0}
}
@media (min-width:2200px){:root{--c1:48rem;--desk:26rem}}
.deal-plate img{height:1.125rem}
@container (min-width:600px){.deal-plate img{height:1.25rem}}
/* polish 1 (09:05Z, lead critique): the offer terms read at the disclosure's size (16px phones, 17px+ from 1024px),
   in the muted body colour (9:1); short-text boxes hug their content at the top instead of centring in a stretched pane */
.deal-terms li{--pb:10px;padding-block:var(--pb);color:var(--vb-text-muted)}
:root main .deal-terms li{font-size:var(--run);line-height:1.5}
.deal-terms li::before{top:calc(var(--pb) + .75em - 1px)}
@container (max-width:599.98px){
  .deal-terms li{--pb:8px}
  .deal-plate{align-self:start;margin:12px 0 12px 12px;padding:7px 10px;border:1px solid var(--vb-border);border-radius:7px}
  .deal-kicker{padding-top:12px}
}
/* the wide card: the offer is a tile that hugs its content at the top of the left pane, never a pane stretched
   down the length of the terms list */
@container (min-width:600px){
  .deal-panes{align-items:start}
  .deal-panes{grid-template-columns:minmax(260px,40%) minmax(0,1fr)}
  .deal-offer{align-items:stretch;justify-content:flex-start;margin:16px 0 16px 16px;padding:18px 16px;border:1px solid var(--vb-border);border-radius:10px}
  .deal-plate{align-self:flex-start}
  .deal-btn{justify-content:center;padding:0 14px;white-space:nowrap}
  .deal-terms{padding:6px 20px 6px 24px}
}
/* every H1 is balanced, phones included (no H1 holds a hyphen, and hyphens stay manual) */
:root main h1,:root .hero > .plate:first-child ~ h1{text-wrap:balance}
/* 1440-1699: the desk is two rems wider so the sticky deal, terms at 17px, fits a 900px-tall screen */
@media (min-width:1440px) and (max-width:1699.98px){:root{--c1:40rem;--desk:25rem}}
@container (max-width:599.98px){.deal-terms li{--pb:7px}}
/* 09:05Z gate: from 1024px a lime button is sized to its label, never a lime bar across the column */
@media (min-width:1024px){.go,.chk button{justify-self:start;width:auto;min-width:14rem;padding:0 28px}}
/* polish 1, the inner lockup from 1024px: the tile is a left float one H1 line tall, so the H1's later lines run back
   to the column edge under it (no hollow column under the tile, no stretched tile) */
@media (min-width:1024px){
  .hero:has(> .plate:first-child){display:flow-root}
  .hero > .plate:first-child{float:left;height:2.5rem;margin:.1rem 1.25rem 0 0}
}
/* polish 1: the RG box's paragraph keeps a reading measure under 72 characters inside the 46rem frame */
main section.rg > p{max-width:min(var(--lane),31em)}
/* the terms never leave a lone figure on a last line ("R$ 20" stays readable at 390) */
.deal-terms li{text-wrap:pretty}
/* polish 2 (lead, 09:20Z): the phone header strip reads in two lines at most. The wordmark holds the first row; when
   the strip cannot sit beside it at 20rem it takes the full width under it, and its two items run on as one flowing
   text (14px, words unchanged, nothing hidden), split by a small drawn dot */
@media (max-width:1023.98px){
  .desk{flex-wrap:wrap;column-gap:14px;row-gap:0;padding-block:2px 6px}
  .strip{display:block;flex:1 1 20rem;max-width:none;font-size:.875rem;line-height:1.0625rem;text-wrap:balance}
  .strip p{display:inline}
  .strip-tag .ic{display:inline-block;vertical-align:-2px;margin:0 6px 0 0}
  .strip-up{padding-left:0}
  .strip-up::before{content:"";display:inline-block;width:3px;height:3px;margin:0 8px;border-radius:50%;background:currentColor;vertical-align:middle}
}