/* Homepage · Proof + price (started as /drafts/tiktok/6-proof-price). Fonts: fonts.css. */
:root{
  --cream:#fff4e0;--paper:#fffaf1;--honey:#ffb627;--honey-2:#f08c00;--ink:#2a1709;--dim:#6f5640;
  --pink:#ff8fb1;--mint:#3ecf7a;--line:rgba(42,23,9,.14);
  --display:'Bagel Fat One',system-ui,sans-serif;--body:'DM Sans',system-ui,sans-serif;--mono:'DM Mono',ui-monospace,monospace;
  --dlg-bg:var(--paper);--dlg-ink:var(--ink);--dlg-dim:var(--dim);--dlg-mono:var(--mono);--dlg-font:var(--body);
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.45 var(--body);-webkit-font-smoothing:antialiased;overflow-x:clip;}
a{color:inherit;}
img{max-width:100%;height:auto;display:block;}
h1,h2,h3,p{margin:0;}
button{font:inherit;color:inherit;}

/* header */
.bar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top));background:rgba(255,244,224,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
.brand{display:flex;align-items:center;gap:8px;font:400 1.05rem/1 var(--display);text-decoration:none;}
.brand img{width:32px;height:32px;border-radius:50%;}
.pill{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;border:2px solid var(--ink);background:var(--paper);font-weight:700;font-size:.9rem;text-decoration:none;}

/* the one big button */
.cta{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:68px;padding:8px 18px 8px 8px;
  border:3px solid var(--ink);border-radius:999px;color:var(--ink);text-decoration:none;isolation:isolate;
  background:linear-gradient(105deg,#ffb627,#ff8fb1,#c39bff,#7cc8ff,#5fe39b,#ffb627) 0 50%/300% 100%;
  box-shadow:0 6px 0 var(--ink);animation:holo 5s linear infinite;transition:transform .15s,box-shadow .15s;}
.cta:active{transform:translateY(4px);box-shadow:0 2px 0 var(--ink);}
.cta-plane{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--ink);color:#5fd0ff;}
.cta-txt{display:grid;gap:3px;min-width:0;text-align:left;}
.cta-txt b{font:400 1.3rem/1 var(--display);}
.cta-txt small{font:500 .76rem/1.2 var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cta-go{margin-left:auto;flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--paper);border:2px solid var(--ink);font-weight:700;}
@keyframes holo{to{background-position:300% 50%;}}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 22px;border-radius:999px;
  border:3px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:0 4px 0 var(--ink);font-weight:700;text-decoration:none;cursor:pointer;}
.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink);}

/* live "ships today" chip */
.ship{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--ink);color:var(--honey);font:500 .8rem/1.2 var(--mono);}
.ship i{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 0 rgba(62,207,122,.6);animation:pulse 1.6s infinite;}
.ship[data-today="0"] i{background:var(--honey);animation:none;}
@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(62,207,122,0);}100%{box-shadow:0 0 0 0 rgba(62,207,122,0);}}

/* sections */
.sec{padding:36px 16px;}
.sec-k{font:500 .78rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-bottom:8px;}
.sec h2{font:400 2rem/1 var(--display);margin-bottom:16px;}
.wrap{max-width:560px;margin:0 auto;}

/* compact menu */
.mlist{display:grid;gap:10px;}
.mitem{border:2px solid var(--ink);border-radius:20px;background:var(--paper);overflow:hidden;}
.mitem summary{display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;cursor:pointer;list-style:none;}
.mitem summary::-webkit-details-marker{display:none;}
.mitem summary img{width:52px;height:52px;border-radius:14px;background:var(--cream);object-fit:cover;}
.mitem summary span{display:grid;gap:2px;min-width:0;}
.mitem summary b{font-size:1.05rem;}
.mitem summary small{color:var(--dim);font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mitem summary em{margin-left:auto;font:400 1.15rem/1 var(--display);font-style:normal;white-space:nowrap;}
.mitem[open] summary{border-bottom:2px dashed var(--line);}
.mprices{padding:10px 14px 14px;display:grid;gap:6px;font-size:.92rem;}
.mprices .row{display:flex;flex-wrap:wrap;gap:6px;}
.mprices .row b{flex-basis:100%;font-size:.9rem;}
.mprices .p{padding:4px 9px;border-radius:999px;background:var(--cream);font:500 .8rem/1.2 var(--mono);}

/* quote cards */
.quotes{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 16px 14px;margin:0 -16px;scrollbar-width:none;}
.quotes::-webkit-scrollbar{display:none;}
.quote{flex:0 0 78%;max-width:320px;scroll-snap-align:center;display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;text-align:left;
  padding:12px;border:2px solid var(--ink);border-radius:20px;background:var(--paper);cursor:pointer;box-shadow:0 4px 0 var(--ink);}
.quote img{width:64px;height:96px;object-fit:cover;object-position:top;border-radius:10px;}
.quote q{font-weight:700;line-height:1.25;quotes:"“" "”";}
.quote small{display:block;margin-top:6px;color:var(--dim);font:500 .72rem/1.2 var(--mono);}

/* vouch thumb grid */
.vgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;}
.vgrid button{padding:0;border:0;border-radius:10px;overflow:hidden;aspect-ratio:9/16;background:var(--paper);cursor:pointer;}
.vgrid img{width:100%;height:100%;object-fit:cover;object-position:top;}

