/* The plates under the creator link's first screen (owner order and design approval, 27 Oct 2026; comps
   b-orgchart-v2, c-symbol-v1-composed, d-mission-v1, e-ranks-v1, f-proof-v1 and g-steps-faq-v1). They use the funnel's own
   plates and keys (go-door.css: .qfd-metal, .qfd-screen, .qfd-button, .qfd-preset), in the same 390 px column. The buy bar
   is pinned to the bottom of the screen; go-learn.js shows it while neither BUY $QUIT key of the page is in view. */
.qfl{--qfl-gold:#c9a24b;--qfl-gold-ink:#d9b45c;--qfl-paper:#efe3c4;--qfl-ink:#140b04;--qfl-dim:#7e8a80;--qfl-bar-h:70px;
 display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:22px;padding-bottom:calc(var(--qfl-bar-h) + 14px)}
/* Every grid here takes the column's width, never its content's: a long key or line fits (go-door.js fitAll), it never widens the page. */
.qfl :is(.qfl-staff,.qfl-compare,.qfl-mission,.qfl-presets,.qfl-step-list,.qfl-last){grid-template-columns:minmax(0,1fr)}
.qfl>*,.qfl-plate>*{min-width:0}
.qfl-plate{padding:2px 2px 4px}
.qfl-memo{width:fit-content;max-width:100%;margin:0 0 10px;padding:5px 8px 4px;border:2px solid var(--qfd-orange);color:var(--qfd-orange);font:400 15px/1 var(--qfd-display);letter-spacing:.08em}
.qfl-memo--gold{width:100%;border-color:var(--qfl-gold);color:var(--qfl-gold-ink);text-align:center}
/* The plates' titles are 28 to 44 px, scaled with the column (BUY $QUIT IN 3 STEPS. is drawn at 26 to 44 px from 320 to
   2560 px wide), so a $ in one is Jersey 20's own, through the large display token (go-door.css); only the $ differs
   from the display face. */
.qfl-title{margin:0;font:400 44px/.98 var(--qfd-display-large);letter-spacing:.02em;white-space:nowrap}
/* The riveted inner frame of the comps: the funnel's bay plate as a 9-slice, its fill the dark well. */
.qfl-row,.qfl-compare>div,.qfl-step-list li,.qfl-sign-art,.qfl-facts{border:solid transparent;border-width:11px 12px;border-image:var(--qfd-bay)/11px 12px stretch;background:none}
.qfl-title>span{display:block}
.qfl-cream{color:var(--qfd-cream)}
.qfl-orange{color:var(--qfd-orange)}
.qfl-body{margin:9px 0 0;color:var(--qfd-white);font:400 15px/1.25 var(--qfd-body)}
.qfl-key{margin-top:12px;min-height:54px;font-size:25px;letter-spacing:.06em;white-space:nowrap}
.qfl-key::before,.qfl-bar-key::before,.qfl-last-key::before{inset:5px 7px 11px}

