.checklist-booklet{--booklet-accent:#43ffd2;--booklet-accent-2:#0796ff;position:relative;width:min(100%,220px);aspect-ratio:3/4;isolation:isolate;container-type:inline-size;font-family:'Geist',sans-serif;filter:drop-shadow(0 20px 24px rgba(4,22,36,.24))}
.checklist-booklet::before,.checklist-booklet::after{content:"";position:absolute;border-radius:4px 11px 11px 4px;background:#fff;border:1px solid rgba(8,33,50,.12)}
.checklist-booklet::before{inset:7px -8px -7px 8px;z-index:-2}.checklist-booklet::after{inset:3px -4px -3px 4px;z-index:-1}
.checklist-booklet__cover{position:absolute;inset:0;overflow:hidden;padding:13% 10% 10%;border:1px solid rgba(255,255,255,.18);border-radius:4px 10px 10px 4px;background:radial-gradient(circle at 88% 12%,rgba(67,255,210,.25),transparent 30%),linear-gradient(145deg,#071727 0%,#0b3654 64%,#075866 100%);color:#fff;box-shadow:inset 8px 0 15px rgba(0,0,0,.22)}
.checklist-booklet__cover::before{content:"";position:absolute;inset:0;opacity:.14;background-image:radial-gradient(circle,rgba(255,255,255,.8) 1px,transparent 1px);background-size:16px 16px}
.checklist-booklet__cover::after{content:"";position:absolute;left:8%;right:8%;bottom:9%;height:1px;background:rgba(255,255,255,.2)}
.checklist-booklet__top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--booklet-accent);font:700 clamp(6px,2.2cqw,9px)/1 'Geist Mono',monospace;letter-spacing:.11em;text-transform:uppercase}
.checklist-booklet__top img{width:22%;height:auto}
.checklist-booklet__cover strong{position:relative;display:block;margin-top:18%;font:700 clamp(18px,8.5cqw,31px)/.98 'Geist',sans-serif;letter-spacing:-.035em}
.checklist-booklet__cover small{position:relative;display:block;margin-top:9%;max-width:90%;color:rgba(255,255,255,.68);font-size:clamp(7px,2.8cqw,10px);line-height:1.5}
.checklist-booklet__checks{position:relative;display:grid;gap:6px;margin-top:12%}.checklist-booklet__checks i{display:block;width:76%;height:4px;border-radius:99px;background:rgba(255,255,255,.2)}.checklist-booklet__checks i::before{content:'✓';display:grid;place-items:center;width:13px;height:13px;transform:translateY(-4px);border-radius:50%;background:var(--booklet-accent);color:#071727;font:900 8px/1 sans-serif}.checklist-booklet__checks i:nth-child(2){width:62%}.checklist-booklet__checks i:nth-child(3){width:70%}
.checklist-booklet__pdf{position:absolute;left:10%;bottom:11%;z-index:1;color:var(--booklet-accent);font:700 clamp(6px,2.3cqw,9px)/1 'Geist Mono',monospace;letter-spacing:.12em}
.checklist-booklet__spine{position:absolute;z-index:3;left:0;top:0;bottom:0;width:6%;border-radius:4px 0 0 4px;background:linear-gradient(90deg,rgba(0,0,0,.35),rgba(255,255,255,.09),rgba(0,0,0,.18));pointer-events:none}
.checklist-booklet--agent{--booklet-accent:#8ef4ff;--booklet-accent-2:#0796ff}.checklist-booklet--agent .checklist-booklet__cover{background:radial-gradient(circle at 84% 14%,rgba(142,244,255,.3),transparent 31%),linear-gradient(145deg,#061c36 0%,#075da2 62%,#0796ff 100%)}
.checklist-booklet--subaccount{--booklet-accent:#b7ffe9;--booklet-accent-2:#0bdeb1}.checklist-booklet--subaccount .checklist-booklet__cover{background:radial-gradient(circle at 84% 14%,rgba(183,255,233,.3),transparent 31%),linear-gradient(145deg,#062b32 0%,#087e73 60%,#0bba99 100%)}
.checklist-booklet-stage{display:grid;place-items:center;height:100%;padding:13px;background:radial-gradient(circle at 50% 30%,rgba(67,255,210,.2),transparent 38%),linear-gradient(145deg,#e8f5fa,#dff8ef)}
.h-\[210px\]{height:270px}
.checklist-booklet-stage .checklist-booklet{height:100%;width:auto;max-height:244px;transform:rotate(-2deg);transition:transform .35s ease}.group:hover .checklist-booklet-stage .checklist-booklet{transform:translateY(-4px) rotate(0)}
.checklist-booklet-stage .checklist-booklet__cover strong{font-size:20px;line-height:.96;margin-top:14%}
.checklist-booklet-stage .checklist-booklet__cover small{font-size:8px;margin-top:7%}
.checklist-booklet-stage .checklist-booklet__checks{gap:5px;margin-top:9%}
@media(max-width:560px){.checklist-booklet__cover strong{font-size:clamp(16px,8.5cqw,25px)}}

/* Locked-guide previews use the same booklet language without exposing guide screenshots. */
.guide-lock-page:has(img[src*="first-votel-agent"]),.guide-lock-page:has(img[src*="votel-sub-account"]),.wl-gate-page:has(img[src*="votel-white-label"]){inset:8px auto 8px 50%;width:238px;overflow:visible;border:1px solid rgba(255,255,255,.2);border-radius:5px 13px 13px 5px;background:radial-gradient(circle at 85% 12%,rgba(67,255,210,.28),transparent 30%),linear-gradient(145deg,#071727,#0b3654 62%,#075866);box-shadow:8px 8px 0 #fff,9px 9px 0 rgba(8,33,50,.15),0 24px 55px rgba(8,33,50,.25);transform:translateX(-50%) rotate(3deg)}
.guide-lock-page:has(img[src*="first-votel-agent"]){background:radial-gradient(circle at 85% 12%,rgba(142,244,255,.3),transparent 30%),linear-gradient(145deg,#061c36,#075da2 62%,#0796ff)}
.guide-lock-page:has(img[src*="votel-sub-account"]){background:radial-gradient(circle at 85% 12%,rgba(183,255,233,.3),transparent 30%),linear-gradient(145deg,#062b32,#087e73 60%,#0bba99)}
.guide-lock-page:has(img[src*="first-votel-agent"]) img,.guide-lock-page:has(img[src*="votel-sub-account"]) img,.wl-gate-page:has(img[src*="votel-white-label"]) img{display:none}
.guide-lock-page:has(img[src*="first-votel-agent"]) .guide-lock-lines,.guide-lock-page:has(img[src*="votel-sub-account"]) .guide-lock-lines,.wl-gate-page:has(img[src*="votel-white-label"]) .wl-gate-lines{display:none}
.guide-lock-page:has(img[src*="first-votel-agent"])::before,.guide-lock-page:has(img[src*="votel-sub-account"])::before,.wl-gate-page:has(img[src*="votel-white-label"])::before{position:absolute;inset:16% 10%;color:#fff;font:700 29px/.98 'Geist',sans-serif;letter-spacing:-.035em;white-space:pre-line}
.guide-lock-page:has(img[src*="first-votel-agent"])::before{content:"Build Your First\A AI Agent"}.guide-lock-page:has(img[src*="votel-sub-account"])::before{content:"Launch Your First\A Sub-Account"}.wl-gate-page:has(img[src*="votel-white-label"])::before{content:"White-Label\A Agency Setup"}
.guide-lock-page:has(img[src*="first-votel-agent"])::after,.guide-lock-page:has(img[src*="votel-sub-account"])::after,.wl-gate-page:has(img[src*="votel-white-label"])::after{content:"PDF CHECKLIST  ✓  ✓  ✓";position:absolute;left:10%;right:10%;bottom:12%;padding-top:14px;border-top:1px solid rgba(255,255,255,.22);color:#8fffe2;font:700 8px/1 'Geist Mono',monospace;letter-spacing:.11em}
@media(max-width:560px){.guide-lock-page:has(img),.wl-gate-page:has(img){width:190px}.guide-lock-page:has(img)::before,.wl-gate-page:has(img)::before{font-size:23px}}