@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/exo-2-700.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;
}
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/figtree-400.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;
}
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/figtree-600.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;
}
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/figtree-700.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;
}
@font-face {
  font-family: 'Russo One';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/russo-one-400.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 {
  --primary: #f97316;
  --primary-2: #f97316;
  --primary-rgb: 249, 115, 22;
  --grad: linear-gradient(180deg, #ffaf2d 0%, #f97316 100%);
  --on-primary: #111418;
  --primary-text-bg: #f97316;
  --bg: #0f1421;
  --surface: #12192a;
  --surface-2: #19253f;
  --text: #ffffff;
  --heading: #ffffff;
  --muted: #9ca3af;
  --border: rgba(249, 115, 22, .32);
  --border-strong: #f97316;
  --tint: #30211f;
  --tint-text: #ffffff;
  --link: #f97316;
  --header-bg: #0c101b;
  --header-text: #feeee3;
  --footer-bg: #0b0e18;
  --footer-text: #e2e3e4;
  --footer-link: #f97316;
  --hero-overlay: linear-gradient(209deg, #893f0c 0%, #2d1504 70%);
  --good: #22c55e;
  --bad: #f87171;
  --shadow: 0 10px 24px -12px rgba(0, 0, 0, .45);
  --r: 16px; --r-sm: calc(16px * .6); --wrap: 1240px; --text-w: 920px;
  --f-body: 'Figtree', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --f-head: 'Exo 2', system-ui, sans-serif; --w-head: 700;
  --f-disp: 'Russo One', system-ui, sans-serif; --w-disp: 400;
  --case: uppercase; --track: .03em;
  --card: var(--surface);
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 90px; }
body { margin: 0; background: var(--bg); color: var(--text); font: 17px/1.75 var(--f-body); overflow-x: hidden; }
img { max-width: 100%; height: auto; display: block; }
a { color: var(--link); text-underline-offset: 3px; }
a:hover { text-decoration-thickness: 2px; }
h1, h2, h3, h4 { font-family: var(--f-head); font-weight: var(--w-head); color: var(--heading); line-height: 1.25; margin: 0 0 .6em; }
h1 { font-size: clamp(30px, 4.4vw, 46px); }
h2 { font-size: clamp(24px, 3vw, 32px); margin-top: 1.9em; }
h3 { font-size: clamp(19px, 2.2vw, 22px); margin-top: 1.5em; }
p { margin: 0 0 1.05em; }
strong { color: var(--heading); }
.gq-wrap { width: min(100% - 32px, var(--wrap)); margin-inline: auto; }
.gq-skip { position: absolute; left: -9999px; } .gq-skip:focus { left: 12px; top: 12px; z-index: 99; background: var(--surface); padding: 8px 12px; }
.gq-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 12px 26px;
  border-radius: var(--r-sm); font: 700 16px/1 var(--f-head); text-decoration: none; letter-spacing: .02em; border: 2px solid transparent;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease; cursor: pointer; white-space: nowrap; }
.gq-btn:hover { transform: translateY(-2px); }
.gq-btn-main { background: var(--grad); color: var(--on-primary); box-shadow: 0 10px 24px -12px rgba(var(--primary-rgb), .8); }
.gq-btn-alt { background: transparent; color: var(--heading); border-color: var(--border-strong); }
.gq-btn-alt:hover { background: var(--tint); color: var(--tint-text); }
.gq-btns { display: flex; flex-wrap: wrap; gap: 12px; }
/* header */
.gq-header { position: sticky; top: 0; z-index: 50; background: var(--header-bg); color: var(--header-text); border-bottom: 1px solid var(--border); }
.gq-header-in { display: flex; align-items: center; gap: 20px; min-height: 70px; }
.gq-logo img { height: 56px; width: auto; }
.gq-nav { margin-left: auto; }
.gq-nav ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 4px; }
.gq-nav a { display: block; padding: 8px 12px; border-radius: var(--r-sm); color: var(--header-text); text-decoration: none; font: 600 15px/1.2 var(--f-head); }
.gq-nav a:hover, .gq-nav a[aria-current] { background: var(--tint); color: var(--tint-text); }
.gq-head-btns { display: flex; gap: 8px; }
.gq-head-btns .gq-btn { min-height: 42px; padding: 10px 18px; font-size: 14px; }
.gq-burger { display: none; margin-left: auto; background: none; border: 1px solid var(--border); border-radius: var(--r-sm); width: 46px; height: 42px;
  color: var(--header-text); cursor: pointer; }
.gq-burger span, .gq-burger span::before, .gq-burger span::after { display: block; width: 20px; height: 2px; background: currentColor; margin: auto; position: relative; content: ""; }
.gq-burger span::before { position: absolute; top: -6px; } .gq-burger span::after { position: absolute; top: 6px; }
@media (max-width: 1080px) {
  .gq-burger { display: block; }
  .gq-nav { display: none; position: absolute; left: 0; right: 0; top: 100%; background: var(--header-bg); border-bottom: 1px solid var(--border); padding: 10px 16px 18px; margin: 0; }
  .gq-nav.gq-open { display: block; }
  .gq-nav ul { flex-direction: column; }
  .gq-nav a { padding: 12px 10px; font-size: 16px; }
  .gq-head-btns { display: none; }
  .gq-logo img { height: 44px; }
}
/* phone tab bar */
.gq-tabbar { display: none; }
@media (max-width: 760px) {
  .gq-tabbar { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 60;
    padding: 10px 14px calc(10px + env(safe-area-inset-bottom)); background: var(--header-bg); border-top: 1px solid var(--border); }
  .gq-tabbar .gq-btn { min-height: 46px; padding: 10px; }
  body { padding-bottom: 76px; }
}
/* breadcrumb + page head */
.gq-crumbs { font-size: 14px; color: var(--muted); margin: 26px 0 10px; }
.gq-crumbs ol { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; }
.gq-crumbs li + li::before { content: "/"; margin-right: 6px; opacity: .6; }
.gq-crumbs a { color: var(--muted); }
.gq-meta { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 14px; color: var(--muted); margin: -4px 0 22px; }
.gq-cover { margin: 0 auto 26px; max-width: 720px; }
.gq-cover img { width: 100%; border-radius: var(--r); box-shadow: var(--shadow); }
/* layout */
.gq-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 40px; padding-bottom: 60px; }
@media (min-width: 1100px) { .gq-layout.gq-has-side { grid-template-columns: minmax(0, 1fr) 300px; } }
.gq-main { min-width: 0; }
.gq-main > * { max-width: var(--text-w); margin-left: auto; margin-right: auto; }
.gq-main > .gq-wide { max-width: 100%; }
.gq-layout.gq-has-side .gq-main > * { max-width: none; }          /* next to the sidebar: the whole column */
.gq-wrap.gq-home-w { width: min(100% - 32px, 1100px); }          /* homepage: hero and every block in ONE centred */
.gq-home .gq-main > * { max-width: 100%; }                         /* container of the same width (owner 2026-11-14) */
.gq-main .gq-banner { max-width: 760px; margin: 4px auto 26px; }   /* never a whole laptop screen (owner rule) */
.gq-banner img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; border-radius: var(--r); box-shadow: var(--shadow); }
.gq-steps-shots .gq-stepshot { margin: 16px auto 6px; }
.gq-steps-shots .gq-stepshot img { width: 240px; }
.gq-side { display: none; }
@media (min-width: 1100px) { .gq-side { display: block; } .gq-side-in { position: sticky; top: 96px; display: grid; gap: 20px; } }
.gq-box { background: var(--surface); border: 1px solid var(--border); border-radius: var(--r); padding: 22px; }
.gq-side-brand { display: flex; gap: 14px; align-items: center; margin-bottom: 14px; }
.gq-side-brand img { width: 64px; height: 64px; border-radius: 14px; object-fit: contain; background: var(--bg); }
.gq-side-brand b { font: var(--w-head) 20px/1.2 var(--f-head); color: var(--heading); display: block; }
.gq-side-brand span { font-size: 14px; color: var(--muted); }
.gq-side dl { margin: 0 0 14px; } .gq-side dl div { display: flex; justify-content: space-between; gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--border); font-size: 15px; }
.gq-side dt { color: var(--muted); white-space: nowrap; } .gq-side dd { margin: 0; font-weight: 700; color: var(--heading); text-align: right; min-width: 0; }
.gq-side .gq-btns .gq-btn { flex: 1; min-height: 44px; padding: 10px; font-size: 14px; }
.gq-side h3 { margin: 0 0 10px; font-size: 18px; }
.gq-side ul { list-style: none; margin: 0; padding: 0; } .gq-side li a { display: block; padding: 9px 0; border-bottom: 1px solid var(--border); text-decoration: none; color: var(--text); font-size: 15px; }
.gq-side li a:hover { color: var(--link); }
.gq-code { display: grid; gap: 6px; border: 1px dashed var(--border-strong); border-radius: var(--r-sm);
  padding: 8px 8px 8px 14px; margin-bottom: 14px; background: var(--tint); color: var(--tint-text); font-size: 15px; }
