/* Real beta captures used by the Show the Food homepage and shoppers row. */
.hero-proofs { display:flex; flex-wrap:wrap; gap:.65rem 1.15rem; margin:0 0 .85rem; padding:0; color:#d1d5db; font-size:.875rem; list-style:none; }
.hero-proofs li::before { content:""; display:inline-block; width:.45rem; height:.45rem; margin-right:.45rem; border-radius:50%; background:#4ade80; vertical-align:.08rem; }
.hero-fine-print { max-width:42rem; margin:0; color:#9ca3af; font-size:.8125rem; line-height:1.55; }
.hero-fine-print a { color:#d1d5db; text-decoration:underline; text-underline-offset:.15em; }
.hero-fine-print a:hover, .hero-fine-print a:focus-visible { color:#fff; }
.showfood-hero { grid-template-areas:"intro" "media" "actions"; }
.showfood-hero-intro { grid-area:intro; }
.showfood-hero-media { grid-area:media; }
.showfood-hero-actions { grid-area:actions; }
body.product-page .reveal, body.product-page .reveal-left, body.product-page .reveal-right, body.product-page .reveal-scale, body.product-page .stagger-children > * { opacity:1; transform:translateY(12px); }
body.product-page .reveal.visible, body.product-page .reveal-left.visible, body.product-page .reveal-right.visible, body.product-page .reveal-scale.visible, body.product-page .stagger-children.visible > * { opacity:1; transform:translateY(0); }
.capture { position:relative; isolation:isolate; margin:0; overflow:hidden; border:1px solid rgba(255,255,255,.12); border-radius:2rem; background:#060907; box-shadow:0 35px 90px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.08); }
.capture video { display:block; width:100%; height:auto; aspect-ratio:390 / 848; object-fit:cover; background:#060907; }
.capture figcaption { padding:.8rem 1rem; color:#cbd5d1; font-size:.82rem; line-height:1.4; }
.capture-control { position:absolute; z-index:2; right:.75rem; bottom:3.1rem; border:1px solid rgba(255,255,255,.2); border-radius:999px; background:rgba(5,8,10,.84); color:#fff; padding:.5rem .75rem; font:600 .75rem/1 Inter,system-ui,sans-serif; opacity:0; pointer-events:none; transition:opacity .2s ease; }
.capture:hover .capture-control, .capture:focus-within .capture-control, .capture.is-paused .capture-control { opacity:1; pointer-events:auto; }
.capture-hero { border-radius:2.75rem; padding:.55rem; }
.capture-hero video { border-radius:2.25rem; }
.capture-hero figcaption { padding:.75rem .55rem .15rem; text-align:center; }
.feature-ads { display:grid; gap:2rem; max-width:68rem; margin:0 auto; }
.feature-ad { display:grid; grid-template-columns:minmax(12rem,20rem) minmax(0,1fr); align-items:center; gap:clamp(1.5rem,5vw,4.5rem); padding:clamp(1rem,2.5vw,2rem); border:1px solid rgba(255,255,255,.1); border-radius:2rem; background:rgba(0,0,0,.2); }
.feature-ad-reverse { grid-template-columns:minmax(0,1fr) minmax(12rem,20rem); }
.feature-ad-reverse .capture { order:2; }
.feature-ad-copy h3 { margin:0 0 .75rem; font-size:clamp(1.6rem,3vw,2.25rem); line-height:1.06; }
.feature-ad-copy > p:not(.feature-caveat) { color:#9ca3af; font-size:1.05rem; line-height:1.65; }
.feature-caveat { margin:.9rem 0 0; color:#86efac; font:600 .7rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.08em; text-transform:uppercase; }
.feature-next { margin-top:1.15rem !important; color:#d1d5db !important; font-size:.95rem !important; }
.recipe-media { display:flex; min-height:19rem; flex-direction:column; justify-content:flex-end; gap:1rem; padding:1.5rem; border:1px solid rgba(134,239,172,.25); border-radius:2rem; background:linear-gradient(145deg,rgba(74,222,128,.16),rgba(5,8,10,.95) 58%),#08100b; color:#f4fff6; }
.recipe-media span { color:#86efac; font:600 .7rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.12em; }
.recipe-media strong { max-width:15ch; font-family:"Bricolage Grotesque",Inter,sans-serif; font-size:clamp(1.45rem,3vw,2rem); line-height:1.05; }
.limits-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin-top:1.5rem; }
.limits-panel { padding:1.5rem; border:1px solid rgba(255,255,255,.11); border-radius:1.35rem; background:rgba(255,255,255,.035); }
.limits-panel h3 { margin:0 0 .9rem; font-size:1.25rem; }
.limits-panel ul { margin:0; padding-left:1.15rem; color:#d1d5db; }
.limits-panel li + li { margin-top:.65rem; }
.limits-panel blockquote { margin:1.25rem 0 0; padding:.8rem 0 0 .9rem; border-left:2px solid #4ade80; color:#9ca3af; font-size:.9rem; line-height:1.5; }
.limits-detail { max-width:72rem; margin:1.15rem 0 0; color:#9ca3af; font-size:.92rem; line-height:1.65; }
.real-screens-captures { grid-template-columns:repeat(3,minmax(0,294px)) !important; max-width:930px !important; }
.real-screens-captures .capture { border-radius:1.5rem; }
.real-screens-captures .capture video { border-radius:0; }
@media (min-width:1024px) { .showfood-hero { grid-template-areas:"intro media" "actions media"; row-gap:2rem; } .showfood-hero-intro { grid-area:intro; align-self:end; } .showfood-hero-intro > p { margin-bottom:0; } .showfood-hero-media { grid-area:media; } .showfood-hero-actions { grid-area:actions; align-self:start; } }
@media (max-width:767px) { body.product-page main > section:first-child { padding-top:6.5rem; padding-bottom:3rem; } body.product-page main > section:first-child .grid { gap:1.75rem; } .feature-ad,.feature-ad-reverse { grid-template-columns:1fr; } .feature-ad-reverse .capture { order:0; } .capture-control { opacity:1; pointer-events:auto; } .limits-columns { grid-template-columns:1fr; } .real-screens-captures { grid-template-columns:1fr !important; max-width:390px !important; } .real-screens-captures .capture { width:100%; } }
@media (prefers-reduced-motion: reduce) { body.product-page .reveal, body.product-page .reveal-left, body.product-page .reveal-right, body.product-page .reveal-scale, body.product-page .stagger-children > * { transform:none; } .capture-control { opacity:1; pointer-events:auto; } }

/* merchants */
.merchants-page :is(a,button,input,select,textarea,[tabindex]):focus-visible { outline:2px solid #22c55e; outline-offset:3px; border-radius:4px; }
.merchants-page .showfood-hero-media { max-width:340px; }
.merchants-page .capture-hero picture, .merchants-page .capture-hero img { display:block; width:100%; height:auto; }
.merchants-page .capture-hero img { border-radius:2.25rem; }
.merchants-page .showfood-hero-actions .btn-primary, .merchants-page .showfood-hero-actions .btn-secondary { padding:1rem 1.1rem; text-align:center; }
.merchants-page .feature-ad { grid-template-columns:minmax(12rem,16rem) minmax(0,1fr); }
.merchants-page .feature-ad-reverse { grid-template-columns:minmax(0,1fr) minmax(12rem,16rem); }
.merchants-page .merchant-eyebrow { margin:0 0 .85rem; color:#86efac; font:600 .72rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.1em; text-transform:uppercase; }
.merchant-planned-card { min-height:19rem; }
.merchant-planned-card p { margin:0; color:#cbd5d1; font-size:.9rem; line-height:1.55; }
.merchants-page .limits-columns { margin-top:0; }
.merchants-page .limits-panel { line-height:1.55; }
.merchants-page .limits-panel a { text-decoration:underline; text-underline-offset:.15em; }
.merchant-inventory-caveat { max-width:49rem; margin:1.75rem auto 0; text-align:center; }
.merchant-inventory-caveat blockquote { margin:0; color:#d1d5db; font-size:.95rem; line-height:1.6; }
.merchant-inventory-caveat figcaption { margin-top:.65rem; color:#9ca3af; font-size:.8rem; }
.merchant-legal-card { padding:clamp(1.5rem,3vw,2.5rem); border-color:rgba(251,191,36,.2); background:rgba(251,191,36,.025); }
.merchant-legal-card .merchant-eyebrow { color:#fcd34d; }
.merchant-legal-card > p:not(.merchant-eyebrow) { color:#9ca3af; }
.merchant-legal-card .hero-fine-print { max-width:none; }
.merchant-legal-card .merchant-legal-steps { display:flex; flex-wrap:wrap; gap:.6rem 1.75rem; margin:1.25rem 0; padding:0; list-style:none; color:#fde68a; font-size:.875rem; }
.merchant-legal-card .merchant-legal-steps li { margin:0; }
@media (max-width:767px) { .merchants-page .feature-ad, .merchants-page .feature-ad-reverse { grid-template-columns:1fr; } .merchants-page .feature-ad .capture { width:100%; max-width:290px; margin:0 auto; } .merchants-page .showfood-hero-media { max-width:310px; } }
