/* Peng Joon-style close: questions, memes, anchor, offer stack, price drop, objections, two choices. */
.joke{font-size:clamp(16px,1.3vw,21px)!important}
.joke i{font-family:Fraunces;color:var(--gold-l)}
/* question slide */
.s-q{justify-items:center;text-align:center;align-content:center}
.big-q{font-size:clamp(40px,5.6vw,98px)!important;max-width:1300px;line-height:1.02;position:relative;z-index:2}
.sub-q{color:var(--mute);font-size:clamp(15px,1.2vw,19px);position:relative;z-index:2}
.hm-rain{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.hm-rain span{position:absolute;left:var(--x);top:-10%;padding:8px 14px;border-radius:18px 18px 18px 4px;background:rgba(244,239,228,.08);border:1px solid rgba(244,239,228,.14);font:600 clamp(12px,1vw,15px) Inter;color:rgba(244,239,228,.6);white-space:nowrap}
.s.on .hm-rain span{animation:hmFall 7s var(--d) linear infinite}
@keyframes hmFall{0%{transform:translateY(0) rotate(-4deg);opacity:0}10%{opacity:1}100%{transform:translateY(125vh) rotate(6deg);opacity:.2}}
/* memes */
.s-meme,.s-drake{justify-items:center;align-content:center}
.meme-card{width:min(920px,100%);background:#fff;color:#111;border-radius:22px;padding:clamp(20px,3vw,40px);box-shadow:0 40px 100px rgba(0,0,0,.5);font-family:Inter}
.meme-l{font-size:clamp(17px,1.6vw,24px);margin-bottom:12px;line-height:1.35}
.meme-split{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.meme-split div{background:#f2f2f2;border-radius:16px;padding:18px;text-align:center}
.meme-split .emoji{display:block;font-size:clamp(54px,6vw,92px);line-height:1.1;margin-bottom:6px}
.s.on .meme-split div:first-child .emoji{animation:snore 2.4s ease-in-out infinite}
.s.on .meme-split div:last-child .emoji{animation:run 1s ease-in-out infinite}
@keyframes snore{50%{transform:scale(1.08) rotate(-4deg)}}
@keyframes run{50%{transform:translateX(16px)}}
.meme-split b{display:block;font-size:17px}.meme-split small{color:#666;font-size:14px}
.caption{color:var(--mute);font-size:clamp(15px,1.2vw,19px)}
.drake{width:min(900px,100%);border-radius:22px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.5)}
.dk-row{display:grid;grid-template-columns:180px 1fr;align-items:center;min-height:170px}
.dk-row .dk-face{display:grid;place-items:center;height:100%;font-size:clamp(60px,6vw,96px);background:#f6c34a}
.dk-row p{padding:22px 28px;font:700 clamp(18px,1.8vw,28px)/1.25 Inter;background:#fff;color:#111;height:100%;display:flex;align-items:center}
.dk-row.yes .dk-face{background:#7fd8b0}
.dk-row.no p{color:#777;text-decoration:line-through;text-decoration-color:rgba(224,40,63,.6)}
.s.on .dk-row.no{animation:shake .5s .9s}
@keyframes shake{25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}
/* taxi meter */
.meter.taxi{border-color:rgba(242,212,143,.5);background:radial-gradient(80% 120% at 50% 100%,rgba(242,212,143,.18),transparent 70%),#111}
.meter.taxi b{color:#ffcf5a;font-family:'Geist Mono';font-weight:600;letter-spacing:-.04em;text-shadow:0 0 30px rgba(255,207,90,.4)}
.eq-s{display:block;font-size:13px;color:var(--mute);margin-top:4px}
/* roads */
.s-roads{justify-items:center}
.roads{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:1200px}
.roads>div{border-radius:24px;padding:clamp(18px,2.4vw,32px);display:flex;flex-direction:column;gap:12px}
.road-a{background:rgba(255,255,255,.04);border:1px dashed rgba(244,239,228,.25);filter:saturate(.3)}
.road-b{background:linear-gradient(150deg,rgba(214,173,92,.25),rgba(13,32,56,.8));border:1px solid rgba(214,173,92,.6);box-shadow:0 30px 80px rgba(214,173,92,.15)}
.rn{font:600 11px 'Geist Mono';letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.road-a .rn{color:var(--mute)}
.roads ul{list-style:none;display:flex;flex-direction:column;gap:8px;font-size:clamp(15px,1.25vw,19px)}
.road-a li:before{content:'— ';color:var(--mute)}
.road-b li:before{content:'✓ ';color:var(--gold-l);font-weight:700}
.roads b{font:500 clamp(16px,1.3vw,20px) Fraunces;color:var(--ivory)}
.road-b b{color:var(--gold-l)}
/* dream timeline */
.s-dream{grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(20px,4vw,70px)}
.dream{list-style:none;display:flex;flex-direction:column;gap:10px;position:relative}
.dream:before{content:'';position:absolute;left:52px;top:10px;bottom:10px;width:2px;background:linear-gradient(var(--gold-d),var(--gold-l))}
.dream li{display:grid;grid-template-columns:104px 1fr;gap:16px;align-items:center;background:rgba(13,32,56,.75);border:1px solid var(--faint);border-radius:16px;padding:14px 18px;font-size:clamp(14px,1.15vw,17px);position:relative}
.dream time{font:600 12px 'Geist Mono';color:var(--gold-l);text-align:center;background:var(--navy);border:1px solid rgba(214,173,92,.5);border-radius:99px;padding:5px 0;z-index:1}
.dream li.win{border-color:rgba(214,173,92,.7);background:linear-gradient(120deg,rgba(214,173,92,.25),rgba(13,32,56,.75))}
.dream b{color:var(--ivory)}
/* anchor */
.s-anchor{grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(20px,4vw,70px)}
.hire{display:flex;flex-direction:column;gap:8px}
.hr{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border-radius:14px;background:rgba(13,32,56,.7);border:1px solid var(--faint);font-size:clamp(14px,1.15vw,17px)}
.hr b{font:600 15px 'Geist Mono';color:var(--ivory)}
.hr.tot{background:rgba(224,40,63,.14);border-color:rgba(224,40,63,.5);padding:18px}
.hr.tot span{font:500 clamp(18px,1.5vw,24px) Fraunces}
.hr.tot b{font:400 clamp(30px,3vw,48px) Fraunces;color:#ff8b98}
.hr-joke{font:italic 400 clamp(17px,1.4vw,22px) Fraunces;color:var(--gold-l);margin-top:6px}
/* stack */
.s-stack{grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(20px,4vw,60px)}
.stack-total{margin-top:20px;background:rgba(13,32,56,.8);border:1px solid rgba(214,173,92,.5);border-radius:24px;padding:24px}
.stack-total small{font:500 11px 'Geist Mono';letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.stack-total b{display:block;font:400 clamp(48px,5.6vw,96px)/1 Fraunces;color:var(--gold-l);font-variant-numeric:tabular-nums;margin-top:8px;transition:text-shadow .4s}
.stack-total.done b{text-shadow:0 0 40px rgba(242,212,143,.55);animation:popT .5s var(--spring)}
@keyframes popT{50%{transform:scale(1.06)}}
.stack{list-style:none;display:flex;flex-direction:column;gap:7px}
.stack li{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:11px 16px;border-radius:14px;background:rgba(13,32,56,.85);border:1px solid var(--faint);opacity:0;transform:translateY(-30px) scale(.96);transition:opacity .45s var(--ease),transform .6s var(--spring)}
.stack li.in{opacity:1;transform:none}
.stack li span{font-size:24px}
.stack li b{display:block;font-size:clamp(13.5px,1.05vw,16px)}
.stack li small{font-size:12.5px;color:var(--mute)}
.stack li em{font:600 clamp(13px,1vw,15px) 'Geist Mono';font-style:normal;color:var(--gold-l);white-space:nowrap}
.stack li.bonus{border-color:rgba(127,216,176,.5);background:linear-gradient(120deg,rgba(127,216,176,.15),rgba(13,32,56,.85))}
.stack li.bonus em{color:var(--ok)}
.stack-fine{grid-column:1/-1;text-align:center}
/* price drop */
.s-price{justify-items:center;text-align:center}
.drops{display:flex;gap:clamp(14px,3vw,50px);justify-content:center;flex-wrap:wrap}
.drop{display:flex;flex-direction:column;align-items:center;gap:4px}
.drop s{font:400 clamp(26px,3vw,48px) Fraunces;color:rgba(244,239,228,.45);text-decoration:none;position:relative}
.drop s:after{content:'';position:absolute;left:-6%;right:-6%;top:52%;height:4px;border-radius:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.s.on .drop s:after{transform:scaleX(1)}
.s.on .d1 s:after{transition-delay:.9s}.s.on .d2 s:after{transition-delay:1.5s}.s.on .d3 s:after{transition-delay:2.1s}
.drop small{font-size:12.5px;color:var(--mute);max-width:220px}
.final{margin-top:6px;background:linear-gradient(160deg,#f7f1e3,#e9dcbd);color:var(--navy);border-radius:30px;padding:clamp(20px,3vw,40px) clamp(30px,5vw,80px);box-shadow:0 50px 120px rgba(0,0,0,.5);position:relative;overflow:hidden}
.s.on .final{transition-delay:2.6s!important}
.final small{font:500 11px 'Geist Mono';letter-spacing:.16em;text-transform:uppercase;color:#7a6a45}
.final .pr{margin:8px 0 6px}
.final p{font-size:clamp(15px,1.2vw,19px);color:#444}
.final p strong{color:var(--navy)}
.final:after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.7) 50%,transparent 60%);transform:translateX(-120%)}
.s.on .final:after{animation:sweep 2s 3.2s var(--ease) both}
.eq2{display:grid;grid-template-columns:repeat(3,minmax(0,240px));gap:12px}
.eq2 div{border:1px solid rgba(214,173,92,.35);border-radius:16px;padding:14px;background:rgba(13,32,56,.6)}
.eq2 b{display:block;font:400 34px Fraunces;color:var(--gold-l)}
.eq2 span{font-size:13px;color:var(--mute)}
/* objections */
.s-obj{justify-items:center}
.objs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:1200px;perspective:1200px}
.ob{position:relative;min-height:150px;border-radius:20px;transform-style:preserve-3d;transition:transform .7s var(--spring);text-align:left}
.ob .q,.ob .a{position:absolute;inset:0;border-radius:20px;padding:20px;backface-visibility:hidden;display:flex;align-items:center}
.ob .q{background:rgba(13,32,56,.85);border:1px solid rgba(214,173,92,.4);font:500 clamp(19px,1.7vw,26px)/1.2 Fraunces;color:var(--ivory)}
.ob .q:after{content:'tap ↻';position:absolute;right:14px;bottom:10px;font:500 10px 'Geist Mono';color:var(--gold);letter-spacing:.14em}
.ob .a{background:linear-gradient(150deg,#f7f1e3,#e9dcbd);color:var(--navy);transform:rotateY(180deg);font-size:clamp(14px,1.1vw,16.5px);line-height:1.4}
.ob.flip{transform:rotateY(180deg)}
.s.on [data-a].ob.flip{transform:rotateY(180deg)}
/* why now */
.s-now{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(20px,4vw,70px)}
.cal{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cm{border-radius:20px;padding:22px;border:1px solid var(--faint);background:rgba(13,32,56,.6)}
.cm b{display:block;font:400 clamp(34px,3.4vw,56px) Fraunces;color:var(--mute)}
.cm span{font-size:14px;color:var(--mute)}
.cm.on{border-color:rgba(214,173,92,.6);background:linear-gradient(150deg,rgba(214,173,92,.22),rgba(13,32,56,.7))}
.cm.on b{color:var(--gold-l)}.cm.on span{color:var(--ivory)}
/* two choices */
.s-choice{justify-items:center}
.choices{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:1150px}
.ch{border-radius:24px;padding:clamp(20px,2.6vw,36px);display:flex;flex-direction:column;gap:10px}
.ch.a{background:rgba(255,255,255,.04);border:1px dashed rgba(244,239,228,.25)}
.ch.b{background:linear-gradient(150deg,rgba(214,173,92,.3),rgba(13,32,56,.85));border:1px solid rgba(214,173,92,.7);transform:scale(1.02)}
.tagc{font:600 11px 'Geist Mono';letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.ch b{font:400 clamp(24px,2.4vw,38px)/1.1 Fraunces}
.ch p{color:rgba(244,239,228,.78);font-size:clamp(14.5px,1.15vw,18px)}
.s-choice h2{font-size:clamp(28px,3.2vw,54px)!important}
.road2{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.road2 span{padding:10px 16px;border-radius:99px;border:1px solid rgba(214,173,92,.45);font-size:14px;background:rgba(13,32,56,.6)}
@media(max-width:900px){
.meme-split,.roads,.choices,.objs,.cal{grid-template-columns:1fr}
.s-dream,.s-anchor,.s-stack,.s-now{grid-template-columns:1fr}
.dk-row{grid-template-columns:90px 1fr;min-height:120px}
.dream li{grid-template-columns:84px 1fr}
.dream:before{left:42px}
.eq2{grid-template-columns:1fr}
.ob{min-height:130px}
.stack li{grid-template-columns:34px 1fr;}
.stack li em{grid-column:2}
}