:root{--orange:#FF8E03;--amber:#FFC233;--cream:#FFF6E3;--ink:#1D1206;--rind:#5A3A10;--leaf:#1F7A3A;--serif:"DM Serif Display","Didot","Bodoni 72",Georgia,serif;--sans:"Hanken Grotesk",-apple-system,"Helvetica Neue",Arial,sans-serif;}*{box-sizing:border-box;margin:0;padding:0}html{min-height:100dvh;display:flex;align-items:center;overflow-x:clip;background-color:var(--orange);background-image: radial-gradient(circle at 50% -12%,var(--amber) 0,var(--amber) 34%,rgba(255,194,51,0) 72%),radial-gradient(circle at 108% 104%,rgba(255,194,51,.55) 0,rgba(255,194,51,0) 46%);-webkit-text-size-adjust:100%;}body{width:100%;max-width:430px;height:100dvh;margin:0 auto;display:flex;flex-direction:column;padding:calc(10px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) calc(20px + env(safe-area-inset-left));font-family:var(--sans);font-weight:400;color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow-x:clip;}main{flex:1;min-height:0;display:flex;flex-direction:column}.bar{display:flex;align-items:center;gap:10px;min-height:52px}.bar img{width:52px;height:52px;border-radius:13px;display:block;flex:none}.bar span{font-weight:600;font-size:clamp(.9rem,.86rem + .2vw,1rem);letter-spacing:-.01em}h1{font-family:var(--serif);font-weight:400;font-size:clamp(1.72rem,1.2rem + 2.5vw,2.3rem);line-height:1.06;letter-spacing:-.012em;margin-top:10px;text-wrap:balance;}.sub{margin-top:8px;font-size:clamp(.92rem,.88rem + .2vw,1rem);line-height:1.4;max-width:36ch;}.stack{position:relative;flex:1;min-height:190px;margin-top:8px;overscroll-behavior:contain;border-radius:24px;outline:none;}.stack:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.card{position:absolute;top:58px;left:0;right:0;bottom:0;border-radius:24px;padding:16px 18px;background:rgba(255,246,227,.66);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);border:1px solid rgba(255,246,227,.7);transform-origin:50% 0;will-change:transform,opacity;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;display:flex;flex-direction:column;overflow:hidden;}.card.offer{background:var(--cream);-webkit-backdrop-filter:none;backdrop-filter:none;border-color:var(--cream)}.card:active{cursor:grabbing}.cb{display:flex;flex-direction:column;flex:1;min-height:0}.lab{display:flex;align-items:center;gap:7px;font-weight:600;font-size:clamp(.78rem,.76rem + .1vw,.84rem);letter-spacing:.06em;text-transform:uppercase;color:var(--rind);}.lab svg{width:15px;height:15px;flex:none}.offer .lab{color:var(--leaf);min-height:26px;margin-top:-4px}.card h2{font-family:var(--serif);font-weight:400;font-size:clamp(1.4rem,1.2rem + 1vw,1.7rem);line-height:1.1;margin-top:10px;}.card p{margin-top:6px;font-size:clamp(.92rem,.9rem + .1vw,.98rem);line-height:1.4;max-width:32ch}.rows{margin-top:auto;border-top:1px solid rgba(29,18,6,.14)}.rows div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;font-size:clamp(.88rem,.86rem + .1vw,.94rem);line-height:1.25}.rows div + div{border-top:1px solid rgba(29,18,6,.14)}.rows span:first-child{color:var(--rind)}.rows span:last-child{font-weight:600;text-align:right}.offer h2{margin-top:6px}.card:not(.offer) p{margin-top:auto;padding-top:8px}.ctl{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.rb{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,246,227,.7);background:rgba(255,246,227,.5);color:var(--ink);display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;font:inherit;flex:none;}.rb svg{width:18px;height:18px}.rb:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.rb[aria-disabled="true"]{opacity:.45}.mid{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.hint{font-size:clamp(.8rem,.78rem + .1vw,.86rem);font-weight:600;line-height:1.2}.dots{display:flex;gap:6px}.dots i{width:7px;height:7px;border-radius:50%;background:var(--ink);opacity:.28}.dots i.on{opacity:1}.act{margin-top:8px}.cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;border-radius:17px;background:#14100A;color:var(--cream);font-weight:600;font-size:clamp(1.02rem,1rem + .2vw,1.1rem);letter-spacing:-.005em;text-decoration:none;will-change:transform;}.cta:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.ready{margin-top:7px;font-size:clamp(.8rem,.78rem + .1vw,.86rem);line-height:1.35;text-align:center}footer{padding-top:8px;font-size:clamp(.75rem,.74rem + .05vw,.78rem);line-height:1.3;text-align:center;color:var(--ink)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media (hover: hover){.rb:hover{background:rgba(255,246,227,.78)}.cta:hover{background:#2A2013}}@media (min-width: 700px){html{background-image: radial-gradient(circle at 50% 50%,var(--amber) 0,var(--amber) 300px,rgba(255,194,51,0) 640px),radial-gradient(circle at 4% 96%,rgba(255,194,51,.5) 0,rgba(255,194,51,0) 38%),radial-gradient(circle at 96% 4%,rgba(255,194,51,.5) 0,rgba(255,194,51,0) 38%);}body{height:min(100dvh,840px);padding-top:18px;padding-bottom:14px}.bar{min-height:96px;gap:14px}.bar img{width:96px;height:96px;border-radius:22px}}@media (max-height: 640px){.sub{display:none}}@media (prefers-reduced-motion: reduce){.card{transition:opacity .2s}}