/* What $QUIT is: the boss card and the staff under it. */
.qfl-boss{position:relative;width:fit-content;min-width:126px;margin:12px auto 0;padding:7px 14px 6px;display:grid;justify-items:center;gap:2px;border:2px solid #5d5440;background:var(--qfl-paper);color:var(--qfl-ink);font:400 12px/1 var(--qfd-display);letter-spacing:.06em;box-shadow:0 2px 0 #000}
.qfl-boss b{font:400 22px/1 var(--qfd-display);font-weight:400;letter-spacing:.04em}
.qfl-staff{position:relative;display:grid;gap:6px;margin:14px 0 0;padding:0;list-style:none}
.qfl-staff::before{content:"";position:absolute;left:50%;top:-14px;height:14px;border-left:2px solid var(--qfd-green)}
.qfl-row{display:grid;grid-template-columns:108px minmax(0,1fr);gap:9px;align-items:center;padding:0}
.qfl-row img{display:block;width:108px;height:auto;aspect-ratio:240/138;object-fit:cover;border:2px solid #1b2a22}
.qfl-row h3{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin:0;color:var(--qfd-green);font:400 16px/1 var(--qfd-display);letter-spacing:.02em}
.qfl-row p{margin:5px 0 0;color:var(--qfd-white);font:400 12.5px/1.3 var(--qfd-body)}
.qfl-chip{padding:3px 5px 2px;background:var(--qfd-green);color:#021a0d;font:400 10.5px/1 var(--qfd-display);letter-spacing:.04em;white-space:nowrap}
.qfl-chip--soon{border:2px solid #d38a1d;background:none;color:#f4a62a;padding:1px 4px 0}

/* The sign on the door: the pyramid plate and, over it, the canonical Pyramid Q file, never redrawn. */
.qfl-window{position:relative;margin:0;overflow:hidden;background:#000}
.qfl-sign-art{aspect-ratio:780/400;box-sizing:content-box}
.qfl-sign-plate{display:block;width:100%;height:100%;object-fit:cover}
.qfl-sign-mark{position:absolute;left:50%;top:5%;width:auto;height:86%;transform:translateX(-50%);filter:drop-shadow(3px 5px 3px rgba(0,0,0,.75)) drop-shadow(0 0 9px rgba(201,162,75,.18))}
.qfl-sign .qfl-title{margin-top:14px;font-size:40px}
.qfl-compare{display:grid;gap:8px;margin:12px 0 0}
.qfl-compare>div{padding:2px 4px 3px}
.qfl-compare dt{color:#ece7d8;font:400 17px/1 var(--qfd-display);letter-spacing:.05em}
.qfl-compare dd{margin:6px 0 0;color:var(--qfd-white);font:400 13.5px/1.3 var(--qfd-body)}
.qfl-q{outline:2px solid var(--qfl-gold);outline-offset:-6px;box-shadow:0 0 10px rgba(201,162,75,.25)}
.qfl-q dt{width:fit-content;padding:4px 7px 2px;background:var(--qfl-gold);color:var(--qfl-ink)}

/* The mission: Gary's picture, the two screens, the counter and his rule. */
.qfl-mission{display:grid;gap:6px}
.qfl-mission-art{aspect-ratio:838/519}
.qfl-mission-art img{display:block;width:100%;height:100%;object-fit:cover}
.qfl-crt{margin:0}
.qfl-crt-title{margin:0;padding-bottom:6px;border-bottom:2px solid var(--qfd-green);color:var(--qfd-orange);font:400 30px/1 var(--qfd-display);letter-spacing:.04em}
.qfl-crt-line{margin:8px 0 2px;color:var(--qfd-green);font:400 16px/1.25 var(--qfd-display);letter-spacing:.06em;text-shadow:0 0 6px #01f98244}
.qfl-counter{display:block;margin:8px 0 4px;padding:8px 6px 6px;border:2px solid var(--qfd-green);box-shadow:0 0 12px #01f98255,inset 0 0 12px #01f98222;color:var(--qfd-green);font:400 32px/1 var(--qfd-display);letter-spacing:.06em;text-align:center;text-shadow:0 0 10px #01f98288}
.qfl-note{position:relative;margin:2px 0 0;padding:11px 28px 10px 26px;border:1px solid #b9a98a;background:var(--qfl-paper);color:var(--qfl-ink);font:400 13px/1.35 var(--qfd-body);box-shadow:0 2px 0 #000}
.qfl-note::before,.qfl-note::after{content:"";position:absolute;top:7px;width:9px;height:9px;border-radius:50%;background:#3a3a36;box-shadow:inset 1px 1px 0 #8d8a80,0 1px 0 #000}
.qfl-note::before{left:8px}.qfl-note::after{right:8px}
.qfl-note p{margin:0}
.qfl-note footer{margin-top:6px;font:400 13px/1 var(--qfd-body);letter-spacing:.04em}
.qfl-mission .qfl-key{margin-top:4px}

/* What you get: the amount step's own rank rows, each a key to that amount. */
.qfl-ranks .qfl-title{font-size:34px}
.qfl-presets{margin-top:12px}
.qfl-preset{min-height:56px}
.qfl-preset .qfl-rank{grid-column:2;grid-row:1;align-self:end;font:400 17px/1.1 var(--qfd-display);letter-spacing:.09em}
.qfl-preset .qfl-perk{grid-column:2;grid-row:2;align-self:start;margin-top:3px;color:#f2f1ea;font:400 13.5px/1.15 var(--qfd-body)}
.qfl-preset:hover{border-color:#3d6b52}
.qfl-double{margin:10px 0 0;padding:11px 8px 9px;border:2px solid var(--qfd-green);background:var(--qfd-well);box-shadow:0 0 12px #01f98244;color:var(--qfd-green);font:400 21px/1.1 var(--qfd-display);letter-spacing:.04em;text-align:center;text-shadow:0 0 6px #01f98266;white-space:nowrap}
.qfl-drop{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;margin:10px -3px 0}
.qfl-faces{display:flex;gap:4px;margin:0}
.qfl-faces img{display:block;width:46px;height:46px;border:2px solid #1b2a22}
.qfl-drop-copy{display:grid;gap:4px;margin:0;font:400 12.5px/1.15 var(--qfd-display);letter-spacing:.01em}
.qfl-drop-copy>*{overflow-wrap:normal;hyphens:none}
.qfl-drop-copy b{color:var(--qfd-green);font-weight:400}
.qfl-drop-copy span{color:var(--qfd-cream)}
.qfl-drop-copy em{color:var(--qfd-orange);font-style:normal}

/* Proof: the BUILT TO LAST plate of HOW TO BUY, the same four facts, and LIVE BUYS. */
.qfl-proof-head{position:relative;padding-right:120px}
.qfl-proof-kicker{margin:0;color:var(--qfd-green);font:400 22px/1 var(--qfd-display);letter-spacing:.03em;white-space:nowrap}
.qfl-proof-title{margin:5px 0 0;color:var(--qfd-cream);font:400 20px/1 var(--qfd-display);letter-spacing:.03em;white-space:nowrap}
.qfl-stamp{position:absolute;right:-6px;top:-10px;width:118px;height:70px;background:url(/runtime/quit/how-to-buy-art/quick-stamp.webp) center/100% 100% no-repeat;pointer-events:none}
.qfl-facts{display:grid;grid-template-columns:1fr 1fr;margin:12px 0 0}
.qfl-facts>div{min-width:0;padding:8px 8px 10px}
.qfl-facts>div:nth-child(odd){border-right:2px solid #24332b}
.qfl-facts>div:nth-child(-n+2){border-bottom:2px solid #24332b}
.qfl-facts dt{color:var(--qfd-orange);font:400 34px/1 var(--qfd-display);letter-spacing:.02em;white-space:nowrap}
.qfl-facts dd{margin:6px 0 0;color:var(--qfd-white);font:400 12.5px/1.3 var(--qfd-body)}
.qfl-outline{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:10px;padding:4px 8px;border:2px solid var(--qfd-green);background:var(--qfd-well);color:var(--qfd-green);font:400 18px/1 var(--qfd-display);letter-spacing:.05em;text-align:center;text-decoration:none}
.qfl-outline:focus-visible,.qfl-copy:focus-visible,.qfl-faq summary:focus-visible{outline:3px solid #fff0ad;outline-offset:2px}
.qfl-buys .c-live-buys{display:block}
.qfl-buys h2{margin:0 0 8px;color:var(--qfd-green);font:400 32px/1 var(--qfd-display);letter-spacing:.04em;text-shadow:0 0 8px #01f98255}
.qfl-buys table{width:100%;border-collapse:collapse;border:2px solid #24332b;background:var(--qfd-well);font:400 13px/1.25 var(--qfd-body);color:var(--qfd-white)}
.qfl-buys th{padding:7px 6px;border-bottom:2px solid #24332b;color:#d9e6dd;font:400 13px/1 var(--qfd-display);letter-spacing:.06em;text-align:left}
.qfl-buys td{padding:7px 6px;border-top:1px solid #1b2a22;vertical-align:middle}
.qfl-buys td+td,.qfl-buys th+th{border-left:2px solid #24332b}
.qfl-buys td span,.qfl-buys td strong{display:block;font-weight:400}
.qfl-buys td strong{margin-top:2px}
.qfl-buys td:last-child strong{color:#cfe8d8;font:400 11.5px/1.2 var(--qfd-body);text-transform:uppercase}
.qfl-buys .c-trade-icon{display:inline-grid;place-items:center;width:40px;height:40px}
.qfl-buys .c-trade-icon img{display:block;width:40px;height:40px;image-rendering:pixelated}
.qfl-buys .c-empty{margin:0;color:var(--qfd-muted);font:400 13px/1.3 var(--qfd-body)}

/* How to buy and HR's questions. */
.qfl-kicker{margin:6px 0 0;color:var(--qfd-green);font:400 18px/1.1 var(--qfd-display);letter-spacing:.04em}
.qfl-step-list{display:grid;gap:6px;margin:12px 0 0;padding:0;list-style:none}
.qfl-step-list li{display:grid;grid-template-columns:50px minmax(0,1fr);gap:10px;align-items:center;padding:0 2px 0 0}
.qfl-step-list .qfl-num{display:grid;place-items:center;height:48px;border:2px solid var(--qfd-green);box-shadow:inset 0 0 8px #01f98233;color:var(--qfd-green);font:400 36px/1 var(--qfd-display);text-shadow:0 0 6px #01f98266}
.qfl-step-list p{display:grid;gap:3px;margin:0}
.qfl-step-list b{color:var(--qfd-cream);font:400 20px/1 var(--qfd-display);font-weight:400;letter-spacing:.05em}
.qfl-step-list p span{color:var(--qfd-white);font:400 13.5px/1.25 var(--qfd-body)}
.qfl-small{margin:10px 0 0;color:#e4e6df;font:400 13px/1.35 var(--qfd-body);text-align:center}
.qfl-faq details{border-top:2px solid #24332b}
.qfl-faq details:first-of-type{margin-top:10px;border-top:0}
.qfl-faq summary{position:relative;display:block;min-height:44px;padding:12px 34px 10px 4px;color:var(--qfd-green);font:400 19px/1.1 var(--qfd-display);letter-spacing:.04em;cursor:pointer;list-style:none}
.qfl-faq summary::-webkit-details-marker{display:none}
.qfl-faq summary::after{content:"+";position:absolute;right:6px;top:9px;color:var(--qfd-green);font:400 26px/1 var(--qfd-display)}
.qfl-faq details[open] summary::after{content:"\2212"}
.qfl-faq details p{margin:0 0 12px;padding:0 4px;color:var(--qfd-white);font:400 13.5px/1.35 var(--qfd-body)}
.qfl-faq code{overflow-wrap:anywhere;color:var(--qfd-green);font:400 12.5px/1.35 var(--qfd-body)}
.qfl-copy{min-height:36px;margin:0 4px 12px;padding:4px 12px 6px;border:0 solid transparent;border-image:var(--qfd-key-dark)/8px 9px 10px stretch;background:none;color:var(--qfd-green);font:400 16px/1 var(--qfd-display);letter-spacing:.1em;cursor:pointer}
.qfl-last{display:grid;gap:8px;margin-top:4px}
.qfl-last-key{min-height:64px;font-size:40px;letter-spacing:.12em}
.qfl-under{margin:0;color:var(--qfd-white);font:400 14px/1.3 var(--qfd-body);text-align:center}

/* The buy bar: the live price at the left, BUY $QUIT at the right, over the bottom of the screen. */
.qfl-bar{position:fixed;z-index:40;left:50%;bottom:0;width:var(--qfd-col);display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1fr);gap:8px;align-items:stretch;
 padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));border:solid transparent;border-width:10px 12px 0;border-image:var(--qfd-bay)/10px 12px 0 stretch;box-shadow:0 -6px 14px rgba(0,0,0,.7);
 transform:translate(-50%,115%);visibility:hidden;transition:transform .22s ease-out,visibility 0s linear .22s}
.qfl-bar[data-shown]{transform:translate(-50%,0);visibility:visible;transition:transform .22s ease-out,visibility 0s}
.qfl-bar-price{display:grid;align-content:center;justify-items:center;margin:0;padding:4px 6px;border:2px solid var(--qfd-green);background:var(--qfd-well);box-shadow:inset 0 0 10px #01f98233;color:var(--qfd-green);text-shadow:0 0 6px #01f98266}
.qfl-bar-price span{font:400 13px/1 var(--qfd-display);letter-spacing:.08em}
.qfl-bar-price b{justify-self:stretch;min-width:0;font:400 21px/1.05 var(--qfd-display);font-weight:400;letter-spacing:.02em;text-align:center;white-space:nowrap}
.qfl-bar-key{min-height:52px;margin:0;font-size:28px;letter-spacing:.1em;white-space:nowrap}
@media (prefers-reduced-motion:reduce){.qfl-bar,.qfl-bar[data-shown]{transition:none}}

@media (max-width:374px){
 .qfl-title{font-size:32px}
 .qfl-sign .qfl-title{font-size:34px}
 .qfl-ranks .qfl-title{font-size:28px}
 .qfl-row{grid-template-columns:92px minmax(0,1fr)}
 .qfl-row img{width:92px}
 .qfl-facts dt{font-size:28px}
 .qfl-proof-head{padding-right:96px}
 .qfl-stamp{width:96px;height:57px}
 .qfl-faces img{width:52px;height:52px}
 .qfl-drop{grid-template-columns:minmax(0,1fr);justify-items:start}
}
.qfl-nowrap{white-space:nowrap}
/* Tablets and computers (the owner, 30 Oct 2026; go-door.css has the rest). From 1024 px the plates lay out two to a
   row, in the order a phone reads them: the org chart beside the sign on the door; the mission across the row, its
   picture on the left and its two screens, Gary's note and its key on the right; the ranks beside the proof, and LIVE
   BUYS across the row under them when it has buys to show (from 1280 px the three side by side, each about the phone
   column's width); the three steps beside HR's questions; and the last BUY $QUIT under them in the 600 px column.
   Plates side by side share one height, with the org chart's and the sign's keys, the proof's link and the ranks'
   airdrop screen on the bottom edge. The buy bar keeps the 600 px column at the bottom of the screen. A phone on its
   side (under 500 px tall) keeps the phone's one column. */
@media (min-width:1024px) and (min-height:500px){
 .qfl{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"oc sign" "mission mission" "calc calc" "ranks proof" "buys buys" "steps faq" "last last";gap:20px 24px;margin-top:44px}
 .qfl:has(>.qfl-buys[hidden]){grid-template-areas:"oc sign" "mission mission" "calc calc" "ranks proof" "steps faq" "last last"}
 .qfl-oc{grid-area:oc}
 .qfl-sign{grid-area:sign}
 .qfl-mission{grid-area:mission}
 .qfl-calc{grid-area:calc}
 .qfl-ranks{grid-area:ranks}
 .qfl-proof{grid-area:proof}
 .qfl-buys{grid-area:buys}
 .qfl-steps{grid-area:steps}
 .qfl-faq{grid-area:faq}
 .qfl-last{grid-area:last;justify-self:center;width:min(100%,600px)}
 .qfl-oc,.qfl-sign,.qfl-ranks,.qfl-proof{display:flex;flex-direction:column}
 .qfl-oc>.qfl-key,.qfl-sign>.qfl-key,.qfl-ranks>.qfl-drop{margin-top:auto}
 .qfl-staff,.qfl-compare,.qfl-double{margin-bottom:12px}
 .qfl-proof>.qfl-facts{flex:1 0 auto;grid-auto-rows:1fr}
 .qfl-buys,.qfl-buys>.c-live-buys{display:flex;flex-direction:column}
 .qfl-buys>.c-live-buys,.qfl-buys table{flex:1 0 auto}
 .qfl .qfl-mission{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:8px}
 .qfl-mission>.qfl-mission-art{grid-column:1;grid-row:1/span 4;align-self:center}
 .qfl-mission>:not(.qfl-mission-art){grid-column:2}
 .qfl-row{grid-template-columns:132px minmax(0,1fr);gap:12px}
 .qfl-row img{width:132px}
}
/* From 1280 px a plate is about 620 px wide (the ranks, the proof and LIVE BUYS about 420, where the ranks' rows and
   airdrop screen keep the phone's sizes): their words a size up for reading at a desk, the titles and keys with them
   (go-door.js still fits each title and key to its plate). */
@media (min-width:1280px) and (min-height:500px){
 .qfl{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-areas:"oc oc oc sign sign sign" "mission mission mission mission mission mission" "calc calc calc calc calc calc" "ranks ranks proof proof buys buys" "steps steps steps faq faq faq" "last last last last last last"}
 .qfl:has(>.qfl-buys[hidden]){grid-template-areas:"oc oc oc sign sign sign" "mission mission mission mission mission mission" "calc calc calc calc calc calc" "ranks ranks ranks proof proof proof" "steps steps steps faq faq faq" "last last last last last last"}
 .qfl-title{font-size:52px}
 .qfl-sign .qfl-title{font-size:48px}
 .qfl-ranks .qfl-title{font-size:40px}
 .qfl-memo{font-size:16px}
 .qfl-body{font-size:17px}
 .qfl-boss{min-width:150px;padding:9px 18px 8px;font-size:14px}
 .qfl-boss b{font-size:28px}
 .qfl-row{grid-template-columns:176px minmax(0,1fr);gap:14px}
 .qfl-row img{width:176px}
 .qfl-row h3{font-size:18px}
 .qfl-row p{font-size:14.5px}
 .qfl-chip{font-size:12px}
 .qfl-compare dt{font-size:19px}
 .qfl-compare dd{font-size:15px}
 .qfl-crt-title{font-size:34px}
 .qfl-crt-line{font-size:18px}
 .qfl-note{font-size:15px}
 .qfl-note footer{font-size:14px}
 .qfl-key{min-height:60px;font-size:28px}
 .qfl-double{font-size:24px}
 .qfl-proof-kicker{font-size:26px}
 .qfl-proof-title{font-size:23px}
 .qfl-facts dt{font-size:40px}
 .qfl-facts dd{font-size:14px}
 .qfl-outline{min-height:50px;font-size:20px}
 .qfl-buys table,.qfl-buys th{font-size:14px}
 .qfl-kicker{font-size:20px}
 .qfl-step-list b{font-size:21px}
 .qfl-step-list p span{font-size:15px}
 .qfl-small{font-size:14.5px}
 .qfl-faq summary{font-size:20px}
 .qfl-faq details p{font-size:15px}
 .qfl-faq code{font-size:14px}
 .qfl-last-key{min-height:72px;font-size:44px}
 .qfl-under{font-size:15px}
}

/* The live holder and position-size command deck. */
.qfl-calc{padding:14px 12px 16px;min-width:0}
.qfl-calc-head{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-items:stretch}
.qfl-calc .qfl-memo{margin-bottom:8px}
.qfl-calc-title{margin:0;color:var(--qfd-cream);font:400 clamp(29px,8vw,48px)/.98 var(--qfd-display-large);letter-spacing:.025em;overflow-wrap:anywhere}
.qfl-calc-intro{max-width:66ch;margin:8px 0 0;color:var(--qfd-white);font:400 13px/1.4 var(--qfd-body)}
.qfl-calc-deadline{margin:6px 0 0;color:var(--qfd-orange);font:400 12px/1.2 var(--qfd-display);letter-spacing:.04em}
.qfl-calc-window{display:grid;align-content:center;gap:4px;margin:0;text-align:center;min-width:0}
.qfl-calc-window>span:first-child{color:var(--qfl-gold-ink);font:400 15px/1 var(--qfd-display);letter-spacing:.1em}
.qfl-calc-window>b{color:var(--qfd-green);font:400 clamp(28px,7vw,44px)/1 var(--qfd-display-large);text-shadow:0 0 10px #01f98266;font-variant-numeric:tabular-nums}
.qfl-calc-window>small{color:var(--qfd-cream);font:400 11px/1.2 var(--qfd-body);letter-spacing:.04em}
.qfl-calc-source{display:block;color:#aeb8ad;font:400 11px/1.2 var(--qfd-body);letter-spacing:.03em}
.qfl-calc-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"tiers" "position" "company" "weight" "facts";gap:10px;margin-top:10px;min-width:0}
.qfl-calc-column{display:contents}
.qfl-calc-tiers-panel{grid-area:tiers}
.qfl-calc-position-panel{grid-area:position}
.qfl-calc-company-panel{grid-area:company}
.qfl-calc-weight-panel{grid-area:weight}
.qfl-calc-facts{grid-area:facts}
.qfl-calc-panel{min-width:0;padding:10px;border:1px solid #34443a;background:linear-gradient(145deg,rgba(15,28,20,.86),rgba(1,12,7,.92));box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.qfl-calc-label{margin:0 0 8px;color:var(--qfl-gold-ink);font:400 16px/1.1 var(--qfd-display);letter-spacing:.06em}
.qfl-calc-tiers{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
.qfl-calc-tier{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;gap:4px;justify-items:start;min-height:88px;padding:8px 9px;border-color:#36493d}
.qfl-calc-tier:hover,.qfl-calc-tier:focus-visible{border-color:var(--qfd-green);box-shadow:0 0 12px #01f98233}
.qfl-calc-tier-name{color:var(--qfd-cream);font:400 15px/1 var(--qfd-display);letter-spacing:.05em}
.qfl-calc-tier>strong{max-width:100%;color:var(--qfd-green);font:400 clamp(20px,5vw,27px)/1 var(--qfd-display-large);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.qfl-calc-tier>small{display:flex;flex-wrap:wrap;gap:3px 10px;color:#d4dfd6;font:400 11px/1.2 var(--qfd-body)}
.qfl-calc-tier>small span{white-space:nowrap}
.qfl-calc-tier> b{color:var(--qfd-orange);font:400 11px/1 var(--qfd-display);letter-spacing:.08em}
.qfl-calc-note{margin:8px 0 0;color:#c2c9c1;font:400 11px/1.4 var(--qfd-body)}
.qfl-calc-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.qfl-calc-presets button,.qfl-calc-unit button{min-width:0;min-height:44px;padding:4px 2px;border:1px solid #3b5947;background:#07170d;color:var(--qfd-green);font:400 15px/1 var(--qfd-display);letter-spacing:.01em;cursor:pointer}
.qfl-calc-presets button[aria-pressed="true"],.qfl-calc-unit button[aria-pressed="true"]{border-color:var(--qfd-green);background:#0b301a;box-shadow:inset 0 0 10px #01f98233;color:#d7ffe9}
.qfl-calc-presets button:focus-visible,.qfl-calc-unit button:focus-visible{outline:3px solid #fff0ad;outline-offset:2px}
.qfl-calc-input-label{display:block;margin:10px 0 4px;color:#d2d9d1;font:400 12px/1 var(--qfd-body);letter-spacing:.05em}
.qfl-calc-input-row{display:grid;grid-template-columns:minmax(0,1fr) 98px;gap:6px;align-items:center}
.qfl-calc-input-row>input{width:100%;min-width:0;height:46px;padding:4px 9px;border:2px solid #315244;background:#00150c;color:#fff;font:400 19px/1 var(--qfd-body);font-variant-numeric:tabular-nums}
.qfl-calc-unit{display:grid;grid-template-columns:1fr 1fr;gap:3px}
.qfl-calc-unit button{min-height:46px}
.qfl-calc-estimate{display:grid;gap:4px;margin:8px 0 0;text-align:center}
.qfl-calc-estimate>span{color:var(--qfd-cream);font:400 13px/1.1 var(--qfd-display);letter-spacing:.06em}
.qfl-calc-estimate output{min-width:0;color:var(--qfd-green);font:400 clamp(25px,7vw,38px)/1 var(--qfd-display-large);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;text-shadow:0 0 8px #01f98255}
.qfl-calc-estimate small{color:#d2d9d1;font:400 11px/1.2 var(--qfd-body)}
.qfl-calc-rankline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:8px}
.qfl-calc-rankline>div{min-width:0;padding:7px 5px;border:1px solid #263b2e;background:#06120a;text-align:center}
.qfl-calc-rankline span,.qfl-calc-rankline b{display:block}
.qfl-calc-rankline span{color:#aab8ac;font:400 11px/1.25 var(--qfd-body)}
.qfl-calc-rankline b{margin-top:3px;color:var(--qfd-green);font:400 18px/1 var(--qfd-display);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.qfl-calc-gaps{display:flex;flex-direction:column;gap:4px;margin-top:7px}
.qfl-calc-gaps p{display:flex;justify-content:space-between;gap:4px;min-width:0;margin:0;padding:5px 6px;border:1px solid #293c30;color:#d6dfd6;font:400 11px/1.2 var(--qfd-body)}
.qfl-calc-gaps b{color:var(--qfd-green);font-weight:400;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.qfl-calc-submit{min-height:54px;margin:9px 0 0;padding:5px 10px 11px;font-size:clamp(16px,4.8vw,19px);line-height:1.15;letter-spacing:.035em;white-space:normal}
.qfl-calc-company{display:grid;gap:4px;margin:0;text-align:center}
.qfl-calc-company>span{color:var(--qfd-green);font:400 30px/1 var(--qfd-display-large);text-shadow:0 0 8px #01f98255}
.qfl-calc-company>b{color:var(--qfd-cream);font:400 12px/1.2 var(--qfd-body)}
.qfl-calc-company>small{color:var(--qfl-gold-ink);font:400 13px/1 var(--qfd-display)}
.qfl-calc-ladder{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;margin-top:8px}
.qfl-calc-ladder-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;padding:6px;border-bottom:1px solid #29392e;color:#d3ddd4;font:400 11px/1.25 var(--qfd-body)}
.qfl-calc-ladder-row b{color:var(--qfd-green);font:400 13px/1 var(--qfd-display);letter-spacing:.03em}
.qfl-calc-ladder-row strong{grid-column:1/-1;color:#aab8ac;font:400 11px/1.25 var(--qfd-body)}
.qfl-calc-ladder-row[data-calc-current="true"]{border:1px solid var(--qfl-gold);background:#231b0c}
.qfl-calc-weight-panel{min-width:0}
.qfl-calc-snapshot{margin:0 0 7px;color:var(--qfd-orange);font:400 12px/1.3 var(--qfd-body)}
.qfl-calc-weight{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.qfl-calc-weight-card{display:grid;align-content:start;justify-items:center;gap:4px;min-width:0;margin:0;padding:9px 5px;text-align:center}
.qfl-calc-weight-card--2x{box-shadow:inset 0 0 12px #01f98218,0 0 8px #01f98222}
.qfl-calc-weight-card--1x{box-shadow:inset 0 0 12px #ff6b1a12}
.qfl-calc-weight-card>span:first-child{color:#dce8df;font:400 11px/1 var(--qfd-display);letter-spacing:.04em}
.qfl-calc-weight-card>b{color:var(--qfd-orange);font:400 clamp(14px,4vw,19px)/1 var(--qfd-display);letter-spacing:.04em;white-space:nowrap}
.qfl-calc-weight-card--2x>b{color:var(--qfd-green)}
.qfl-calc-weight-card>strong{max-width:100%;color:var(--qfd-green);font:400 clamp(24px,8vw,42px)/.95 var(--qfd-display-large);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;text-shadow:0 0 8px #01f98255}
.qfl-calc-weight-card>small{color:#c0cbc1;font:400 11px/1.15 var(--qfd-body);overflow-wrap:anywhere}
.qfl-calc-effective{display:grid;gap:2px;margin-top:3px;color:#abb7ad;font:400 11px/1.15 var(--qfd-body);overflow-wrap:anywhere}
.qfl-calc-effective i{color:var(--qfd-cream);font-style:normal;font-variant-numeric:tabular-nums}
.qfl-calc-airdrop-note{margin-top:7px}
.qfl-calc-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;min-width:0}
.qfl-calc-facts>div{display:grid;align-content:center;gap:4px;min-width:0;min-height:60px;padding:7px 5px;border:1px solid #283d30;background:#06120a;text-align:center}
.qfl-calc-facts b{color:var(--qfd-green);font:400 21px/1 var(--qfd-display);font-variant-numeric:tabular-nums}
.qfl-calc-facts span{color:#bbc8be;font:400 11px/1.25 var(--qfd-body);overflow-wrap:anywhere}
.qfl-calc-facts i{font-style:normal}
.qfl-calc-links,.qfl-calc-terminals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:7px;min-width:0}
.qfl-calc-links .qfl-outline{min-width:0;min-height:44px;margin:0;padding:4px 5px;font-size:12px;line-height:1.15;overflow-wrap:anywhere}
.qfl-calc-terminals a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:4px;border:1px solid #34443a;background:#07130b;color:#cbd8ce;font:400 11px/1.15 var(--qfd-display);letter-spacing:.03em;text-align:center;text-decoration:none}
.qfl-calc-terminals a:hover,.qfl-calc-terminals a:focus-visible{border-color:var(--qfd-green);color:var(--qfd-green)}
 .qfl-calc-terminals[hidden]{display:none!important}
html.q-door-mode .qfl-calc-terminals,html.qfd-creator-door .qfl-calc-terminals{display:none!important}

@media (max-width:359px){.qfl-calc-weight{grid-template-columns:minmax(0,1fr)}}

@media (min-width:400px) and (max-width:1023px){
 .qfl-calc-tiers{grid-template-columns:repeat(2,minmax(0,1fr))}
 .qfl-calc-panel{padding:12px}
}
@media (min-width:1024px) and (min-height:500px){
 .qfl-calc-head{grid-template-columns:minmax(0,1.5fr) minmax(210px,.7fr);gap:18px}
 .qfl-calc-intro{font-size:14px}
 .qfl-calc-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"left right" "facts facts";gap:12px}
 .qfl-calc-column{display:flex;flex-direction:column;gap:12px;min-width:0}
 .qfl-calc-column--left{grid-area:left}
 .qfl-calc-column--right{grid-area:right}
 .qfl-calc-tiers{grid-template-columns:repeat(2,minmax(0,1fr))}
 .qfl-calc-facts,.qfl-calc-links,.qfl-calc-terminals{grid-column:1/-1}
 .qfl-calc-panel{padding:14px}
}
@media (min-width:1280px) and (min-height:500px){
 .qfl-calc-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"left right" "facts facts";gap:14px}
 .qfl-calc-column{gap:14px}
 .qfl-calc-title{font-size:56px}
 .qfl-calc-intro{font-size:15px}
 .qfl-calc-panel{padding:16px}
 .qfl-calc-tier{min-height:96px;padding:10px 12px}
 .qfl-calc-tier-name{font-size:17px}
 .qfl-calc-tier>strong{font-size:30px}
 .qfl-calc-presets button{font-size:18px}
}