/* SQueen668 – "the Queen's hand": garnet salon, champagne gold, liquid glass on controls and frames only */
@font-face{font-family:"Bodoni Moda";src:url(/fonts/bodoni-moda-v28-latin-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Bodoni Moda";src:url(/fonts/bodoni-moda-v28-latin-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Bodoni Moda";src:url(/fonts/bodoni-moda-v28-latin-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url(/fonts/hanken-grotesk-v12-latin-regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url(/fonts/hanken-grotesk-v12-latin-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url(/fonts/hanken-grotesk-v12-latin-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url(/fonts/hanken-grotesk-v12-latin-700.woff2) format("woff2");font-weight:700;font-display:swap}

:root{
  --ink:#140709; --garnet:#3d0c17; --wine:#661427; --plum:#2a0a22;
  --gold:#e8c57e; --gold-hi:#f7e3b0; --gold-deep:#b68633; --ruby:#d6394c;
  --ivory:#f8f1e5; --mist:#d3c4b1; --dim:#a8978a;
  --line:rgba(247,227,176,.16); --line-hi:rgba(247,227,176,.34);
  --glass:linear-gradient(160deg,rgba(255,244,226,.13),rgba(255,244,226,.035) 55%,rgba(255,244,226,.07));
  --glass-solid:#2a1016;
  --display:"Bodoni Moda",Didot,"Times New Roman",serif;
  --body:"Hanken Grotesk",system-ui,sans-serif;
  --r-sm:12px; --r-md:20px; --r-lg:30px; --r-pill:999px;
  --wrap:1240px; --gut:clamp(16px,4vw,40px);
  --ease:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:110px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--ivory);font:400 1.0625rem/1.65 var(--body);isolation:isolate;overflow-x:hidden}
/* ambient field the glass refracts: fixed, static, behind everything */
body::before{content:"";position:fixed;inset:-10vh -10vw;z-index:-1;pointer-events:none;
  background:
   radial-gradient(42vw 36vw at 82% 8%,rgba(214,57,76,.30),transparent 70%),
   radial-gradient(38vw 34vw at 6% 30%,rgba(232,197,126,.16),transparent 70%),
   radial-gradient(50vw 40vw at 60% 78%,rgba(102,20,39,.55),transparent 72%),
   radial-gradient(40vw 40vw at 10% 95%,rgba(42,10,34,.9),transparent 70%),
   linear-gradient(180deg,#1b080c,var(--ink) 60%)}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold-hi);text-underline-offset:3px}
@media (hover:hover){a:hover{color:#fff}}
:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px;border-radius:6px}
.qn-skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--gold);color:var(--ink);padding:10px 16px;border-radius:var(--r-sm);font-weight:700;text-decoration:none}
.qn-skip:focus{top:12px}
.qn-wrap{width:min(100% - 2*var(--gut),var(--wrap));margin-inline:auto}
.qn-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- liquid glass material ---------- */
.qn-glass{position:relative;background:var(--glass);border:1px solid var(--line);
  -webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%);
  box-shadow:inset 0 1px 0 rgba(255,250,238,.28),inset 0 -1px 0 rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.02),0 24px 60px -28px rgba(0,0,0,.85)}
/* specular rim: light catches the top-left bevel */
.qn-glass::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(135deg,rgba(255,246,220,.75),rgba(255,246,220,0) 32%,rgba(255,246,220,0) 68%,rgba(232,197,126,.45));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.qn-glass{background:var(--glass-solid)}}
@media (prefers-reduced-transparency:reduce){.qn-glass{background:var(--glass-solid);-webkit-backdrop-filter:none;backdrop-filter:none}}

/* ---------- buttons ---------- */
.qn-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:48px;padding:.7em 1.5em;border-radius:var(--r-pill);
  font:600 1rem/1 var(--body);letter-spacing:.01em;text-decoration:none;cursor:pointer;border:0;background-color:transparent;white-space:nowrap;
  transition:transform .18s var(--ease),box-shadow .18s var(--ease),background-color .18s}
.qn-btn--gold{color:#2b0d11;background:linear-gradient(180deg,var(--gold-hi),var(--gold) 48%,var(--gold-deep));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -2px 0 rgba(120,70,10,.35),0 10px 28px -10px rgba(232,197,126,.6)}
.qn-btn--glass{color:var(--ivory);box-shadow:inset 0 0 0 1px var(--line-hi)}
.qn-btn--sm{min-height:44px;padding:.55em 1.15em;font-size:.95rem}
@media (hover:hover){.qn-btn:hover{transform:translateY(-1px)}.qn-btn--gold:hover{color:#2b0d11;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),inset 0 -2px 0 rgba(120,70,10,.35),0 14px 34px -10px rgba(232,197,126,.75)}.qn-btn--glass:hover{color:#fff}}
.qn-btn:active{transform:translateY(1px)}

/* ---------- header ---------- */
.qn-header{position:sticky;top:0;z-index:50;padding:14px 0 0}
.qn-bar{display:flex;align-items:center;gap:20px;padding:8px 10px 8px 22px;border-radius:var(--r-pill)}
.qn-logo{display:block;flex:none}
.qn-logo img{width:132px;height:auto}
.qn-bar>nav{margin-inline:auto}
.qn-nav{display:flex;gap:2px;margin:0;padding:0;list-style:none}
.qn-nav a{display:block;padding:.6em .8em;border-radius:var(--r-pill);color:var(--mist);text-decoration:none;font-weight:500;font-size:.95rem;white-space:nowrap}
.qn-nav a[aria-current="page"]{color:var(--ivory);background:rgba(255,244,226,.09);box-shadow:inset 0 1px 0 rgba(255,250,238,.2)}
@media (hover:hover){.qn-nav a:hover{color:var(--ivory);background:rgba(255,244,226,.06)}}
.qn-actions{display:flex;gap:8px;flex:none}
.qn-menu-btn{display:none;width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:rgba(255,244,226,.06);color:var(--ivory);cursor:pointer;place-items:center}
.qn-menu-btn svg{width:22px;height:22px}
@media (max-width:1180px){.qn-nav{display:none}.qn-menu-btn{display:grid}.qn-actions{margin-left:auto}}
@media (max-width:560px){.qn-bar{padding:6px 6px 6px 16px;gap:10px}.qn-logo img{width:104px}.qn-actions .qn-btn--glass{display:none}}

/* mobile menu = native dialog */
.qn-drawer{margin:0 0 0 auto;height:100dvh;max-height:none;width:min(88vw,380px);padding:0;border:0;border-radius:var(--r-lg) 0 0 var(--r-lg);color:var(--ivory);background:rgba(30,10,15,.82)}
.qn-drawer::backdrop{background:rgba(8,2,4,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.qn-drawer-in{display:flex;flex-direction:column;gap:18px;padding:22px}
.qn-drawer-head{display:flex;justify-content:space-between;align-items:center}
.qn-drawer ul{list-style:none;margin:0;padding:0}
.qn-drawer li a{display:block;padding:.85em .2em;border-bottom:1px solid var(--line);color:var(--ivory);text-decoration:none;font-size:1.05rem}
.qn-drawer li a[aria-current="page"]{color:var(--gold-hi)}
.qn-drawer .qn-btn{width:100%}
.qn-drawer[open]{animation:qn-slide .28s var(--ease)}
@keyframes qn-slide{from{transform:translateX(24px);opacity:0}}

/* ---------- type ---------- */
h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.08;margin:0;text-wrap:balance;color:var(--ivory)}
h1{font-size:clamp(2.5rem,1.4rem + 4.4vw,4.9rem);letter-spacing:-.015em}
h2{font-size:clamp(1.9rem,1.3rem + 2vw,2.9rem);letter-spacing:-.01em}
h3{font-size:1.3rem;font-weight:500}
.qn-lead{font-size:clamp(1.08rem,1rem + .35vw,1.28rem);color:var(--mist);max-width:36em;margin:0}
.qn-sec{padding:clamp(56px,7vw,104px) 0 0}
.qn-sec-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
.qn-sec-head p{margin:.6em 0 0;color:var(--mist);max-width:40em}
.qn-more-link{color:var(--gold-hi);font-weight:600;text-decoration:none;white-space:nowrap;padding:.6em 0}
@media (hover:hover){.qn-more-link:hover{text-decoration:underline}}

/* ---------- home hero: the Queen's hand ---------- */
.qn-hero{padding:clamp(40px,6vw,88px) 0 0;overflow-x:clip}
.qn-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(28px,5vw,72px);align-items:center}
.qn-hero h1{margin:0 0 22px}
.qn-hero h1 .qn-h1-sub{display:block;font-weight:400;font-style:italic;font-size:.56em;color:var(--gold);margin-top:.18em;letter-spacing:0}
.qn-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.qn-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:40px 0 0;padding:0;border-radius:var(--r-md);overflow:hidden}
.qn-facts div{padding:18px 20px}
.qn-facts div+div{border-left:1px solid var(--line)}
.qn-facts dt{font:700 clamp(1.5rem,1.1rem + 1.2vw,2.1rem)/1 var(--display);color:var(--gold-hi)}
.qn-facts dd{margin:8px 0 0;color:var(--mist);font-size:.93rem;line-height:1.35}
.qn-hand{position:relative;aspect-ratio:1/1.02;max-width:520px;margin-inline:auto;width:100%}
.qn-card{position:absolute;top:8%;left:27%;width:46%;aspect-ratio:5/7;border-radius:22px;overflow:hidden;transform-origin:50% 115%;
  box-shadow:0 30px 60px -20px rgba(0,0,0,.85),0 0 0 1px rgba(247,227,176,.22);transition:transform .9s var(--ease)}
.qn-card img{width:100%;height:100%;object-fit:cover}
.qn-card--l{transform:rotate(-17deg) translateX(-30%)}
.qn-card--r{transform:rotate(15deg) translateX(30%)}
.qn-card--q{z-index:2;background:linear-gradient(165deg,rgba(74,18,30,.62),rgba(30,8,13,.78));left:24%;width:52%;top:4%;transform:rotate(-2deg);display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:12% 9%;text-align:center;overflow:visible;border-radius:26px}
.qn-card--q .qn-crest{width:92%;height:auto;object-fit:contain;filter:drop-shadow(0 8px 22px rgba(214,57,76,.45))}
.qn-card--q .qn-offer{margin-top:6%;font:700 clamp(2.4rem,1.6rem + 2.4vw,3.6rem)/1 var(--display);color:var(--gold-hi)}
.qn-card--q .qn-offer-l{margin-top:.5em;color:var(--mist);font-size:.95rem;line-height:1.3}
.qn-idx{position:absolute;font:700 1.35rem/1 var(--display);color:var(--gold);text-align:center}
.qn-idx span{display:block;font-size:.9em;color:var(--ruby)}
.qn-idx--tl{top:16px;left:18px}
.qn-idx--br{bottom:16px;right:18px;transform:rotate(180deg)}
/* the one choreographed moment: the hand fans open on load */
.qn-hand.is-dealt .qn-card--l{animation:qn-deal-l .9s var(--ease) both .15s}
.qn-hand.is-dealt .qn-card--r{animation:qn-deal-r .9s var(--ease) both .25s}
@keyframes qn-deal-l{from{transform:rotate(-2deg) translateX(0)}}
@keyframes qn-deal-r{from{transform:rotate(-2deg) translateX(0)}}

/* inner page hero */
.qn-crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 18px;padding:0;list-style:none;font-size:.92rem;color:var(--dim)}
.qn-crumbs a{color:var(--mist);text-decoration:none}
.qn-crumbs li+li::before{content:"/";margin-right:8px;color:var(--dim)}
.qn-page-hero{padding:clamp(36px,5vw,72px) 0 0}
.qn-page-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,4vw,56px);align-items:center}
.qn-page-grid--solo{grid-template-columns:minmax(0,1fr)}
.qn-page-hero h1{font-size:clamp(2.2rem,1.4rem + 3vw,3.8rem);margin-bottom:18px}
.qn-frame{padding:10px;border-radius:var(--r-lg)}
.qn-frame img{border-radius:calc(var(--r-lg) - 10px);width:100%}