.gq-code-label { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; opacity: .8; }
.gq-code b { letter-spacing: .04em; color: var(--tint-text); font-size: 21px; white-space: nowrap; }
.gq-code button { background: var(--grad); color: var(--on-primary); border: 0; border-radius: var(--r-sm); padding: 7px 12px; font: 700 13px/1 var(--f-head); cursor: pointer; }
/* toc */
.gq-toc { border: 1px solid var(--border); border-radius: var(--r); background: var(--surface); margin: 6px auto 30px; }
.gq-toc summary { cursor: pointer; padding: 14px 20px; font: var(--w-head) 17px/1.3 var(--f-head); color: var(--heading); list-style: none; display: flex; justify-content: space-between; }
.gq-toc summary::-webkit-details-marker { display: none; }
.gq-toc summary::after { content: "+"; font-size: 22px; line-height: 1; color: var(--link); }
.gq-toc[open] summary::after { content: "–"; }
.gq-toc ol { margin: 0; padding: 0 22px 16px 40px; font-size: 15.5px; } .gq-toc ol ol { padding: 4px 0 4px 22px; }
.gq-toc li { margin: 4px 0; } .gq-toc a { color: var(--text); text-decoration: none; } .gq-toc a:hover { color: var(--link); text-decoration: underline; }
/* content parts */
.gq-lead { font-size: 18.5px; }
.gq-hl { display: grid; grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr)); gap: 12px; margin: 10px auto 28px; }
.gq-hl div { background: var(--surface-2); border: 1px solid var(--border); border-radius: var(--r-sm); padding: 14px 16px; }
.gq-hl dt { font-size: 13px; color: var(--muted); text-transform: uppercase; letter-spacing: .05em; }
.gq-hl dd { margin: 4px 0 0; font: var(--w-head) 17px/1.35 var(--f-head); color: var(--heading); }
@media (max-width: 760px) { .gq-hl { grid-template-columns: minmax(0, 1fr); } }
.gq-sec-grid { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 30px; align-items: start; }
@media (max-width: 900px) { .gq-sec-grid { grid-template-columns: minmax(0, 1fr); } }
.gq-shot { margin: 8px auto 26px; text-align: center; }
.gq-shot img { margin: 0 auto; width: 280px; max-width: 78vw; }
ul.gq-list, ol.gq-list { padding-left: 1.3em; margin: 0 0 1.2em; } .gq-list li { margin: 6px 0; }
ul.gq-checks { list-style: none; padding: 0; } .gq-checks li { position: relative; padding-left: 32px; margin: 10px 0; }
.gq-checks li::before { content: ""; position: absolute; left: 0; top: 6px; width: 20px; height: 20px; border-radius: 50%; background: var(--grad);
  -webkit-mask: radial-gradient(circle, #000 60%, transparent 61%); }
.gq-checks li::after { content: ""; position: absolute; left: 6px; top: 10px; width: 8px; height: 5px; border: solid var(--on-primary); border-width: 0 0 2px 2px; transform: rotate(-45deg); }
ol.gq-steps { list-style: none; padding: 0; counter-reset: s; margin: 0 0 1.3em; }
.gq-steps li { counter-increment: s; position: relative; padding: 14px 16px 14px 64px; margin: 10px 0; background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-sm); }
.gq-steps li::before { content: counter(s); position: absolute; left: 14px; top: 12px; width: 34px; height: 34px; display: grid; place-items: center;
  background: var(--grad); color: var(--on-primary); font: 700 16px/1 var(--f-head); }
.gq-tip { border-left: 4px solid var(--primary); background: var(--tint); color: var(--tint-text); padding: 14px 18px; border-radius: 0 var(--r-sm) var(--r-sm) 0; margin: 0 0 1.3em; }
.gq-tip strong { color: var(--tint-text); }
.gq-table { overflow-x: auto; margin-block: 6px 1.4em; border: 1px solid var(--border); border-radius: var(--r-sm); }
.gq-table table { width: 100%; border-collapse: collapse; font-size: 15.5px; }
.gq-table th { background: var(--grad); color: var(--on-primary); text-align: left; font: 700 15px/1.3 var(--f-head); }
.gq-table th, .gq-table td { padding: 12px 14px; border-bottom: 1px solid var(--border); vertical-align: top; word-break: normal; overflow-wrap: normal; }
.gq-table tr:nth-child(even) td { background: var(--surface); }
.gq-pc { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-block: 10px 1.4em; }
@media (max-width: 700px) { .gq-pc { grid-template-columns: 1fr; } }
.gq-pc > div { border-radius: var(--r); padding: 18px 20px; background: var(--surface); }
.gq-pros { border-top: 4px solid var(--good); } .gq-cons { border-top: 4px solid var(--bad); }
.gq-pc h3 { margin: 0 0 10px; font-size: 19px; } .gq-pros h3 { color: var(--good); } .gq-cons h3 { color: var(--bad); }
.gq-pc ul { margin: 0; padding-left: 1.2em; } .gq-pc li { margin: 6px 0; }
.gq-faq details { border: 1px solid var(--border); border-radius: var(--r-sm); margin: 10px 0; background: var(--surface); }
.gq-faq summary { cursor: pointer; padding: 15px 48px 15px 18px; font: var(--w-head) 17px/1.4 var(--f-head); color: var(--heading); position: relative; list-style: none; }
.gq-faq summary::-webkit-details-marker { display: none; }
.gq-faq summary::after { content: "+"; position: absolute; right: 18px; top: 12px; font-size: 22px; color: var(--link); }
.gq-faq details[open] summary::after { content: "–"; }
.gq-faq details > div { padding: 0 18px 14px; }
/* cards (games, bonuses, related pages) */
.gq-grid { display: grid; gap: 16px; grid-template-columns: repeat(var(--cols, 4), minmax(0, 1fr)); margin-block: 14px 1.6em; }
@media (max-width: 900px) { .gq-grid { grid-template-columns: repeat(var(--cols-t, 2), minmax(0, 1fr)); } }
/* phones (owner's rule): ONE card per row everywhere — icon/category cards become a full-width row (picture left) */
@media (max-width: 640px) {
  .gq-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 12px; }
  .gq-card:not(:has(.gq-wide-pic)):not(.gq-tcard) { flex-direction: row; align-items: center; text-align: left; }
  .gq-card:not(:has(.gq-wide-pic)):not(.gq-tcard) .gq-pic { flex: 0 0 92px; width: 92px; aspect-ratio: 1 / 1; }
  .gq-card:not(:has(.gq-wide-pic)):not(.gq-tcard) .gq-pic img { width: 80%; height: 80%; }
  .gq-card:not(:has(.gq-wide-pic)):not(.gq-tcard) .gq-ct { padding: 12px 16px; }
  .gq-cats .gq-card { text-align: left; }
}
.gq-more { font-size: 15px; color: var(--muted); margin-top: -6px; }
/* text cards: picture + name + short description in ONE card, centred (categories, popular games) */
.gq-tcard { text-align: center; padding: 26px 18px 22px; align-items: center; border: 1px solid var(--border); }
.gq-tcard .gq-pic { background: none !important; aspect-ratio: auto; width: 100%; height: 112px; }
.gq-tcard .gq-pic img { width: auto !important; height: 112px !important; max-width: 82%; object-fit: contain;
  filter: drop-shadow(0 10px 18px rgba(0, 0, 0, .35)); }
