/* picktheproducts: footer line, cookie note, toast, and the rules that keep content visible when no frames are drawn */
footer .flegal{margin:18px 0 0;color:var(--muted);font-size:13.5px}
footer .flegal a{color:var(--muted);text-decoration:none;border-bottom:1px solid var(--line-2)}
footer .flegal a:hover{color:var(--ink);border-color:var(--ink)}
footer .flegal .sep{opacity:.45;margin:0 4px}
footer .fdisclose{margin:8px 0 0;color:var(--muted);font-size:13px;max-width:70ch}
footer .fagent{margin-top:12px;font-size:13px}
footer .fagent summary{cursor:pointer;color:var(--faint);font:500 12px/1.4 var(--mono);letter-spacing:.04em;width:max-content;max-width:100%}
footer .fagent p{margin:8px 0 0;max-width:70ch;color:var(--muted)}
footer .fagent a{color:var(--true-ink)}
.cookiebar{position:fixed;left:50%;transform:translateX(-50%);bottom:16px;z-index:60;width:max-content;max-width:min(600px,calc(100vw - 24px));display:flex;gap:14px;align-items:center;
  background:var(--card);color:var(--ink-2);border:1px solid var(--line);border-radius:14px;padding:10px 14px;font-size:13px;line-height:1.45;box-shadow:var(--shadow-lg)}
.cookiebar a{color:var(--true-ink)}
.cookiebar button{flex:none;border:0;border-radius:9px;padding:8px 15px;font:600 13px/1 var(--sans);background:var(--ink);color:var(--card);cursor:pointer}
.cookiebar[hidden]{display:none}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,30px);opacity:0;z-index:95;background:var(--ink);color:var(--card);font:500 13px/1.3 var(--sans);padding:11px 16px;border-radius:999px;
  transition:transform .3s,opacity .3s;pointer-events:none;max-width:calc(100vw - 32px)}
.toast.on{transform:translate(-50%,0);opacity:1}
/* the words-only stage (no products, no prices) */
.stage .receipt .ln .b{flex:none;color:#06603F;font-weight:600}
.stage .receipt .ln.tot .b{color:#9E2A17}
.stage .tag .v{font-size:clamp(24px,3vw,34px);line-height:1.02;overflow-wrap:anywhere}
.stage .pickcard .pn{font-size:clamp(17px,1.9vw,21px);line-height:1.2;margin:10px 0 0}
.scene small{white-space:nowrap}
/* entrance motion never hides content: without "anim" on <html> (no frames drawn, reduced motion) everything shows at once */
html:not(.anim) .rv,html:not(.anim) .cc{opacity:1;transform:none}
html:not(.anim) .dres,html:not(.anim) .dshops div{opacity:1}
html:not(.anim) .mark::before{transform:scaleX(1)}
/* the cost illustration: two generic devices, labelled in words */
.v1 .col{width:64px}
.v1 .lab span{width:64px;line-height:1.25}
html:not(.anim) .verdict-box,html:not(.anim) .eng{opacity:1;transform:none}
/* with no frames drawn, the stage jumps straight to its last step instead of freezing half way */
html:not(.anim) .stage .tag,html:not(.anim) .stage .receipt,html:not(.anim) .stage .receipt .ln,html:not(.anim) .stage .stamp,html:not(.anim) .stage .pickcard,html:not(.anim) .stage .tagwrap{transition:none!important}
/* keep "The whole truth," on one line on a laptop */
.hero h1{font-size:clamp(44px,5.6vw,80px)}
html:not(.anim) .rv,html:not(.anim) .cc,html:not(.anim) .dres,html:not(.anim) .dshops div,html:not(.anim) .verdict-box,html:not(.anim) .eng{transition:none!important}