body.welcome-page{min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;background:#fcfbf8}.welcome-header{display:flex;justify-content:space-between;align-items:center;padding:29px 44px}.welcome-header .brand{font-size:28px}.welcome-home{font-size:12px;color:#747d75}.welcome-home span{margin-left:12px}.welcome-home:hover{color:var(--ink)}.welcome-scene{width:min(1220px,100%);margin:0 auto;display:grid;grid-template-columns:.92fr 1.25fr;align-items:center;gap:20px;padding:24px 46px 38px;min-height:calc(100svh - 180px)}.welcome-content{position:relative;z-index:1;padding-left:18px;max-width:460px}.welcome-eyebrow{font-size:10px;line-height:1.5;font-weight:550;letter-spacing:2px;color:#76896b;margin:0 0 23px}.welcome-content h1{font:600 clamp(55px,5.8vw,79px)/.99 var(--display);letter-spacing:-3.3px;margin:0 0 25px}.welcome-content h1 span{color:#68855d}.welcome-description{font:400 15px/1.75 var(--sans);color:#6e7870;margin:0 0 28px;max-width:355px}.welcome-description br{display:none}.slack-continue{width:min(100%,342px);min-height:54px;justify-content:center;background:#0a1b23;border:1px solid #0a1b23;border-radius:9px;font-size:14px;font-weight:550;gap:11px;letter-spacing:0;transition:background .2s,transform .2s}.slack-continue:hover{background:#20352e;transform:translateY(-1px)}.slack-logo-tile{width:29px;height:29px;border-radius:5px;background:white;display:grid;place-items:center}.welcome-returning{font-size:12px;color:#7c837d;margin:21px 0 0}.welcome-returning a{color:var(--ink);font-weight:550;margin-left:4px}.welcome-returning a:hover,.welcome-footer a:hover{text-decoration:underline;text-underline-offset:4px}.welcome-art{margin:0;align-self:center;min-width:0;transform:translateY(15px);animation:scene-arrive .65s ease-out both}.welcome-art img{display:block;width:108%;max-width:none;height:auto;margin-left:-4%;transition:transform .6s ease}.welcome-art:hover img{transform:translateY(-4px) rotate(-.5deg)}.welcome-art figcaption{font:450 15px/1.5 var(--display);letter-spacing:-.15px;color:#87907f;text-align:center;margin:18px -10px 0 20px}.welcome-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 44px 27px;font-size:11px;color:#7f8580}.welcome-footer nav{display:flex;gap:23px}.welcome-back{display:inline-flex;align-items:center;gap:8px;border:0;background:none;color:#737b76;padding:0;margin:0 0 23px;font-size:12px}.welcome-back:hover{color:var(--ink)}#email-step .welcome-eyebrow{margin-bottom:18px}#email-step h1{font-size:60px;letter-spacing:-2.5px}#email-step .waitlist-form{max-width:342px}#email-step .waitlist-form>label{font-size:12px;margin-bottom:9px}#email-step .waitlist-fields{flex-direction:column;gap:12px}#email-step .waitlist-fields .button{width:100%;background:#0a1b23;justify-content:center;gap:10px;min-height:52px;font-size:14px;font-weight:550}#email-step .waitlist-fields .button:hover{background:#20352e}#email-step .waitlist-fields .button img{background:white;padding:3px;border-radius:4px;box-sizing:content-box}#email-step .waitlist-note{font-size:10px;margin-top:13px}.welcome-content [hidden]{display:none}@keyframes scene-arrive{from{opacity:0;transform:translate(12px,22px)}to{opacity:1;transform:translate(0,15px)}}
@media(min-width:1600px){.welcome-scene{width:1380px;grid-template-columns:1fr 1.25fr;gap:35px}.welcome-content h1{font-size:88px}.welcome-description{font-size:16px}.welcome-art figcaption{font-size:16px}}
@media(max-width:900px){.welcome-header{padding:24px 30px}.welcome-scene{gap:0;padding:42px 30px 64px;grid-template-columns:1fr 1.04fr}.welcome-content{padding-left:0}.welcome-content h1{font-size:60px;letter-spacing:-2.5px}.welcome-description{font-size:14px;max-width:300px}.welcome-art img{width:120%;margin-left:-10%}.welcome-art figcaption{font-size:12px;margin:12px -8px 0 12px}.welcome-footer{padding-left:30px;padding-right:30px}}
@media(max-width:650px){.welcome-header{padding:20px 23px}.welcome-header .brand{font-size:26px}.welcome-home{font-size:10px}.welcome-home span{margin-left:4px}.welcome-scene{grid-template-columns:1fr;gap:20px;padding:35px 28px 20px;min-height:0;align-content:start}.welcome-content{max-width:none;padding:0;min-height:0}.welcome-eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:18px}.welcome-content h1{font-size:clamp(44px,12vw,58px);letter-spacing:-2px;margin-bottom:21px}.welcome-description{font-size:13px;line-height:1.75;margin-bottom:24px;max-width:310px}.slack-continue{max-width:342px;width:100%}.welcome-returning{font-size:11px;margin-top:17px}.welcome-art{width:min(100%,360px);justify-self:center;transform:none;margin-top:1px;animation:none}.welcome-art img{width:110%;margin-left:-5%}.welcome-art figcaption{font-size:12px;margin:0 0 6px}.welcome-footer{align-items:center;padding:22px 23px;font-size:10px;gap:15px}.welcome-footer nav{gap:17px}.welcome-footer nav a:last-child{display:none}#email-step h1{font-size:54px}#email-step .welcome-description{margin-bottom:22px}#email-step .waitlist-form{max-width:none}.welcome-scene[data-step=email] .welcome-art{width:210px}.welcome-scene[data-step=email] .welcome-art figcaption{display:none}}
@media(max-width:350px){.welcome-header .brand{font-size:24px}.welcome-home{max-width:70px;line-height:1.5;text-align:right}.welcome-scene{padding-left:23px;padding-right:23px}.welcome-content h1{font-size:44px}#email-step h1{font-size:47px}.welcome-art{width:260px}.welcome-footer{font-size:9px}}
@media(prefers-reduced-motion:reduce){.welcome-art{animation:none}.welcome-art img,.slack-continue{transition:none}.welcome-art:hover img,.slack-continue:hover{transform:none}}

/* A working scene: three documents move through preparation and review. */
.welcome-content h1{font-size:clamp(48px,5vw,68px);line-height:1.04;letter-spacing:-2.6px}.working-art{transform:none;animation:none}.otter-work-scene{--work-play:running;position:relative;aspect-ratio:1.18;isolation:isolate;width:100%;min-width:0}.working-art .working-otter{position:absolute;z-index:2;width:91%;height:auto;max-width:none;bottom:0;left:3%;margin:0;transition:none}.working-art:hover .working-otter{transform:none}.work-paper{--work-delay:0s;--paper-angle:-5deg;position:absolute;width:160px;min-height:137px;background:#fffefa;border:1px solid #dddcd1;border-radius:5px;padding:14px 13px 11px;box-shadow:0 4px 8px #24312804;z-index:3;animation:paper-work 15s var(--work-delay) linear infinite;animation-play-state:var(--work-play);transform:rotate(var(--paper-angle));transform-origin:center;opacity:0;pointer-events:none}.paper-brief{left:-1%;top:13%;--paper-angle:-7deg}.paper-report{right:1%;top:0;--paper-angle:6deg;--work-delay:-5s}.paper-followup{right:-2%;bottom:18%;--paper-angle:5deg;--work-delay:-10s;width:163px}.paper-heading{display:flex;align-items:center;gap:7px;white-space:nowrap}.paper-heading img{position:static;display:block;object-fit:contain;width:17px;height:17px;max-width:none;margin:0;transition:none;transform:none!important}.paper-heading strong{font:600 10px/1.3 var(--sans);color:#314439;letter-spacing:0}.document-lines{display:flex;flex-direction:column;gap:6px;margin-top:14px;height:43px}.document-lines i{display:block;width:100%;height:3px;background:#dbe1d3;transform-origin:left;animation:document-write 15s var(--work-delay) linear infinite;animation-play-state:var(--work-play)}.document-lines i:nth-child(2){width:81%;animation-delay:calc(var(--work-delay) + .3s)}.document-lines i:nth-child(3){width:90%;animation-delay:calc(var(--work-delay) + .6s)}.document-lines i:nth-child(4){width:61%;animation-delay:calc(var(--work-delay) + .9s)}.paper-status{position:relative;height:12px;margin-top:10px;font:400 8px/1.4 var(--sans);letter-spacing:0;color:#8a9388}.paper-status>span{position:absolute;inset:0;white-space:nowrap}.status-working{animation:work-preparing 15s var(--work-delay) linear infinite;animation-play-state:var(--work-play)}.status-done{color:#648253;opacity:0;animation:work-complete 15s var(--work-delay) linear infinite;animation-play-state:var(--work-play)}.status-done b{font-weight:600;margin-right:3px}.report-chart{height:47px;display:flex;align-items:flex-end;gap:8px;border-bottom:1px solid #dfe5da;margin-top:11px}.report-chart i{display:block;flex:1;height:var(--bar);background:#9fb494;border-radius:2px 2px 0 0;transform-origin:bottom;animation:chart-build 15s var(--work-delay) ease-in-out infinite;animation-play-state:var(--work-play)}.report-chart i:nth-child(even){background:#68855d}.followup-list{display:flex;flex-direction:column;gap:6px;margin-top:12px;font:400 8px/1.2 var(--sans);letter-spacing:0;color:#87917f}.followup-list span{display:flex;align-items:center;gap:6px}.followup-list i{font-style:normal;font-size:7px;width:11px;height:11px;border:1px solid #cbd7c0;border-radius:2px;display:grid;place-items:center;color:#5e7e50;animation:check-task 15s var(--work-delay) linear infinite;animation-play-state:var(--work-play)}.followup-list span:nth-child(2) i{animation-delay:calc(var(--work-delay) + .6s)}.followup-list span:nth-child(3) i{animation-delay:calc(var(--work-delay) + 1.2s)}.desk-typing{position:absolute;z-index:4;display:flex;gap:3px;left:54%;top:60%;padding:5px 7px;background:#e8eddf;border:1px solid #ced9c2;border-radius:9px}.desk-typing i{height:3px;width:3px;background:#6f875d;border-radius:50%;animation:desk-type 1s ease-in-out infinite;animation-play-state:var(--work-play)}.desk-typing i:nth-child(2){animation-delay:.16s}.desk-typing i:nth-child(3){animation-delay:.32s}.working-art .work-scene-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:17px 0 0;font:400 10px/1.6 var(--sans);letter-spacing:0;color:#8b9388;text-align:left}.work-scene-controls button{padding:4px 0;background:none;border:0;border-bottom:1px solid #c4ccbd;font:400 9px/1.4 var(--sans);color:#6c7968;white-space:nowrap}.work-scene-controls button[hidden]{display:none}.otter-work-scene[data-paused=true],.otter-work-scene[data-visible=false]{--work-play:paused}
@keyframes paper-work{0%,100%{opacity:0;transform:translateY(11px) rotate(calc(var(--paper-angle) - 2deg)) scale(.97)}7%,83%{opacity:1;transform:translateY(0) rotate(var(--paper-angle)) scale(1)}94%{opacity:0;transform:translateY(-12px) rotate(calc(var(--paper-angle) + 2deg)) scale(.98)}}
@keyframes document-write{0%,8%{transform:scaleX(0)}36%,100%{transform:scaleX(1)}}
@keyframes chart-build{0%,10%{transform:scaleY(.08)}45%,100%{transform:scaleY(1)}}
@keyframes work-preparing{0%,48%{opacity:1}52%,100%{opacity:0}}
@keyframes work-complete{0%,48%{opacity:0}52%,100%{opacity:1}}
@keyframes check-task{0%,14%{color:transparent;background:transparent}30%,100%{color:#5e7e50;background:#edf2e6}}
@keyframes desk-type{0%,65%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-2px);opacity:1}}
@media(min-width:1600px){.welcome-content h1{font-size:76px}.work-paper{width:176px;padding:15px}.paper-heading strong{font-size:11px}}
@media(max-width:900px){.welcome-content h1{font-size:51px;letter-spacing:-2px}.work-paper{width:127px;min-height:117px;padding:10px}.paper-heading strong{font-size:8px}.paper-heading img{width:14px;height:14px}.paper-status{font-size:7px}.paper-followup{width:134px;bottom:11%}.document-lines{margin-top:11px;height:36px;gap:5px}.report-chart{height:37px;margin-top:10px}.followup-list{font-size:7px;gap:4px}.working-art .work-scene-controls{font-size:9px}}
@media(max-width:650px){.welcome-content h1{font-size:clamp(40px,11vw,53px);line-height:1.04;letter-spacing:-1.8px}.welcome-art.working-art{width:min(100%,370px);margin-top:22px}.otter-work-scene{aspect-ratio:1.08}.working-art .working-otter{width:94%;left:2%;bottom:0}.paper-brief{top:5%;left:-1%}.paper-report{top:0;right:-1%}.paper-followup{bottom:13%;right:-2%;width:127px}.work-paper{min-height:112px}.paper-heading strong{font-size:8px}.desk-typing{left:53%;top:63%;padding:4px 6px}.working-art .work-scene-controls{font-size:8px;gap:10px;margin-top:10px}.work-scene-controls button{font-size:8px}.welcome-scene[data-step=email] .welcome-art.working-art{width:min(100%,370px)}.welcome-scene[data-step=email] .welcome-art .work-scene-controls{display:flex}}
@media(max-width:350px){.welcome-content h1{font-size:39px}.work-paper{width:112px;padding:9px;min-height:105px}.paper-followup{width:119px}.paper-heading{gap:5px}.paper-heading strong{font-size:7px}.paper-heading img{width:12px;height:12px}.paper-status{font-size:6px}.report-chart{gap:5px;height:34px}.followup-list{font-size:6px}.followup-list i{width:9px;height:9px}.document-lines{height:32px;gap:4px}}
@media(prefers-reduced-motion:reduce){.work-paper,.document-lines i,.report-chart i,.status-working,.status-done,.followup-list i,.desk-typing i{animation:none}.work-paper{opacity:1;transform:rotate(var(--paper-angle))}.document-lines i,.report-chart i{transform:none}.status-working{opacity:0}.status-done{opacity:1}.followup-list i{color:#5e7e50;background:#edf2e6}.desk-typing{display:none}}

/* Independent character movement; the desk and laptop remain stationary. */
.otter-rig{overflow:visible}.otter-head{transform-origin:760px 460px;animation:otter-focus 10s ease-in-out infinite;animation-play-state:var(--work-play)}.otter-paw{transform-origin:675px 595px;animation:otter-type 1.15s ease-in-out infinite;animation-play-state:var(--work-play)}.otter-paper{transform-origin:1100px 585px;animation:otter-review 10s ease-in-out infinite;animation-play-state:var(--work-play)}.otter-blink{opacity:0;animation:otter-blink 6.7s linear infinite;animation-play-state:var(--work-play)}
@keyframes otter-type{0%,20%,44%,66%,100%{transform:translateY(0) rotate(0)}10%,33%,55%{transform:translateY(-11px) rotate(-2deg)}76%,92%{transform:translateY(-4px) rotate(-.6deg)}}
@keyframes otter-focus{0%,8%,100%{transform:rotate(0) translateY(0)}17%,42%{transform:rotate(3.6deg) translateY(4px)}52%,65%{transform:rotate(-2.5deg) translateY(-2px)}76%,92%{transform:rotate(2.7deg) translateY(3px)}}
@keyframes otter-review{0%,43%,78%,100%{transform:rotate(0) translateY(0)}52%,66%{transform:rotate(-3deg) translateY(-8px)}}
@keyframes otter-blink{0%,30%,33%,72%,75%,100%{opacity:0}31%,32%,73%,74%{opacity:1}}
@media(prefers-reduced-motion:reduce){.otter-head,.otter-paw,.otter-paper,.otter-blink{animation:none;transform:none}.otter-blink{opacity:0}}