/* shipping + faq */
.ship-rows{display:grid;gap:8px;}
.ship-rows p{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:16px;background:var(--paper);border:2px solid var(--ink);}
.ship-rows small{display:block;color:var(--dim);font-size:.8rem;}
.faq{display:grid;gap:8px;}
.faq details{border:2px solid var(--ink);border-radius:16px;background:var(--paper);padding:12px 14px;}
.faq summary{font-weight:700;cursor:pointer;}
.faq p{margin-top:8px;color:var(--dim);}
.fine{padding:20px 16px calc(120px + env(safe-area-inset-bottom));text-align:center;font-size:.8rem;color:var(--dim);}

/* first screen */
.top{position:relative;overflow:hidden;min-height:calc(100svh - 60px);display:flex;flex-direction:column;justify-content:flex-end;gap:14px;padding:12px 16px 22px;}
.top > *{position:relative;}
.top .top-art{position:absolute;left:50%;top:-10px;width:min(230px,58vw);transform:translateX(-50%) rotate(-6deg);pointer-events:none;}
.top .sec-k{margin:0;}
.top h1{font:400 clamp(2.3rem,10.5vw,3.2rem)/.95 var(--display);}
.proofline{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--ink);color:var(--honey);font:500 .8rem/1.2 var(--mono);text-decoration:none;}
.proofline b{font:400 1rem/1 var(--display);color:var(--cream);}
.top h1 em{font-style:normal;color:var(--honey-2);}
.stack{display:flex;align-items:center;gap:12px;padding:0;border:0;background:none;cursor:pointer;text-align:left;}
.stack span{display:flex;}
.stack img{width:40px;height:56px;object-fit:cover;object-position:top;border-radius:8px;border:2px solid var(--cream);margin-left:-14px;box-shadow:0 2px 0 var(--ink);}
.stack img:first-child{margin-left:0;}
.stack small{color:var(--dim);font-size:.86rem;line-height:1.3;}
.stack small b{color:var(--ink);}
.scam{background:var(--ink);color:var(--cream);}
.scam .sec-k{color:var(--honey);}
.scam h2{color:var(--honey);}
.scam > .wrap > p{color:#e9d9c3;margin:-6px 0 16px;}
.scam .quote{background:var(--cream);color:var(--ink);box-shadow:0 4px 0 var(--honey);}
.how{display:grid;gap:8px;margin-top:6px;}
.how p{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.07);}
.how b{display:block;color:var(--honey);}
.how span{color:#e9d9c3;font-size:.9rem;}
.how i{flex:none;font-style:normal;font-size:1.3rem;}
.more{display:flex;justify-content:center;margin-top:16px;}
.end{display:grid;gap:12px;}

/* Telegram + WhatsApp, side by side */
.ctas{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
@media (max-width:359px){.ctas{grid-template-columns:1fr;}}
.cta2{display:flex;align-items:center;gap:10px;min-height:66px;padding:8px 12px 8px 8px;border:3px solid var(--ink);border-radius:24px;
  color:var(--ink);text-decoration:none;box-shadow:0 5px 0 var(--ink);transition:transform .15s,box-shadow .15s;}
.cta2:active{transform:translateY(4px);box-shadow:0 1px 0 var(--ink);}
.cta2-tg{background:linear-gradient(105deg,#ffb627,#ff8fb1,#c39bff,#7cc8ff,#5fe39b,#ffb627) 0 50%/300% 100%;animation:holo 5s linear infinite;}
.cta2-wa{background:#25d366;}
.cta2-ic{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--ink);}
.cta2-tg .cta2-ic{color:#5fd0ff;}
.cta2-wa .cta2-ic{color:#25d366;}
.cta2-txt{display:grid;gap:3px;min-width:0;}
.cta2-txt b{font:400 1.18rem/1 var(--display);}
.cta2-txt small{font:500 .7rem/1.2 var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ship-line{display:flex;align-items:center;justify-content:center;gap:8px;font:500 .8rem/1.2 var(--mono);color:var(--dim);}
.ship-line i{width:8px;height:8px;border-radius:50%;background:var(--mint);}

/* homepage extras */
.skip{position:absolute;left:-999px;top:8px;z-index:100;padding:8px 12px;border-radius:10px;background:var(--ink);color:var(--honey);}
.skip:focus{left:8px;}
.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
.links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;font-weight:700;}
.links a{text-underline-offset:4px;padding:6px 2px;}