/* Meal Prep Club v2 · base styles (from v1) */

:root{
  --g950:#071E16; --g900:#0B2A20; --g800:#0F3D2E; --g700:#155239; --g600:#1E6B4B; --g100:#E4F1E8; --g50:#F1F7F2;
  --lime:#C8F25A; --lime2:#B4E33D; --mango:#FFB547; --coral:#FF7A59;
  --cream:#F8F5EE; --paper:#FFFFFF; --ink:#10221A; --muted:#5D6E65; --line:#E6E2D8;
  --p:#FF7A59; --c:#FFB547; --f:#7CC4A4;
  --r-sm:14px; --r:20px; --r-lg:28px;
  --sh-1:0 1px 2px rgba(16,34,26,.06),0 4px 14px rgba(16,34,26,.06);
  --sh-2:0 10px 30px rgba(16,34,26,.12),0 2px 6px rgba(16,34,26,.06);
  --sh-3:0 24px 60px rgba(7,30,22,.28);
  --font-d:"Bricolage Grotesque",Inter,system-ui,sans-serif;
  --font:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  --ease:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--font);color:var(--ink);background:var(--cream);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}
input,textarea,select{font:inherit;color:inherit}
a{color:inherit;text-decoration:none}
.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}
h1,h2,h3,.disp{font-family:var(--font-d);letter-spacing:-.02em;line-height:1.02}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--g700)}
.eyebrow::before{content:"";width:18px;height:2px;background:currentColor;border-radius:2px}
.tbd{display:inline-block;font-family:var(--font);font-size:10px;font-weight:800;letter-spacing:.08em;background:var(--coral);color:#fff;padding:2px 6px;border-radius:6px;vertical-align:middle;margin-left:6px;line-height:1.4}
.ph-note{display:inline-flex;gap:6px;align-items:center;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#9a5b00;background:#FFF1D6;border:1px dashed #E9B65C;padding:4px 9px;border-radius:999px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:58px;padding:0 28px;border-radius:999px;font-weight:700;font-size:16px;transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s;white-space:nowrap;-webkit-tap-highlight-color:transparent}
.btn:active{transform:scale(.97)}
.btn-lime{background:var(--lime);color:var(--g900);box-shadow:0 8px 24px rgba(200,242,90,.35),inset 0 -3px 0 rgba(0,0,0,.08)}
.btn-lime:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(200,242,90,.45),inset 0 -3px 0 rgba(0,0,0,.08)}
.btn-dark{background:var(--g800);color:#fff;box-shadow:var(--sh-2)}
.btn-dark:hover{background:var(--g700);transform:translateY(-2px)}
.btn-ghost{background:rgba(255,255,255,.08);color:#fff;border:1.5px solid rgba(255,255,255,.22)}
.btn-wa{background:#25D366;color:#fff;box-shadow:0 8px 24px rgba(37,211,102,.35)}
.btn-wa:hover{transform:translateY(-2px)}
.btn-block{width:100%}
.btn .arr{transition:transform .2s}
.btn:hover .arr{transform:translateX(4px)}
.btn[disabled]{opacity:.4;pointer-events:none}
.hdr{position:sticky;top:0;z-index:50;background:rgba(15,61,46,.92);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;gap:12px}
.logo{display:flex;align-items:center;gap:10px;color:#fff}
.logo svg{flex:none}
.logo-txt{font-family:var(--font-d);font-weight:800;font-size:19px;letter-spacing:-.03em;line-height:1;display:flex;align-items:center;gap:6px;white-space:nowrap}
.logo-txt .club{font-size:10px;letter-spacing:.18em;background:var(--lime);color:var(--g900);padding:4px 7px 3px;border-radius:6px;font-family:var(--font);font-weight:800}
.hdr-right{display:flex;align-items:center;gap:10px}
.nav{display:none;gap:26px;color:rgba(255,255,255,.78);font-size:14px;font-weight:500}
.nav a:hover{color:#fff}
.lang{display:flex;background:rgba(255,255,255,.1);border-radius:999px;padding:3px}
.lang button{font-size:12px;font-weight:800;letter-spacing:.06em;color:rgba(255,255,255,.7);padding:7px 11px;border-radius:999px;transition:.2s}
.lang button.on{background:#fff;color:var(--g900)}
.hdr-cta{display:none;height:42px;padding:0 18px;font-size:14px}
.view{display:none}
.view.on{display:block;animation:viewIn .5s var(--ease)}
@keyframes viewIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.hero{position:relative;background:radial-gradient(1200px 600px at 85% -10%,#1f7a55 0%,transparent 60%),radial-gradient(800px 500px at -10% 110%,#13563d 0%,transparent 60%),var(--g800);color:#fff;overflow:hidden;padding:34px 0 0}
.hero-grid{display:grid;gap:30px;position:relative;z-index:1}
.pill-live{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);padding:7px 14px 7px 10px;border-radius:999px;color:rgba(255,255,255,.9)}
.pill-live i{width:8px;height:8px;border-radius:50%;background:var(--lime);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(200,242,90,.7)}70%{box-shadow:0 0 0 10px rgba(200,242,90,0)}100%{box-shadow:0 0 0 0 rgba(200,242,90,0)}}
.hero h1{font-size:clamp(46px,12.5vw,92px);font-weight:800;margin:18px 0 16px;letter-spacing:-.045em;line-height:.95}
.hero h1 .hl{color:var(--lime);position:relative;white-space:nowrap}
.hero h1 .hl svg{position:absolute;left:-2%;bottom:-.12em;width:104%;height:.28em}
.hero .sub{font-size:17px;color:rgba(255,255,255,.78);max-width:520px}
.hero .sub b{color:#fff;font-weight:600}
.hero-ctas{display:flex;flex-direction:column;gap:12px;margin:26px 0 18px}
.hero-ctas .btn{height:62px;font-size:17px}
.trust{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:13px;color:rgba(255,255,255,.72)}
.trust>span{display:inline-flex;align-items:center;gap:6px}
.trust svg{color:var(--lime)}
.hero-vis{position:relative;height:400px;margin:4px -6px 0}
.hv-card{position:absolute;border-radius:26px;overflow:hidden;box-shadow:var(--sh-3);background:#0b2a20}
.hv-card img{width:100%;height:100%;object-fit:cover}
.hv-1{left:4%;top:20px;width:62%;height:300px;transform:rotate(-4deg);animation:float1 7s ease-in-out infinite}
.hv-2{right:3%;top:0;width:44%;height:190px;transform:rotate(5deg);animation:float2 8s ease-in-out infinite}
.hv-3{right:6%;top:205px;width:40%;height:170px;transform:rotate(-2deg);animation:float1 9s ease-in-out infinite}
@keyframes float1{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes float2{0%,100%{translate:0 0}50%{translate:0 7px}}
.chip-f{position:absolute;z-index:3;background:#fff;color:var(--ink);border-radius:16px;padding:10px 12px;box-shadow:var(--sh-2);font-size:12px;font-weight:600;display:flex;align-items:center;gap:9px}
.chip-f .ic{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-size:15px}
.chip-f b{display:block;font-family:var(--font-d);font-size:16px;line-height:1.1}
.chip-f small{color:var(--muted);font-weight:500;font-size:11px}
.cf-1{left:0;bottom:30px;animation:float2 6s ease-in-out infinite}
.cf-2{right:0;bottom:0;animation:float1 6.5s ease-in-out infinite}
.cf-3{left:42%;top:-6px;background:var(--lime);animation:float1 7.5s ease-in-out infinite}
.macro-mini{display:flex;gap:4px;margin-top:4px}
.macro-mini span{font-size:10px;font-weight:800;padding:3px 6px;border-radius:6px}
.marquee{background:var(--lime);color:var(--g900);overflow:hidden;white-space:nowrap;padding:13px 0;font-family:var(--font-d);font-weight:700;font-size:17px;position:relative;z-index:2;margin-top:10px}
.marquee-in{display:inline-flex;gap:36px;animation:marq 32s linear infinite;padding-left:36px}
.marquee-in span{display:inline-flex;align-items:center;gap:36px}
.marquee-in span::after{content:"✦";font-size:12px;opacity:.6}
@keyframes marq{to{transform:translateX(-50%)}}
.sec{padding:72px 0}
.sec-h{margin-bottom:30px}
.sec-h h2{font-size:clamp(34px,8.6vw,56px);font-weight:800;margin-top:12px;letter-spacing:-.035em}
.sec-h p{color:var(--muted);margin-top:12px;font-size:16px;max-width:560px}
.steps{display:grid;gap:14px}
.step{background:var(--paper);border-radius:var(--r-lg);padding:24px;box-shadow:var(--sh-1);position:relative;overflow:hidden;border:1px solid var(--line)}
.step .n{font-family:var(--font-d);font-weight:800;font-size:15px;width:38px;height:38px;border-radius:12px;background:var(--g800);color:var(--lime);display:grid;place-items:center}
.step h3{font-size:24px;margin:16px 0 8px;font-weight:700}
.step p{color:var(--muted);font-size:15px}
.step .big{position:absolute;right:-6px;top:-18px;font-size:92px;opacity:.12;transform:rotate(12deg)}
.price-sec{background:var(--g900);color:#fff;border-radius:36px;margin:0 12px;padding:56px 0;position:relative;overflow:hidden}
.price-sec .eyebrow{color:var(--lime)}
.price-sec .sec-h p{color:rgba(255,255,255,.7)}
.vs{display:grid;gap:14px;position:relative}
.vs-card{border-radius:var(--r-lg);padding:24px}
.vs-them{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.vs-us{background:linear-gradient(150deg,var(--lime) 0%,#e4ff8f 100%);color:var(--g900);box-shadow:0 20px 50px rgba(200,242,90,.25);position:relative}
.vs-label{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;opacity:.75}
.vs-price{font-family:var(--font-d);font-weight:800;font-size:44px;letter-spacing:-.04em;margin:8px 0 4px;line-height:1.05}
.vs-them .vs-price{text-decoration:line-through;text-decoration-color:var(--coral);text-decoration-thickness:4px;color:rgba(255,255,255,.55)}
.vs-price small{font-size:18px;font-weight:700;letter-spacing:-.01em}
.vs ul{list-style:none;margin-top:14px;display:grid;gap:9px;font-size:15px}
.vs li{display:flex;gap:10px;align-items:flex-start}
.vs li i{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:800;margin-top:1px}
.vs-them li i{background:rgba(255,255,255,.12)}
.vs-us li i{background:var(--g900);color:var(--lime)}
.vs-badge{position:absolute;top:-12px;right:18px;background:var(--g900);color:var(--lime);font-size:11px;font-weight:800;letter-spacing:.1em;padding:6px 10px;border-radius:999px;text-transform:uppercase;border:2px solid var(--lime)}
.vs-or{display:grid;place-items:center;font-family:var(--font-d);font-weight:800;color:var(--lime);font-size:15px;margin:-4px 0}
.who{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.who span{background:var(--paper);border:1px solid var(--line);padding:10px 16px;border-radius:999px;font-weight:600;font-size:14px;box-shadow:var(--sh-1)}
.cook{display:grid;gap:22px;align-items:center}
.cook-img{position:relative;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:4/3.2;box-shadow:var(--sh-2)}
.cook-img img{width:100%;height:100%;object-fit:cover}
.cook-img .ph-note{position:absolute;left:12px;top:12px}
.cook h2{font-size:clamp(32px,8vw,48px);font-weight:800;margin:12px 0}
.cook p{color:var(--muted);margin-bottom:10px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.stat{background:var(--paper);border-radius:var(--r);padding:14px;text-align:center;border:1px solid var(--line)}
.stat b{display:block;font-family:var(--font-d);font-size:26px;font-weight:800;color:var(--g800)}
.stat span{font-size:12px;color:var(--muted);font-weight:500}
.tests{display:grid;gap:14px}
.test{background:var(--paper);border-radius:var(--r-lg);padding:24px;box-shadow:var(--sh-1);border:1px solid var(--line);position:relative}
.test .stars{color:var(--mango);letter-spacing:2px;font-size:16px}
.test blockquote{font-family:var(--font-d);font-size:21px;font-weight:600;line-height:1.25;margin:12px 0 18px;letter-spacing:-.01em}
.test .who-t{display:flex;align-items:center;gap:12px}
.avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-d);font-weight:800;font-size:18px;color:var(--g900)}
.test .who-t b{display:block}
.test .who-t small{color:var(--muted)}
.test .ph-note{margin-bottom:12px}
.faq{display:grid;gap:10px;max-width:820px}
.faq details{background:var(--paper);border-radius:var(--r);border:1px solid var(--line);overflow:hidden;transition:.2s}
.faq details[open]{box-shadow:var(--sh-1)}
.faq summary{list-style:none;cursor:pointer;padding:20px 22px;font-weight:700;font-size:16px;display:flex;justify-content:space-between;gap:12px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary .pl{flex:none;width:30px;height:30px;border-radius:50%;background:var(--g100);display:grid;place-items:center;transition:transform .3s var(--ease);font-size:18px;color:var(--g800)}
.faq details[open] .pl{transform:rotate(45deg);background:var(--lime)}
.faq .ans{padding:0 22px 20px;color:var(--muted);font-size:15px}
.final{background:var(--lime);border-radius:36px;margin:0 12px;padding:52px 24px;text-align:center;position:relative;overflow:hidden}
.final h2{font-size:clamp(36px,9vw,64px);font-weight:800;color:var(--g900);letter-spacing:-.04em}
.final p{color:var(--g700);margin:12px auto 24px;max-width:460px;font-weight:500}
.final .deco{position:absolute;font-size:70px;opacity:.9}
.ftr{background:var(--g950);color:rgba(255,255,255,.7);padding:56px 0 110px;margin-top:72px;font-size:14px}
.ftr-grid{display:grid;gap:28px}
.ftr h4{color:#fff;font-size:13px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}
.ftr ul{list-style:none;display:grid;gap:8px}
.ftr .copy{border-top:1px solid rgba(255,255,255,.08);margin-top:36px;padding-top:20px;font-size:12px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}
.wa-float{position:fixed;right:16px;bottom:16px;z-index:40;width:58px;height:58px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 10px 30px rgba(37,211,102,.45);transition:transform .2s}
.wa-float:hover{transform:scale(1.08)}
body:not([data-view="landing"]) .wa-float{display:none}
.sticky-cta{position:fixed;left:12px;right:86px;bottom:16px;z-index:40;transform:translateY(120px);transition:transform .4s var(--ease)}
.sticky-cta.show{transform:none}
.sticky-cta .btn{width:100%;box-shadow:0 12px 30px rgba(7,30,22,.3)}
body:not([data-view="landing"]) .sticky-cta{display:none}
.rv{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.rv.in{opacity:1;transform:none}
#view-quiz{min-height:calc(100vh - 64px);min-height:calc(100dvh - 64px);background:var(--cream)}
.q-top{position:sticky;top:64px;z-index:20;background:rgba(248,245,238,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.q-top .wrap{max-width:640px;display:flex;align-items:center;gap:14px;height:62px}
.q-back{width:44px;height:44px;border-radius:50%;background:var(--paper);display:grid;place-items:center;box-shadow:var(--sh-1);border:1px solid var(--line);flex:none;transition:.2s}
.q-back:hover{background:var(--g100)}
.q-prog{flex:1;height:10px;background:#E7E2D6;border-radius:99px;overflow:hidden}
.q-prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--g700),var(--lime2));border-radius:99px;transition:width .5s var(--ease)}
.q-count{font-size:13px;font-weight:700;color:var(--muted);min-width:38px;text-align:right}
.q-body{max-width:640px;margin:0 auto;padding:18px 20px 130px}
.q-step{animation:qIn .45s var(--ease)}
.q-step.back{animation:qInB .45s var(--ease)}
@keyframes qIn{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:none}}
@keyframes qInB{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:none}}
.q-kick{font-size:13px;font-weight:700;color:var(--g600);display:flex;gap:6px;align-items:center;margin-bottom:10px}
.q-title{font-size:clamp(30px,8vw,42px);font-weight:800;letter-spacing:-.035em;margin-bottom:10px}
.q-sub{color:var(--muted);margin-bottom:24px;font-size:15px}
.opts{display:grid;gap:12px}
.opts.g2{grid-template-columns:1fr 1fr}
.opt{position:relative;display:flex;align-items:center;gap:16px;text-align:left;background:var(--paper);border:2px solid var(--line);border-radius:var(--r);padding:18px;min-height:76px;transition:transform .15s var(--ease),border-color .2s,box-shadow .2s,background .2s;box-shadow:var(--sh-1);-webkit-tap-highlight-color:transparent}
.opt:hover{border-color:#C9D9CF;transform:translateY(-2px)}
.opt:active{transform:scale(.98)}
.opt .oi{flex:none;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:26px;background:var(--g50)}
.opt .ot b{display:block;font-size:17px;font-weight:700;line-height:1.25}
.opt .ot small{display:block;color:var(--muted);font-size:13.5px;margin-top:3px;line-height:1.35}
.opt .ck{margin-left:auto;flex:none;width:26px;height:26px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;transition:.2s}
.opt.sel{border-color:var(--g700);background:#F4FBF0;box-shadow:0 0 0 4px rgba(30,107,75,.12),var(--sh-1)}
.opt.sel .ck{background:var(--g700);border-color:var(--g700)}
.opt.sel .ck::after,.up.sel .cb::after,.bundle.sel .cb::after,.cl li.done .b::after{content:"";width:6px;height:11px;border:solid var(--lime);border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px)}
.opt.center{justify-content:center;flex-direction:column;text-align:center;gap:6px;min-height:120px;padding:14px 8px}
.opt.center .ck{position:absolute;top:10px;right:10px;width:22px;height:22px}
.opt.center .big{font-family:var(--font-d);font-size:44px;font-weight:800;line-height:1;color:var(--g800)}
.lvl{display:flex;gap:3px;align-items:flex-end;height:26px;flex:none;width:42px}
.lvl i{width:6px;border-radius:3px;background:#D9E6DD}
.lvl i.on{background:var(--g700)}
.num-box{background:var(--paper);border-radius:var(--r-lg);padding:28px 20px;box-shadow:var(--sh-1);border:1px solid var(--line);text-align:center}
.num-row{display:flex;align-items:center;justify-content:center;gap:14px}
.num-btn{width:58px;height:58px;border-radius:50%;background:var(--g50);border:2px solid var(--line);font-size:28px;font-weight:600;color:var(--g800);display:grid;place-items:center;transition:.15s;flex:none}
.num-btn:active{transform:scale(.92);background:var(--lime)}
.num-val{font-family:var(--font-d);font-weight:800;font-size:76px;letter-spacing:-.05em;line-height:1;display:flex;align-items:baseline;justify-content:center;gap:4px}
.num-val input{width:3ch;text-align:center;border:0;background:transparent;font:inherit;letter-spacing:inherit;outline:none;-moz-appearance:textfield;padding:0}
.num-val input::-webkit-outer-spin-button,.num-val input::-webkit-inner-spin-button{-webkit-appearance:none}
.num-val small{font-size:20px;color:var(--muted);font-weight:700;letter-spacing:0}
.range{width:100%;margin-top:22px;-webkit-appearance:none;appearance:none;height:10px;border-radius:99px;background:linear-gradient(90deg,var(--g700) var(--pct,50%),#E7E2D6 var(--pct,50%));outline:none}
.range::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:50%;background:#fff;border:3px solid var(--g700);box-shadow:var(--sh-2);cursor:grab}
.range::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid var(--g700);cursor:grab}
.range-lbl{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:10px;font-weight:600}
.num-hint{margin-top:16px;font-size:13px;color:var(--muted);display:inline-flex;gap:6px;align-items:center;background:var(--g50);padding:8px 12px;border-radius:999px}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:999px;background:var(--paper);border:2px solid var(--line);font-weight:600;font-size:15px;transition:.15s;box-shadow:var(--sh-1)}
.chip:active{transform:scale(.96)}
.chip.sel{background:var(--g800);border-color:var(--g800);color:#fff}
.field{display:block;margin-top:18px}
.field>span{display:block;font-size:13px;font-weight:700;margin-bottom:8px;color:var(--ink)}
.inp{width:100%;height:56px;border-radius:16px;border:2px solid var(--line);background:var(--paper);padding:0 16px;font-size:16px;outline:none;transition:.2s}
textarea.inp{height:96px;padding:14px 16px;resize:none}
.inp:focus{border-color:var(--g700);box-shadow:0 0 0 4px rgba(30,107,75,.12)}
.toggle-row{display:flex;align-items:center;gap:14px;background:var(--paper);border:2px solid var(--line);border-radius:var(--r);padding:16px 18px;margin-top:14px;cursor:pointer;box-shadow:var(--sh-1);transition:.2s}
.toggle-row.sel{border-color:var(--g700);background:#F4FBF0}
.sw{margin-left:auto;width:52px;height:30px;border-radius:99px;background:#DCD7CB;position:relative;transition:.25s;flex:none}
.sw::after{content:"";position:absolute;left:3px;top:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:.25s var(--ease)}
.toggle-row.sel .sw{background:var(--g700)}
.toggle-row.sel .sw::after{left:25px;background:var(--lime)}
.drop{display:block;border:2.5px dashed #BFD3C6;border-radius:var(--r-lg);background:var(--paper);padding:36px 20px;text-align:center;cursor:pointer;transition:.2s}
.drop:hover,.drop.has{border-color:var(--g700);background:#F4FBF0}
.drop .di{width:68px;height:68px;margin:0 auto 14px;border-radius:20px;background:var(--g800);display:grid;place-items:center;font-size:30px}
.drop b{display:block;font-size:17px}
.drop small{color:var(--muted)}
.drop input{display:none}
.drop .fname{margin-top:14px;display:inline-flex;align-items:center;gap:8px;background:var(--g800);color:#fff;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:600}
.q-foot{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:14px 20px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--cream) 70%,rgba(248,245,238,0))}
.q-foot .in{max-width:600px;margin:0 auto}
.q-foot .btn{width:100%;height:60px;font-size:17px}
.q-cheer{display:flex;align-items:center;gap:10px;margin-top:18px;background:var(--g800);color:#fff;border-radius:16px;padding:12px 14px;font-size:14px;animation:qIn .4s var(--ease)}
.q-cheer b{color:var(--lime)}
#view-calc{min-height:calc(100vh - 64px);min-height:calc(100dvh - 64px);background:var(--g800);color:#fff;align-items:center;justify-content:center;padding:40px 20px}
#view-calc.on{display:flex}
.calc{max-width:420px;width:100%;text-align:center}
.ring{width:150px;height:150px;margin:0 auto 26px;position:relative}
.ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.ring .pct{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-d);font-weight:800;font-size:38px}
.calc h2{font-size:32px;font-weight:800;margin-bottom:8px}
.calc p{color:rgba(255,255,255,.65);margin-bottom:26px}
.cl{list-style:none;display:grid;gap:10px;text-align:left;width:100%}
.cl li{width:100%;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:13px 14px;font-size:15px;color:rgba(255,255,255,.45);transition:.3s}
.cl li .b{flex:none;width:26px;height:26px;border-radius:50%;border:2px solid rgba(255,255,255,.25);display:grid;place-items:center;transition:.3s}
.cl li.act{color:#fff}
.cl li.act .b{border-color:var(--lime);border-top-color:transparent;animation:spin .7s linear infinite}
.cl li.done{color:#fff;background:rgba(200,242,90,.1);border-color:rgba(200,242,90,.25)}
.cl li.done .b{background:var(--lime);border-color:var(--lime);animation:none}
.cl li.done .b::after{border-color:var(--g900)}
@keyframes spin{to{transform:rotate(360deg)}}
.res-hero{background:var(--g800);color:#fff;padding:30px 0 90px;position:relative;overflow:hidden}
.res-hero::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(200,242,90,.22),transparent 65%);right:-140px;top:-160px}
.res-wrap{max-width:760px;margin:0 auto;padding:0 20px;position:relative}
.res-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(200,242,90,.14);color:var(--lime);border:1px solid rgba(200,242,90,.3);padding:6px 12px;border-radius:999px;font-size:13px;font-weight:700}
.res-hero h1{font-size:clamp(32px,8.5vw,52px);font-weight:800;margin:14px 0 8px;letter-spacing:-.035em}
.res-hero p{color:rgba(255,255,255,.72);font-size:14.5px}
.res-card{background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--sh-2);padding:24px;margin-top:-64px;position:relative;z-index:2;border:1px solid var(--line)}
.kcal-row{display:flex;align-items:center;gap:20px}
.donut{flex:none;width:128px;height:128px;position:relative}
.donut svg{width:100%;height:100%;transform:rotate(-90deg)}
.donut circle{fill:none;stroke-width:16;transition:stroke-dasharray 1.2s var(--ease)}
.donut .ctr{position:absolute;inset:0;display:grid;place-items:center;text-align:center;font-size:11px;color:var(--muted);font-weight:600;line-height:1.2}
.donut .ctr b{display:block;font-family:var(--font-d);font-size:20px;color:var(--ink)}
.kcal-big{font-family:var(--font-d);font-weight:800;font-size:clamp(52px,14vw,76px);letter-spacing:-.05em;line-height:.9;color:var(--g800)}
.kcal-lbl{font-size:13px;color:var(--muted);font-weight:600;margin-top:6px}
.kcal-goal{display:inline-block;margin-top:10px;font-size:12px;font-weight:700;background:var(--g100);color:var(--g700);padding:5px 10px;border-radius:999px}
.mbars{display:grid;gap:14px;margin-top:24px}
.mbar .top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px;font-size:14px;font-weight:600}
.mbar .top b{font-family:var(--font-d);font-size:22px;font-weight:800}
.mbar .top small{color:var(--muted);font-weight:500}
.mbar .tr{height:12px;border-radius:99px;background:#F0ECE3;overflow:hidden}
.mbar .tr i{display:block;height:100%;width:0;border-radius:99px;transition:width 1.2s var(--ease)}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}
.bmr-note{margin-top:18px;font-size:12.5px;color:var(--muted);background:var(--g50);border-radius:14px;padding:12px 14px;line-height:1.5}
.coach-banner{display:flex;gap:12px;align-items:flex-start;background:#FFF6E3;border:1.5px solid #F5D08A;border-radius:18px;padding:14px 16px;margin-top:16px;font-size:14px}
.coach-banner .ic{font-size:22px}
.day-h{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin:44px 0 16px;flex-wrap:wrap}
.day-h h2{font-size:clamp(30px,8vw,42px);font-weight:800;letter-spacing:-.035em;margin-top:8px}
.tabs{display:inline-flex;background:#ECE7DC;border-radius:999px;padding:4px}
.tabs button{padding:10px 20px;border-radius:999px;font-weight:700;font-size:14px;color:var(--muted);transition:.25s}
.tabs button.on{background:var(--g800);color:#fff;box-shadow:var(--sh-1)}
.meals{display:grid;gap:14px}
.meal{display:grid;grid-template-columns:116px 1fr;background:var(--paper);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh-1);border:1px solid var(--line);animation:qIn .45s var(--ease) both}
.meal .mi{position:relative;background:var(--g100)}
.meal .mi img{width:100%;height:100%;object-fit:cover;min-height:150px}
.meal .mi .slot{position:absolute;left:8px;top:8px;background:rgba(255,255,255,.95);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border-radius:999px;color:var(--g800)}
.meal .mb{padding:14px 14px 14px 16px;display:flex;flex-direction:column;gap:8px}
.meal h4{font-size:16px;font-weight:700;line-height:1.25}
.meal .por{font-size:12.5px;color:var(--muted)}
.meal .kc{font-family:var(--font-d);font-weight:800;font-size:22px;color:var(--g800);line-height:1}
.meal .kc small{font-size:12px;color:var(--muted);font-family:var(--font);font-weight:600}
.mtags{display:flex;gap:6px;flex-wrap:wrap}
.mtags span{font-size:11.5px;font-weight:700;padding:4px 8px;border-radius:8px}
.t-p{background:#FFE9E2;color:#C2462A}
.t-c{background:#FFF1D9;color:#A86500}
.t-f{background:#E1F3EA;color:#1F7350}
.day-tot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:var(--g800);color:#fff;border-radius:var(--r);padding:16px 18px;margin-top:14px}
.day-tot b{font-family:var(--font-d);font-size:20px}
.day-tot .mtags span{background:rgba(255,255,255,.1);color:#fff}
.ok-pill{font-size:12px;font-weight:700;color:var(--g900);background:var(--lime);padding:5px 10px;border-radius:999px}
.radio{flex:none;width:28px;height:28px;border-radius:50%;border:2.5px solid var(--line);display:grid;place-items:center;transition:.2s}
@keyframes pop{0%{transform:scale(.3);opacity:0}70%{transform:scale(1.1)}100%{transform:scale(1)}}
.tl{text-align:left;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-lg);padding:8px 18px;margin-bottom:22px}
.tl-i{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.tl-i:last-child{border:0}
.tl-i .tn{flex:none;width:34px;height:34px;border-radius:12px;background:rgba(200,242,90,.15);color:var(--lime);display:grid;place-items:center;font-weight:800;font-family:var(--font-d)}
.tl-i b{display:block}
.tl-i small{color:rgba(255,255,255,.6)}
.conf{position:absolute;width:10px;height:14px;top:-20px;border-radius:2px;animation:fall linear forwards;z-index:1;pointer-events:none;opacity:.85}
@keyframes fall{to{transform:translateY(110vh) rotate(720deg)}}
.toast{position:fixed;left:50%;bottom:24px;z-index:200;transform:translate(-50%,160px);opacity:0;visibility:hidden;background:var(--ink);color:#fff;padding:14px 18px;border-radius:16px;font-size:14px;font-weight:600;box-shadow:var(--sh-3);transition:transform .4s var(--ease);max-width:90vw;width:max-content}
.toast.on{transform:translate(-50%,0);opacity:1;visibility:visible}
@media (min-width:760px){
  .wrap{padding:0 32px}
  .steps{grid-template-columns:repeat(3,1fr)}
  .vs{grid-template-columns:1fr auto 1fr;align-items:stretch}
  .vs-or{margin:0 6px}
  .tests{grid-template-columns:1fr 1fr}
  .cook{grid-template-columns:1.05fr 1fr;gap:56px}
  .ftr-grid{grid-template-columns:2fr 1fr 1fr 1fr}
  .hero-ctas{flex-direction:row}
  .meals{grid-template-columns:1fr 1fr}
  .meal{grid-template-columns:1fr;grid-template-rows:170px auto}
  .meal .mi img{min-height:0}
  .price-sec,.final{margin:0 24px}
  .sticky-cta{display:none}
}
@media (min-width:1024px){
  .nav{display:flex}
  .hdr-cta{display:inline-flex}
  .hero{padding:64px 0 0}
  .hero-grid{grid-template-columns:1.08fr 1fr;align-items:center;gap:40px}
  .hero h1{font-size:96px}
  .hero .sub{font-size:19px}
  .hero-vis{height:560px;margin:0}
  .hv-1{height:420px;top:50px}
  .hv-2{height:250px}
  .hv-3{height:220px;top:290px}
  .hero-l{padding-bottom:60px}
  .sec{padding:110px 0}
  .price-sec{padding:90px 0}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* =====================================================================
   v2 · SCROLL FILM HERO
   Technique reused from the Namsai Studio site: a tall section with a
   position:sticky stage; scroll progress (0..1) is read in a rAF loop and
   eased (lerp) before drawing. Mobile: WebP frame sequence on <canvas>.
   Desktop: H.264 MP4 scrubbed via currentTime (falls back to frames).
   Frames are built ONLY from the cook's real photos (Ken Burns + crossfade).
   ===================================================================== */
.hero2{position:relative;background:radial-gradient(900px 500px at 80% 0%,#1f7a55 0%,transparent 60%),var(--g900);color:#fff}
.film{position:relative}
.fm .film{height:calc(100vh + 130vh);height:calc(100svh + 130svh)} /* v6: track shortened to the film (was +170svh) */
.fstick{position:relative;height:calc(100vh - 64px);height:calc(100svh - 64px);height:calc(100dvh - 64px);min-height:600px;overflow:hidden;background:#0b2a20} /* dvh: follows the iOS Safari toolbar, no strip under the stage */
.fm .fstick{position:sticky;top:64px}
.fpanel{position:absolute;inset:0;overflow:hidden;background:#0b2a20}
.fpanel img.fposter,.fpanel canvas,.fpanel video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.fpanel canvas,.fpanel video{opacity:0;transition:opacity .5s}.fpanel .on{opacity:1}
.fpanel::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(7,30,22,.55) 0%,rgba(7,30,22,.08) 24%,rgba(7,30,22,.18) 45%,rgba(7,30,22,.86) 72%,rgba(7,30,22,.96) 100%)}
.fcap{position:absolute;left:16px;top:14px;z-index:4;display:inline-flex;align-items:center;gap:8px;max-width:calc(100% - 70px);background:rgba(7,30,22,.62);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:7px 12px 7px 9px;font-size:12.5px;font-weight:600;color:#fff;transition:opacity .3s}
.fcap i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--lime)}
.fcap b{font-weight:800;color:var(--lime);margin-right:2px}
.fcap span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fdots{position:absolute;right:14px;top:50%;transform:translateY(-50%);z-index:4;display:grid;gap:8px}
.fdots i{width:6px;height:6px;border-radius:9px;background:rgba(255,255,255,.4);transition:.3s}
.fdots i.on{height:20px;background:var(--lime)}
.hcopy{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:0 20px 26px;will-change:opacity,transform}
.hcopy .wrapc{max-width:560px}
.hcopy h1{font-size:clamp(42px,11.5vw,92px);font-weight:800;margin:14px 0 12px;letter-spacing:-.045em;line-height:.95}
.hcopy h1 .hl{color:var(--lime);position:relative;white-space:nowrap}
.hcopy h1 .hl svg{position:absolute;left:-2%;bottom:-.12em;width:104%;height:.28em}
.hcopy .sub{font-size:15.5px;color:rgba(255,255,255,.84);max-width:520px}
.hcopy .sub b{color:#fff}
.hcopy .hero-ctas{margin:20px 0 14px}
.hcopy2{opacity:0;pointer-events:none}
.hcopy2 h2{font-size:clamp(34px,9vw,64px);font-weight:800;letter-spacing:-.04em;margin:12px 0 10px}
.hcopy2 p{color:rgba(255,255,255,.8);font-size:15.5px;max-width:480px;margin-bottom:18px}
.hcopy2 .eyebrow{color:var(--lime)}
.scroll-hint{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);z-index:6;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.6);display:flex;flex-direction:column;align-items:center;gap:4px;transition:opacity .3s}
.scroll-hint::after{content:"";width:2px;height:18px;border-radius:2px;background:linear-gradient(var(--lime),transparent);animation:hint 1.6s ease-in-out infinite}
@keyframes hint{0%,100%{transform:translateY(-3px);opacity:.4}50%{transform:translateY(4px);opacity:1}}
html:not(.fm) .scroll-hint{display:none}
@media (max-width:1023px){.scroll-hint{display:none}}
/* v3: on phones the scroll film shows the whole dish at the top; floating cards would cover it, so they are desktop-only */
@media (max-width:759px){.hcards{display:none!important}}
.hcards{position:absolute;inset:0;z-index:4;pointer-events:none}
.hcard{position:absolute;width:34vw;max-width:220px;aspect-ratio:4/5;border-radius:22px;overflow:hidden;box-shadow:0 24px 50px rgba(0,0,0,.45);border:3px solid rgba(255,255,255,.9);background:#fff;opacity:0;will-change:transform,opacity}
.hcard img{width:100%;height:100%;object-fit:cover}
.hcard span{position:absolute;left:8px;right:8px;bottom:8px;background:rgba(255,255,255,.94);color:var(--ink);font-size:10.5px;font-weight:700;line-height:1.25;padding:5px 8px;border-radius:10px}
.hc1{left:5%;top:16%}.hc2{left:33%;top:11%}.hc3{right:5%;top:19%}
html:not(.fm) .hcards{display:none}
@media (min-width:1024px){
  .fstick{min-height:640px}
  .fpanel{left:auto;right:max(32px,calc((100vw - 1180px)/2 + 32px));top:28px;bottom:28px;width:min(38vw,520px);border-radius:32px;box-shadow:var(--sh-3)}
  .fpanel::after{background:linear-gradient(180deg,rgba(7,30,22,.35),transparent 25%,transparent 75%,rgba(7,30,22,.35))}
  .hcopy{top:0;display:flex;align-items:center;padding:0}
  .hcopy .wrapc{width:100%;max-width:1180px;margin:0 auto;padding:0 32px}
  .hcopy .wrapc>*{max-width:560px}
  .hcopy h1{font-size:88px}
  .hcopy .sub{font-size:18px}
  .hcards{left:auto;right:max(32px,calc((100vw - 1180px)/2 + 32px));top:28px;bottom:28px;width:min(38vw,520px)}
  .hcard{width:180px}
  .hc1{left:-9%;top:9%}.hc2{left:-12%;top:auto;bottom:9%}.hc3{left:auto;right:-8%;top:auto;bottom:-2%;width:170px}
  html:not(.fm) .hcards{display:block}html:not(.fm) .hcard{opacity:1}
  .scroll-hint{left:calc((100vw - 1180px)/2 + 52px);transform:none;align-items:flex-start}
}
@media (min-width:760px) and (max-width:1023px){.hcard{width:24vw}}

/* ---------- menu strip (horizontal, scroll-linked) ---------- */
.menu{padding:72px 0 64px;overflow:hidden}
.trackw{overflow:hidden}
html:not(.fm) .trackw{overflow-x:auto;scroll-snap-type:x mandatory}
.track{display:flex;gap:14px;padding:0 20px;will-change:transform;width:max-content}
.mcard{flex:none;width:66vw;max-width:330px;aspect-ratio:4/5;border-radius:28px;overflow:hidden;position:relative;box-shadow:var(--sh-2);background:var(--g100);scroll-snap-align:center}
.mcard img{position:absolute;left:0;top:-4%;width:100%;height:108%;object-fit:cover;will-change:transform}
.mcard .ml{position:absolute;left:12px;right:12px;bottom:12px;background:rgba(255,255,255,.95);border-radius:16px;padding:10px 12px;font-weight:700;font-size:14px;line-height:1.3;box-shadow:var(--sh-1)}
.mcard .ml small{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--g600);margin-bottom:2px}
@media (min-width:760px){.track{padding:0 max(32px,calc((100vw - 1180px)/2 + 32px))}.mcard{width:300px}}

/* ---------- how it works (pinned scrub) ---------- */
.how2{position:relative;background:var(--cream)}
.fm .how2{height:calc(100vh + 200vh);height:calc(100svh + 200svh)}
.how-stick{position:relative;padding:56px 0}
.fm .how-stick{position:sticky;top:64px;height:calc(100vh - 64px);height:calc(100svh - 64px);padding:18px 0;display:flex;align-items:center}
.how-in{display:grid;gap:18px;width:100%}
.how-h h2{font-size:clamp(30px,8vw,52px);font-weight:800;letter-spacing:-.035em;margin-top:8px}
.stage2{position:relative;height:min(44svh,380px);border-radius:30px;overflow:hidden;background:var(--g800);box-shadow:var(--sh-2)}
html:not(.fm) .stage2{display:none}
.lay{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transition:opacity .45s var(--ease),transform .6s var(--ease);transform:scale(.96)}
.lay.on{opacity:1;transform:none}
.mq{width:min(78%,300px);background:#fff;color:var(--ink);border-radius:22px;padding:16px;box-shadow:var(--sh-3)}
.mq b{display:block;font-family:var(--font-d);font-size:18px;margin-bottom:10px}
.mq .o{display:flex;align-items:center;gap:10px;border:2px solid var(--line);border-radius:14px;padding:9px 10px;margin-top:7px;font-weight:600;font-size:13.5px;transition:.25s}
.mq .o.sel{border-color:var(--g700);background:#F4FBF0}
.mq .bar{height:6px;border-radius:9px;background:#EEE;margin-bottom:12px;overflow:hidden}.mq .bar i{display:block;height:100%;background:var(--g700);width:20%;transition:width .3s}
.lay2 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 1.2s var(--ease)}
.lay2::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(7,30,22,.7))}
.mchip{position:absolute;z-index:2;background:#fff;color:var(--ink);font-weight:800;font-size:14px;padding:9px 12px;border-radius:14px;box-shadow:var(--sh-2);opacity:0;transform:translateY(16px) scale(.9);transition:.4s var(--ease)}
.mchip.on{opacity:1;transform:none}
.scale-c{position:absolute;z-index:2;left:14px;bottom:14px;color:#fff;font-family:var(--font-d);font-weight:800;font-size:30px}
.scale-c small{display:block;font-family:var(--font);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--lime)}
.lay3{background:radial-gradient(600px 300px at 30% 20%,#1f7a55,transparent),var(--g900)}
.lay3 svg{width:92%;height:84%}
.dcard{position:absolute;right:14px;top:14px;background:#fff;color:var(--ink);border-radius:16px;padding:10px 12px;box-shadow:var(--sh-2);font-weight:700;font-size:12px}
.dcard b{display:block;font-family:var(--font-d);font-size:24px;line-height:1}
.dcard.ok{background:var(--lime)}
.hsteps{position:relative;display:grid;gap:6px;padding-left:22px}
.hrail{position:absolute;left:5px;top:6px;bottom:6px;width:3px;border-radius:3px;background:#E3DED2}
.hrail i{display:block;width:100%;height:0;background:var(--g700);border-radius:3px}
.hs{position:relative;padding:8px 0;opacity:.45;transition:opacity .3s}
.hs::before{content:"";position:absolute;left:-22px;top:15px;width:13px;height:13px;border-radius:50%;background:#E3DED2;border:3px solid var(--cream);transition:.3s}
.hs.on{opacity:1}.hs.on::before,.hs.done::before{background:var(--g700)}
.hs h3{font-size:21px;font-weight:700;display:flex;gap:10px;align-items:baseline}
.hs h3 small{font-family:var(--font);font-size:12px;font-weight:800;color:var(--g600)}
.hs p{color:var(--muted);font-size:14.5px;max-height:0;overflow:hidden;transition:max-height .4s var(--ease),margin .3s}
.hs.on p{max-height:120px;margin-top:4px}
html:not(.fm) .hs{opacity:1}html:not(.fm) .hs p{max-height:none}
@media (min-width:1024px){
  .how-in{grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}
  .how-h{grid-column:1}.hsteps{grid-column:1}
  .stage2{grid-column:2;grid-row:1 / span 2;height:min(70svh,560px)}
  .hs h3{font-size:26px}
}

/* ---------- gallery ---------- */
.gal{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gi{border-radius:22px;overflow:hidden;aspect-ratio:4/5;background:#fff;box-shadow:var(--sh-1);will-change:transform;position:relative}
.gi img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.gi:hover img{transform:scale(1.05)}
.gi span{position:absolute;left:8px;bottom:8px;right:8px;font-size:11px;font-weight:700;background:rgba(255,255,255,.92);border-radius:10px;padding:5px 8px;line-height:1.25;opacity:0;transition:.3s}
.gi:hover span{opacity:1}
.gal-cap{display:flex;align-items:center;gap:10px;margin-top:18px;font-weight:700;color:var(--g700)}
.gal-cap::before{content:"📷";font-size:18px}
@media (min-width:760px){.gal{grid-template-columns:repeat(4,1fr);gap:16px}}
.cook-ph{position:relative;border-radius:var(--r-lg);aspect-ratio:4/3.2;border:2.5px dashed #C9D9CF;background:repeating-linear-gradient(45deg,#F1F7F2,#F1F7F2 14px,#E8F1EA 14px,#E8F1EA 28px);display:grid;place-items:center;text-align:center;color:var(--g700);font-weight:700;padding:20px}
.cook-ph .ic{font-size:54px;display:block;margin-bottom:8px}

/* ---------- results v2 ---------- */
.meal .mb .act{margin-top:auto;display:flex;justify-content:flex-end}
.swap{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--g700);background:var(--g50);border:1.5px solid #D5E4DA;border-radius:999px;padding:6px 11px;transition:.2s}
.swap:hover{background:#FFE9E2;border-color:#F5B9A8;color:#C2462A}
.swap:active{transform:scale(.95)}
.meal.out{animation:mOut .25s ease forwards}
@keyframes mOut{to{opacity:0;transform:translateX(-24px)}}
.dislikes{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px;font-size:13px;color:var(--muted)}
.dislikes .dl{display:inline-flex;gap:6px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 10px;font-weight:600;color:var(--ink)}
.dislikes .dl button{color:var(--g600);font-weight:800;text-decoration:underline}
.est{font-size:12px;color:var(--muted);margin-top:10px}
.diet-pill{display:inline-flex;gap:6px;margin-top:10px;flex-wrap:wrap}
.diet-pill span{font-size:12px;font-weight:700;background:rgba(200,242,90,.14);color:var(--lime);border:1px solid rgba(200,242,90,.3);padding:4px 10px;border-radius:999px}
.meal .mi img{background:#fff}

/* ---------- offer v2: menu style + à la carte ---------- */
.mstyle{max-width:860px;margin:0 auto;padding:34px 20px 0}
.mstyle h2{font-size:28px;font-weight:800;letter-spacing:-.03em;margin-bottom:14px}
.ms{display:flex;gap:14px;align-items:flex-start;background:var(--paper);border:2.5px solid var(--line);border-radius:var(--r);padding:16px;margin-bottom:10px;cursor:pointer;transition:.2s;box-shadow:var(--sh-1)}
.ms.sel{border-color:var(--g700);background:#F4FBF0}
.ms .radio{margin-top:2px}.ms.sel .radio{border-color:var(--g700)}.ms.sel .radio::after{content:"";width:14px;height:14px;border-radius:50%;background:var(--g700)}
.ms .mt{flex:1}.ms .mt b{display:block;font-size:16px;line-height:1.3}.ms .mt small{display:block;color:var(--muted);font-size:13px;margin-top:4px;line-height:1.4}
.ms .mp{font-weight:800;font-size:13px;white-space:nowrap;color:var(--g800)}
.alc{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px;box-shadow:var(--sh-1);margin-top:6px;animation:qIn .4s var(--ease)}
.alc h3{font-size:20px;font-weight:800}
.alc .note{font-size:13px;color:var(--muted);margin:4px 0 14px}
.alc-days{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}
.alc-days::-webkit-scrollbar{display:none}
.alc-day{flex:none;min-width:58px;text-align:center;border:2px solid var(--line);border-radius:16px;padding:7px 8px;font-weight:700;font-size:13px;background:#fff;transition:.2s}
.alc-day small{display:block;font-size:11px;color:var(--muted);font-weight:600}
.alc-day.on{background:var(--g800);border-color:var(--g800);color:#fff}.alc-day.on small{color:var(--lime)}
.alc-slot{border-top:1px dashed var(--line);padding:12px 0}
.alc-sh{display:flex;justify-content:space-between;gap:10px;align-items:baseline;flex-wrap:wrap}
.alc-sh b{font-size:14.5px}.alc-sh .lbl{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--g600);display:block}
.alc-opts{display:flex;gap:8px;overflow-x:auto;margin-top:10px;padding-bottom:4px;scrollbar-width:thin}
.alc-opt{flex:none;width:72px;border-radius:16px;overflow:hidden;border:3px solid transparent;background:#fff;box-shadow:var(--sh-1);transition:.2s;position:relative}
.alc-opt img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.alc-opt.sel{border-color:var(--g700);box-shadow:0 0 0 3px rgba(30,107,75,.15)}
.alc-opt.sel::after{content:"✓";position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:var(--g700);color:var(--lime);font-size:12px;font-weight:800;display:grid;place-items:center}
.alc-tot{margin-top:6px}

.ok-pill.warn{background:#FFF1D9;color:#8A5A00}

/* ---------- v4 pricing ---------- */
.vs-sub{font-weight:700;font-size:14px;opacity:.8;margin-bottom:6px}
.pr-range{margin:28px auto 0;max-width:760px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-lg);padding:22px 20px}
.pr-range h3{font-size:22px;font-weight:800;margin-bottom:14px}
.prr-rows{display:grid;gap:10px}
.prr{display:grid;grid-template-columns:118px 1fr auto;align-items:center;gap:12px;font-size:14px}
.prr-k{font-weight:700}.prr-k small{opacity:.6;font-weight:500}
.prr-bar{height:12px;border-radius:99px;background:rgba(255,255,255,.08);position:relative;overflow:hidden}
.prr-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:var(--lime)}
.prr.them .prr-bar i.hi{background:repeating-linear-gradient(45deg,rgba(255,122,89,.5) 0 6px,rgba(255,122,89,.28) 6px 12px)}
.prr.them .prr-bar i.lo{background:var(--coral);z-index:1}
.prr b{font-family:var(--font-d);font-size:17px;white-space:nowrap;text-align:right}.prr b small{font-family:var(--font);font-size:11px;opacity:.6;font-weight:600}
.prr.them{margin-top:4px;padding-top:10px;border-top:1px dashed rgba(255,255,255,.15);color:#FFC2B1}
.prr-save{margin-top:14px;font-size:15px;color:rgba(255,255,255,.85)}.prr-save b{color:var(--lime)}
.prr-n{margin-top:6px;font-size:13.5px;color:rgba(255,255,255,.6)}
@media (max-width:520px){.prr{grid-template-columns:1fr auto;row-gap:5px}.prr-bar{grid-column:1/-1;grid-row:2}}

.dpw-opts{gap:10px}
.opt.dpw{padding:14px 16px;min-height:72px;gap:14px}
.dpw-n{flex:none;width:52px;height:52px;border-radius:16px;background:var(--g50);display:flex;align-items:baseline;justify-content:center;padding-top:9px;font-family:var(--font-d);color:var(--g800)}
.dpw-n b{font-size:28px;font-weight:800;line-height:1}.dpw-n small{font-size:13px;font-weight:700;opacity:.6}
.opt.dpw .ot b{font-size:16px}
.dpw-p{margin-left:auto;text-align:right;line-height:1.1}
.dpw-p b{display:block;font-family:var(--font-d);font-size:19px;font-weight:800;color:var(--g800);white-space:nowrap}
.dpw-p small{font-size:11.5px;color:var(--muted);font-weight:600}
.opt.dpw .ck{margin-left:4px}
.opt.dpw.sel .dpw-n{background:var(--g800);color:var(--lime)}
.dpw-est{font-size:12.5px;color:var(--muted);margin-top:10px;text-align:center}
.cheat{margin-top:16px;background:var(--paper);border:2px solid var(--line);border-radius:var(--r);padding:16px}
.cheat>b{display:block;font-size:16px}.cheat>small{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.cheat-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:12px}
.cday{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 0 7px;border-radius:14px;border:2px solid var(--line);font-weight:700;font-size:13px;background:var(--g50);transition:.15s}
.cday i{font-style:normal;font-size:15px}
.cday.off{background:var(--mango);border-color:#E99A20;color:var(--ink);box-shadow:0 4px 12px rgba(255,181,71,.35)}
.cday:active{transform:scale(.95)}
.deliv{margin-top:12px;font-size:13.5px;color:var(--muted)}.deliv b{color:var(--g800)}

.price-card{margin-top:40px;background:linear-gradient(160deg,var(--g900),var(--g950));color:#fff;border-radius:var(--r-lg);padding:24px 20px;box-shadow:var(--sh-3);position:relative;overflow:hidden;border:2px solid rgba(200,242,90,.35)}
.price-card::after{content:"";position:absolute;right:-80px;top:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(200,242,90,.22),transparent 70%);pointer-events:none}
.pc-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.pc-pct{background:var(--lime);color:var(--g900);font-weight:800;font-size:13px;padding:6px 12px;border-radius:999px;white-space:nowrap}
.pc-main{display:grid;gap:16px;margin-top:16px}
.pc-lbl{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.6)}
.pc-price{font-family:var(--font-d);font-weight:800;font-size:52px;letter-spacing:-.04em;line-height:1;color:var(--lime);margin-top:6px}
.pc-price small{font-size:18px;color:#fff;letter-spacing:0;font-weight:700}
.pc-sub{margin-top:8px;color:rgba(255,255,255,.8);font-size:15px}.pc-sub b{color:#fff}
.pc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pc-stats div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:10px;text-align:center}
.pc-stats b{display:block;font-family:var(--font-d);font-size:22px;font-weight:800}.pc-stats small{font-size:11.5px;color:rgba(255,255,255,.6);font-weight:600}
.pc-save{margin-top:18px;background:#fff;color:var(--ink);border-radius:20px;padding:18px 16px}
.pc-save-h{font-family:var(--font-d);font-weight:800;font-size:24px;letter-spacing:-.02em;color:var(--g700);line-height:1.1}
.pc-save>small{display:block;color:var(--muted);font-size:12.5px;margin-top:4px;line-height:1.35}
.pc-bars{display:grid;gap:12px;margin-top:14px}
.pcb{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;font-size:13px;font-weight:700}
.pcb .pcb-t{grid-column:1/-1;grid-row:2;height:18px;border-radius:99px;background:var(--g50);position:relative;overflow:hidden}
.pcb .pcb-t i{position:absolute;left:0;top:0;bottom:0;border-radius:99px;transform-origin:left;animation:pcGrow 1s var(--ease) both}
.pcb.them .pcb-t i.hi{background:repeating-linear-gradient(45deg,#FFB9A6 0 7px,#FFD3C6 7px 14px)}
.pcb.them .pcb-t i.lo{background:var(--coral);z-index:1}
.pcb.us .pcb-t i{background:linear-gradient(90deg,var(--g700),var(--lime2))}
.pcb b{font-family:var(--font-d);font-size:16px;white-space:nowrap}.pcb.them b{color:#C2492B;text-decoration:line-through;text-decoration-thickness:2px}.pcb.us b{color:var(--g700)}
@keyframes pcGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.pc-cheat{margin-top:14px;font-size:13.5px;color:rgba(255,255,255,.75)}.pc-cheat b{color:#fff}
.pc-note{margin-top:8px;font-size:12px;color:rgba(255,255,255,.55)}
@media (min-width:760px){.price-card{padding:32px}.pc-main{grid-template-columns:1.3fr 1fr;align-items:end}.pc-price{font-size:64px}.pr-range{padding:28px 32px}.prr{grid-template-columns:150px 1fr auto}}

.vs-us .vs-price small{white-space:nowrap}
@media (max-width:420px){.vs-us .vs-price{font-size:38px}.vs-us .vs-price small{font-size:15px}}

/* ---------- v5 ---------- */
.indic{display:inline-block;margin-top:6px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:var(--g50);border:1px dashed #C9D9CF;padding:3px 8px;border-radius:999px}
.day-h .indic{margin-top:8px}
.mchip.indic-chip{font-size:10.5px;color:var(--muted)!important;background:rgba(255,255,255,.92)}
.sec.rv-sec{padding-bottom:56px} /* v6: no dead gap around the one-line reviews notice */
.wa-num{margin-top:10px;font-size:14px;opacity:.85}.wa-num a{text-decoration:underline;text-underline-offset:3px}

/* ===== v7 (round 5): kitchen photo, reviews, start on WhatsApp, start date + PromptPay ===== */
.cook-img{margin:0;aspect-ratio:4/3}
.cook-img figcaption{position:absolute;right:10px;bottom:10px;background:rgba(10,30,20,.62);color:#fff;font-size:11px;font-weight:600;letter-spacing:.02em;padding:4px 9px;border-radius:999px;backdrop-filter:blur(4px)}
.test blockquote{font-size:19px}
.btn-xl{height:64px;font-size:17px}
.start-cta{margin-top:18px;text-align:center}
.start-cta .btn{display:flex;width:100%;justify-content:center;gap:10px}
.start-s{font-size:13px;color:var(--muted);margin-top:8px}
#view-results .mstyle{padding:34px 0 0;max-width:none}
.ms .mp-req{white-space:normal;text-align:right;max-width:120px;color:var(--g700);font-size:12px;line-height:1.25}
.start-cta2{margin-top:30px;background:linear-gradient(160deg,var(--g800),var(--g900));color:#fff;border-radius:var(--r-lg);padding:24px 20px;text-align:center}
.start-cta2 h3{font-size:22px;font-weight:800;letter-spacing:-.02em;margin-bottom:14px}
.start-cta2 .btn{display:flex;width:100%;justify-content:center;gap:10px}
.startpay{margin-top:30px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px 20px;box-shadow:var(--sh-1)}
.startpay h3{font-size:22px;font-weight:800;letter-spacing:-.02em;margin:8px 0 6px}
.startpay>p{color:var(--muted);font-size:14px}
.startpay .field{margin-top:14px}
.startpay input[type=date]{appearance:none;-webkit-appearance:none;min-height:56px;line-height:52px}
.sp-sched{margin-top:12px;font-size:14px}
.sp-sched small{color:var(--muted)}
.sp-days{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.sp-days span{background:var(--g50);color:var(--g800);border-radius:999px;padding:5px 10px;font-weight:700;font-size:12.5px}
.sp-days .more{background:none;color:var(--muted)}
.sp-moved{background:#FFF4DE;border-radius:12px;padding:8px 12px;margin-bottom:8px;font-size:13px}
.qr-box{margin-top:18px;border-radius:var(--r);padding:18px}
.qr-box.soon{display:flex;gap:16px;align-items:flex-start;border:2px dashed #C9D9CF;background:#F7FAF7}
.qr-box.soon b{display:block;font-size:16px;margin-bottom:4px}
.qr-box.soon p{font-size:13.5px;color:var(--muted);margin-bottom:12px}
.qr-box.soon .btn{height:48px;font-size:14px;padding:0 18px}
.qr-ph{flex:none;width:88px;height:88px;border-radius:14px;background:repeating-linear-gradient(45deg,#E8EFEA 0 8px,#F3F7F4 8px 16px);display:grid;place-items:center;color:#9DB3A5;font-weight:800;font-size:18px;letter-spacing:.1em}
.qr-box.live{text-align:center;border:1px solid var(--line);background:#fff}
.qr-box.live canvas{width:220px;height:220px;image-rendering:pixelated;margin:10px auto;display:block}
.qr-head{background:#113566;color:#fff;font-weight:800;font-size:12px;letter-spacing:.08em;border-radius:10px;padding:8px}
.qr-box.live small{display:block;color:var(--muted);font-size:12px;margin-top:6px}
.sp-help{margin-top:16px;font-size:14px;text-align:center}
.sp-help a{color:var(--g700);font-weight:800;text-decoration:underline}
.pc-pct{white-space:normal;text-align:right;max-width:62%;line-height:1.25;border-radius:14px}

.btn svg{flex:none}
.pc-top{flex-wrap:wrap}
.pc-pct{max-width:none;text-align:left;font-size:13px}
.pc-save-h{font-size:20px}
@media (min-width:760px){.qr-box.soon{align-items:center}}
.qr-box.soon>div{flex:1;min-width:0}
.qr-box.soon .btn{white-space:normal;height:auto;min-height:48px;padding:10px 16px;line-height:1.25;text-align:center}
@media (max-width:480px){.qr-box.soon{flex-direction:column;align-items:stretch}.qr-ph{width:100%;height:64px}.qr-box.soon .btn{width:100%;justify-content:center}}

/* ===== A/B variants: .va = A only, .vb = B only (html[data-variant=b] set by build.sh VARIANT=B) ===== */
html:not([data-variant=b]) .vb{display:none!important}
html[data-variant=b] .va{display:none!important}
.wa-choice{margin:22px 0 10px;max-width:560px}
.wc-h{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.8;margin-bottom:10px}
.wc-btns{display:grid;gap:10px}
.wc-btn{display:flex;align-items:center;gap:12px;background:#25D366;color:#fff;border-radius:20px;padding:13px 14px;text-align:left;box-shadow:0 10px 26px rgba(37,211,102,.32);transition:transform .2s var(--ease)}
.wc-btn:hover{transform:translateY(-2px)}
.wc-btn.wc-build{background:#fff;color:var(--g900);box-shadow:0 10px 26px rgba(7,30,22,.18)}
.wc-ic{flex:none;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.22);display:grid;place-items:center;font-size:20px}
.wc-build .wc-ic{background:#EAF7EE}
.wc-t{flex:1;min-width:0}.wc-t b{display:block;font-size:16.5px;line-height:1.2;font-weight:800}.wc-t small{display:block;font-size:12.5px;line-height:1.3;opacity:.88;margin-top:2px}
.wc-wa{flex:none;width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.14);display:grid;place-items:center}
.wc-build .wc-wa{background:#25D366}
.wc-note{font-size:12.5px;opacity:.75;margin-top:10px}
.quiz-link{background:none;border:0;padding:4px 0;color:inherit;font:inherit;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px;opacity:.85;cursor:pointer;text-align:left}
.wa-choice-sm .wc-h,.wa-choice-sm .wc-note{display:none}
.wa-choice-end{margin:22px auto 8px;text-align:left}
.final .quiz-link{display:block;margin:6px auto 0;text-align:center}
.quiz-link-light{display:block;margin:14px auto 0;text-align:center;color:inherit}
.wa-prompt{margin:26px auto 0;max-width:620px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;background:#EFF8F1;border:1px solid #CFE8D6;border-radius:var(--r-lg);padding:18px}
.wa-prompt p{font-weight:700;font-size:16px}
.wa-prompt .btn{height:50px;font-size:15px;padding:0 20px;gap:8px}
.wa-prompt-dark{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}
html[data-variant=b] .sticky-cta{right:12px}
.wa-bar{width:100%;height:58px;font-size:16px;gap:10px;box-shadow:0 12px 30px rgba(7,30,22,.3)}
@media (min-width:760px){.wc-btns{grid-template-columns:1fr 1fr}.wa-prompt{flex-direction:row;justify-content:space-between;text-align:left}}
html[data-variant=b] #hcopyA .trust{display:none}
@media (max-width:759px){html[data-variant=b] #hcopyA .sub{font-size:15px}}
@media (max-width:759px) and (max-height:760px){html[data-variant=b] #hcopyA .pill-live,html[data-variant=b] #hcopyA .wc-h{display:none}html[data-variant=b] #hcopyA h1{margin-top:0}}
@media (min-width:760px){html[data-variant=b] #hcopyA .wc-btns{grid-template-columns:1fr}}
@media (max-width:759px) and (max-height:760px){html[data-variant=b] #fcap{display:none}}
@media (min-width:760px) and (max-height:800px){html[data-variant=b] #hcopyA h1{font-size:clamp(42px,6.4vw,72px)}html[data-variant=b] #hcopyA .wa-choice{margin-top:14px}}

/* ===== v8 · 5 languages (EN FR ES DE RU) + à la carte supplement ===== */
/* language dropdown (compact on every screen: 5 pills don't fit next to the CTA on a 390px header) */
.lang-dd{position:relative}
.lang-cur{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px 0 9px;border-radius:999px;background:rgba(255,255,255,.1);color:#fff;font-size:12.5px;font-weight:800;letter-spacing:.06em;transition:background .2s}
.lang-cur:hover,.lang-dd.open .lang-cur{background:rgba(255,255,255,.18)}
.lang-cur svg{opacity:.85}.lang-cur .chev{transition:transform .2s}.lang-dd.open .chev{transform:rotate(180deg)}
.lang-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:168px;margin:0;padding:6px;list-style:none;background:#fff;border-radius:16px;box-shadow:0 18px 40px -12px rgba(10,30,22,.35),0 0 0 1px rgba(15,61,46,.08);opacity:0;visibility:hidden;transform:translateY(-4px);transition:.18s;z-index:60}
.lang-dd.open .lang-menu{opacity:1;visibility:visible;transform:none}
.lang-opt{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:11px;color:var(--ink);font-size:14.5px;font-weight:600;text-decoration:none}
.lang-opt b{font-size:11px;letter-spacing:.06em;color:var(--muted);width:22px}
.lang-opt:hover{background:var(--g50)}.lang-opt.on{background:var(--g50);color:var(--g800)}.lang-opt.on b{color:var(--g700)}
@media (max-width:380px){.lang-cur>svg:first-child{display:none}}
/* Cyrillic: Bricolage Grotesque has no Cyrillic -> Onest (similar geometric-grotesque, Cyrillic + Latin) for RU display text */
:lang(ru){--font-d:"Onest",Inter,system-ui,sans-serif}
:lang(ru) h1,:lang(ru) h2,:lang(ru) h3,:lang(ru) .disp{letter-spacing:-.025em;line-height:1.06}
/* long German compounds / Russian words: break nicely instead of overflowing */
h1,h2,h3,.disp,.btn,.opt b,.ms b,.wc-btn b,.faq summary{overflow-wrap:break-word}
:lang(de) h1,:lang(de) h2,:lang(de) h3,:lang(ru) h1,:lang(ru) h2,:lang(ru) h3,:lang(de) .opt b,:lang(ru) .opt b,:lang(de) .q-title,:lang(ru) .q-title{hyphens:auto;-webkit-hyphens:auto}
/* à la carte: +2,500 THB/month */
.ms .mp-alc{white-space:nowrap;color:var(--g700);font-size:13px}
.pc-alc{margin-top:6px;font-size:13.5px;color:rgba(255,255,255,.78)}.pc-alc b{color:#fff;white-space:nowrap}
#hcopyA.tight .pill-live{display:none}#hcopyA.tight h1{margin-top:0}html.tight2 #fcap{display:none}