/* Continuation of the approved print-comic aesthetic, not a new design system.
   DESIGN_VARIANCE 8 / MOTION_INTENSITY 2 / VISUAL_DENSITY 6.
   Preserves paper/ink/yellow tokens, original chapters and persistent Telegram.
   Two unequal narrative panels lead into one invitation; no results invented. */
.lockin-chapter{border-top:5px solid var(--ink);padding:32px 16px 32px;scroll-margin-top:84px;outline:none}
.lockin-chapter:focus-visible{outline:3px solid var(--yellow);outline-offset:-3px}
.lockin-heading{margin-bottom:30px;max-width:1100px}
.lockin-heading h2{font-size:clamp(32px,4.4vw,64px);line-height:1.03;letter-spacing:-.06em;margin:0;font-weight:900}
.lockin-heading h2 span{white-space:nowrap;background:linear-gradient(transparent 80%,var(--yellow) 80%,var(--yellow) 96%,transparent 96%)}
.lockin-heading p{margin:18px 0 0;font-size:14px;color:var(--muted);line-height:1.5}
.lockin-layout{display:grid;grid-template-columns:1fr 1.65fr;gap:22px;align-items:start;padding:0 3px}
.lockin-main-frame,.lockin-sharing-frame{min-width:0;border:3px solid var(--ink);box-shadow:4px 5px 0 var(--ink);background:var(--paper)}
.lockin-main-frame{transform:rotate(-.4deg)}
.lockin-sharing-frame{transform:rotate(.65deg);margin-top:40px}
.lockin-layout img{display:block;width:100%;height:auto;border-bottom:3px solid var(--ink)}
.lockin-narration{padding:22px 25px 24px}
.lockin-narration h3{font-family:Cocoa,Onest,sans-serif;font-size:clamp(22px,2.1vw,30px);font-weight:400;line-height:1.18;margin:0 0 16px}
.lockin-narration p{font-size:clamp(14px,1.15vw,17px);line-height:1.65;margin:0 0 12px;max-width:64ch}
.lockin-narration p:last-child{margin-bottom:0}
.startup-invitation{margin:40px 3px 0;border:3px solid var(--ink);padding:32px 38px 36px;position:relative;background:var(--paper);box-shadow:5px 5px 0 var(--ink)}
.startup-invitation:before{content:'';position:absolute;inset:0 auto 0 0;width:10px;background:var(--yellow)}
.startup-invitation h3{font-size:clamp(30px,3.4vw,49px);line-height:1.07;letter-spacing:-.05em;margin:0 0 24px;max-width:900px;font-weight:900}
.startup-invitation h3 span{background:var(--yellow);padding:0 5px}
.startup-invitation p{max-width:760px;font-size:16px;line-height:1.65;margin:0 0 14px}
.startup-invitation strong{font-weight:800}
.lockin-cta{max-width:460px;margin-top:25px}
.bot-entry{margin-top:22px;font-size:14px;gap:10px;padding-inline:12px}
@media(min-width:768px) and (max-width:1023px){.lockin-layout{gap:16px;grid-template-columns:1fr 1.4fr}.lockin-narration{padding:18px}.lockin-narration h3{font-size:23px}}
@media(max-width:767px){
  .lockin-chapter{padding:26px 10px 30px;scroll-margin-top:8px;border-top-width:4px}
  .lockin-heading{margin-bottom:25px}.lockin-heading h2{font-size:clamp(31px,9vw,49px)}.lockin-heading p{font-size:12px;max-width:36ch;margin-top:15px}
  .lockin-layout{grid-template-columns:1fr;gap:28px;padding-inline:2px}
  .lockin-main-frame,.lockin-sharing-frame{border-width:2px;box-shadow:3px 4px 0 var(--ink)}.lockin-sharing-frame{margin-top:0}
  .lockin-layout img{border-bottom-width:2px}.lockin-narration{padding:19px 16px 22px}.lockin-narration h3{font-size:23px}.lockin-narration p{font-size:14px}
  .startup-invitation{padding:23px 17px 26px 22px;margin:30px 2px 0;border-width:2px;box-shadow:3px 4px 0 var(--ink)}
  .startup-invitation:before{width:5px}.startup-invitation h3{font-size:clamp(28px,7.5vw,40px);margin-bottom:20px}.startup-invitation h3 br{display:none}.startup-invitation p{font-size:14px}
  .lockin-cta{font-size:12px;white-space:normal;line-height:1.4;padding:12px 10px;gap:10px}.lockin-cta span{flex-shrink:0}
}