/* The referral desk (/partners) and the buy page (/go, /go/HANDLE), in the approved $QUIT look of the badge desk:
   riveted CRT cabinets, phosphor green and safety orange on black, Silkscreen and VT323, cream paper and the cream
   pass on its green lanyard. Colours and faces come from the QUIT tokens (runtime/components/tokens.css). */
*{box-sizing:border-box}
html{color-scheme:dark;background:var(--t-black,#030805)}
body{margin:0;min-height:100vh;background:var(--t-black,#030805);color:var(--t-ink);font:400 24px/1.3 var(--t-font-body)}
a{color:inherit;text-underline-offset:4px}
.qg{max-width:1240px;margin:0 auto;padding:28px 22px 40px;display:grid;gap:22px}
.qg-row{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(280px,1fr);gap:22px;align-items:start}

/* Cabinets and screens, as on the badge desk. */
.qg-cab{position:relative;border:5px solid var(--t-metal,#333a32);border-radius:var(--t-radius-screen,22px);background:#0b120e;box-shadow:inset 0 0 0 3px #101712,0 8px 0 #000}
.qg-cab::before,.qg-cab::after{content:'';position:absolute;top:9px;width:9px;height:9px;border-radius:50%;background:var(--t-metal-light,#656853);box-shadow:inset -2px -2px 0 #232722}
.qg-cab::before{left:9px}.qg-cab::after{right:9px}
.qg-screen{position:relative;margin:24px;padding:30px 34px 34px;border-radius:18px;background:var(--t-screen,#040c09);box-shadow:inset 0 0 70px #000,inset 0 0 0 2px #17201a;overflow:hidden}
.qg-screen::after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.28) 0 1px,transparent 1px 3px)}
.qg-eyebrow{margin:0 0 6px;color:var(--t-green,#25dc71);font:700 20px/1.2 var(--t-font-display);letter-spacing:.04em}
.qg-title{margin:0 0 18px;color:var(--t-orange,#ff610b);font:700 clamp(34px,4.4vw,58px)/1.05 var(--t-font-display);letter-spacing:-.04em;text-shadow:3px 4px 0 #4a2010}
.qg-lead{margin:0 0 12px;font-size:30px;line-height:1.15}
.qg-lead strong,.qg-green{color:var(--t-green,#25dc71);font-weight:400}
.qg-sub{margin:0 0 22px;color:var(--t-muted,#b5bba9);font-size:24px}
.qg-actions{display:flex;flex-wrap:wrap;gap:14px;margin:6px 0 0}
.qg-file{margin:0 0 14px;color:var(--t-green,#25dc71);font:700 18px/1.2 var(--t-font-display);letter-spacing:.03em}
.qg-h2{margin:0 0 16px;color:var(--t-orange,#ff610b);font:700 clamp(26px,3vw,38px)/1.05 var(--t-font-display);letter-spacing:-.03em;text-shadow:2px 3px 0 #4a2010}
.qg-story p{margin:0 0 14px;max-width:760px}
.qg-story .qg-quote{color:var(--t-green,#25dc71);font-size:30px}
.qg-wall{display:inline-block;margin:8px 0 0;padding:10px 16px 8px;border:3px double var(--t-stamp,#ff6860);color:var(--t-stamp,#ff6860);font:700 clamp(22px,2.6vw,32px)/1 var(--t-font-display);transform:rotate(-2deg)}

/* The pass on its lanyard (shared by both pages). */
.qg-pass{position:relative;margin:0 auto;padding-top:64px;width:230px}
.qg-pass__lanyard{position:absolute;top:0;left:50%;width:120px;height:74px;transform:translateX(-50%)}
.qg-pass__lanyard::before,.qg-pass__lanyard::after{content:'';position:absolute;top:-6px;width:18px;height:84px;background:#097d39;box-shadow:inset 4px 0 0 #25dc71}
.qg-pass__lanyard::before{left:16px;transform:rotate(-24deg)}
.qg-pass__lanyard::after{right:16px;transform:rotate(24deg)}
.qg-pass__clip{position:absolute;top:56px;left:50%;width:34px;height:26px;transform:translateX(-50%);border-radius:4px;background:#656853;box-shadow:inset 0 -4px 0 #333a32,0 2px 0 #000;z-index:2}
.qg-pass__card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px 20px;border-radius:12px;background:#f4e7cb;color:#232722;box-shadow:inset 0 0 0 3px #d6d6c8,6px 8px 0 #000;transform:rotate(-2deg)}
.qg-pass__kind{font:700 15px/1 var(--t-font-display);letter-spacing:.06em;color:#953407}
.qg-pass__photo{display:grid;place-items:center;width:150px;height:132px;border-radius:6px;background:#232722;box-shadow:inset 0 0 0 4px #333a32}
.qg-pass__photo img{width:104px;height:104px;object-fit:contain}
.qg-pass__label{font:700 13px/1 var(--t-font-display);color:#5b5249;letter-spacing:.05em}
.qg-pass__name{font:700 24px/1.05 var(--t-font-display);letter-spacing:-.03em;text-align:center;overflow-wrap:anywhere;max-width:100%}
.qg-pass__name[data-len="long"]{font-size:17px}
.qg-pass__name[data-len="xlong"]{font-size:13px;letter-spacing:-.05em}
.qg-pass__stamp{position:absolute;right:-18px;bottom:96px;padding:2px 10px 0;border:4px solid #c42018;border-radius:6px;color:#c42018;font:700 26px/1.1 var(--t-font-display);transform:rotate(-16deg);opacity:.92;animation:qg-stamp .42s cubic-bezier(.2,.8,.2,1) .2s both}
@keyframes qg-stamp{from{transform:rotate(-30deg) scale(1.9);opacity:0}to{transform:rotate(-16deg) scale(1);opacity:.92}}

/* The exit package: cream paper with numbered clauses. */
.qg-paper{position:relative;margin:0;padding:34px 38px 30px;border-radius:6px;background:#f4e7cb;color:#232722;box-shadow:inset 0 0 0 3px #d6d6c8,8px 10px 0 #000;transform:rotate(-.4deg)}
.qg-paper::before{content:'';position:absolute;inset:14px;border:1px solid #c9bb9b;border-radius:3px;pointer-events:none}
.qg-paper__head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin:0 0 6px}
.qg-paper__title{margin:0;font:700 clamp(24px,2.8vw,34px)/1.05 var(--t-font-display);letter-spacing:-.03em;color:#232722}
.qg-paper__ref{font:700 14px/1 var(--t-font-display);color:#953407;letter-spacing:.05em}
.qg-paper__intro{margin:0 0 18px;font-size:23px;color:#4b443c}
.qg-clauses{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 34px;counter-reset:clause}
.qg-clauses li{counter-increment:clause;position:relative;padding:14px 0 0 54px;border-top:2px solid #232722}
.qg-clauses li::before{content:counter(clause,decimal-leading-zero);position:absolute;left:0;top:12px;font:700 30px/1 var(--t-font-display);color:#c42018;letter-spacing:-.04em}
.qg-clauses b{display:block;margin:0 0 4px;font:700 18px/1.15 var(--t-font-display);letter-spacing:.01em;color:#232722}
.qg-clauses span{display:block;font-size:22px;line-height:1.2;color:#3a342e}
.qg-clauses li:first-child{grid-column:1 / -1;border-top-width:4px}
.qg-clauses li:first-child b{font-size:26px;color:#c42018}
.qg-clauses li:first-child span{font-size:25px}
.qg-paper__stamp{position:absolute;right:30px;top:-18px;padding:4px 12px 2px;border:4px double #c42018;color:#c42018;background:#f4e7cb;font:700 28px/1 var(--t-font-display);transform:rotate(8deg);animation:qg-stamp2 .42s cubic-bezier(.2,.8,.2,1) .3s both}
@keyframes qg-stamp2{from{transform:rotate(-10deg) scale(1.8);opacity:0}to{transform:rotate(8deg) scale(1);opacity:1}}
.qg-sign{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:24px 0 0;padding:14px 0 0;border-top:1px dashed #9c8f73;font-size:20px;color:#5b5249}

/* Steps, rules and facts, on the screen. */
.qg-steps{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.qg-steps li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:4px 16px;align-items:start;padding:0 0 14px;border-bottom:1px solid #1d261f}
.qg-steps li:last-child{border:0;padding:0}
.qg-steps i{font:700 30px/1 var(--t-font-display);font-style:normal;color:var(--t-orange,#ff610b);grid-row:span 2}
.qg-steps b{font:700 18px/1.2 var(--t-font-display);color:var(--t-green,#25dc71)}
.qg-steps span{color:var(--t-ink);font-size:23px}
.qg-rules{list-style:none;margin:0 0 16px;padding:0}
.qg-rules li{position:relative;padding:8px 0 8px 32px;font-size:23px;border-bottom:1px solid #1d261f}
.qg-rules li::before{content:'X';position:absolute;left:0;top:8px;color:var(--t-red,#ff6860);font:700 20px/1.2 var(--t-font-display)}
.qg-done{margin:0;color:var(--t-green,#25dc71);font:700 20px/1.2 var(--t-font-display)}
.qg-facts p{margin:0 0 10px;color:var(--t-muted,#b5bba9);font-size:22px}
.qg-facts code{color:var(--t-ink);font:inherit}
.qg-link{margin:18px 0 0;padding:16px 18px;border:2px solid #1f3a29;border-radius:8px;background:#06120c}
.qg-link__label{margin:0 0 6px;color:var(--t-muted,#b5bba9);font:700 14px/1 var(--t-font-display);letter-spacing:.05em}
.qg-link__url{margin:0;color:var(--t-green,#25dc71);font-size:28px;overflow-wrap:anywhere}
.qg-cta{display:grid;gap:12px;justify-items:start}
.qg-mail{color:var(--t-muted,#b5bba9);font-size:21px}

/* The buy page. */
.qg-buy{display:grid;grid-template-columns:230px minmax(0,1fr);gap:34px;align-items:start}
.qg-label{display:block;margin:0 0 6px;color:var(--t-muted,#b5bba9);font:700 15px/1 var(--t-font-display);letter-spacing:.05em}
.qg-amount{display:flex;align-items:center;gap:10px;border:3px solid var(--t-green,#25dc71);border-radius:6px;background:#020805;padding:4px 14px;box-shadow:0 0 0 3px #062214}
.qg-amount input{flex:1;width:0;min-width:0;border:0;background:transparent;color:var(--t-green,#25dc71);font:400 44px/1.1 var(--t-font-body);outline:none}
.qg-amount input{appearance:textfield}.qg-amount input::-webkit-outer-spin-button,.qg-amount input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.qg-amount b{color:var(--t-muted,#b5bba9);font:700 18px/1 var(--t-font-display)}
.qg-amount:focus-within{outline:var(--t-focus-width,3px) solid var(--t-focus,#fff0ad);outline-offset:3px}
.qg-presets{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}
.qg-quote{min-height:1.3em;margin:6px 0 14px;font-size:28px;color:var(--t-ink)}
.qg-quote small{display:block;color:var(--t-muted,#b5bba9);font-size:21px}
.qg-wallets{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}
.qg-wallet{flex:1 1 220px;display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;row-gap:5px;align-items:center;min-height:62px;padding:10px 14px;border:3px solid var(--t-ink,#f4e7cb);border-radius:8px;background:#020805;color:var(--t-ink,#f4e7cb);font:700 17px/1.1 var(--t-font-display);letter-spacing:.02em;text-align:left;text-decoration:none;cursor:pointer;box-shadow:0 4px 0 #000}
.qg-wallet img{grid-row:1/3;width:40px;height:40px;border-radius:9px}
.qg-wallet__name{align-self:end}
.qg-wallet__state{align-self:start;color:var(--t-green,#25dc71);font-size:12px;letter-spacing:.06em}
.qg-wallet:hover,.qg-wallet:focus-visible{border-color:var(--t-orange,#ff610b);transform:translateY(-1px)}
.qg-wallet:focus-visible{outline:var(--t-focus-width,3px) solid var(--t-focus,#fff0ad);outline-offset:3px}
.qg-wallet--lead{flex-basis:100%;grid-template-columns:52px minmax(0,1fr);min-height:76px;border-color:#ab9ff2;font-size:22px}
.qg-wallet--lead img{width:52px;height:52px;border-radius:12px}
.qg-wallet.is-on{border-color:var(--t-green,#25dc71);box-shadow:0 0 0 3px #062214,0 4px 0 #000}
.qg-wallets.is-asking .qg-wallet{animation:qg-ask .5s ease-in-out 2}
@keyframes qg-ask{50%{border-color:var(--t-orange,#ff610b)}}
.qg-feenote{margin:-8px 0 14px;color:var(--t-muted,#b5bba9);font-size:20px}
.qg-risk{margin:18px 0 0;color:var(--t-muted,#b5bba9);font-size:18px}
.qg-status{min-height:1.3em;margin:12px 0;color:var(--t-green,#25dc71);font-size:24px}
.qg-status[data-tone="bad"]{color:var(--t-red,#ff6860)}
.qg-fine{margin:12px 0 16px;color:var(--t-muted,#b5bba9);font-size:20px}
.qg-closed{font-size:28px;color:var(--t-ink)}
[hidden]{display:none !important}
/* Review pass, 14 Oct: even columns for steps and rules, the trailer poster, phone sizing. */
.qg-row--even{grid-template-columns:repeat(2,minmax(0,1fr))}
.qg-poster{margin:0 0 22px;padding:10px;border-radius:10px;background:#101712;box-shadow:inset 0 0 0 2px #17201a,0 6px 0 #000}
.qg-poster img{display:block;width:100%;height:auto;border-radius:6px;image-rendering:auto}
.qg-story .qg-actions{margin-top:20px}
.qg-link__url{overflow-wrap:normal;word-break:normal}
@media (max-width:860px){
  .qg-row--even{grid-template-columns:minmax(0,1fr)}
  .qg-actions .c-btn,.qg-cta .c-btn{width:100%;font-size:22px}
  .qg-link__url{font-size:22px}
  .qg-buy .c-btn[data-size="xl"]{width:100%;font-size:30px}
  .qg-title{font-size:clamp(30px,9vw,44px)}
  .qg-h2{font-size:clamp(19px,6.6vw,26px)}
}


@media (max-width:860px){
  .qg{padding:16px 12px 30px;gap:16px}
  .qg-row{grid-template-columns:minmax(0,1fr);gap:16px}
  .qg-screen{margin:14px;padding:22px 18px 24px}
  .qg-lead{font-size:26px}
  .qg-quote{min-height:2.6em}
  .qg-paper{padding:28px 20px 24px;transform:none}
  .qg-paper__stamp{right:14px;top:-16px;font-size:22px}
  .qg-clauses{grid-template-columns:minmax(0,1fr)}
  .qg-buy{grid-template-columns:minmax(0,1fr);gap:20px;justify-items:center}
  .qg-buy>div{width:100%}
  .qg-steps li{grid-template-columns:56px minmax(0,1fr)}
  .qg-pass{width:min(230px,calc(100% - 28px))}
  .qg-wallet--lead{font-size:clamp(17px,5.6vw,22px)}
}
@media (min-width:1400px) and (min-height:860px){.qg{zoom:1.12}}
@media (prefers-reduced-motion:reduce){.qg-pass__stamp,.qg-paper__stamp,.qg-wallets.is-asking .qg-wallet{animation:none}}