/* The free guide card (r9c): the one-pager on the left, name and email on the right, over the site behind a charcoal veil.
   Same family as the YPO card (pulse.css): paper card, amber top rule. Phones: a bottom sheet, the sheet picture dropped. */
.gpop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px}
.gpop[hidden]{display:none}
.gpop-scrim{position:absolute;inset:0;background:var(--tz-charcoal);opacity:0;transition:opacity .4s ease}
.gpop.on .gpop-scrim{opacity:.56}
.gpop-card{position:relative;width:min(860px,100%);max-height:calc(100svh - 32px);overflow:auto;background:var(--tz-paper);color:var(--tz-charcoal);
  border-top:3px solid var(--tz-amber);outline:none;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;
  opacity:0;transform:translateY(28px);transition:opacity .45s cubic-bezier(.22,.61,.36,1),transform .55s cubic-bezier(.22,.61,.36,1)}
.gpop.on .gpop-card{opacity:1;transform:none}
.gpop .guide{margin:0;align-self:stretch;display:grid;place-items:center;background:var(--tz-stone);padding:44px 34px}
.gpop .guide-sheet{width:min(100%,300px);opacity:1;transform:rotate(-2.2deg) translateY(10px);transition:transform .8s cubic-bezier(.22,.61,.36,1) .1s}
.gpop.on .guide-sheet{transform:rotate(-2.2deg)}
.gpop-body{padding:40px 44px 32px}
.gpop-body .eyebrow{margin-bottom:14px}
.gpop-body h2{font-size:clamp(1.6rem,2.4vw,2.1rem);line-height:1.12;color:var(--tz-oxblood);max-width:18ch}
.gpop-body .cap-line{margin-top:12px;font-size:17px;line-height:1.5;max-width:42ch}
.gpop-body .cap-form{margin-top:24px;max-width:none;gap:14px}
.gpop-body .cap-field input{background:var(--tz-paper)}
.gpop-body .cap-consent{opacity:.86}
.gpop-body .cap-thanks{margin-top:26px}
.gpop-body .cap-thanks p{font-size:19px;line-height:1.45;color:var(--tz-oxblood);margin-bottom:20px;max-width:36ch}
.gpop-x{z-index:1}
/* the guide sheet (from the r9 offer section) */
.guide-sheet{position:relative;aspect-ratio:1/1.32;background:var(--tz-paper);border:1px solid var(--hair);padding:28px 26px 22px;display:flex;flex-direction:column;transform-origin:50% 60%;box-shadow:0 18px 34px -24px color-mix(in srgb,var(--tz-charcoal) 50%,transparent)}
.g-mark{width:90px;height:auto}
.g-kicker{margin-top:24px;font-family:'Oswald',sans-serif;font-weight:400;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--tz-oxblood)}
.g-title{margin-top:8px;font-family:'Source Sans 3',sans-serif;font-weight:600;font-size:18px;line-height:1.22;color:var(--tz-oxblood);max-width:17ch}
.g-faint{display:block;height:5px;width:var(--w);margin-top:11px;background:var(--tz-stone)}
.g-title + .g-faint{margin-top:18px}
.g-tasks{margin:14px 0 6px;display:grid;gap:8px}
.g-tasks li{position:relative;padding-left:20px;font-size:13px;line-height:1.3;color:var(--tz-charcoal)}
.g-tasks li::before{content:"";position:absolute;left:4px;top:.15em;width:1.5px;height:.95em;background:var(--tz-amber);transform:skewX(-28deg)}
@media (max-width:760px){
  .gpop{padding:0;align-items:end}
  .gpop-card{grid-template-columns:1fr;width:100%;max-height:94svh;transform:translateY(40px)}
  .gpop .guide{display:none}
  .gpop-body{padding:30px 20px 22px}
  .gpop-body h2{font-size:1.5rem;padding-right:36px}
}
@media (prefers-reduced-motion:reduce){.gpop-scrim,.gpop-card,.gpop .guide-sheet{transition:none}}