/* ---------- promo rail (no autoplay) ---------- */
.qn-rail{display:grid;grid-auto-flow:column;grid-auto-columns:min(78%,560px);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 16px;scrollbar-width:thin;scrollbar-color:var(--gold-deep) transparent}
.qn-rail>*{scroll-snap-align:start}
.qn-rail-ctl{display:flex;gap:8px}
.qn-round{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:var(--ivory);cursor:pointer}
.qn-round svg{width:20px;height:20px}
.qn-promo{display:block;border-radius:var(--r-md);overflow:hidden;box-shadow:0 0 0 1px var(--line),0 18px 40px -22px rgba(0,0,0,.9)}
.qn-promo img{width:100%;aspect-ratio:1198/475;object-fit:cover}

/* trust ribbon */
.qn-trust{display:grid;grid-template-columns:120px minmax(0,1fr) minmax(0,380px);gap:28px;align-items:center;padding:20px 28px;border-radius:var(--r-lg);margin-top:clamp(48px,6vw,80px)}
.qn-trust p{margin:0;color:var(--mist);font-size:.98rem}
.qn-trust strong{color:var(--ivory);font-weight:600}
.qn-trust .qn-pagcor{width:120px}
.qn-trust .qn-labs{width:min(100%,380px);justify-self:end}