.gq-tcard .gq-ct { padding: 14px 4px 0; display: flex; flex-direction: column; align-items: center; flex: 1; }
.gq-tcard h3 { margin: 0 0 8px; font-size: 20px; }
.gq-tcard p { font-size: 15.5px; color: var(--muted); margin: 0 0 8px; line-height: 1.6; }
.gq-tcard:hover { border-color: var(--border-strong); }
.gq-cardlink { margin-top: auto; padding-top: 4px; font-weight: 700; font-size: 15px; text-decoration: none; }
.gq-cats .gq-card { text-align: center; }
.gq-cats .gq-card .gq-pic { aspect-ratio: 10 / 9; background: radial-gradient(circle at 50% 40%, rgba(var(--primary-rgb), .45), transparent 70%), var(--surface-2); }
.gq-cats .gq-card .gq-pic img { width: 82%; height: 82%; }
.gq-cats .gq-card b { font-size: 17px; }
.gq-card { display: flex; flex-direction: column; text-decoration: none; color: var(--text); border-radius: var(--r); overflow: hidden; height: 100%; }
.gq-card .gq-pic { aspect-ratio: 1 / 1; display: grid; place-items: center; background: radial-gradient(circle at 50% 30%, rgba(var(--primary-rgb), .35), transparent 70%), var(--surface-2); }
.gq-card .gq-pic img { width: 74%; height: 74%; object-fit: contain; }
.gq-card .gq-pic.gq-wide-pic { aspect-ratio: 3 / 2; } .gq-card .gq-pic.gq-wide-pic img { width: 100%; height: 100%; object-fit: cover; }
.gq-card .gq-ct { padding: 12px 14px 14px; } .gq-card b { display: block; font: var(--w-head) 16px/1.3 var(--f-head); color: var(--heading); }
.gq-card small { color: var(--muted); font-size: 13px; }
.gq-card p { font-size: 14.5px; margin: 6px 0 0; color: var(--muted); }
.gq-pay { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-block: 10px 1.4em; }
.gq-pay div { display: flex; align-items: center; gap: 14px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--r); padding: 16px; }
.gq-pay img { width: 54px; height: 54px; object-fit: contain; } .gq-pay b { display: block; font: var(--w-head) 18px/1.2 var(--f-head); color: var(--heading); }
.gq-pay span { font-size: 14px; color: var(--muted); }
@media (max-width: 640px) { .gq-pay { grid-template-columns: minmax(0, 1fr); } }
.gq-screens { display: flex; gap: 18px; overflow-x: auto; padding: 6px 2px 16px; scroll-snap-type: x mandatory; margin-block: 10px 1.4em; }
.gq-screens figure { margin: 0; flex: 0 0 200px; scroll-snap-align: start; text-align: center; }
.gq-appbox { display: flex; gap: 20px; align-items: center; padding: 22px; border-radius: var(--r); background: var(--grad); color: var(--on-primary); margin-block: 10px 1.6em; }
.gq-appbox img { width: 84px; height: 84px; border-radius: 20px; background: var(--bg); object-fit: contain; flex: none; }
.gq-appbox b { font: var(--w-head) 21px/1.25 var(--f-head); display: block; color: var(--on-primary); }
.gq-appbox p { margin: 4px 0 12px; color: var(--on-primary); opacity: .92; }
.gq-appbox .gq-btn { background: var(--bg); color: var(--heading); }
@media (max-width: 560px) { .gq-appbox { flex-direction: column; text-align: center; } }
.gq-cta { margin: 40px auto 10px; padding: 34px 26px; border-radius: var(--r); background: var(--surface-2); border: 1px solid var(--border); text-align: center; }
.gq-cta h2 { margin-top: 0; } .gq-cta .gq-btns { justify-content: center; }
.gq-byline { display: flex; gap: 16px; align-items: center; margin: 34px auto 0; padding: 18px 22px; border-radius: var(--r); background: var(--surface); border: 1px solid var(--border); font-size: 15px; }
.gq-byline p { margin: 0; }
.gq-by-text { flex: 1; min-width: 0; display: grid; gap: 3px; }
.gq-by-kicker { font-size: 11.5px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; color: var(--primary); }
.gq-by-name { color: var(--muted); } .gq-by-name b { color: var(--heading); }
.gq-by-date { display: flex; align-items: center; gap: 6px; font-size: 13.5px; color: var(--muted); }
.gq-by-date svg { width: 15px; height: 15px; flex: none; color: var(--primary); }
.gq-seal { position: relative; flex: none; width: 58px; height: 58px; border-radius: 18px; padding: 3px; background: var(--grad); box-shadow: 0 8px 22px -10px rgba(var(--primary-rgb), .8); }
.gq-seal img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 15px; background: var(--surface-2); }
.gq-seal-tick { position: absolute; right: -6px; bottom: -6px; width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; background: var(--good); color: #fff; border: 3px solid var(--surface); }
.gq-seal-tick svg { width: 13px; height: 13px; }
.gq-seal-plain { display: grid; place-items: center; color: var(--on-primary); } .gq-seal-plain svg { width: 34px; height: 34px; }
.gq-by-link { flex: none; display: inline-flex; align-items: center; gap: 6px; padding: 10px 18px; border-radius: 999px; border: 1px solid var(--border-strong); color: var(--heading); font-weight: 700; font-size: 14px; text-decoration: none; }
.gq-by-link:hover { border-color: var(--primary); color: var(--primary); }
.gq-by-line { background: none; border: 0; border-top: 1px solid var(--border); border-radius: 0; padding: 22px 0 0; }
.gq-by-split { border-left: 4px solid var(--primary); }
@media (max-width: 640px) { .gq-byline { flex-wrap: wrap; } .gq-by-text { flex-basis: calc(100% - 80px); } .gq-by-link { margin-left: 74px; } }
/* contact form */
.gq-form { display: grid; gap: 14px; margin-block: 16px 26px; }
.gq-form label { display: grid; gap: 6px; font-weight: 600; color: var(--heading); font-size: 15px; }
.gq-form input, .gq-form textarea { width: 100%; padding: 12px 14px; border-radius: var(--r-sm); border: 1px solid var(--border); background: var(--surface); color: var(--text); font: 16px/1.5 var(--f-body); }
.gq-form textarea { min-height: 150px; }
.gq-hp { position: absolute !important; left: -9999px !important; }
/* footer */
.gq-footer { background: var(--footer-bg); color: var(--footer-text); padding: 50px 0 26px; margin-top: 30px; font-size: 15px; }
.gq-footer a { color: var(--footer-link); text-decoration: none; } .gq-footer a:hover { text-decoration: underline; }
.gq-footer h2 { font-size: 17px; margin: 0 0 12px; color: var(--footer-text); letter-spacing: .02em; }
.gq-footer ul { list-style: none; margin: 0; padding: 0; } .gq-footer li { margin: 7px 0; }
.gq-fgrid { display: grid; gap: 30px; grid-template-columns: 1.4fr repeat(3, 1fr); }
@media (max-width: 1000px) { .gq-fgrid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 760px) { .gq-fgrid { grid-template-columns: 1fr !important; gap: 26px; } }
.gq-fbrand img { height: 50px; width: auto; margin-bottom: 12px; }
.gq-legal { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 22px; margin: 34px 0 14px; padding-top: 22px; border-top: 1px solid var(--border); }
.gq-copy { text-align: center; font-size: 14px; opacity: .9; } .gq-copy p { margin: 4px 0; }
.gq-age { display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; border: 2px solid var(--footer-text); font: 700 12px/1 var(--f-head); margin-right: 8px; vertical-align: middle; }

.gq-header { background: color-mix(in srgb, var(--header-bg) 82%, transparent); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.gq-nav a { border-radius: 999px; } .gq-head-btns .gq-btn { border-radius: 999px; }
.gq-hero { padding: 48px 0 40px; }
@media (max-width: 860px) { .gq-hero-in { text-align: center; } .gq-hero .gq-btns { justify-content: center; } .gq-hero-logo { margin-inline: auto; } }
.gq-hero { position: relative; overflow: hidden; }
.gq-hero-bg { position: absolute; inset: 0; z-index: 0; } .gq-hero-bg img { width: 100%; height: 100%; object-fit: cover; opacity: .18; filter: blur(14px) saturate(1.2); transform: scale(1.1); }
.gq-hero-bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 40%, var(--bg)); }
.gq-hero-in { position: relative; z-index: 1; }
.gq-hero-logo { width: 190px; height: auto; aspect-ratio: 1 / 1; border-radius: 28px; object-fit: cover; margin-bottom: 20px; box-shadow: var(--shadow); }
@media (max-width: 760px) { .gq-hero-logo { width: 150px; } }
.gq-hero h1 { font-family: var(--f-disp); font-weight: var(--w-disp); text-transform: uppercase; letter-spacing: var(--track);
  font-size: clamp(38px, 6vw, 64px); line-height: 1.05; margin: 0 0 16px; color: var(--heading); text-shadow: 0 3px 0 rgba(var(--primary-rgb), .55), 0 12px 30px rgba(0,0,0,.35); }
