@layer components{.hero{text-align:center;padding:72px 0 96px;position:relative}.hero .lede{margin:0 auto 36px;font-size:22px}.hero .lede strong{color:var(--ink)}.hero-sub{color:var(--ink-soft);margin-top:16px;font-size:14px}.manifesto{background:var(--ink);color:var(--paper);padding:110px 0}.manifesto blockquote{font-family:var(--font-display);letter-spacing:-.015em;max-width:900px;font-size:clamp(28px,4vw,46px);font-weight:600;line-height:1.2}.manifesto blockquote mark{color:var(--kraft);background:0 0}.manifesto .facts{border-top:1px solid color-mix(in srgb, var(--paper) 20%, transparent);grid-template-columns:repeat(3,1fr);gap:32px;margin-top:72px;padding-top:36px;display:grid}.manifesto .facts p{color:color-mix(in srgb, var(--paper) 70%, transparent);font-size:16px}.manifesto .facts b{color:var(--paper);font-family:var(--font-display);margin-bottom:6px;font-size:22px;display:block}section.section-block{padding:110px 0}.steps{counter-reset:s;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:56px;list-style:none;display:grid}.steps li{counter-increment:s;color:var(--ink-soft);border-top:2px solid var(--ink);padding-top:18px;font-size:15px}.steps li:before{content:"0" counter(s);font-family:var(--font-marker);color:var(--red);margin-bottom:10px;font-size:28px;line-height:1;display:block}.steps b{color:var(--ink);font-family:var(--font-display);margin-bottom:4px;font-size:20px;display:block}.example{background:var(--paper-2)}.unbox{grid-template-columns:1fr 1.1fr;align-items:start;gap:56px;margin-top:56px;display:grid}.letter{background:var(--surface);box-shadow:0 1px 0 var(--line), 0 24px 50px -24px color-mix(in srgb, var(--ink) 40%, transparent);background-image:repeating-linear-gradient(transparent 0 33px, color-mix(in srgb, var(--blue) 12%, transparent) 33px 34px);font-family:var(--font-hand);color:var(--letter-ink);background-position:0 30px;padding:40px 36px 32px;font-size:24px;line-height:34px;position:relative;transform:rotate(-1.5deg)}.letter p+p{margin-top:0}.letter p{margin-bottom:0}.letter p:not(:first-of-type):not(.sig){text-indent:1.2em}.letter .sig{text-align:right;margin-top:8px;font-weight:700}.letter-tag,.concept-tag{font:700 11px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;background:var(--ink);color:var(--paper);border-radius:var(--radius-pill);padding:7px 12px;position:absolute}.letter-tag{top:-14px;left:24px}.box-contents h3{margin-bottom:8px}.box-contents ul{list-style:none}.box-contents li{border-top:1px solid var(--line);color:var(--ink-soft);padding:18px 0;font-size:15px}.box-contents li:last-child{border-bottom:1px solid var(--line)}.box-contents li b{color:var(--ink);margin:8px 0 2px;font-size:17px;display:block}.tag{font:700 11px/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;border-radius:var(--radius-pill);color:var(--on-accent);padding:6px 10px;display:inline-block}.tag-thing{background:var(--blue)}.tag-path{background:var(--green)}.tag-secrets{background:var(--kraft-dark)}.tag-challenge{background:var(--red)}.sub{margin:88px 0 28px;font-size:30px}.weeks{grid-template-columns:repeat(4,1fr);gap:20px;list-style:none;display:grid}.weeks li{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;padding:24px 22px;display:flex}.wk{font-family:var(--font-marker);color:var(--red);font-size:20px}.weeks h4{font-family:var(--font-display);margin:6px 0 10px;font-size:22px;line-height:1.15}.weeks p{color:var(--ink-soft);font-size:15px}.weeks p:not(.by){margin-bottom:18px}.weeks .by{color:var(--ink);border-top:1px dashed var(--line);margin-top:auto;padding-top:16px;font-size:14px;font-weight:700}.secrets{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.card{background:var(--surface);color:var(--ink-soft);box-shadow:0 14px 30px -18px color-mix(in srgb, var(--ink) 45%, transparent);border-top:6px solid var(--kraft-dark);transition:transform var(--duration-normal) ease;padding:24px 22px;font-size:15px;transform:rotate(-1.2deg)}.card:nth-child(2n){transform:rotate(1.2deg)}.card:hover{transform:rotate(0)translateY(-4px)}.card b{font-family:var(--font-display);color:var(--ink);margin-bottom:8px;font-size:19px;line-height:1.2;display:block}.challenge{background:var(--red);color:var(--on-accent);border-radius:var(--radius-lg);background-image:linear-gradient(155deg,#0000 49.6%,#00000014 50%,#0000 50.4%),linear-gradient(25deg,#0000 49.6%,#00000014 50%,#0000 50.4%);margin-top:88px;padding:48px}.challenge .tag{background:var(--on-accent);color:var(--red)}.challenge h3{margin:16px 0 12px;font-size:clamp(28px,4vw,40px);font-weight:900}.challenge p{opacity:.95;max-width:760px;font-size:18px}.before-after{grid-template-columns:1fr auto 1.4fr;align-items:center;gap:24px;margin-top:72px;display:grid}.ba span{font:700 12px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}.ba p{font-family:var(--font-display);color:var(--ink-soft);margin-top:8px;font-size:26px;line-height:1.25}.ba-after p{color:var(--ink);font-weight:600}.ba-arrow{font-family:var(--font-marker);color:var(--red);font-size:48px}.boxes-section{background:var(--paper-2)}.boxes-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:32px;margin-bottom:56px;display:flex}.boxes-head .lede{margin-top:14px}.boxes{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.box{background:var(--paper);border-radius:var(--radius);border:1px solid var(--line);transition:transform var(--duration-normal) ease, box-shadow var(--duration-normal) ease;flex-direction:column;display:flex;overflow:hidden}.box:hover{box-shadow:0 24px 40px -24px color-mix(in srgb, var(--ink) 40%, transparent);transform:translateY(-4px)}.box-art{aspect-ratio:4/3;background:var(--kraft-surface);place-items:center;display:grid;position:relative}.box-art:before{content:"";background:var(--tape);border-left:1px dashed var(--tape-line);border-right:1px dashed var(--tape-line);width:46px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.label{background:var(--surface);box-shadow:var(--shadow-sticker);text-align:center;min-width:62%;padding:14px 20px 12px;position:relative;transform:rotate(-2deg)}.label small{font:700 10px/1 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:6px;display:block}.label strong{font-family:var(--font-marker);font-size:28px;font-weight:400;line-height:1}.box[data-accent=blue] .label strong,.box-dialog[data-accent=blue] .label strong{color:var(--blue)}.box[data-accent=green] .label strong,.box-dialog[data-accent=green] .label strong{color:var(--green)}.box[data-accent=red] .label strong,.box-dialog[data-accent=red] .label strong{color:var(--red)}.concept-tag{top:14px;left:14px}.box:nth-child(2) .label{transform:rotate(1.5deg)}.box-body{flex-direction:column;flex:1;padding:24px;display:flex}.box-body h3{margin-bottom:10px}.box-body p{color:var(--ink-soft);font-size:15px}.box-body ul{margin:16px 0 20px;font-size:14px;list-style:none}.box-body ul li{border-top:1px dashed var(--line);padding:7px 0}.box-body ul li:before{content:"→ ";color:var(--red);font-weight:700}.nerd{color:var(--ink-soft);align-items:center;gap:12px;margin-top:auto;font-size:14px;display:flex}.nerd b{color:var(--ink);font-weight:600}.nerd i{background:var(--ink);width:34px;height:34px;color:var(--paper);border-radius:50%;flex:none;place-items:center;font-size:13px;font-style:normal;font-weight:700;display:grid}.box{cursor:pointer;position:relative}.box-open{cursor:pointer;font:700 14px/1 var(--font-body);color:var(--red);background:0 0;border:0;align-self:flex-start;margin-top:18px;padding:0}.box-open:after{content:"";border-radius:var(--radius);position:absolute;inset:0}.box:hover .box-open{text-underline-offset:3px;text-decoration:underline}.box-open:focus-visible{outline:none}.box-open:focus-visible:after{outline:3px solid var(--kraft-dark);outline-offset:3px}.box-dialog{border:0;width:min(920px,100% - 32px);max-height:calc(100dvh - 48px);overflow:hidden}.box-dialog-inner{grid-template-columns:5fr 7fr;max-height:calc(100dvh - 48px);display:grid;position:relative}.box-dialog .box-art{aspect-ratio:auto;min-height:100%}.box-dialog .label{min-width:72%}.box-dialog-body{overscroll-behavior:contain;max-height:calc(100dvh - 48px);padding:40px 36px 32px;position:relative;overflow-y:auto}.box-dialog-body h2{padding-right:40px;font-size:clamp(28px,4vw,38px)}.box-dialog-pitch{color:var(--ink-soft);margin:12px 0 28px;font-size:16px}.box-dialog-body h3{font:700 12px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:10px}.box-dialog-inside{margin-bottom:28px;font-size:15px;list-style:none}.box-dialog-inside li{border-top:1px dashed var(--line);padding:8px 0}.box-dialog-inside li:before{content:"→ ";color:var(--red);font-weight:700}.box-dialog-weeks{gap:10px;margin-bottom:28px;list-style:none;display:grid}.box-dialog-weeks li{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink-soft);grid-template-columns:52px 1fr;align-items:baseline;gap:12px;padding:12px 14px;font-size:14px;display:grid}.box-dialog-weeks span{font-family:var(--font-hand);color:var(--kraft-dark);font-size:22px;line-height:1}.box-dialog-weeks b{font-family:var(--font-display);color:var(--ink);margin-bottom:2px;font-size:17px;display:block}.box-dialog-note{color:var(--ink-soft);margin:-12px 0 24px;font-size:14px}.box-dialog-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:20px;display:flex}.box-dialog-foot .nerd{margin-top:0}.box-dialog-close{background:var(--surface);width:38px;height:38px}@media (max-width:720px){.box-dialog-inner{grid-template-columns:1fr;overflow-y:auto}.box-dialog .box-art{min-height:150px}.box-dialog-body{max-height:none;padding:28px 20px 24px;overflow:visible}.box-dialog-close{position:fixed;top:36px;right:28px}}.coming{color:var(--ink-soft);margin-top:40px;font-size:15px}.coming span{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--paper);margin:4px 4px 0 0;padding:4px 12px;display:inline-block}.offer{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);grid-template-columns:minmax(0,4fr) minmax(0,6fr);align-items:center;gap:56px;margin-top:48px;padding:48px;display:grid}.offer-price .price{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:28px;font-size:76px;font-weight:900;line-height:1}.offer-price .price small{font:500 18px var(--font-body);letter-spacing:0;color:var(--ink-soft)}.offer-notes{list-style:none}.offer-notes li{border-top:1px dashed var(--line);color:var(--ink-soft);padding:16px 0;font-size:15px}.offer-notes li:first-child{border-top:0;padding-top:0}.offer-notes li:last-child{padding-bottom:0}.offer-notes b{font-family:var(--font-display);color:var(--ink);margin-bottom:2px;font-size:19px;display:block}.for-nerds{border-top:1px solid var(--line)}.nerd-card{background:var(--red);color:var(--on-accent);border-radius:var(--radius-lg);grid-template-columns:1.3fr 1fr;align-items:center;gap:48px;padding:64px;display:grid}.nerd-card h2{color:var(--on-accent)}.nerd-card .eyebrow{color:var(--on-accent);opacity:.8}.nerd-card p{opacity:.92;margin-top:18px;font-size:18px}.nerd-card ul{font-size:16px;list-style:none}.nerd-card ul li{border-top:1px solid color-mix(in srgb, var(--on-accent) 30%, transparent);padding:14px 0}.nerd-card ul li b{font-family:var(--font-display);font-size:20px;display:block}.nerd-card .btn{background:var(--on-accent);color:var(--ink);margin-top:28px}.nerd-card .btn:hover{background:var(--ink);color:var(--on-accent)}.waitlist{text-align:center;padding:120px 0 130px}.waitlist .sign{margin-bottom:36px;padding:24px 32px 20px;animation:none;transform:rotate(2deg)}.waitlist .sign h2{font-family:var(--font-marker);letter-spacing:0;font-size:clamp(34px,6vw,60px);font-weight:400}.waitlist .lede{margin:0 auto 32px}.waitlist-dialog{border:1px solid var(--line);overscroll-behavior:contain;width:min(520px,100% - 32px);max-height:calc(100dvh - 32px);overflow-y:auto}.waitlist-dialog-body{text-align:center;padding:64px 32px 28px;position:relative}.waitlist-dialog .sign{max-width:100%;margin:0 auto 24px;padding:18px 24px 16px;animation:none;transform:rotate(-2deg)}.waitlist-dialog .sign h2{font-family:var(--font-marker);letter-spacing:0;font-size:clamp(28px,6vw,36px);font-weight:400}.waitlist-dialog .lede{margin:0 auto 24px;font-size:17px}.waitlist-dialog input[type=email]{flex-basis:100%}.waitlist-dialog .btn{width:100%}.waitlist-dialog-close{background:var(--paper-2)}@media (max-width:900px){.nerd-card,.unbox{grid-template-columns:1fr;gap:40px}.boxes,.offer,.manifesto .facts{grid-template-columns:1fr}.offer{gap:32px;padding:36px 28px}.steps,.weeks,.secrets{grid-template-columns:1fr 1fr}.before-after{grid-template-columns:1fr;gap:12px}.ba-arrow{justify-self:start;transform:rotate(90deg)}.challenge{padding:36px 28px}.nerd-card{padding:40px 28px}section.section-block,.manifesto{padding:80px 0}}@media (max-width:480px){.waitlist-dialog-body{padding:64px 20px 24px}.hero{padding:48px 0 72px}.hero .lede{font-size:19px}.steps,.weeks,.secrets{grid-template-columns:1fr}.letter{padding:36px 22px 28px;font-size:22px}}@media (prefers-reduced-motion:reduce){.card,.box{transition:none}.box:hover{transform:none}.card:hover{transform:rotate(0)}}}
