@font-face{font-family:"WandSpell";src:url(/quills/metamorphous.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"WandSans";src:url(/quills/gantari.woff2) format("woff2");font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:"WandSpellFB";src:local("Georgia"),local("Times New Roman");size-adjust:112%;ascent-override:88%;descent-override:26%}
@font-face{font-family:"WandSansFB";src:local("Arial"),local("Helvetica");size-adjust:98%;ascent-override:96%;descent-override:26%}

:root{
  --bt-ink:#0E1424;--bt-deep:#131B28;--bt-bg:#192233;--bt-side:#242F43;--bt-bar:#273248;--bt-bar2:#29334C;--bt-line:#33405A;
  --bt-indigo:#223264;--bt-indigo2:#1D264C;--bt-steel:#4F5E7F;--bt-steel2:#374971;--bt-steel3:#2B3652;
  --bt-text:#DCE3F2;--bt-menu:#ADBDE0;--bt-mute:#9AA8C7;--bt-white:#F4F6FB;
  --bt-gold:#E0B060;--bt-gold2:#D0A050;--bt-bronze:#A07030;--bt-igold:#ECC26F;
  --bt-green:#20A02F;--bt-green2:#167C14;--bt-green3:#3FD04A;--bt-cyan:#30D0E0;--bt-cyan2:#7FDCEB;
  --bt-hair:inset 0 0 0 1px rgba(224,176,96,.55),inset 0 1px 0 rgba(255,255,255,.12);
  --bt-s:"WandSpell","WandSpellFB",Georgia,serif;
  --bt-f:"WandSans","WandSansFB",Arial,Helvetica,sans-serif;
  --bt-head:74px;--bt-sidew:260px;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--bt-head) + 14px);overflow-x:clip}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;min-height:100vh;color:var(--bt-text);font:400 17.5px/1.65 var(--bt-f);overflow-x:clip;
  background:radial-gradient(900px 520px at 72% -8%,rgba(48,208,224,.08),transparent 70%),var(--bt-bg)}
img{max-width:100%;height:auto;display:block}
a{color:var(--bt-cyan2)}
a:hover{color:#fff}
:focus-visible{outline:3px solid var(--bt-cyan);outline-offset:3px;border-radius:4px}
h1,h2,h3{margin:0;line-height:1.18}
p{margin:0 0 1em}
svg{flex-shrink:0}
.bt-sprite{position:absolute;width:0;height:0;overflow:hidden}
.bt-i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bt-skip{position:absolute;left:-9999px;top:8px;z-index:200;background:var(--bt-gold);color:var(--bt-ink);padding:10px 16px;border-radius:6px;font-weight:700}
.bt-skip:focus{left:12px}
.bt-wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 20px}

/* Buttons */
.bt-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 22px;border-radius:6px;
  font:800 14.5px/1.1 var(--bt-f);text-transform:uppercase;letter-spacing:.3px;text-decoration:none;white-space:nowrap;border:0;cursor:pointer;
  transition:filter .15s ease}