.gq-hero p { font-size: 18.5px; max-width: 640px; margin: 0 0 24px; }
.gq-hero .gq-btns .gq-btn { min-width: 180px; }

.gq-hero-facts { margin: 22px 0 0; max-width: 560px; } .gq-hero-code { margin: 14px 0 0; }
@media (max-width: 860px) { .gq-hero-facts { margin-inline: auto; } }
@media (min-width: 1100px) { .gq-home.gq-sk-toc-side { grid-template-columns: 240px minmax(0, 1fr); align-items: start; }
  .gq-toc-rail { position: sticky; top: 96px; } .gq-toc-rail nav { max-height: calc(100vh - 150px); overflow: auto; }
  .gq-toc-phone { display: none; } }
@media (max-width: 1099px) { .gq-toc-rail { display: none; } }
.gq-story { display: grid; gap: 26px; align-items: start; margin-bottom: 10px; width: 100%; }
@media (min-width: 900px) { .gq-story { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); } }
.gq-toc-chips summary { list-style: none; } .gq-toc-chips nav ol { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 10px 0 0; }
.gq-toc-chips nav ol ol { display: none; } .gq-toc-chips nav li a { display: inline-block; padding: 7px 14px; border: 1px solid var(--border);
  border-radius: 999px; text-decoration: none; font-size: 14px; }
@media (min-width: 900px) { .gq-faq-2col { columns: 2; column-gap: 28px; } .gq-faq-2col > h2 { column-span: all; }
  .gq-faq-2col details { break-inside: avoid; } }
.gq-head-split { display: grid; gap: 26px; align-items: center; margin-bottom: 18px; }
@media (min-width: 900px) { .gq-head-split { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); } .gq-head-split .gq-cover { margin: 0; } }
.gq-inshort { border: 1px solid var(--border); border-left: 4px solid var(--primary); border-radius: var(--r); padding: 18px 20px;
  background: var(--surface); margin-bottom: 26px; } .gq-inshort > :last-child { margin-bottom: 0; }
.gq-inshort-k { font: 700 12px/1.2 var(--f-head); letter-spacing: .08em; text-transform: uppercase; color: var(--primary); margin: 0 0 8px; }