/* game categories: lacquered tiles */
.qn-cats{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:14px}
.qn-cat{display:block;border-radius:var(--r-md);overflow:hidden;text-decoration:none;color:var(--ivory);box-shadow:0 0 0 1px var(--line);background:#000}
.qn-cat img{width:100%;aspect-ratio:371/327;object-fit:cover}
@media (hover:hover){.qn-cat{transition:box-shadow .2s}.qn-cat:hover{box-shadow:0 0 0 1px var(--gold),0 12px 30px -12px rgba(232,197,126,.45)}}

/* games */
.qn-games{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
@media (max-width:860px){.qn-games{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.qn-games{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
.qn-game{display:block;border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px var(--line);background:#1a0a0e}
.qn-game img{width:100%;aspect-ratio:780/919;object-fit:cover}

/* steps: a real sequence, so numbered */
.qn-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;counter-reset:s}
.qn-step{padding:26px 26px 28px;border-radius:var(--r-lg);counter-increment:s}
.qn-step::after{content:counter(s);position:absolute;top:18px;right:24px;font:700 3.2rem/1 var(--display);color:rgba(232,197,126,.22)}
.qn-step h3{margin:0 0 10px;font-size:1.35rem}
.qn-step p{margin:0;color:var(--mist)}

/* ambassador */
.qn-amb{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,56px);align-items:end;padding:0 clamp(20px,4vw,56px);border-radius:var(--r-lg);overflow:hidden}
.qn-amb img{width:100%;max-width:340px;margin-inline:auto}
.qn-amb-copy{padding:clamp(28px,4vw,56px) 0}
.qn-amb-copy p{color:var(--mist);margin:14px 0 0;max-width:34em}
.qn-amb-copy blockquote{margin:0;font:400 italic clamp(1.5rem,1.1rem + 1.2vw,2.2rem)/1.25 var(--display);color:var(--ivory)}

/* payments + providers */
.qn-pay{display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none}
.qn-pay li{display:flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;border-radius:var(--r-pill);font-weight:600}
.qn-pay img{width:40px;height:40px;border-radius:10px;object-fit:cover;background:#fff}
.qn-pay .qn-usdt{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#26a17b;color:#fff;font-weight:700;font-size:.8rem}
.qn-prov{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin:0;padding:0;list-style:none}
.qn-prov li{padding:18px 20px;border-radius:var(--r-md);font:500 1.15rem/1.2 var(--display)}

/* ---------- content: expand / show less ---------- */
.qn-content{padding:clamp(28px,4vw,48px);border-radius:var(--r-lg)}
.qn-more-body{position:relative;max-width:46em;margin-inline:auto}
.qn-more-body h2{font-size:clamp(1.6rem,1.2rem + 1.4vw,2.3rem);margin:1.4em 0 .5em}
.qn-more-body h2:first-child{margin-top:0}
.qn-more-body h3{margin:1.3em 0 .4em}
.qn-more-body p,.qn-more-body li{color:#ece1d1}
.qn-more-body table{width:100%;border-collapse:collapse;font-size:.97rem}
.qn-more-body th,.qn-more-body td{padding:.7em .8em;border-bottom:1px solid var(--line);text-align:left}
.js .qn-content.is-collapsed .qn-more-body{max-height:520px;overflow:hidden;-webkit-mask:linear-gradient(#000 60%,transparent);mask:linear-gradient(#000 60%,transparent)}
.qn-more-btn{display:flex;margin:22px auto 0}
.qn-more-btn[hidden]{display:none}
.qn-more-btn svg{width:18px;height:18px;transition:transform .2s}
.qn-more-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.qn-ph{padding:6px 0 14px}
.qn-ph h2{color:var(--mist)}
.qn-bar-ph{display:block;height:12px;border-radius:6px;background:rgba(255,244,226,.09);margin:12px 0}
.qn-bar-ph:nth-child(3n){width:72%}.qn-bar-ph:nth-child(3n+1){width:94%}.qn-bar-ph:nth-child(3n+2){width:86%}
.qn-ph-note{color:var(--dim);font-size:.95rem;margin:16px 0 0}

/* faq */
.qn-faq{display:grid;gap:10px}
.qn-faq details{border-radius:var(--r-md);padding:0 22px}
.qn-faq summary{list-style:none;cursor:pointer;padding:18px 32px 18px 0;font-weight:600;position:relative}
.qn-faq summary::-webkit-details-marker{display:none}
.qn-faq summary::after{content:"+";position:absolute;right:0;top:12px;font:400 1.6rem/1 var(--display);color:var(--gold)}
.qn-faq details[open] summary::after{content:"\2212"}
.qn-faq details>div{padding:0 0 18px;color:var(--mist)}

/* related + hub */
.qn-related{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.qn-rel{display:flex;flex-direction:column;gap:8px;padding:22px 24px;border-radius:var(--r-md);text-decoration:none;color:var(--ivory);min-height:150px}
.qn-rel strong{font:500 1.3rem/1.2 var(--display)}
.qn-rel span{color:var(--mist);font-size:.95rem}
@media (hover:hover){.qn-rel:hover{border-color:var(--line-hi)}}
.qn-empty{padding:40px;border-radius:var(--r-lg);text-align:center;color:var(--mist)}

/* closing band */
.qn-band{margin-top:clamp(56px,7vw,104px);padding:clamp(36px,5vw,64px);border-radius:var(--r-lg);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center}
.qn-band h2{font-size:clamp(1.8rem,1.2rem + 2vw,2.7rem)}
.qn-band p{margin:.6em 0 0;color:var(--mist)}

/* footer */
.qn-footer{margin-top:clamp(56px,7vw,104px);border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(20,7,9,.4),rgba(10,3,5,.9));padding:56px 0 30px}
.qn-foot-grid{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:32px}
.qn-foot-grid p{color:var(--dim);font-size:.95rem;margin:16px 0 0;max-width:28em}
.qn-foot-title{font:500 1.15rem/1.2 var(--display);color:var(--gold);margin:0 0 12px}
.qn-foot-grid ul{list-style:none;margin:0;padding:0}
.qn-foot-grid li a{display:inline-block;padding:.38em 0;color:var(--mist);text-decoration:none;font-size:.97rem}
@media (hover:hover){.qn-foot-grid li a:hover{color:var(--ivory)}}
.qn-foot-badges{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}
.qn-foot-badges img{height:44px;width:auto}
.qn-age{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:2px solid var(--ruby);color:var(--ivory);font-weight:700}
.qn-copy{margin-left:auto;color:var(--dim);font-size:.9rem}

/* sticky mobile CTA */
.qn-dock{display:none}
@media (max-width:560px){
  .qn-dock{display:flex;gap:8px;position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:40;padding:6px;border-radius:var(--r-pill)}
  .qn-dock .qn-btn{flex:1}
  body{padding-bottom:84px}
}

/* ---------- responsive ---------- */
@media (max-width:1024px){
  .qn-cats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .qn-trust{grid-template-columns:120px minmax(0,1fr)}.qn-trust .qn-labs{grid-column:1/-1;justify-self:start}
  .qn-foot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.qn-foot-brand{grid-column:1/-1}
}
@media (max-width:860px){
  .qn-hero-grid,.qn-page-grid,.qn-amb{grid-template-columns:minmax(0,1fr)}
  .qn-hand{max-width:340px;margin-top:8px}
  .qn-steps{grid-template-columns:minmax(0,1fr)}
  .qn-band{grid-template-columns:minmax(0,1fr)}
  .qn-amb img{max-width:260px}
}
@media (max-width:560px){
  .qn-facts{grid-template-columns:minmax(0,1fr)}
  .qn-facts div+div{border-left:0;border-top:1px solid var(--line)}
  .qn-facts div{display:flex;align-items:baseline;gap:14px;padding:14px 18px}
  .qn-facts dd{margin:0}
  .qn-cta .qn-btn{flex:1 1 100%}
  .qn-sec-head{flex-direction:column;align-items:start}
  .qn-trust{grid-template-columns:minmax(0,1fr);padding:20px}
  .qn-foot-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .qn-copy{margin-left:0;width:100%}
  .qn-cats{gap:10px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}