/* The Partner Program page (/partners, also /apply and /resign): the studio's reels on a wall, and one card that takes a
   partner through three steps (account, connect, link). Real HTML in the site's own materials: the riveted gunmetal bay,
   the green phosphor glass and the arcade keys are the site's deck plates (runtime/quit/deck-art, laid as 9-slice
   border-images, as the header and the lobby deck lay them), every word is live text in the site's faces (Silkscreen for
   headings, keys and labels, IBM Plex Mono for the body, VT323 for counters). Nothing here is a picture of a control.
   The page is wrapped in the site shell, whose stylesheets load after this one, so every rule is scoped under .qp. */

.qp{
 --qp-green:var(--t-green,#25dc71);--qp-orange:var(--t-orange,#ff610b);--qp-ink:var(--t-ink,#f4e7cb);
 --qp-black:var(--t-black,#030805);--qp-screen:var(--t-screen,#040c09);--qp-red:var(--t-red,#ff6860);
 --qp-focus:var(--t-focus,#fff0ad);--qp-dim:#7c857a;--qp-rule:#2a342d;--qp-well:#050a07;
 --qp-display:var(--t-font-display,"Silkscreen",monospace);--qp-body:var(--t-font-body,"IBM Plex Mono",monospace);
 --qp-count:VT323,var(--t-font-body,monospace);
 --qp-pad:clamp(12px,1.6vw,24px);
 --qp-bay:url(/runtime/quit/deck-art/bay.webp) 44 50 fill/18px 20px stretch;
 box-sizing:border-box;width:100%;max-width:1880px;margin:0 auto;padding:16px var(--qp-pad) 40px;
 color:var(--qp-ink);font:400 22px/1.35 var(--qp-body);text-align:left;overflow-wrap:break-word
}
.qp *,.qp *::before,.qp *::after{box-sizing:border-box}
.qp :where(h1,h2,h3,p,ol,ul,fieldset,legend,figure){margin:0;padding:0}
.qp :focus-visible{outline:3px solid var(--qp-focus);outline-offset:3px}
.qp-vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* The shell's lobby deck (contract address, NOW HIRING) is left off this page: the approved comps go from the header
   straight to the page, and its APPLY AT HR key would lead back here. The deck kept the fixed header's room; main
   takes it back. */
body:has(.qp)>.q-ca{display:none}
body:has(.qp)>.q-ca~.frame-main{padding-top:var(--c-header-height,var(--t-header-desktop,70px))}
/* The shell's loader is styled by a <style> in the shell's head, which the utility wrapper does not carry, so here its
   markup would show raw (a 720 px wordmark that widens a phone's layout to 720 px on every page after the first in a
   tab). This page has no scene for it to wait on. */
body:has(.qp)>.q-boot{display:none}

/* ---------------------------------------------------------------- the title */
.qp-top{margin:0 0 18px}
.qp-kicker{margin:0 0 10px;color:var(--qp-green);font:700 clamp(13px,1.1vw,17px)/1 var(--qp-display);letter-spacing:.06em}
.qp-h1{color:var(--qp-ink);font:700 clamp(24px,2.35vw,46px)/1.08 var(--qp-display);letter-spacing:0;text-wrap:balance;text-shadow:3px 3px 0 #000}
.qp-sub{margin-top:10px;color:var(--qp-green);font:400 clamp(20px,1.72vw,27px)/1.3 var(--qp-body)}

/* ---------------------------------------------------------------- the stage: the wall, then the card */
.qp-stage{display:grid;gap:16px;align-items:start}
@media(min-width:1200px){.qp-stage{grid-template-columns:minmax(0,1fr) clamp(390px,27vw,480px)}}

/* The wall. --qp-w is one reel's column: --qp-per to a view, as wide as the wall allows between its two keys and no
   taller than the window, so a reel is seen whole. The wall is the size container: the sums read its width (cqi), and
   the track is exactly --qp-per reels wide, so nothing past them shows. partners.js reads --qp-per for its counter. */
.qp-wall{position:relative;container-type:inline-size;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:8px;min-width:0;padding:26px 0 12px;
 border:solid transparent;border-width:18px 20px;border-image:var(--qp-bay)}
.qp-track{
 --qp-per:3;--qp-g:12px;--qp-side:62px;--qp-chrome:390px;
 --qp-w:min(calc((100cqi - 2 * var(--qp-side) - (var(--qp-per) - 1) * var(--qp-g)) / var(--qp-per)),calc((100svh - var(--qp-chrome)) * 9 / 16 + 26px));
 display:grid;grid-auto-flow:column;grid-auto-columns:var(--qp-w);gap:var(--qp-g);
 flex:none;width:calc(var(--qp-per) * var(--qp-w) + (var(--qp-per) - 1) * var(--qp-g));margin:0;padding:0;
 list-style:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch
}
/* below 860 px of wall (a 1280 or 1366 laptop beside the card, a portrait tablet) two reels to a view are bigger than three */
@container (max-width:859px){.qp-track{--qp-per:2}}
.qp-track::-webkit-scrollbar{display:none}
.qp-track:focus-visible{outline-offset:-3px}

.qp-reel{position:relative;display:flex;flex-direction:column;min-width:0;scroll-snap-align:start;
 border:solid transparent;border-width:13px 13px 10px;border-image:url(/runtime/quit/deck-art/bay.webp) 44 50 fill/13px 13px 10px stretch}
.qp-reel__screen{position:relative;container-type:inline-size;aspect-ratio:9/16;overflow:hidden;background:#000;border:2px solid #0b120e;border-radius:3px}
.qp-reel__screen video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;background:#000}
/* the whole screen plays and pauses; its badge shows only when the reel waits for a press */
.qp-reel__play{position:absolute;inset:0;z-index:1;display:grid;place-items:center;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}
.qp-reel__play span{visibility:hidden;min-width:96px;padding:12px 18px 13px;border:2px solid var(--qp-green);background:#030805d9;color:var(--qp-green);font:700 18px/1 var(--qp-display);letter-spacing:.08em}
.qp-reel[data-state="wait"] .qp-reel__play span,.qp-reel[data-state="paused"] .qp-reel__play span{visibility:visible}
.qp-reel__play:focus-visible{outline-offset:-5px}
.qp-reel__ctl{position:absolute;z-index:2;top:6px;left:6px;right:6px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;pointer-events:none}
.qp-mini{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:3px 10px 5px;
 border:0 solid transparent;border-radius:0;border-image:url(/runtime/quit/deck-art/key-dark.webp) 40 46 50 fill/8px 9px 10px stretch;background:none;
 color:var(--qp-green);font:700 10px/1 var(--qp-display);letter-spacing:.04em;white-space:nowrap;cursor:pointer;touch-action:manipulation}
.qp-mini[aria-pressed="true"]{border-image-source:url(/runtime/quit/deck-art/key-green.webp);border-image-slice:22 24 34 fill;color:#03200f}
/* a narrow screen (three reels beside the card at 1440) keeps SOUND and FULL SCREEN on one row */
@container (max-width:240px){.qp-reel__ctl{gap:4px}.qp-reel__ctl .qp-mini{padding-inline:7px;font-size:9px;letter-spacing:0}}
.qp-reel__fail{position:absolute;z-index:2;left:8px;right:8px;bottom:12px;padding:10px 12px;border:2px solid var(--qp-red);background:#030805e6;color:var(--qp-ink);
 font:700 13px/1.25 var(--qp-display);letter-spacing:.04em;text-align:center}
.qp-reel__foot{display:grid;gap:8px;padding:10px 0 0}
.qp-reel__title{display:flex;align-items:center;min-height:52px;padding:3px 10px;background:var(--qp-black);border:1px solid #1d2620;color:var(--qp-ink);
 font:400 22px/1 var(--qp-count);letter-spacing:.03em}
/* the rotation toggle: a lit key with a check while the reel is in, a dark one when skipped */
.qp-keep{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:46px;margin:0;padding:4px 12px 7px;
 border:0 solid transparent;border-radius:0;border-image:url(/runtime/quit/deck-art/key-dark.webp) 40 46 50 fill/9px 10px 11px stretch;background:none;
 color:var(--qp-green);font:700 11px/1.1 var(--qp-display);letter-spacing:.04em;text-align:center;cursor:pointer;touch-action:manipulation;transition:transform .12s ease-out,filter .12s linear}
.qp-keep[aria-pressed="true"]::before{content:"";flex:none;width:14px;height:8px;margin-top:-4px;border-left:3px solid currentColor;border-bottom:3px solid currentColor;transform:rotate(-45deg)}
.qp-keep[aria-pressed="false"]{color:var(--qp-dim);filter:grayscale(1) brightness(.75)}
.qp-keep:active{transform:translateY(2px)}
.qp-keep:disabled{cursor:default}
.qp-only{display:flex;align-items:center;justify-content:center;min-height:46px;padding:4px 10px;border:2px dashed #3b463e;color:var(--qp-dim);
 font:700 10px/1.25 var(--qp-display);letter-spacing:.04em;text-align:center}
/* DOWNLOAD on every reel (design A, the owner's approval): the site's orange key, full width under the rotation key; it
   saves the full-quality master (the CDN sends masters as attachments, runtime/edge/package.mjs) */
.qp-dl{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;padding:4px 12px 9px;border:0 solid transparent;
 border-image:url(/runtime/quit/deck-art/key-orange.webp) 22 24 34 fill/8px 9px 12px stretch;color:#1d0800;font:700 12px/1 var(--qp-display);
 letter-spacing:.06em;text-decoration:none;touch-action:manipulation}
.qp-dl[hidden]{display:none}
.qp-dl:active{border-image-source:url(/runtime/quit/deck-art/key-orange-down.webp);transform:translateY(2px)}
.qp-dl:focus-visible{outline:3px solid var(--qp-focus);outline-offset:3px}

/* the wall's counter, on a tab over its top edge, and the two keys at its sides */
.qp-count{margin:0;color:var(--qp-green);font:400 26px/1 var(--qp-count);letter-spacing:.06em;white-space:nowrap}
.qp-count--wide{position:absolute;z-index:3;top:-17px;left:50%;translate:-50% 0;padding:4px 16px 3px;background:#040a07;border:2px solid #2d3a31;box-shadow:0 2px 0 #000}
.qp-step-key{flex:none;display:inline-flex;align-items:center;justify-content:center;
 width:54px;min-height:72px;margin:0;padding:3px 0 6px;border:0 solid transparent;border-radius:0;
 border-image:url(/runtime/quit/deck-art/key-dark.webp) 40 46 50 fill/9px 10px 11px stretch;background:none;color:var(--qp-green);
 font:700 10px/1 var(--qp-display);letter-spacing:0;cursor:pointer;touch-action:manipulation}
.qp-step-key:disabled{color:#5a685d;cursor:default;filter:grayscale(1) brightness(.75)}
.qp-step-key:active:not(:disabled){transform:translateY(2px)}
.qp-dots-row{display:none;flex-basis:100%;align-items:center;justify-content:center;gap:16px;min-height:34px;margin:10px 0 0;padding:0 12px}
.qp-dots{display:flex;align-items:center;gap:8px}
.qp-dots i{display:block;width:9px;height:9px;border-radius:50%;background:#2c3830}
.qp-dots i[data-on]{background:var(--qp-green);box-shadow:0 0 7px #25dc71aa}

/* the reel in full screen where the browser has no full screen for a video: a fixed theater outside the wall */
.qp-theater{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;background:#000}
.qp-theater video{width:100%;height:100%;object-fit:contain;background:#000}
.qp-theater .qp-mini{position:absolute;top:max(12px,env(safe-area-inset-top));right:12px}

/* ---------------------------------------------------------------- the card */
.qp-side{min-width:0;scroll-margin-top:calc(var(--t-header-desktop,70px) + 12px)}
.qp-invite{margin:0 0 8px;padding:8px 14px;border:2px solid #1f7a45;background:#04100a;color:var(--qp-green);font:700 14px/1.2 var(--qp-display);letter-spacing:.06em;overflow-wrap:anywhere}
.qp-invite b{font-weight:700;color:var(--qp-ink)}
.qp-card{container-type:inline-size;padding:14px 12px 12px;border:solid transparent;border-width:18px 20px;border-image:var(--qp-bay)}

.qp-meter{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 16px;padding:0 0 14px;border-bottom:2px solid var(--qp-rule)}
.qp-meter__step{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:62px;padding:7px 4px;border:2px solid #263028;
 background:var(--qp-well);color:#7a8478;font:700 11px/1.05 var(--qp-display);letter-spacing:.02em;text-align:center}
.qp-meter__n{display:inline-grid;place-items:center;flex:none;width:26px;height:26px;border:2px solid currentColor;border-radius:50%;font:700 13px/1 var(--qp-display)}
.qp-meter__label{min-width:0}
.qp-meter__step[data-state="now"]{color:var(--qp-orange);border-color:var(--qp-orange);box-shadow:inset 0 0 14px #ff610b26,0 0 0 1px #ff610b40}
.qp-meter__step[data-state="done"]{color:var(--qp-green);border-color:#1f6b3f}
.qp-meter__step[data-state="done"] .qp-meter__n{font-size:0;background:var(--qp-green);border-color:var(--qp-green)}
.qp-meter__step[data-state="done"] .qp-meter__n::before{content:"";width:11px;height:6px;margin-top:-3px;border-left:3px solid var(--qp-black);border-bottom:3px solid var(--qp-black);transform:rotate(-45deg)}

.qp-h2{margin:0 0 12px;color:var(--qp-green);font:700 clamp(17px,1.35vw,21px)/1.15 var(--qp-display);letter-spacing:.02em}
.qp-h2:focus{outline:none}
.qp-h2:focus-visible{outline:3px solid var(--qp-focus)}
.qp-h2--orange{color:var(--qp-orange);font-size:clamp(19px,1.6vw,26px);overflow-wrap:anywhere}
.qp-h2--in{margin-top:4px;color:var(--qp-green);font-size:clamp(28px,2.6vw,42px);line-height:1;text-align:center;text-shadow:0 0 18px #25dc7140}

.qp-where{min-width:0;margin:0;padding:0;border:0}
.qp-where legend{float:left;width:100%}
.qp-chips{clear:both;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.qp-chip{position:relative;display:block;min-width:0}
.qp-chip input{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.qp-chip>span{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:4px 6px;border:2px solid #39443b;background:#060c09;
 color:var(--qp-ink);font:700 12px/1.1 var(--qp-display);letter-spacing:0;text-align:center}
.qp-chip input:checked+span{padding-bottom:9px;border:0 solid transparent;border-image:url(/runtime/quit/deck-art/key-green.webp) 22 24 34 fill/8px 9px 12px stretch;color:#03200f}
/* The platform's official mark beside its name (comps approved 23 Oct 2026); on the green selected key it sits on a
   small dark square so it reads as published. */
.qp-mark{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:6px}
.qp-mark .q-pmark{width:22px;height:22px;overflow:visible}
.qp-chip input:checked+span .qp-mark{background:#060c09}
.qp-chip__name{min-width:0;white-space:nowrap}
.qp-chip input:focus-visible+span{outline:3px solid var(--qp-focus);outline-offset:3px}
@media(hover:hover){.qp-chip:hover input:not(:checked)+span{border-color:#5d6d60;color:#fff}}

.qp-field{margin-top:16px}
.qp-label{display:block;margin:0 0 7px;color:var(--qp-green);font:700 14px/1.1 var(--qp-display);letter-spacing:.06em}
.qp-input{display:flex;align-items:center;min-width:0;min-height:54px;border:2px solid #46524a;background:var(--qp-screen);box-shadow:inset 0 2px 7px #000c}
.qp-input:focus-within{border-color:var(--qp-green);outline:3px solid var(--qp-focus);outline-offset:2px}
.qp-input:has(input[aria-invalid="true"]){border-color:var(--qp-red)}
.qp-input input{flex:1;min-width:0;width:100%;height:50px;margin:0;padding:0 14px;border:0;border-radius:0;background:transparent;box-shadow:none;
 color:var(--qp-ink);font:400 26px/1 var(--qp-body);outline:none;-webkit-appearance:none;appearance:none}
.qp-input input::placeholder{color:#6d786e;opacity:1}
.qp-input--at input{padding-left:6px}
.qp-at{flex:none;padding-left:14px;color:var(--qp-green);font:600 26px/1 var(--qp-body)}
.qp-err{margin:7px 0 0;color:var(--qp-red);font:600 20px/1.3 var(--qp-body)}
.qp-err a{color:inherit}
.qp-check{display:block;min-height:65px;margin:16px 0 0}
.qp-say{margin:14px 0 0;color:var(--qp-ink);font:600 20px/1.3 var(--qp-body);overflow-wrap:anywhere}
.qp-say:empty{display:none}
.qp-say[data-tone="bad"]{color:var(--qp-red)}
.qp-say a{color:inherit}

/* the keys */
.qp-key{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;margin:0;padding:4px 18px 12px;border:0 solid transparent;border-radius:0;
 background:none;box-shadow:none;text-align:center;text-decoration:none;text-shadow:none;font:700 15px/1.1 var(--qp-display);letter-spacing:.06em;cursor:pointer;
 touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .12s ease-out,filter .12s linear}
.qp-key--orange{border-image:url(/runtime/quit/deck-art/key-orange.webp) 22 24 34 fill/8px 9px 12px stretch;color:#1d0800}
.qp-key--green{border-image:url(/runtime/quit/deck-art/key-green.webp) 22 24 34 fill/8px 9px 12px stretch;color:#03200f}
.qp-key--dark{padding:4px 16px 6px;border-image:url(/runtime/quit/deck-art/key-dark.webp) 40 46 50 fill/9px 10px 11px stretch;color:var(--qp-green)}
.qp-key--big{width:100%;min-height:72px;margin-top:14px;padding:6px 20px 18px;border-image-width:12px 14px 18px;font-size:clamp(22px,2vw,30px);letter-spacing:.04em;overflow-wrap:anywhere}
.qp-key--big.qp-key--long{font-size:clamp(15px,1.25vw,19px);line-height:1.2}
/* step 2's key carries the network's name (CONNECT INSTAGRAM, GETTING YOUR LINK: 17 letters), sized to the card's width
   so it stays on one line; the card is the size container */
[data-step="2"] .qp-key--big{font-size:min(28px,calc((100cqi - 44px) / 15))}
.qp-key--big[data-mailto]{font-size:min(28px,calc((100cqi - 44px) / 13))}
[data-step="2"] .qp-key--big.qp-key--long{font-size:clamp(13px,calc((100cqi - 44px) / 22),19px)}
.qp-key--orange:active:not(:disabled):not([aria-disabled="true"]){border-image-source:url(/runtime/quit/deck-art/key-orange-down.webp);transform:translateY(2px)}
.qp-key--green:active:not(:disabled):not([aria-disabled="true"]){border-image-source:url(/runtime/quit/deck-art/key-green-down.webp);transform:translateY(2px)}
.qp-key--dark:active{transform:translateY(2px)}
.qp-key:disabled,.qp-key[aria-disabled="true"]{cursor:not-allowed;filter:saturate(.35) brightness(.7)}
.qp-key[aria-busy="true"]{cursor:progress}
@media(hover:hover){.qp-key:hover:not(:disabled):not([aria-disabled="true"]){transform:translateY(-1px);filter:brightness(1.08)}}

.qp-small{margin:12px 0 0;color:var(--qp-green);font:400 18px/1.35 var(--qp-body)}
.qp-small--center{text-align:center}
.qp-small a,.qp-legal a{color:inherit;text-underline-offset:3px}
.qp-line{margin:0 0 12px;color:var(--qp-ink);font:400 19px/1.4 var(--qp-body)}

/* step 2 */
.qp-how{margin:0 0 4px;padding:10px 12px 10px 40px;border:2px solid #2b362e;background:#040907;color:var(--qp-ink);font:400 19px/1.38 var(--qp-body)}
.qp-how li+li{margin-top:5px}
.qp-how li::marker{color:var(--qp-green);font-weight:600}
.qp-status{display:flex;align-items:center;gap:12px;min-height:54px;margin:14px 0 0;padding:8px 14px;border:2px solid #2b362e;background:#020604;box-shadow:inset 0 2px 8px #000;
 color:var(--qp-green);font:600 21px/1.3 var(--qp-body);letter-spacing:.02em;overflow-wrap:anywhere}
.qp-status[data-tone="bad"]{color:var(--qp-red)}
.qp-status[data-tone="bad"] .qp-cursor,.qp-status[data-tone="done"] .qp-cursor{display:none}
.qp-cursor{flex:none;width:12px;height:22px;background:currentColor;animation:qp-blink 1.06s steps(1,end) infinite}
/* further networks connected in the same pass: one row each, its mark and name, its key and its status line */
.qp-more{display:grid;gap:10px;margin:14px 0 0;padding:0;list-style:none}
.qp-more[hidden]{display:none}
.qp-more__row{display:grid;gap:8px;padding:10px;border:2px solid #2b362e;background:#060c09}
.qp-more__head{display:flex;align-items:center;gap:10px;margin:0;color:var(--qp-ink);font:700 13px/1.1 var(--qp-display);letter-spacing:.04em}
.qp-more__key{margin:0;width:100%}
.qp-more__status{margin:0;min-height:46px;font-size:17px}
.qp-status[data-tone="done"]{color:var(--qp-green)}
[data-more-continue]{margin-top:14px}
@keyframes qp-blink{50%{opacity:0}}
.qp-wrong{margin-top:12px}
.qp-wrong .qp-key{width:100%}
.qp-links{display:flex;flex-wrap:wrap;justify-content:center;gap:0 20px;margin:10px 0 0}
.qp-textlink{display:inline-flex;align-items:center;min-height:44px;margin:0;padding:6px 4px;border:0;background:none;color:var(--qp-green);
 font:400 19px/1.3 var(--qp-body);text-align:center;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
@media(hover:hover){.qp-textlink:hover{color:#7dffb0}}
[data-step="pack"] .qp-key--green{width:100%;min-height:58px;margin-top:4px}

/* step 3 */
.qp-pill{width:fit-content;max-width:100%;margin:12px auto 16px;padding:6px 20px 13px;border:0 solid transparent;
 border-image:url(/runtime/quit/deck-art/key-green.webp) 22 24 34 fill/8px 9px 12px stretch;color:#03200f;font:700 15px/1.15 var(--qp-display);letter-spacing:.05em;
 text-align:center;overflow-wrap:anywhere}
.qp-note{margin:0 0 14px;padding:10px 14px;border:2px solid var(--qp-orange);background:#120702;color:var(--qp-orange);font:700 14px/1.3 var(--qp-display);letter-spacing:.04em;text-align:center}
.qp-linkbox{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:0 0 12px;padding:6px;border:solid transparent;border-width:12px 14px;
 border-image:url(/runtime/quit/deck-art/bay.webp) 44 50 fill/12px 14px stretch}
.qp-linkbox__url{min-width:0;padding:12px 12px 11px;border:solid transparent;border-width:10px 12px;border-image:url(/runtime/quit/deck-art/lcd.webp) 44 56 fill/10px 12px stretch;
 color:#c8ffd9;font:400 19px/1.3 var(--qp-body);text-shadow:0 0 8px #25dc7180;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}
.qp-key--copy{min-height:54px;font-size:17px}
@container (min-width:520px){.qp-linkbox{grid-template-columns:minmax(0,1fr) auto;align-items:center}.qp-linkbox__url{font-size:22px}.qp-key--copy{min-width:120px}}
.qp-first{margin:4px 0 14px;padding:12px 16px;border:solid transparent;border-width:14px 16px;border-image:url(/runtime/quit/deck-art/bay.webp) 44 50 fill/14px 16px stretch}
.qp-first__label{color:var(--qp-green);font:700 14px/1 var(--qp-display);letter-spacing:.08em}
.qp-first__time{margin:8px 0 6px;color:var(--qp-green);font:700 clamp(19px,1.5vw,26px)/1.1 var(--qp-display);text-shadow:0 0 16px #25dc7140}
.qp-first__then{color:var(--qp-ink);font:400 19px/1.35 var(--qp-body)}
.qp-pay{margin:16px 0 0}
.qp-pay__row{display:flex;gap:10px;align-items:stretch}
.qp-pay__row .qp-input{flex:1}
.qp-pay__row .qp-key{flex:none;min-width:96px}
.qp-pay .qp-input input{font-size:22px}
.qp-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 0}
.qp-pair .qp-key{min-height:58px;padding-inline:10px}

/* ---------------------------------------------------------------- under the stage */
.qp-facts{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0 0;padding:8px 6px;
 border:solid transparent;border-width:16px 18px;border-image:url(/runtime/quit/deck-art/bay.webp) 44 50 fill/16px 18px stretch}
.qp-facts li{display:flex;align-items:center;justify-content:center;min-height:46px;padding:4px 16px;color:var(--qp-green);font:400 22px/1.25 var(--qp-body);
 letter-spacing:.04em;text-align:center}
.qp-facts li+li{border-left:2px solid #25dc7159}
.qp-faq{display:grid;gap:8px;max-width:1000px;margin:26px auto 0}
.qp-q{border:2px solid #29332b;background:var(--qp-well)}
.qp-q summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:54px;padding:8px 16px;color:var(--qp-orange);
 font:600 22px/1.3 var(--qp-body);cursor:pointer;list-style:none}
.qp-q summary::-webkit-details-marker{display:none}
.qp-q summary::after{content:"+";flex:none;color:var(--qp-green);font:700 20px/1 var(--qp-display)}
.qp-q[open] summary::after{content:"-"}
.qp-q summary:focus-visible{outline-offset:-3px}
@media(hover:hover){.qp-q summary:hover{color:#ff8a45}}
.qp-q p{padding:0 16px 14px;color:var(--qp-ink);font:400 21px/1.45 var(--qp-body)}
.qp-kit{display:flex;flex-wrap:wrap;gap:10px}
.qp-kit .qp-key{min-height:48px}
.qp-legal{max-width:1000px;margin:22px auto 0;color:var(--qp-dim);font:400 18px/1.4 var(--qp-body);text-align:center}

/* the phone's pinned key, shown by partners.js until the card is in view */
.qp-pin{position:fixed;z-index:90;left:0;right:0;bottom:0;padding:6px 8px calc(6px + env(safe-area-inset-bottom));
 border:solid transparent;border-width:12px 14px;border-image:url(/runtime/quit/deck-art/bay.webp) 44 50 fill/12px 14px stretch}
.qp-pin .qp-key{margin:0;min-height:64px}

/* ---------------------------------------------------------------- tablets: the card under the wall */
@media(max-width:1199px){
 .qp-side{max-width:720px;width:100%;margin:0 auto}
}
/* ---------------------------------------------------------------- phones: one reel, swiped */
@media(max-width:767px){
 .qp{padding:10px 12px 112px}
 .qp-top{padding:12px 10px 10px;border:solid transparent;border-width:14px 16px;border-image:url(/runtime/quit/deck-art/bay.webp) 44 50 fill/14px 16px stretch;margin-bottom:12px}
 .qp-kicker{font-size:14px;margin-bottom:6px}
 .qp-h1{font-size:clamp(20px,6.15vw,30px)}
 .qp-sub{font-size:20px}
 .qp-wall{display:block;margin:0 -12px;padding:0;border:0;border-image:none}
 .qp-track{--qp-per:1;--qp-g:8px;--qp-chrome:214px;--qp-w:min(calc(100cqi - 50px),calc((100svh - var(--qp-chrome)) * 9 / 16 + 26px));
  width:auto;margin:0;padding:0 calc(100cqi - 12px - var(--qp-w)) 0 12px;scroll-padding-inline:12px 0}
 .qp-step-key,.qp-count--wide{display:none}
 .qp-dots-row{display:flex}
 .qp-reel__title{font-size:22px;min-height:48px}
 .qp-card{padding:10px 4px 6px;border-width:14px 14px;border-image-width:14px}
 .qp-meter__step{flex-direction:column;gap:5px;padding:6px 4px;font-size:11px;text-align:center}
 .qp-facts{grid-template-columns:1fr;padding:4px 4px}
 .qp-facts li{min-height:44px;font-size:20px}
 .qp-facts li+li{border-left:0;border-top:2px solid #25dc7133}
 .qp-q summary{font-size:20px;padding:8px 12px}
 .qp-q p{padding:0 12px 12px;font-size:20px}
 .qp-pair{grid-template-columns:1fr}
 .qp-key--big{font-size:clamp(17px,5.1vw,22px)}
 .qp-key--big.qp-key--long{font-size:15px}
 [data-step="2"] .qp-key--big{font-size:min(22px,calc((100cqi - 44px) / 15))}
 .qp-key--big[data-mailto]{font-size:min(22px,calc((100cqi - 44px) / 13))}
 [data-step="2"] .qp-key--big.qp-key--long{font-size:clamp(13px,calc((100cqi - 44px) / 22),15px)}
}
@media(max-width:359px){
 .qp{padding-inline:8px}
 .qp-wall{margin:0 -8px}
 .qp-chips{grid-template-columns:repeat(2,minmax(0,1fr))}
 .qp-chip>span{gap:5px;padding-inline:3px;font-size:clamp(10px,3.3vw,12px)}
 .qp-mark{width:22px;height:22px}
 .qp-mark .q-pmark{width:18px;height:18px}
 .qp-linkbox{flex-wrap:wrap}
 .qp-linkbox__url{flex-basis:100%}
 .qp-key--copy{width:100%}
 .qp-pay__row{flex-wrap:wrap}
 .qp-pay__row .qp-key{width:100%}
}
@media(min-width:768px){.qp-pin{display:none!important}}

@media(prefers-reduced-motion:reduce){
 .qp-cursor{animation:none}
 .qp-track{scroll-behavior:auto}
 .qp-key,.qp-keep{transition:none}
}
:root[data-reduced-motion="true"] .qp-cursor{animation:none}
/* step 3: the invite link, under the wallet */
.qp-invitebox{margin:18px 0 6px}
.qp-linkbox--invite .qp-linkbox__url{font-size:16px}
@container (min-width:520px){.qp-linkbox--invite .qp-linkbox__url{font-size:17px}}

/* ---------------------------------------------------------------- the calculator (owner order, 22 Oct 2026) */
.qp-calc{display:grid;gap:18px;margin:18px 0 0;padding:18px 20px 16px;border:solid transparent;border-width:18px 20px;border-image:var(--qp-bay);
 scroll-margin-top:calc(var(--t-header-desktop,70px) + 12px)}
@media(min-width:1024px){.qp-calc{grid-template-columns:minmax(0,45fr) minmax(0,55fr);gap:30px;align-items:start}}
.qp-calc__title{margin:0 0 12px;color:var(--qp-ink);font:700 clamp(26px,2.7vw,42px)/1.08 var(--qp-display);letter-spacing:.02em}
.qp-calc__lead{margin:0 0 20px;color:var(--qp-green);font:400 clamp(19px,1.45vw,23px)/1.35 var(--qp-body)}
.qp-calc__keys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 18px}
.qp-calc__key{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:66px;margin:0;padding:6px 6px 12px;
 border:0 solid transparent;border-radius:0;border-image:url(/runtime/quit/deck-art/key-dark.webp) 40 46 50 fill/9px 10px 11px stretch;background:none;
 color:var(--qp-green);cursor:pointer;touch-action:manipulation;transition:transform .12s ease-out}
.qp-calc__key b{font:700 clamp(16px,1.45vw,22px)/1 var(--qp-display);letter-spacing:.02em;white-space:nowrap}
.qp-calc__key small{font:700 10px/1 var(--qp-display);letter-spacing:.06em;white-space:nowrap}
.qp-calc__key[aria-pressed="true"]{border-image:url(/runtime/quit/deck-art/key-orange.webp) 22 24 34 fill/8px 9px 12px stretch;color:#1d0800}
.qp-calc__key:active{transform:translateY(2px)}
.qp-calc__keys--small .qp-calc__key{min-height:54px}
.qp-calc__screen{min-width:0;padding:14px 16px 12px;border:solid transparent;border-width:10px 12px;
 border-image:url(/runtime/quit/deck-art/lcd.webp) 44 56 fill/10px 12px stretch;text-align:center}
.qp-calc__screen--month{margin:0 0 16px}
.qp-calc__label{margin:0 0 6px;color:var(--qp-green);font:700 13px/1.1 var(--qp-display);letter-spacing:.08em;text-align:left}
.qp-calc__big{margin:6px 0 4px;color:var(--qp-green);font:400 clamp(48px,5.2vw,80px)/1 var(--qp-count);letter-spacing:.02em;text-shadow:0 0 14px #25dc7166}
.qp-calc__usd{margin:0;color:var(--qp-ink);font:400 clamp(19px,1.5vw,24px)/1.2 var(--qp-body)}
.qp-calc__years{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.45fr);gap:8px;margin:0 0 4px}
/* each year screen sizes its number to its own width, so $21,800,000 stays on one line */
.qp-calc__years .qp-calc__screen{container-type:inline-size}
.qp-calc__num{margin:10px 0 4px;color:var(--qp-green);font:400 min(46px,20cqi)/1 var(--qp-count);letter-spacing:.02em;text-shadow:0 0 10px #25dc7155;white-space:nowrap}
.qp-calc__screen--top .qp-calc__num{color:var(--qp-orange);font-size:min(68px,21.5cqi);text-shadow:0 0 16px #ff610b99}
.qp-calc__note{margin:10px 0 0}
@media(max-width:767px){
 .qp-calc{padding:12px 6px 10px;border-width:14px 16px;border-image-width:14px 16px}
 .qp-calc__keys{grid-template-columns:repeat(2,minmax(0,1fr))}
 .qp-calc__keys--small{grid-template-columns:repeat(4,minmax(0,1fr))}
 .qp-calc__years{grid-template-columns:1fr}
 .qp-calc__years .qp-calc__screen{display:flex;align-items:center;justify-content:space-between;gap:10px}
 .qp-calc__years .qp-calc__label,.qp-calc__years .qp-calc__num{margin:0}
 .qp-calc__years .qp-calc__num{font-size:min(34px,11cqi)}
 .qp-calc__years .qp-calc__screen--top .qp-calc__num{font-size:min(40px,12.5cqi)}
 .qp-calc .qp-label{font-size:12px;letter-spacing:.03em}
}
/* the 5X TO 100X calculator /go links to: the visitor's own amount at five multiples, across the section's foot */
.qp-calc__own{display:grid;gap:14px;padding-top:16px;border-top:2px solid var(--qp-rule)}
@media(min-width:1024px){.qp-calc__own{grid-column:1/-1;grid-template-columns:minmax(0,45fr) minmax(0,55fr);gap:30px;align-items:end}}
.qp-calc__own-title{margin:0 0 12px;color:var(--qp-orange);font:700 clamp(19px,1.6vw,26px)/1.15 var(--qp-display);letter-spacing:.02em}
.qp-calc__amount b{flex:none;padding:0 14px;color:var(--qp-green);font:700 16px/1 var(--qp-display);letter-spacing:.06em}
.qp-calc__multi{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.qp-calc__multi .qp-calc__screen{container-type:inline-size;padding-inline:10px}
.qp-calc__multi .qp-calc__num{font-size:min(40px,30cqi)}
.qp-calc__multi .qp-calc__screen--top .qp-calc__num{font-size:min(44px,30cqi)}
/* a long figure ($10,400,000) gets the size that keeps it on one line */
.qp-calc__multi .qp-calc__num[data-len="long"]{font-size:min(40px,19cqi)}
@media(max-width:767px){
 .qp-calc__multi{grid-template-columns:1fr}
 .qp-calc__multi .qp-calc__screen{display:flex;align-items:center;justify-content:space-between;gap:10px}
 .qp-calc__multi .qp-calc__label,.qp-calc__multi .qp-calc__num{margin:0}
 .qp-calc__multi .qp-calc__num{font-size:min(34px,11cqi)}
 .qp-calc__multi .qp-calc__screen--top .qp-calc__num{font-size:min(40px,12.5cqi)}
}
@media(prefers-reduced-motion:reduce){.qp-calc__key{transition:none}}

/* ---------------------------------------------------------------- phones: the first screen as the approved comp has it */
/* The title without its paragraph (the calculator says it), and a reel cut to the room above the pinned key, with its
   title and its rotation key on one row, so nothing of the reel sits under BECOME A PARTNER. Full screen still plays the
   whole 9:16 picture. */
@media(max-width:767px){
 /* The owner's automatic-posting line stays on the first screen (23 Oct 2026); the rest of the paragraph waits for
    the calculator, and the reel gives up the line's height so nothing sits under BECOME A PARTNER. */
 .qp-top .qp-sub{margin-top:6px;font-size:15px;line-height:1.3}
 .qp-top .qp-sub__rest{display:none}
 .qp-reel__screen{aspect-ratio:auto;height:clamp(220px,calc(100svh - 427px - var(--qp-auto-h,46px) - 52px),calc(var(--qp-w) * 16 / 9))}
 .qp-reel__foot{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px}
 .qp-reel__title{font-size:18px;min-height:46px;line-height:1.05}
 .qp-reel__foot .qp-keep,.qp-reel__foot .qp-only,.qp-reel__foot .qp-dl{width:auto;min-width:0;padding-inline:10px;font-size:10px}
 .qp-reel__foot .qp-dl{grid-column:1/-1;width:100%;font-size:12px}
}