/* The useful work appears alongside the invitation. Keep Fat Cat's paper and pencil. */
.inline-job{display:inline;border:0;border-radius:0;padding:0;background:transparent;font:inherit;line-height:inherit;color:var(--ink);text-decoration:underline;text-decoration-color:#a7a18f;text-decoration-thickness:1px;text-underline-offset:4px;min-height:24px}.inline-job:hover{color:var(--green);text-decoration-color:var(--green)}.inline-job:focus-visible{outline-offset:3px}.phone-preview-note{font-size:8px;letter-spacing:1px;text-align:center;color:var(--soft);margin:0 auto 10px}.story-feature{padding:63px 0}.day-world{padding-top:65px}.story-feature h2{font-size:44px}.world-heading h2{font-size:clamp(38px,4.1vw,54px)}.world-heading>p{max-width:58ch;margin-left:auto;margin-right:auto}.connection-section{padding-bottom:61px}.connection-section .world-heading h2{font-size:clamp(38px,4.1vw,54px)}.connection-picker{margin-top:24px;margin-bottom:26px}.connection-footer>p{font-size:10px;line-height:1.75}.closing-note{padding:60px 0 73px}.closing-note h2{font-size:53px}.examples-heading>p{max-width:31ch}.brief-steps{margin-top:21px}.business-heading>p{max-width:35ch}.story-feature .section-index{font-size:9px;letter-spacing:.9px}.voice-heading>p,.feature-heading>p{max-width:34ch}.hero .team-note{background:transparent}.hero-world img{transition:none}
@media(min-width:1001px){.hero{display:grid;grid-template-columns:1fr .94fr;align-items:center;gap:65px;padding:31px 0 48px}.pitch{width:100%;max-width:none;text-align:left;padding:0;margin:0}.eyebrow{justify-content:flex-start;font-size:16px;gap:8px;margin-bottom:17px}.pitch h1{font-size:clamp(53px,4.2vw,63px);line-height:1.04;letter-spacing:-1.4px;margin:0 0 17px;max-width:none}.meet-line{font-size:.55em;margin-bottom:14px;letter-spacing:-.5px;line-height:1.15}.job-lede{font-size:14px;line-height:1.65;margin:0 0 9px;max-width:none}.hero .intro{font-size:13px;line-height:1.9;max-width:43ch;margin:0 0 21px}.hire-form{max-width:455px;margin:0;padding:17px 20px 14px;background:#fdfbf6f5;border-color:#797365;box-shadow:2px 4px 0 #302e2910,0 11px 28px -24px #302e2980}.form-top label{font-size:24px}.small-note{font-size:11px;max-width:116px;white-space:normal;line-height:1.35}.number-row{margin-top:11px}.number-row input{height:55px;font-size:22px}.number-help{font-size:9px;margin:7px 0 8px}.channel-line{margin-bottom:11px}.hire-form>.primary{height:45px;min-height:45px;font-size:13px}.hero .cat-team{justify-content:flex-start;width:auto;gap:29px;margin:19px 0 0;padding-left:4px}.hero .team-note{width:auto;text-align:left;max-width:none;padding:0;margin:8px 0 0;font-size:13px}.demo-stage{padding:0;max-width:none;width:100%;min-height:0;align-self:center;scroll-margin-top:90px}.phone-preview-note{font-size:8px;margin-bottom:10px}.role-picker{gap:5px;margin:0 auto 10px}.role-picker button{font-size:9px;padding:7px 11px;min-height:31px}.demo-above{margin-bottom:5px}.demo-above p{font-size:17px}.reset{font-size:9px;padding-top:4px;padding-bottom:4px}.chat-switch{margin:0 auto 11px}.chat-switch button{font-size:10px;min-height:32px;padding:8px}.phone-shell{height:570px}.phone-caption{font-size:12px;margin-top:12px;padding:0;max-width:340px}.check-in-button{font-size:10px;min-height:30px;margin-top:9px;padding:5px 1px}.hero-world{inset:0 -65px -8px;mask-image:linear-gradient(transparent,#000 9%,#000 81%,transparent)}.hero-world img{opacity:.26;object-position:center 32%}.demo-above,.chat-switch{background:transparent}.phone-shell{box-shadow:0 2px 1px #302e2950,9px 19px 36px -20px #302e2970,inset 0 0 0 2px #11120f}.hero .pitch,.hero .demo-stage{z-index:1}}
@media(min-width:1001px) and (max-height:800px){.hero{padding-top:25px;padding-bottom:36px}.pitch h1{font-size:56px}.hero .intro{margin-bottom:17px;font-size:12px}.phone-shell{height:525px}.phone-preview-note{margin-bottom:7px}.hero .cat-team{margin-top:15px}.hire-form{padding-top:15px;padding-bottom:12px}.number-row input{height:51px}.hire-form>.primary{height:42px;min-height:42px}.hire-form .fine{font-size:8px}.hero .team-note{font-size:12px}}
@media(max-width:1000px){.hero{padding-top:34px;gap:30px}.pitch h1{font-size:62px;line-height:1.05;max-width:800px}.meet-line{font-size:.63em;line-height:1.2;margin-bottom:12px}.hero .intro{font-size:14px;line-height:1.85;max-width:49ch;margin-bottom:23px}.hero-world img{opacity:.52}.story-feature h2{font-size:43px}.phone-preview-note{margin-bottom:12px}.demo-above p{font-size:18px}.story-feature{padding:53px 0}.world-heading h2{font-size:48px}.connection-section .world-heading h2{font-size:48px}.business-heading>p,.voice-heading>p,.feature-heading>p{max-width:54ch}.demo-stage{padding-bottom:34px}.hero .job-lede{max-width:none;margin-left:auto;margin-right:auto}.closing-note h2{font-size:49px}}
@media(max-width:560px){.hero{padding-top:28px;gap:29px}.eyebrow{font-size:14px;margin-bottom:16px}.pitch h1{font-size:clamp(43px,10.5vw,58px);line-height:1.04;letter-spacing:-1.1px;margin-bottom:16px}.meet-line{font-size:.68em;margin-bottom:13px;line-height:1.2}.hero .job-lede{font-size:12px;line-height:1.7;max-width:29ch;margin-bottom:9px}.hero .intro{font-size:12px;line-height:1.85;max-width:35ch;margin-bottom:20px}.inline-job{min-height:24px;text-underline-offset:3px}.hero-world img{height:830px;opacity:.4;object-position:22% top}.hire-form{padding:17px 17px 14px}.form-top label{font-size:25px}.number-row{margin-top:12px}.number-row input{height:59px}.hero .cat-team{margin-top:18px}.hero .team-note{font-size:12px}.phone-preview-note{font-size:7px;letter-spacing:.8px;margin-bottom:12px}.demo-above p{font-size:17px}.demo-stage{padding-bottom:23px}.story-feature{padding:39px 0;gap:24px}.story-feature h2{font-size:37px;line-height:1.1}.story-feature .section-index{font-size:8px}.examples-heading h2{max-width:none}.world-heading h2,.connection-section .world-heading h2{font-size:36px;letter-spacing:-.6px}.world-heading>p{font-size:12px;line-height:1.85;max-width:36ch}.day-world{padding-top:42px}.connection-section{padding-bottom:41px}.connection-picker{margin:21px 0 24px}.connection-footer>p{font-size:9px}.closing-note{padding:43px 0 51px}.closing-note h2{font-size:42px}.closing-note p{font-size:16px}.voice-heading>p,.feature-heading>p{max-width:41ch}.hero .phone-caption{max-width:330px}.hero .check-in-button{margin-top:12px}.example-job strong{font-size:28px}}
@media(max-width:360px){.pitch h1{font-size:39px}.eyebrow{font-size:13px}.hero .job-lede{font-size:11px}.hero .intro{font-size:11px;max-width:35ch}.inline-job{min-height:23px}.world-heading h2,.connection-section .world-heading h2{font-size:32px}.story-feature h2{font-size:34px}.number-row input{font-size:21px}.hero .team-note{font-size:11px}.phone-preview-note{font-size:6px}.demo-above p{font-size:16px}.closing-note h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){.inline-job{transition:none}}
/* Full-bleed pencil scenes stay inside the page; the job carousel scrolls locally. */
body{overflow-x:clip}.demo-above{width:min(354px,100%)}

/* The same three steps carry through the working phone, without another panel. */
.work-loop{display:flex;justify-content:center;gap:14px;list-style:none;margin:0 0 15px;padding:0;font-size:10px;line-height:1.5;color:#59564e}
.work-loop li{display:flex;align-items:center;gap:5px;white-space:nowrap}
.work-loop span{font-family:'Patrick Hand',cursive;font-size:16px;color:#302e29}
.hire-form[aria-busy=true] input{opacity:.65}
.hire-form button:disabled{cursor:wait;opacity:.65}
@media(min-width:1001px){.work-loop{gap:11px;font-size:9px;margin-bottom:10px}}
@media(max-width:360px){.work-loop{gap:8px;font-size:8px}}