.gq-card { background: var(--surface); box-shadow: var(--shadow); transition: transform .18s; } .gq-card:hover { transform: translateY(-4px); }
.gq-main h2 { padding-left: 16px; border-left: 5px solid var(--primary); }
.gq-steps li::before { border-radius: 8px; }

/* ---- this site's own design ---- */
.gq-header{background:color-mix(in srgb,var(--header-bg) 86%,transparent);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid var(--border);box-shadow:0 14px 34px -22px rgba(0,0,0,.9)}.gq-header-in{gap:24px;min-height:76px}.gq-logo{flex-shrink:0;display:flex;align-items:center}.gq-logo img{height:50px;width:auto;display:block}.gq-nav ul{gap:8px}.gq-nav a{font-family:var(--f-head);font-weight:700;font-size:16px;letter-spacing:.02em;color:var(--header-text);text-decoration:none;padding:10px 18px;border-radius:999px;border:1px solid transparent;transition:background .2s,border-color .2s,color .2s}.gq-nav a:hover{background:rgba(var(--primary-rgb),.16);border-color:var(--border-strong);color:var(--text)}.gq-nav a[aria-current]{background:var(--grad);color:var(--on-primary);border-color:transparent;box-shadow:0 8px 20px -10px rgba(var(--primary-rgb),.9)}.gq-head-btns{display:flex;gap:12px;flex-shrink:0}.gq-head-btns .gq-btn{min-height:44px;padding:10px 20px;font-size:14px}@media (max-width:1080px){.gq-head-btns{display:none}.gq-header-in{min-height:64px}.gq-logo img{height:44px}}.gq-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:13px 28px;border-radius:999px;font-family:var(--f-head);font-weight:800;font-size:15px;letter-spacing:.03em;text-decoration:none;text-align:center;line-height:1.2;cursor:pointer;border:1px solid transparent;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s}.gq-btn:hover{transform:translateY(-2px)}.gq-btn-main,.gq-appbox .gq-btn,.gq-cta .gq-btn{background:var(--grad);color:var(--on-primary);box-shadow:inset 0 -4px 0 rgba(0,0,0,.2),0 12px 26px -12px rgba(var(--primary-rgb),.85)}.gq-btn-main:hover,.gq-appbox .gq-btn:hover,.gq-cta .gq-btn:hover{color:var(--on-primary);box-shadow:inset 0 -4px 0 rgba(0,0,0,.2),0 16px 32px -12px rgba(var(--primary-rgb),1)}.gq-btn-alt{background:color-mix(in srgb,var(--surface-2) 80%,var(--primary));color:#fff;border-color:var(--border-strong);box-shadow:inset 0 -4px 0 rgba(0,0,0,.28)}.gq-btn-alt:hover{color:#fff;background:color-mix(in srgb,var(--surface-2) 62%,var(--primary));border-color:var(--border-strong)}.gq-hero{position:relative;overflow:hidden;padding-block:clamp(20px,3vw,32px);background:radial-gradient(circle at 88% 0%,rgba(var(--primary-rgb),.22),transparent 46%),radial-gradient(circle at 6% 100%,rgba(var(--primary-rgb),.1),transparent 48%),var(--header-bg);border-bottom:1px solid var(--border)}.gq-hero-bg{opacity:.05}.gq-hero-ai-in{display:block;position:relative;z-index:1}.gq-hx-stage{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) auto minmax(0,.85fr);gap:clamp(20px,2.4vw,32px);align-items:center;padding:clamp(22px,2.6vw,34px);border-radius:24px;border:1px solid var(--border);background:linear-gradient(160deg,color-mix(in srgb,var(--surface-2) 94%,transparent),color-mix(in srgb,var(--surface) 96%,transparent));box-shadow:0 30px 60px -30px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.06);overflow:hidden}.gq-hx-stage::after{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:var(--grad)}.gq-hx-poster{display:flex;flex-direction:column;align-items:flex-start;gap:18px;min-width:0}.gq-hx-title{display:flex;align-items:center;gap:18px;min-width:0}.gq-hx-badge{display:block;flex-shrink:0}.gq-hero-logo{width:88px;height:88px;border-radius:22px;display:block;background:var(--surface);border:1px solid var(--border-strong);box-shadow:0 12px 28px -14px rgba(var(--primary-rgb),.75)}.gq-hero h1{font-family:var(--f-disp);font-size:clamp(36px,4.8vw,60px);line-height:1.08;color:var(--heading);margin-block:0;letter-spacing:.01em;text-shadow:none;overflow-wrap:anywhere}.gq-hx-intro{width:100%}.gq-hero p{color:color-mix(in srgb,var(--text) 86%,var(--muted));font-size:16px;line-height:1.65;margin-block:0;max-width:580px}.gq-hero p strong{color:var(--primary);font-weight:800;letter-spacing:.06em}.gq-hx-act{width:100%;padding-top:6px}.gq-btns{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:470px}.gq-btns .gq-btn{width:100%}.gq-hx-phone{margin:0;position:relative;border-radius:34px;padding:8px;background:var(--header-bg);border:1px solid var(--border-strong);box-shadow:0 0 0 5px var(--surface-2),0 26px 50px -22px rgba(var(--primary-rgb),.5);height:480px;overflow:hidden}.gq-hx-phone::after{content:'';position:absolute;left:8px;right:8px;bottom:8px;height:70px;border-radius:0 0 26px 26px;background:linear-gradient(180deg,transparent,var(--header-bg));pointer-events:none}.gq-hx-phone .gq-hero-visual{margin:0}.gq-hx-phone img{display:block;border-radius:26px}.gq-hx-rail{display:flex;flex-direction:column;gap:14px;min-width:0}.gq-hx-ticket{position:relative;padding:16px 20px;border-radius:14px;background:var(--tint);border:1px solid var(--border-strong)}.gq-hx-ticket::before,.gq-hx-ticket::after{content:'';position:absolute;top:50%;width:18px;height:18px;margin-top:-9px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border-strong)}.gq-hx-ticket::before{left:-10px;clip-path:inset(0 0 0 50%)}.gq-hx-ticket::after{right:-10px;clip-path:inset(0 50% 0 0)}.gq-hx-ticket:empty,.gq-hx-facts:empty{display:none}.gq-hero-code{color:var(--tint-text)}.gq-hero-facts{display:grid;gap:8px;margin:0;padding:0;list-style:none}.gq-hero-facts>*{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--border);font-size:15px;color:var(--text)}.gq-hero-facts dt,.gq-hero-facts small{color:color-mix(in srgb,var(--text) 75%,var(--muted));font-size:14px;font-weight:600}.gq-hero-facts dd{margin:0;font-weight:800;text-align:right}@media (max-width:1080px){.gq-hx-stage{grid-template-columns:auto minmax(0,1fr)}.gq-hx-poster{grid-column:1/-1}.gq-hx-phone{height:420px}}@media (max-width:760px){.gq-hx-stage{grid-template-columns:1fr;text-align:center;padding:24px 18px}.gq-hx-phone{display:none}.gq-hx-poster{align-items:center}.gq-hx-title{flex-direction:column;gap:14px}.gq-hero-logo{width:96px;height:96px}.gq-hero p{margin-inline:auto}.gq-btns{grid-template-columns:1fr;margin-inline:auto;width:100%;max-width:340px}.gq-hx-rail{text-align:left}.gq-hero{padding-block:18px 26px}}.gq-main{color:var(--text);line-height:1.72;font-size:17px}.gq-main p{margin-block:0 16px}.gq-main a{color:var(--link);text-underline-offset:3px}.gq-main a:hover{color:var(--text)}.gq-main h1{font-family:var(--f-disp);font-size:clamp(28px,4vw,44px);line-height:1.15;color:var(--heading);margin-block:8px 14px}.gq-main h2{position:relative;font-family:var(--f-head);font-weight:800;font-size:clamp(24px,3vw,34px);line-height:1.2;color:var(--heading);margin-block:54px 22px;padding-bottom:18px;scroll-margin-top:100px}.gq-main h2::after{content:'';position:absolute;left:0;bottom:0;width:84px;height:6px;border-radius:3px;background:var(--grad);box-shadow:0 0 16px rgba(var(--primary-rgb),.5)}.gq-main h2::before{content:'';position:absolute;left:0;bottom:0;width:180px;height:6px;border-radius:3px;background:rgba(var(--primary-rgb),.18)}.gq-main h3{font-family:var(--f-head);font-weight:700;font-size:clamp(19px,2.2vw,23px);color:var(--heading);margin-block:30px 12px;padding-left:14px;border-left:4px solid var(--primary);scroll-margin-top:100px}.gq-sec{margin-block:0 10px}.gq-banner{margin-inline:auto;margin-block:6px 22px;max-width:760px;border-radius:16px;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow)}.gq-banner img{display:block}.gq-lead{font-size:18px;color:color-mix(in srgb,var(--text) 92%,var(--muted))}.gq-meta{display:flex;flex-wrap:wrap;gap:8px;margin-block:0 20px}.gq-meta span{font-size:13px;color:color-mix(in srgb,var(--text) 75%,var(--muted));padding:5px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--border)}.gq-crumbs ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin-block:18px 4px;font-size:13px}.gq-crumbs li{color:var(--muted)}.gq-crumbs li+li::before{content:'/';margin-right:6px;color:var(--primary)}.gq-crumbs a{color:var(--link);text-decoration:none}.gq-hl{display:grid;gap:12px;margin-block:22px 28px;padding:0;align-items:stretch;scroll-margin-top:100px}.gq-hl>div{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:92px;padding:16px 18px;border-radius:14px;background:var(--surface);border:1px solid var(--border);overflow:hidden}.gq-hl>div::before{content:'';position:absolute;left:0;top:0;right:0;height:2px;background:var(--grad)}.gq-hl dt{font-size:13px;letter-spacing:.03em;color:color-mix(in srgb,var(--text) 72%,var(--muted));margin-bottom:6px;font-weight:600;line-height:1.3}.gq-hl dd{margin:0;font-family:var(--f-head);font-weight:700;font-size:16px;line-height:1.35;color:var(--heading)}.gq-hl>div:first-child{background:var(--tint);border-color:var(--border-strong)}.gq-hl>div:first-child dd{color:var(--primary);letter-spacing:.08em}.gq-story{display:grid;gap:24px;align-items:start}.gq-story-text:empty{display:none}.gq-grid{gap:18px;margin-block:22px}.gq-card{position:relative;display:flex;flex-direction:column;height:100%;text-align:center;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border);border-radius:16px;overflow:hidden;text-decoration:none;color:var(--text);box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s,border-color .2s}.gq-card::before{content:'';position:absolute;left:14%;right:14%;top:0;height:2px;background:var(--grad);z-index:2}.gq-card:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:0 18px 34px -18px rgba(var(--primary-rgb),.55)}.gq-pic{background:var(--header-bg);border-bottom:1px solid var(--border)}.gq-pic img{display:block;margin-inline:auto}.gq-ct{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 18px 20px}.gq-ct h3,.gq-ct b{font-family:var(--f-head);font-weight:700;font-size:18px;color:var(--heading);margin:0;padding:0;border:0}.gq-ct p{color:color-mix(in srgb,var(--text) 80%,var(--muted));font-size:15px;margin:0}.gq-cardlink{margin-top:auto;padding:7px 16px;border-radius:999px;border:1px solid var(--border-strong);font-family:var(--f-head);font-weight:700;font-size:14px;color:var(--primary);text-decoration:none}.gq-cardlink:hover{background:rgba(var(--primary-rgb),.14)}.gq-cats{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-block:16px}.gq-cats a,.gq-cats span{padding:8px 16px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-size:14px;text-decoration:none}.gq-cats a:hover{border-color:var(--border-strong)}ol.gq-steps{list-style:none;counter-reset:q;padding:0;margin-block:22px;display:grid;gap:12px}ol.gq-steps li{counter-increment:q;position:relative;padding:18px 20px 18px 76px;min-height:70px;background:var(--surface);border:1px solid var(--border);border-radius:14px;font-weight:500}ol.gq-steps li::before{content:counter(q,decimal-leading-zero);position:absolute;left:16px;top:14px;width:44px;height:44px;display:grid;place-items:center;border-radius:999px;background:var(--grad);color:var(--on-primary);font-family:var(--f-disp);font-size:15px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.2),0 8px 18px -8px rgba(var(--primary-rgb),.8)}.gq-stepshot{margin-inline:auto;margin-block:16px 4px;text-align:center}ul.gq-checks{list-style:none;padding:0;margin-block:20px;display:grid;gap:10px}ul.gq-checks li{position:relative;padding:12px 16px 12px 52px;border-radius:12px;background:var(--surface);border:1px solid var(--border)}ul.gq-checks li::before{content:'✓';position:absolute;left:14px;top:11px;width:26px;height:26px;display:grid;place-items:center;border-radius:999px;background:color-mix(in srgb,var(--good) 20%,transparent);color:var(--good);font-weight:800;font-size:14px}.gq-tip{position:relative;padding:18px 20px 18px 64px;margin-block:22px;border-radius:14px;background:var(--tint);color:var(--tint-text);border:1px solid var(--border);border-left:4px solid var(--primary)}.gq-tip::before{content:'!';position:absolute;left:18px;top:17px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--grad);color:var(--on-primary);font-weight:900;font-family:var(--f-head)}.gq-tip strong{color:var(--primary)}.gq-table,.gq-main table{width:100%;border-collapse:separate;border-spacing:0;margin-block:22px;border:1px solid var(--border);border-radius:14px;overflow:hidden;font-size:15px}.gq-table th,.gq-main table th{background:var(--surface-2);color:var(--heading);font-family:var(--f-head);text-align:left;padding:13px 16px;border-bottom:2px solid var(--primary)}.gq-table td,.gq-main table td{padding:12px 16px;border-top:1px solid var(--border);background:var(--surface)}.gq-table tr:nth-child(even) td,.gq-main table tr:nth-child(even) td{background:color-mix(in srgb,var(--surface) 80%,var(--surface-2))}.gq-pc{gap:16px;margin-block:22px}.gq-pros,.gq-cons{padding:20px;border-radius:14px;background:var(--surface);border:1px solid var(--border)}.gq-pros{border-top:3px solid var(--good)}.gq-cons{border-top:3px solid var(--bad)}.gq-pros ul,.gq-cons ul{padding-left:18px;margin:0}.gq-pros li,.gq-cons li{margin-block:6px}.gq-faq details{margin-block:0 10px;border-radius:14px;background:var(--surface);border:1px solid var(--border);overflow:hidden}.gq-faq summary{cursor:pointer;list-style:none;padding:16px 56px 16px 18px;position:relative;font-family:var(--f-head);font-weight:700;color:var(--heading)}.gq-faq summary::-webkit-details-marker{display:none}.gq-faq summary::after{content:'+';position:absolute;right:16px;top:12px;width:30px;height:30px;display:grid;place-items:center;border-radius:999px;background:var(--surface-2);color:var(--primary);font-size:18px}.gq-faq details[open]{border-color:var(--border-strong)}.gq-faq details[open] summary::after{content:'–';background:var(--grad);color:var(--on-primary)}.gq-faq details>*:not(summary){padding-inline:18px}.gq-faq-2col{gap:12px}.gq-toc{margin-block:22px;padding:18px 20px;border-radius:16px;background:var(--surface);border:1px solid var(--border)}.gq-toc summary{cursor:pointer;font-family:var(--f-head);font-weight:800;color:var(--heading)}.gq-toc ol{margin-block:10px 0;padding-left:20px}.gq-toc li{margin-block:4px}.gq-toc a{color:var(--text);text-decoration:none}.gq-toc a:hover{color:var(--primary)}.gq-toc-chips nav>ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}.gq-toc-chips nav>ol>li>a{display:inline-block;padding:7px 14px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:14px}.gq-toc-chips nav>ol>li>a:hover{border-color:var(--border-strong);color:var(--text)}.gq-toc-chips ol ol{display:none}.gq-toc-rail{position:sticky;top:96px}.gq-shot{text-align:center;margin-inline:auto;margin-block:20px}.gq-shot img{border-radius:26px;border:6px solid var(--surface-2);box-shadow:0 0 0 1px var(--border),0 24px 40px -20px rgba(var(--primary-rgb),.45)}.gq-cover{margin-block:20px;border-radius:16px;overflow:hidden;border:1px solid var(--border)}.gq-cover img{display:block}.gq-head-split{gap:24px;align-items:center}.gq-inshort{margin-block:20px;padding:20px;border-radius:16px;background:var(--surface-2);border:1px solid var(--border-strong)}.gq-inshort-k{display:inline-block;margin-bottom:8px;padding:4px 12px;border-radius:999px;background:var(--grad);color:var(--on-primary);font-family:var(--f-head);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.gq-appbox{display:flex;gap:22px;align-items:center;margin-block:26px;padding:24px;border-radius:18px;background:radial-gradient(circle at 100% 0%,rgba(var(--primary-rgb),.22),transparent 55%),var(--surface-2);border:1px solid var(--border-strong)}.gq-appbox img{width:96px;height:96px;border-radius:22px;flex-shrink:0}.gq-appbox b{font-family:var(--f-head);font-size:20px;color:var(--heading)}.gq-appbox p{color:color-mix(in srgb,var(--text) 78%,var(--muted));margin-block:6px 14px}.gq-pay{gap:12px;margin-block:20px}.gq-pay>*{padding:14px;border-radius:14px;background:var(--surface);border:1px solid var(--border);text-align:center}.gq-cta{margin-block:30px;padding:30px;border-radius:20px;text-align:center;background:radial-gradient(circle at 50% 0%,rgba(var(--primary-rgb),.28),transparent 60%),var(--surface-2);border:1px solid var(--border-strong)}.gq-byline{display:flex;gap:16px;align-items:center;margin-block:28px;padding:18px 20px;border-radius:16px;background:var(--surface);border:1px solid var(--border)}.gq-seal{position:relative;flex-shrink:0;width:56px;height:56px;border-radius:16px;background:var(--surface-2);border:1px solid var(--border-strong);display:grid;place-items:center}.gq-seal img{width:40px;height:40px;border-radius:10px}.gq-seal::after{content:'✓';position:absolute;right:-6px;bottom:-6px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--good);color:#000;font-size:12px;font-weight:900}.gq-by-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);font-weight:700}.gq-by-name{font-family:var(--f-head);font-weight:800;color:var(--heading)}.gq-by-date{font-size:13px;color:color-mix(in srgb,var(--text) 70%,var(--muted))}.gq-by-link{color:var(--link);font-size:14px}.gq-side{align-self:start;position:sticky;top:96px}.gq-box{padding:20px;border-radius:16px;background:var(--surface);border:1px solid var(--border);margin-bottom:16px;position:relative;overflow:hidden}.gq-box::before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:var(--grad)}.gq-box h3,.gq-box b{font-family:var(--f-head);color:var(--heading)}.gq-code{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:14px;background:var(--tint);border:1px solid var(--border-strong)}.gq-code-label{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:color-mix(in srgb,var(--text) 75%,var(--muted));font-weight:700}.gq-code b,.gq-code strong,.gq-code code{font-family:var(--f-head);font-size:18px;font-weight:800;letter-spacing:.12em;white-space:nowrap;color:var(--tint-text)}.gq-code button,.gq-code .gq-btn{width:100%;min-height:42px;padding:10px;border-radius:999px;border:0;background:var(--grad);color:var(--on-primary);font-family:var(--f-head);font-weight:800;cursor:pointer}.gq-form{display:grid;gap:12px}.gq-form input,.gq-form textarea,.gq-form select{width:100%;padding:12px 14px;border-radius:12px;background:var(--bg);border:1px solid var(--border);color:var(--text);font-family:var(--f-body)}.gq-form input:focus,.gq-form textarea:focus{outline:2px solid var(--primary);outline-offset:1px}.gq-footer{background:var(--footer-bg);color:var(--footer-text);border-top:1px solid var(--border);position:relative;padding-block:46px 96px;margin-top:60px}.gq-footer::before{content:'';position:absolute;left:0;right:0;top:-1px;height:3px;background:var(--grad)}.gq-fgrid{gap:28px}.gq-footer a{color:var(--footer-link);text-decoration:none}.gq-footer a:hover{color:var(--footer-text)}.gq-footer h3,.gq-footer b{font-family:var(--f-head);color:var(--footer-text)}.gq-fbrand img{height:48px;width:auto}.gq-fbrand p{color:color-mix(in srgb,var(--footer-text) 80%,transparent)}.gq-legal{font-size:13px;color:color-mix(in srgb,var(--footer-text) 75%,transparent);margin-top:24px;padding-top:18px;border-top:1px solid var(--border)}.gq-copy{font-size:13px;color:color-mix(in srgb,var(--footer-text) 72%,transparent)}.gq-age{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:999px;border:2px solid var(--bad);color:var(--bad);font-weight:900;font-family:var(--f-head)}.gq-tabbar{background:color-mix(in srgb,var(--header-bg) 96%,transparent);backdrop-filter:blur(12px);border-top:1px solid var(--border);box-shadow:0 -10px 30px -12px rgba(0,0,0,.8)}.gq-tabbar a{color:color-mix(in srgb,var(--text) 70%,var(--muted));font-family:var(--f-head);font-size:12px;text-decoration:none}.gq-tabbar a:hover,.gq-tabbar a[aria-current]{color:var(--primary)}@media (max-width:1080px){.gq-main{padding-bottom:24px}}@media (max-width:760px){.gq-appbox{flex-direction:column;text-align:center}.gq-byline{flex-direction:column;text-align:center}ol.gq-steps li{padding:68px 16px 16px 16px}ol.gq-steps li::before{left:16px;top:14px}.gq-main h2{margin-block:40px 18px}.gq-story{grid-template-columns:1fr}.gq-cta{padding:24px 18px}}
@media (max-width: 1080px) { .gq-head-btns { display: none !important; } .gq-burger { display: block !important; } }
@media (min-width: 1081px) { .gq-burger { display: none !important; } }
@media (max-width: 760px) { .gq-tabbar { display: grid !important; } }
@media (min-width: 761px) { .gq-tabbar { display: none !important; } }
.gq-btn-main, .gq-btn-main:hover { color: var(--on-primary) !important; -webkit-text-fill-color: var(--on-primary) !important; opacity: 1 !important; }
.gq-btn { opacity: 1 !important; }
html, body { background: var(--bg) !important; }       /* a page-wide glow on a long page turns muddy (brown) */
.gq-shot img { width: 280px !important; max-width: 78vw !important; height: auto !important; object-fit: contain !important; }
.gq-shot { background: none !important; border: 0 !important; box-shadow: none !important; overflow: visible !important; }
.gq-cover img { height: auto !important; object-fit: contain !important; }
.gq-hero-logo { height: auto !important; aspect-ratio: 1 / 1 !important; object-fit: cover !important; }   /* ALWAYS square */
.gq-hero-in { min-height: 0 !important; padding-top: clamp(28px, 4vw, 52px) !important; padding-bottom: clamp(28px, 4vw, 52px) !important; }
.gq-hero-visual img { max-height: 460px !important; width: auto !important; }      /* the hero fits a laptop screen */
.gq-main > * { margin-left: auto !important; margin-right: auto !important; }   /* every block centred in its column */
.gq-wrap.gq-home-w { width: min(100% - 32px, 1100px) !important; }
.gq-home .gq-main > * { max-width: 100% !important; }
.gq-main .gq-banner { max-width: 760px !important; margin: 4px auto 26px !important; }
.gq-banner img { width: 100% !important; height: auto !important; aspect-ratio: 3 / 2; object-fit: cover !important; }
.gq-stepshot img { width: 240px !important; }
.gq-byline span:not(.gq-seal):not(.gq-seal-tick), .gq-byline p { min-height: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; }
.gq-seal { width: 58px !important; height: 58px !important; flex: none !important; padding: 3px !important; }
.gq-seal img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
.gq-code { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; justify-items: stretch !important;
  gap: 6px !important; flex-direction: column !important; }      /* the sidebar is ~220-300px wide: one item per row */
.gq-code-label { font-size: 12px !important; line-height: 1.3 !important; white-space: nowrap !important; }
.gq-code b { font-size: clamp(19px, 1.7vw, 23px) !important; line-height: 1.2 !important; white-space: nowrap !important;
  overflow-wrap: normal !important; word-break: keep-all !important; letter-spacing: .03em !important; }
.gq-code button { white-space: nowrap !important; writing-mode: horizontal-tb !important; width: 100% !important;
  padding: 10px 14px !important; font-size: 14px !important; line-height: 1 !important; margin-top: 4px !important; }
.gq-steps-shots li::before { top: 14px !important; bottom: auto !important; transform: none !important; }
.gq-tcard .gq-pic img { width: auto !important; height: 112px !important; max-width: 82% !important; object-fit: contain !important; }
.gq-card .gq-pic img { object-fit: contain !important; }
.gq-card .gq-pic.gq-wide-pic img { object-fit: cover !important; }
@media (max-width: 860px) { .gq-hero-in { text-align: center !important; } .gq-hero .gq-btns { justify-content: center !important; }
  .gq-hero-logo { margin-inline: auto !important; } }

/* ---- locked structure ---- */

.gq-hl:not(.gq-hero-facts) { width: 100% !important; max-width: 100% !important; justify-self: stretch !important;
  box-sizing: border-box !important; margin-left: 0 !important; margin-right: 0 !important; }
.gq-hl > div { min-width: 0 !important; }
@media (max-width: 760px) { .gq-hl { grid-template-columns: minmax(0, 1fr) !important; } }

.gq-hl { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0 34px !important; padding: 10px 26px !important;
  background: var(--surface) !important; border: 1px solid var(--border) !important; border-left: 5px solid var(--primary) !important;
  border-radius: var(--r) !important; }
.gq-hl > div { display: flex !important; flex-direction: row !important; align-items: baseline !important; justify-content: space-between !important;
  gap: 14px !important; background: none !important; border: 0 !important; border-bottom: 1px dashed var(--border) !important;
  border-radius: 0 !important; box-shadow: none !important; padding: 13px 0 !important; min-height: 0 !important; transform: none !important; }
.gq-hl > div::before, .gq-hl > div::after { display: none !important; }
.gq-hl dt { margin: 0 !important; flex: none !important; } .gq-hl dd { margin: 0 !important; text-align: right !important; }
@media (max-width: 760px) { .gq-hl { grid-template-columns: minmax(0, 1fr) !important; padding: 6px 18px !important; } }

.gq-fgrid { grid-template-columns: minmax(0, 1fr) !important; justify-items: center !important; text-align: center !important; gap: 22px !important; }
.gq-fbrand { max-width: 680px !important; } .gq-fbrand img { margin-inline: auto !important; }
.gq-fgrid > div:not(.gq-fbrand) { width: 100% !important; }
.gq-fgrid > div:not(.gq-fbrand) ul { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 6px 22px !important; }
.gq-fgrid > div:not(.gq-fbrand) li { margin: 0 !important; }
.gq-fgrid > div:not(.gq-fbrand) + div:not(.gq-fbrand) { padding-top: 18px !important; border-top: 1px solid var(--border) !important; }