/* Steel with a gold hairline, like LOG IN / REGISTER in the lobby bar. */
.bt-btn--steel{color:var(--bt-white);background:linear-gradient(180deg,var(--bt-steel),var(--bt-steel2) 55%,var(--bt-steel3));
  box-shadow:var(--bt-hair),0 0 0 1px #0b1120,0 2px 6px rgba(0,0,0,.45)}
.bt-btn--steel:hover{color:#fff;filter:brightness(1.15)}
.bt-btn--steel .bt-i{width:19px;height:19px;color:var(--bt-igold)}
/* The JOIN NOW green inside a gold frame. */
.bt-btn--go{color:#fff;text-shadow:0 1px 2px rgba(0,40,0,.7);background:linear-gradient(180deg,var(--bt-green3),var(--bt-green) 48%,var(--bt-green2));
  box-shadow:inset 0 0 0 1px #0b3a0b,inset 0 0 0 3px var(--bt-gold2),inset 0 0 0 4px #5c3e12,0 3px 10px rgba(0,0,0,.5)}
.bt-btn--go:hover{color:#fff;filter:brightness(1.1)}
.bt-btn--xl{min-height:58px;padding:14px 40px;font-size:19px;border-radius:8px}
/* Gold diamonds on the big green button, the ornament of the brand banner. */
.bt-btn--go.bt-btn--xl::before,.bt-btn--go.bt-btn--xl::after{content:"";position:absolute;left:50%;width:10px;height:10px;margin-left:-5px;
  transform:rotate(45deg);background:linear-gradient(135deg,#FBE3A4,var(--bt-gold2));box-shadow:0 0 0 1px #5c3e12}
.bt-btn--go.bt-btn--xl::before{top:-5px}.bt-btn--go.bt-btn--xl::after{bottom:-5px}
/* Log in in the bar: words on wide screens, a key on a phone (the words stay for screen readers). */
.bt-btn--key .bt-i{display:none}

/* Top bar, stuck to the top */
.bt-top{position:sticky;top:0;z-index:60;background:linear-gradient(180deg,#2E3A55,var(--bt-bar2) 50%,#232C42);box-shadow:inset 0 -1px 0 var(--bt-line),0 4px 14px rgba(0,0,0,.4)}
.bt-top__bar{height:var(--bt-head);padding:0 18px;display:flex;align-items:center;gap:16px}
.bt-sidebtn{width:46px;height:46px;border-radius:8px;display:grid;place-items:center;border:0;cursor:pointer;color:var(--bt-menu);background:transparent}
.bt-sidebtn:hover{color:#fff;background:rgba(255,255,255,.06)}
.bt-sidebtn .bt-i{width:28px;height:28px;stroke-width:1.6}
.bt-brandlink{display:block;flex-shrink:0}
.bt-logo{height:48px;width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.55))}
.bt-top__end{margin-left:auto;display:flex;align-items:center;gap:10px;min-width:0}
.bt-find{display:flex;align-items:center;gap:10px;width:clamp(200px,22vw,300px);min-height:46px;padding:0 14px;border-radius:6px;
  background:#192648;box-shadow:inset 0 0 0 1px var(--bt-line);color:var(--bt-mute);text-decoration:none;font:400 15.5px/1 var(--bt-f)}
.bt-find:hover{color:#fff}

/* Layout: side rail + content column */
.bt-shell{display:grid;grid-template-columns:var(--bt-sidew) minmax(0,1fr)}
.bt-col{min-width:0}
.bt-side{position:sticky;top:var(--bt-head);height:calc(100vh - var(--bt-head));overflow-y:auto;overscroll-behavior:contain;
  display:flex;flex-direction:column;gap:10px;padding:14px 0 0;scrollbar-width:thin;scrollbar-color:var(--bt-steel) transparent;
  background:var(--bt-side);box-shadow:inset -1px 0 0 var(--bt-line)}
html.bt-folded .bt-shell{grid-template-columns:0 minmax(0,1fr)}
html.bt-folded .bt-side{visibility:hidden;padding:0}
.bt-side__acts{display:none}
.bt-menu{display:grid}
.bt-menu__g{display:grid;padding:6px 0;margin:0 14px;border-bottom:1px solid var(--bt-line)}
.bt-menu__g:last-child{border-bottom:0}
.bt-menu a{display:flex;align-items:center;gap:13px;min-height:44px;padding:6px 14px;margin:0 -14px;color:var(--bt-menu);text-decoration:none;
  font:600 14.5px/1.15 var(--bt-f);text-transform:uppercase;letter-spacing:.2px}
.bt-menu a:hover{color:#fff;background:rgba(255,255,255,.04)}
.bt-menu .bt-i{width:21px;height:21px;color:var(--bt-steel)}
.bt-menu a:hover .bt-i{color:var(--bt-menu)}
/* The active item is an indigo tab with a pointed end, as in the lobby. */
.bt-menu a.bt-here{color:#fff;margin-right:-6px;background:linear-gradient(90deg,var(--bt-indigo2),var(--bt-indigo) 70%,#2A3D78);
  clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%);box-shadow:inset 3px 0 0 var(--bt-igold)}
.bt-menu a.bt-here .bt-i{color:var(--bt-igold)}
.bt-side__cap{font:700 12px/1 var(--bt-f);letter-spacing:1.4px;text-transform:uppercase;color:var(--bt-gold);margin:6px 14px 0}
.bt-toc{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px}
.bt-toc a{display:inline-flex;align-items:center;min-height:38px;padding:6px 11px;border-radius:5px;background:var(--bt-bar);
  box-shadow:inset 0 0 0 1px var(--bt-line);color:var(--bt-text);text-decoration:none;font:500 14.5px/1.1 var(--bt-f)}
.bt-toc a:hover{box-shadow:inset 0 0 0 1px var(--bt-gold);color:#fff}
.bt-sidepromo{display:flex;align-items:center;gap:12px;margin:4px 14px 0;padding:10px 12px;border-radius:8px;text-decoration:none;
  background:radial-gradient(90% 120% at 0% 50%,rgba(48,208,224,.18),transparent 70%),linear-gradient(120deg,var(--bt-indigo),var(--bt-deep));box-shadow:var(--bt-hair)}
.bt-sidepromo img{width:auto;height:60px}
.bt-sidepromo__k{display:block;font:700 12px/1.2 var(--bt-f);text-transform:uppercase;color:var(--bt-menu);letter-spacing:.6px}
.bt-sidepromo__v{display:block;font:800 18px/1.2 var(--bt-f);color:var(--bt-gold);margin-top:3px}
.bt-side__foot{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 14px 14px;background:var(--bt-side)}
.bt-side__foot>*{display:grid;justify-items:center;gap:5px;padding:10px 4px;border-radius:8px;color:var(--bt-white);text-decoration:none;
  font:700 12.5px/1.1 var(--bt-f);text-transform:uppercase;text-align:center;background:linear-gradient(180deg,#34405C,#232C42);box-shadow:var(--bt-hair)}
.bt-side__foot a:hover{filter:brightness(1.2)}
.bt-side__foot .bt-i{width:24px;height:24px;color:var(--bt-white)}
.bt-flag{width:28px;height:14px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.4)}
.bt-veil{display:none}

/* First screen: the offer */
.bt-main{display:block;padding:0 16px}
.bt-hero{display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);align-items:center;margin:14px 0 0;border-radius:6px;overflow:hidden;
  background:radial-gradient(60% 90% at 25% 55%,rgba(40,56,92,.55),transparent 72%),linear-gradient(90deg,var(--bt-ink),var(--bt-deep) 55%,#162036);
  box-shadow:inset 0 0 0 2px var(--bt-line),0 6px 18px rgba(0,0,0,.35)}
.bt-hero__copy{display:grid;justify-items:center;text-align:center;padding:26px 18px 28px 26px}
.bt-hero h1{font:400 20px/1.2 var(--bt-s);letter-spacing:1.5px;color:var(--bt-gold);margin:0 0 12px;text-shadow:0 2px 6px rgba(0,0,0,.6)}
.bt-ribbon{display:inline-block;margin:0;padding:5px 16px;border-radius:6px;font:800 15px/1.2 var(--bt-f);text-transform:uppercase;letter-spacing:.3px;color:var(--bt-white);
  background:linear-gradient(180deg,#56647F,#36425C);box-shadow:inset 0 0 0 1px rgba(224,176,96,.7),0 0 0 1px #0b1120}
.bt-offer{font:800 clamp(38px,3.6vw,62px)/1.04 var(--bt-f);letter-spacing:-.5px;color:var(--bt-white);margin:14px 0 10px;text-transform:uppercase;text-shadow:0 3px 10px rgba(0,0,0,.75)}
.bt-offer span{display:inline-block}
.bt-hero__sub{font-size:17px;line-height:1.45;color:var(--bt-menu);margin:0 0 18px;max-width:27em}
.bt-hero__acts{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 16px}
.bt-hero__fine{margin:14px 0 0;font-size:14px;color:var(--bt-mute)}
.bt-hero__art{width:100%;height:auto}

.bt-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--bt-steel) transparent;padding:10px 12px;margin:14px -16px 0;
  background:var(--bt-bar);box-shadow:inset 0 1px 0 var(--bt-line),inset 0 -1px 0 var(--bt-line)}
.bt-chips a{display:inline-flex;align-items:center;gap:9px;min-height:46px;padding:6px 12px;border-radius:6px;flex-shrink:0;color:var(--bt-white);text-decoration:none;
  font:700 14.5px/1 var(--bt-f);text-transform:uppercase}
.bt-chips a:hover{background:rgba(255,255,255,.05)}
.bt-chips .bt-i{width:26px;height:26px;padding:3px;border-radius:6px;color:var(--bt-igold);background:linear-gradient(180deg,#4a3517,#2a1d0c);box-shadow:inset 0 0 0 1px var(--bt-bronze)}

/* "Top in Canada", set in type (no game art) */
.bt-hot{padding:18px 0 4px}
.bt-hot__h{display:flex;align-items:center;gap:16px;margin:0 0 12px}
.bt-hot__t{font:700 21px/1.2 var(--bt-f);color:var(--bt-white);margin:0;white-space:nowrap}
.bt-hot__h::after{content:"";order:1;flex:1;height:1px;background:var(--bt-line)}
.bt-hot__h a{order:2;font:700 14px/1 var(--bt-f);text-transform:uppercase;color:var(--bt-gold);white-space:nowrap;text-decoration:none}
.bt-hot__row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0 0 10px}
.bt-hot__row a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:100%;min-height:210px;padding:16px 12px;
  border-radius:6px;text-decoration:none;text-align:center;box-shadow:inset 0 0 0 2px var(--bt-line),0 4px 10px rgba(0,0,0,.4);
  background:radial-gradient(110% 70% at 50% 0%,rgba(48,208,224,.2),transparent 66%),linear-gradient(180deg,#1E2A48,var(--bt-ink))}
.bt-hot__row li:nth-child(3n+2) a{background:radial-gradient(110% 70% at 50% 0%,rgba(224,176,96,.24),transparent 66%),linear-gradient(180deg,#2C2440,var(--bt-ink))}
.bt-hot__row li:nth-child(3n+3) a{background:radial-gradient(110% 70% at 50% 0%,rgba(63,208,74,.16),transparent 66%),linear-gradient(180deg,#1A3040,var(--bt-ink))}
.bt-hot__row a:hover{box-shadow:inset 0 0 0 2px var(--bt-gold),0 4px 10px rgba(0,0,0,.4)}
.bt-hot__i{width:54px;height:54px;color:var(--bt-igold);stroke-width:1.2;margin-bottom:6px}
.bt-hot__g{font:800 18px/1.15 var(--bt-f);color:var(--bt-white);text-shadow:0 2px 4px rgba(0,0,0,.7)}
.bt-hot__s{font-size:14px;color:var(--bt-mute)}

.bt-facts{display:grid;grid-template-columns:repeat(3,minmax(0,250px));justify-content:center;gap:14px 22px;padding:22px 0 8px;list-style:none;margin:0}
.bt-facts li{display:grid;justify-items:center;padding:12px 18px;border-radius:8px;text-align:center;background:var(--bt-bar);box-shadow:var(--bt-hair)}
.bt-facts b{font:800 20px/1.15 var(--bt-f);color:var(--bt-gold)}
.bt-facts span{font-size:14.5px;color:var(--bt-mute);margin-top:2px}

/* The review text */
.bt-content{max-width:900px;margin:0 auto;padding:10px 0}
.bt-sec{padding:42px 0 6px;border-top:1px solid var(--bt-line)}
.bt-sec:first-child{border-top:0}
/* Sections below the first screen are laid out only when scrolled to: without this the layout alone cost over a second on a phone. */
.bt-sec,.bt-foot,.bt-strip{content-visibility:auto;contain-intrinsic-size:auto 900px}
.bt-foot{contain-intrinsic-size:auto 760px}.bt-strip{contain-intrinsic-size:auto 220px}
.bt-sec h2{font:400 clamp(25px,2.6vw,32px)/1.2 var(--bt-s);color:var(--bt-gold);margin:0 0 18px;text-shadow:0 2px 8px rgba(0,0,0,.5)}
.bt-sec h2::after{content:"";display:block;width:110px;height:2px;margin-top:12px;background:linear-gradient(90deg,var(--bt-cyan),rgba(48,208,224,0))}
.bt-sec h3{font:700 20px/1.25 var(--bt-f);color:var(--bt-white);margin:28px 0 10px}
.bt-sec strong{color:#fff}
.bt-list{margin:0 0 1.1em;padding-left:1.3em}
.bt-list li{margin:0 0 .45em}
.bt-list li::marker{color:var(--bt-gold)}
.bt-steps{counter-reset:st;list-style:none;margin:6px 0 1.2em;padding:0;display:grid;gap:10px}
.bt-steps li{counter-increment:st;position:relative;padding:13px 18px 13px 64px;border-radius:8px;background:rgba(39,50,72,.7);box-shadow:inset 0 0 0 1px var(--bt-line)}
.bt-steps li::before{content:counter(st);position:absolute;left:14px;top:11px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  font:800 17px/1 var(--bt-f);color:#2a1a05;background:radial-gradient(circle at 35% 30%,#FBE3A4,var(--bt-gold) 55%,var(--bt-bronze))}
.bt-tip{margin:4px 0 1.3em;padding:16px 20px;border-radius:8px;background:linear-gradient(100deg,rgba(48,208,224,.12),rgba(34,50,100,.5));box-shadow:inset 3px 0 0 var(--bt-cyan),inset 0 0 0 1px var(--bt-line)}
.bt-tip p{margin:0}
.bt-tip__t{display:block;font:800 14px/1.2 var(--bt-f);text-transform:uppercase;letter-spacing:.5px;color:var(--bt-cyan2);margin-bottom:6px}
.bt-figure{width:100%;height:auto;margin:6px 0 1.2em;border-radius:8px;box-shadow:0 0 0 2px var(--bt-line),0 10px 24px rgba(0,0,0,.5)}

.bt-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:8px 0 1.4em;list-style:none;padding:0}
.bt-tiers li{padding:18px 16px 20px;border-radius:8px;text-align:center;background:radial-gradient(100% 70% at 50% 0%,rgba(224,176,96,.18),transparent 70%),linear-gradient(180deg,#26335A,var(--bt-deep));box-shadow:var(--bt-hair)}
.bt-tier__n{display:block;font:700 13px/1.2 var(--bt-f);text-transform:uppercase;letter-spacing:.8px;color:var(--bt-menu)}
.bt-tier__v{display:block;font:800 26px/1.1 var(--bt-f);color:var(--bt-gold);margin:8px 0 6px}
.bt-tier__s{display:block;font-size:15.5px;line-height:1.4;color:var(--bt-text)}

.bt-tscroll{overflow-x:auto;margin:6px 0 1.3em;border-radius:8px;box-shadow:inset 0 0 0 1px var(--bt-line)}
.bt-table{width:100%;border-collapse:collapse;font-size:16px;min-width:540px}
.bt-table th,.bt-table td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--bt-line);vertical-align:top}
.bt-table th{font:800 13.5px/1.2 var(--bt-f);text-transform:uppercase;color:var(--bt-gold);background:var(--bt-bar2)}
.bt-table td{background:rgba(19,27,40,.6)}
.bt-table tr:last-child td{border-bottom:0}

.bt-nudge{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin:8px 0 1.4em;padding:16px 20px;border-radius:8px;
  background:linear-gradient(90deg,var(--bt-indigo),var(--bt-steel3));box-shadow:var(--bt-hair)}
.bt-nudge p{margin:0;flex:1 1 280px;color:var(--bt-white);font-weight:600}

.bt-reviews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:4px 0 1.2em}
.bt-rev{margin:0;padding:18px 18px 16px;border-radius:8px;background:rgba(39,50,72,.7);box-shadow:inset 0 0 0 1px var(--bt-line);display:flex;flex-direction:column}
.bt-rev blockquote{margin:0 0 10px;flex:1}
.bt-rev blockquote p{margin:0;font-size:16px;line-height:1.5}
.bt-rev figcaption{font:700 14px/1.2 var(--bt-f);color:var(--bt-gold)}
/* Stars in reviews are for reading only; the structured data has none. */
.bt-rev__s{margin:0 0 8px;font-size:14.5px;color:var(--bt-mute)}
.bt-rev__s span{color:var(--bt-gold);letter-spacing:2px;font-size:17px}
.bt-rev--mid figcaption{color:var(--bt-cyan2)}
/* "Who it suits": two frames side by side, stacked on a phone. */
.bt-fit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:6px 0 1.3em}
.bt-fit__col{padding:16px 18px 6px;border-radius:8px;background:rgba(39,50,72,.7);box-shadow:inset 0 0 0 1px var(--bt-line)}
.bt-fit__t{font:800 15px/1.3 var(--bt-f);color:var(--bt-gold);margin:0 0 10px}

.bt-faq details{border-radius:8px;background:rgba(39,50,72,.7);box-shadow:inset 0 0 0 1px var(--bt-line);margin:0 0 10px}
.bt-faq summary{cursor:pointer;list-style:none;padding:15px 52px 15px 20px;position:relative;font:700 17px/1.3 var(--bt-f);color:var(--bt-white)}
.bt-faq summary::-webkit-details-marker{display:none}
.bt-faq summary::after{content:"+";position:absolute;right:20px;top:11px;font:700 26px/1 var(--bt-f);color:var(--bt-gold)}
.bt-faq details[open] summary::after{content:"\2212"}
.bt-faq details>div{padding:0 20px 16px}
.bt-faq details>div p{margin:0}

/* Offer strip before the footer */
.bt-strip{max-width:1100px;margin:40px auto 0;padding:0 0 10px}
.bt-strip__in{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px 28px;padding:22px 30px;border-radius:10px;
  background:radial-gradient(50% 120% at 8% 50%,rgba(48,208,224,.22),transparent 70%),linear-gradient(100deg,#243466,var(--bt-indigo2) 55%,var(--bt-deep));box-shadow:var(--bt-hair),0 8px 20px rgba(0,0,0,.45)}
.bt-strip__in img{width:auto;height:128px}
.bt-strip__t{font:400 clamp(23px,2.4vw,30px)/1.15 var(--bt-s);color:var(--bt-gold);margin:0 0 6px}
.bt-strip__o{font:800 19px/1.25 var(--bt-f);color:var(--bt-white);margin:0 0 6px}
.bt-strip__s{margin:0;color:var(--bt-menu);font-size:15.5px}
.bt-strip__b{display:flex;gap:12px;flex-wrap:wrap}

/* Legal pages */
.bt-doc{max-width:880px;margin:0 auto;padding:34px 0 20px}
.bt-crumbs{font-size:15px;color:var(--bt-mute);margin:0 0 14px}
.bt-crumbs a{color:var(--bt-mute)}
.bt-doc h1{font:400 clamp(30px,3.4vw,40px)/1.15 var(--bt-s);color:var(--bt-gold);margin:0 0 10px}
.bt-doc .bt-stamp{font-size:15px;color:var(--bt-mute);margin:0 0 26px}
.bt-doc h2{font:700 23px/1.25 var(--bt-f);color:var(--bt-white);margin:34px 0 10px}
.bt-doc h3{font:700 19px/1.3 var(--bt-f);color:var(--bt-cyan2);margin:22px 0 8px}
.bt-lead{font-size:19.5px;color:var(--bt-white)}

/* Footer */
.bt-foot{margin-top:40px;padding:42px 0 40px;background:linear-gradient(180deg,#1C2638,var(--bt-ink));box-shadow:inset 0 1px 0 var(--bt-line)}
.bt-foot__grid{display:grid;grid-template-columns:1.6fr repeat(4,minmax(0,1fr));gap:26px 28px}
.bt-foot__about img{height:48px;width:auto;margin:0 0 14px}
.bt-foot__about p{font-size:15px;line-height:1.6;color:var(--bt-mute);margin:0 0 12px}
.bt-foot__h{font:800 14.5px/1.2 var(--bt-f);text-transform:uppercase;color:var(--bt-gold);margin:0 0 10px}
.bt-foot__col a,.bt-foot__ck{display:flex;align-items:center;min-height:44px;font-size:15.5px;line-height:1.3;color:var(--bt-mute);text-decoration:none;padding:3px 0;
  background:none;border:0;cursor:pointer;font-family:var(--bt-f);text-align:left}
.bt-foot__col a:hover,.bt-foot__ck:hover{color:#fff}
.bt-foot__acts{display:flex;gap:12px;flex-wrap:wrap;margin:6px 0 4px}
.bt-foot__tags{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:4px 0 12px}
.bt-foot__tags span{display:inline-flex;align-items:center;min-height:34px;padding:6px 12px;border-radius:5px;font:700 13px/1 var(--bt-f);
  color:var(--bt-white);background:var(--bt-bar);box-shadow:inset 0 0 0 1px var(--bt-line)}
.bt-foot__base{margin-top:28px;padding-top:18px;border-top:1px solid var(--bt-line);font-size:14.5px;line-height:1.6;color:var(--bt-mute)}

/* Phone dock and the cookie card */
.bt-dock{display:none}
.bt-ck{position:fixed;right:18px;bottom:18px;z-index:70;width:min(430px,calc(100vw - 24px));padding:18px 18px 16px;border-radius:10px;
  background:#1B2438;box-shadow:var(--bt-hair),0 18px 40px rgba(0,0,0,.55);display:none;font-size:15px;line-height:1.5}
.bt-ck.bt-on{display:block}
.bt-ck p{margin:0 0 10px}
.bt-ck__cats{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}
.bt-ck__cats li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:6px;background:rgba(255,255,255,.04)}
.bt-ck__cats b{display:block;color:var(--bt-white)}
.bt-ck__cats span{font-size:13.5px;color:var(--bt-mute)}
.bt-sw{width:46px;height:26px;border-radius:999px;border:0;background:#46536F;position:relative;cursor:pointer;flex-shrink:0}
.bt-sw::after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#EEF2FA;transition:left .15s ease}
.bt-sw[aria-checked="true"]{background:var(--bt-green)}
.bt-sw[aria-checked="true"]::after{left:23px}
.bt-sw:disabled{opacity:.7;cursor:default}
.bt-ck__row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.bt-ck__row button{min-height:44px;border-radius:6px;border:0;cursor:pointer;font:800 12.5px/1 var(--bt-f);text-transform:uppercase;
  color:var(--bt-white);background:linear-gradient(180deg,var(--bt-steel),var(--bt-steel3));box-shadow:var(--bt-hair)}
.bt-ck__row button:hover{filter:brightness(1.18)}

/* Screen widths, widest first */
@media(max-width:1440px){.bt-hot__row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:170px;overflow-x:auto;padding-bottom:14px;scrollbar-width:thin;scrollbar-color:var(--bt-steel) transparent}}
@media(max-width:1280px){.bt-foot__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.bt-foot__about{grid-column:1/-1}}
/* Below 1180 px the rail slides in as a drawer, or it would eat half the screen. */
@media(max-width:1179px){
  .bt-shell{display:block}
  html.bt-folded .bt-side{visibility:hidden}
  .bt-side{position:fixed;z-index:90;top:0;left:0;bottom:0;height:auto;width:min(320px,88vw);padding-top:12px;
    transform:translateX(-102%);visibility:hidden;transition:transform .25s ease,visibility .25s;box-shadow:6px 0 24px rgba(0,0,0,.55)}
  .bt-side.bt-open{transform:none;visibility:visible}
  .bt-side__acts{display:grid;grid-template-columns:1fr 1fr 40px;gap:8px;align-items:center;padding:0 14px}
  .bt-side__acts .bt-btn{padding:8px 6px;font-size:13px}
  .bt-side__x{width:40px;height:40px;border:0;background:none;color:var(--bt-menu);cursor:pointer;display:grid;place-items:center}
  .bt-veil{display:block;position:fixed;inset:0;z-index:80;background:rgba(6,9,18,.68);opacity:0;visibility:hidden;transition:opacity .2s ease}
  .bt-veil.bt-on{opacity:1;visibility:visible}
  .bt-find{width:auto;padding:0 13px}
  .bt-find span{display:none}
}
/* 861-1500 px: the 3:2 art sets the height and the copy beside it is
   tightened to fit inside it, so no empty bands open above and below. */
@media(min-width:861px) and (max-width:1500px){
  .bt-hero{grid-template-columns:minmax(0,40fr) minmax(0,60fr)}
  .bt-hero__copy{padding:14px 12px 14px 18px}
  .bt-hero h1{font-size:16px;margin:0 0 8px}
  .bt-ribbon{font-size:13px;padding:4px 12px}
  .bt-offer{font-size:clamp(28px,2.8vw,42px);margin:10px 0 6px;white-space:nowrap}
  .bt-hero__sub{font-size:15px;line-height:1.4;margin:0 0 14px}
  .bt-hero__acts{gap:12px 10px}
  .bt-btn--xl{min-height:50px;padding:10px 22px;font-size:16px}
  .bt-hero__fine{margin-top:10px;font-size:12.5px}
}
@media(max-width:1024px){.bt-fit{grid-template-columns:1fr}.bt-reviews{grid-template-columns:1fr}.bt-tiers{grid-template-columns:1fr;max-width:520px}}
/* Narrow: the art goes on top at full width (scaled, never cropped), with
   the offer and both buttons under it, all on the first screen. */
@media(max-width:860px){
  .bt-hero{grid-template-columns:1fr;margin-left:-16px;margin-right:-16px;margin-top:0;border-radius:0}
  .bt-hero__art{order:-1}
  .bt-hero__copy{padding:14px 16px 22px}
  .bt-strip__in{grid-template-columns:auto minmax(0,1fr);padding:20px}
  .bt-strip__b{grid-column:1/-1}
  .bt-foot__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bt-chips{margin-top:0}
}
@media(max-width:720px){
  :root{--bt-head:62px}
  body{font-size:17px}
  .bt-top__bar{padding:0 10px;gap:8px}
  .bt-sidebtn{width:40px;height:40px}
  .bt-sidebtn .bt-i{width:24px;height:24px}
  .bt-logo{height:34px}
  .bt-find{display:none}
  .bt-top__end{gap:7px}
  .bt-top__end .bt-btn{min-height:42px;padding:8px 11px;font-size:12.5px}
  .bt-top__end .bt-btn--key{width:42px;padding:0}
  .bt-btn--key .bt-i{display:block}
  .bt-btn--key span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .bt-offer{font-size:clamp(34px,10vw,46px);margin:12px 0 8px}
  .bt-hero h1{font-size:17px;margin:0 0 10px}
  .bt-hero__sub{font-size:16px}
  .bt-btn--xl{min-height:54px;padding:12px 30px;font-size:17px}
  .bt-hot__row{grid-auto-columns:148px}
  .bt-hot__row a{min-height:190px}
  .bt-hot__g{font-size:16.5px}
  .bt-facts{grid-template-columns:1fr;max-width:320px;margin:0 auto}
  .bt-strip__in{grid-template-columns:1fr;justify-items:center;text-align:center}
  .bt-strip__in img{width:auto;height:100px}
  .bt-strip__b{justify-content:center}
  .bt-sec{padding:34px 0 6px}
  .bt-foot{padding-bottom:140px}
  .bt-dock{display:block;position:fixed;left:0;right:0;bottom:0;z-index:55;padding:8px 10px calc(8px + env(safe-area-inset-bottom));
    background:linear-gradient(180deg,#2E3A55,#1D263A);box-shadow:inset 0 1px 0 rgba(224,176,96,.5),0 -8px 22px rgba(0,0,0,.45)}
  .bt-dock__t{display:block;text-align:center;font:800 14px/1.2 var(--bt-f);color:var(--bt-gold);margin:0 0 7px}
  .bt-dock__row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .bt-dock__row .bt-btn{min-height:46px;font-size:14px;padding:8px 6px}
  .bt-ck{left:10px;right:10px;bottom:104px;width:auto}
}
@media(max-width:480px){.bt-foot__grid{grid-template-columns:1fr}.bt-hot__h{flex-wrap:wrap;gap:4px 14px}.bt-hot__h::after{display:none}.bt-hot__t{font-size:19px}}
@media(max-width:400px){
  .bt-top__bar{padding:0 8px;gap:6px}
  .bt-sidebtn{width:36px;height:40px}
  .bt-logo{height:26px}
  .bt-top__end{gap:5px}
  .bt-top__end .bt-btn{padding:8px 8px;font-size:11.5px;letter-spacing:0}
  .bt-top__end .bt-btn--key{width:40px}
  .bt-dock__w{display:none}
  .bt-chips a{font-size:13.5px;padding:6px 10px}
}
@media(max-width:340px){
  .bt-top__bar{padding:0 6px;gap:4px}
  .bt-sidebtn{width:32px}
  .bt-logo{height:21px}
  .bt-top__end{gap:4px}
  .bt-top__end .bt-btn{padding:8px 6px;font-size:10.5px}
  .bt-top__end .bt-btn--key{width:36px}
}
/* A phone held sideways has barely 340-400 px of height: the dock thins to
   one row and the first screen goes back to two columns. */
@media(orientation:landscape) and (max-height:620px){
  :root{--bt-head:56px}
  .bt-logo{height:32px}
  .bt-dock__t{display:none}
  .bt-ck{left:auto;right:10px;bottom:70px;max-width:420px;max-height:calc(100vh - 140px);overflow-y:auto}
}
@media(orientation:landscape) and (max-height:500px) and (min-width:600px){
  .bt-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .bt-hero__art{order:0}
  .bt-hero__copy{padding:10px 12px 14px}
  .bt-hero h1{font-size:14px;margin:0 0 6px}
  .bt-ribbon{font-size:12px;padding:4px 12px}
  .bt-offer{font-size:30px;margin:8px 0 4px}
  .bt-hero__sub{display:none}
  .bt-btn--xl{min-height:48px;padding:10px 24px;font-size:16px}
  .bt-hero__fine{margin-top:6px;font-size:12.5px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}