:root{color-scheme:dark;--ink:#f0efe7;--muted:#bebfb3;--gold:#d9b354;--ground:#10110e;font-family:'Hanken Grotesk',Arial,sans-serif;font-synthesis:none;background:var(--ground);color:var(--ink)}
*{box-sizing:border-box}html,body{margin:0}body{overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:7px}::selection{background:var(--gold);color:var(--ground)}
.skip{position:fixed;left:20px;top:12px;transform:translateY(-150%);background:var(--gold);color:var(--ground);padding:14px;z-index:20}.skip:focus{transform:none}
.navigation{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:28px 4.8vw;gap:20px}.wordmark{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:600;letter-spacing:-.8px}.navigation nav{display:flex;gap:32px;align-items:center;font-size:13px}.navigation nav>a{min-height:44px;display:inline-flex;align-items:center}.navigation nav>a:not(.invite){transition:color .2s}.navigation nav>a:not(.invite):hover{color:var(--gold)}.invite{padding:13px 19px;background:var(--gold);color:var(--ground);gap:24px;border:1px solid var(--gold);border-radius:2px;font-weight:600;transition:background .2s}.invite:hover{background:#e9c774}
.journey{position:relative}.stage{min-height:680px;height:100svh;position:relative;isolation:isolate;overflow:clip}.environment{position:absolute;inset:0;z-index:-3;transform-origin:70% 54%}.environment img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:62% 50%}.environment-after{opacity:0}.atmosphere{position:absolute;inset:0;background:linear-gradient(90deg,#0b0c0bb3 0%,#0b0c0b33 62%,#0b0c0b0a),linear-gradient(0deg,#0b0c0bbf 0%,transparent 40%,#0b0c0b33);z-index:-2}.product-shade{position:absolute;inset:0;background:#10110e;opacity:0;z-index:-1}
.scene{position:relative;min-height:680px;height:100svh;padding:140px 6.6vw 105px}.scene-opening{display:flex;flex-direction:column;justify-content:center}.scene .opening-note{font-size:13px;color:var(--gold);margin:0 0 28px;letter-spacing:.01em}.scene h1,.scene h2{font-weight:500;letter-spacing:-.062em;line-height:.92;margin:0}.scene h1{font-size:clamp(64px,8.8vw,145px)}.scene h1 span{display:block}.scene h1 .line-two{color:var(--gold)}.opening-bottom{display:flex;align-items:flex-end;gap:70px;margin-top:46px}.opening-bottom p,.scene p{font-size:16px;line-height:1.5;color:#d1d1c5;margin:0}.enter-story{border:0;background:none;padding:10px 0;min-height:44px;display:flex;gap:28px;align-items:center;font-size:13px;text-align:left}.enter-story span{font-size:25px;font-weight:400}.location{position:absolute;right:4.8vw;bottom:100px;font-size:11px!important;writing-mode:vertical-rl;letter-spacing:1px}.chapter-caption{display:block;font-size:12px;color:var(--gold);margin-bottom:24px}.scene h2{font-size:clamp(58px,6.5vw,110px)}.scene h2 span{color:var(--gold)}
.scene-dispatch{padding-top:95px}.dispatch-copy{position:relative;z-index:2;display:grid;grid-template-columns:1.4fr .8fr;column-gap:40px;align-items:end}.dispatch-copy .chapter-caption{grid-column:1/-1;margin-bottom:20px}.dispatch-copy h2{font-size:clamp(40px,4.6vw,70px);line-height:1}.dispatch-copy p{padding-left:0;padding-bottom:4px}.product-perspective{position:absolute;left:9%;right:9%;top:40%;bottom:18%;display:flex;align-items:center;justify-content:center;perspective:1200px}.product{display:block;max-width:100%;max-height:100%;width:auto;height:auto;filter:drop-shadow(0 45px 45px #0007);transform-origin:center center}.product-caption{position:absolute;left:6.6vw;bottom:100px;font-size:11px;color:var(--muted)}
.scene-complete{display:flex;flex-direction:column;justify-content:center}.scene-complete h2{font-size:clamp(58px,6.4vw,104px);line-height:1}.scene-complete>.complete-copy>p{margin-top:28px}.complete-copy{max-width:59%}.completed-note{position:absolute;right:9%;bottom:22%;display:flex;gap:14px;align-items:center;border-top:1px solid #ffffff52;padding-top:16px;font-size:15px}.completed-note .check{width:30px;height:30px;border-radius:50%;background:var(--gold);color:#171811;display:grid;place-items:center}.completed-note small{display:block;color:#c5c4b6;font-size:12px;margin-top:4px}
.scene-publish{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:40px}.scene-publish h2{font-size:clamp(68px,8vw,125px)}.scene-publish p{margin-top:30px;max-width:370px}.social-post{width:min(29vw,380px);justify-self:center;background:#eeede4;color:#171912;border-radius:5px;box-shadow:0 40px 80px #0008;overflow:hidden;transform:rotate(3deg)}.social-header{display:flex;align-items:center;gap:10px;padding:16px;font-size:13px;font-weight:600}.social-monogram{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#1c2018;color:#edddac}.social-header small{display:block;font-size:10px;font-weight:400;margin-top:3px;color:#5c6253}.social-menu{margin-left:auto;font-size:19px}.social-post>img{display:block;width:100%;height:29vh;min-height:180px;max-height:285px;object-fit:cover;object-position:72%}.social-bottom{padding:18px}.social-bottom p{font-size:13px;margin:0;color:#262a22}.social-bottom>span{font-size:11px;display:block;color:#5e6655;margin-top:9px}
.story-footer{position:absolute;z-index:4;left:4.8vw;right:4.8vw;bottom:32px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#d0d0c3}.story-cue{display:flex;gap:14px;align-items:center}.cue-line{width:34px;height:1px;background:var(--gold)}.chapter-indicator{display:flex;align-items:center;gap:13px;min-width:154px}.chapter-number{font-family:'IBM Plex Mono',monospace;color:var(--gold)}.chapter-total{color:#a7aa9b;margin-left:auto}.journey-track{position:absolute;z-index:5;bottom:0;left:0;right:0;height:2px;background:#ffffff15}.journey-track span{height:100%;display:block;background:var(--gold);transform:scaleX(0);transform-origin:left}
.motion-ready .scene{position:absolute;inset:0}.motion-ready .scene:not(.scene-opening){visibility:hidden}.motion-ready .navigation{position:fixed;background:linear-gradient(#0d0e0b99,transparent)}
.closing{background:#dedbcc;color:#20231b;padding:75px 6.6vw 0;position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;scroll-margin-top:0}.closing-top,.closing-bottom{display:flex;justify-content:space-between;gap:30px}.closing-top p,.closing-bottom p{font-size:16px;line-height:1.45;margin:0}.closing-top>span{font-family:'IBM Plex Mono',monospace;font-size:10px;padding-top:5px}.closing h2{font-size:clamp(72px,12vw,190px);font-weight:500;line-height:.9;letter-spacing:-.07em;margin:75px 0 65px}.closing h2 span{color:#7a806a}.closing-bottom{align-items:center;margin-bottom:85px}.audiences{display:flex;gap:30px}.audiences>a{border-top:1px solid #323b2960;padding:19px 0;display:flex;gap:36px;align-items:center;min-height:56px;font-size:15px}.audiences a:hover{border-color:#20231b}.audiences a span{font-size:23px}.closing footer{display:flex;justify-content:space-between;gap:22px;align-items:center;border-top:1px solid #323b2930;padding:26px 0}.footer-brand{font-weight:600;font-size:18px;letter-spacing:-.5px}.footer-brand span{display:block;font-weight:400;font-size:10px;letter-spacing:0;margin-top:3px}.closing footer small{font-size:10px;color:#535b48}.replay{border:0;background:none;color:#20231b;font-size:12px;padding:12px 0;min-height:44px}
body:not(.motion-ready) .stage{height:auto}body:not(.motion-ready) .scene-dispatch,body:not(.motion-ready) .scene-publish{background:#10110e}body:not(.motion-ready) .scene-complete{background:linear-gradient(90deg,#10110ebd,transparent),url('assets/finished.jpg') center/cover}body:not(.motion-ready) .story-footer,body:not(.motion-ready) .journey-track{display:none}
@media(max-width:700px){
 .navigation{padding:20px 22px}.wordmark{font-size:20px;gap:9px}.wordmark img{width:23px;height:23px}.navigation nav{gap:0}.navigation nav>a:not(.invite){display:none}.invite{font-size:12px;padding:11px 14px;gap:14px}
 .stage,.scene{height:100svh;min-height:610px}.scene{padding:105px 24px 95px}.environment img{object-position:65% 50%}.environment{transform-origin:67% 54%}.atmosphere{background:linear-gradient(90deg,#0b0c0b99,#0b0c0b22),linear-gradient(0deg,#0b0c0bbf,transparent 35%,#0b0c0b55)}
 .scene-opening{justify-content:center;padding-bottom:145px}.scene .opening-note{font-size:12px;margin-bottom:23px;max-width:250px}.scene h1{font-size:clamp(48px,12.5vw,85px);line-height:.97;letter-spacing:-.055em}.opening-bottom{margin-top:32px;display:block}.opening-bottom p,.scene p{font-size:14px}.enter-story{margin-top:26px;font-size:12px;gap:23px}.location{display:none}.story-footer{left:24px;right:24px;bottom:26px;font-size:10px}.story-cue{gap:9px}.cue-line{width:18px}.chapter-indicator{min-width:118px;gap:8px}.chapter-caption{font-size:11px;margin-bottom:20px}
 .scene-dispatch{padding-top:120px}.dispatch-copy{display:block}.dispatch-copy h2{font-size:clamp(38px,10vw,66px);line-height:1}.dispatch-copy p{padding:0;margin-top:22px}.product-perspective{left:-7%;right:-7%;top:45%;bottom:18%}.product{width:100%;max-width:100%;max-height:none}.product-caption{left:24px;bottom:88px;font-size:10px}
 .scene-complete{padding-top:105px;padding-bottom:95px;justify-content:flex-start}.complete-copy{max-width:none}.scene-complete h2{font-size:clamp(34px,9.5vw,60px)}.scene-complete>.complete-copy>p{margin-top:18px}.completed-note{right:24px;left:24px;bottom:115px;font-size:13px}.completed-note small{font-size:11px}
 .scene-publish{display:block;padding-top:100px}.scene-publish h2{font-size:clamp(48px,13vw,74px)}.scene-publish p{font-size:12px;margin-top:18px;max-width:280px}.scene-publish .chapter-caption{margin-bottom:17px}.social-post{position:absolute;width:auto;left:24px;right:24px;bottom:96px;transform:rotate(0deg)}.social-header{padding:12px 15px;font-size:13px;gap:9px}.social-monogram{width:23px;height:23px}.social-header small{font-size:11px}.social-post>img{height:clamp(130px,20svh,175px);min-height:0;object-position:72% 65%}.social-bottom{padding:13px 15px}.social-bottom p{font-size:13px;margin:0}.social-bottom>span{font-size:11px;margin-top:8px}
 .closing{padding:65px 24px 0;min-height:100svh}.closing-top p,.closing-bottom p{font-size:14px}.closing-top>span{display:none}.closing h2{font-size:clamp(62px,17vw,114px);margin:65px 0 45px}.closing-bottom{display:block;margin-bottom:45px}.audiences{display:grid;grid-template-columns:1fr;margin-top:28px;gap:0}.audiences>a{justify-content:space-between;padding:16px 0;font-size:14px}.closing footer{display:grid;grid-template-columns:1fr auto;gap:16px;padding:22px 0}.closing footer small{grid-column:1/-1;grid-row:2;font-size:9px}.replay{font-size:10px}.footer-brand{font-size:17px}
}
@media(max-width:700px) and (max-height:700px){.scene,.stage{min-height:610px}.scene-publish{padding-top:95px}.scene-publish h2{font-size:45px}.scene-publish .publish-copy p{max-width:none;font-size:12px}.social-post{width:auto;bottom:85px}.social-post>img{height:95px}.product-perspective{top:49%}.scene-dispatch{padding-top:105px}.dispatch-copy h2{font-size:38px}}
.opening-actions{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.skip-ahead{font-size:12px;color:#d0d1c5;padding:10px 0;min-height:44px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#d0d1c566}.skip-ahead:hover{color:var(--gold)}
.action-demo{position:absolute;width:min(29vw,340px);background:#eeede4;color:#1c2118;border-radius:5px;overflow:clip;box-shadow:0 30px 70px #0006}.assignment-demo{display:none}.approval-demo{right:8%;top:50%;transform:translateY(-50%)}.demo-header{display:flex;align-items:center;gap:8px;padding:15px 18px;border-bottom:1px solid #1b231b22;font-size:13px;font-weight:600}.demo-header small{font-size:10px;font-weight:400;color:#5b6352;margin-left:auto}.demo-content{padding:20px}.demo-eyebrow{font-size:11px;color:#606954}.demo-content h3{font-size:23px;letter-spacing:-.6px;font-weight:500;line-height:1.15;margin:8px 0 18px}.demo-detail{display:flex;justify-content:space-between;font-size:13px;padding-bottom:15px;border-bottom:1px solid #1b231b20}.demo-detail strong{font-weight:500}.crew-row{display:flex;align-items:center;gap:11px;margin:18px 0;font-size:14px}.crew-avatar{display:grid;place-items:center;border:1px solid #1b231b33;width:36px;height:36px;border-radius:50%;font:12px 'IBM Plex Mono',monospace}.crew-detail{display:block;font-size:12px;color:#606954;margin-top:4px}.assignment-check{margin-left:auto;color:#303c24;opacity:0;transform:scale(.7);transition:opacity .2s,transform .2s}.demo-action{border:0;background:#20261c;color:#f3f3eb;width:100%;min-height:44px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;font-size:13px;border-radius:2px}.demo-action:hover:not(:disabled){background:#343e2a}.demo-action:disabled{opacity:1;cursor:default;background:#dae1d0;color:#28341c}.demo-action:focus-visible{outline-color:#546440;outline-offset:3px}.scene p.demo-result,.social-bottom>.demo-result{display:block;font-size:11px;line-height:1.4;min-height:16px;color:#56614d;margin:10px 0 0}.approval-image{display:block;width:100%;height:clamp(140px,22vh,190px);object-fit:cover;object-position:72% 60%}.approval-demo h3{margin:0 0 8px}.scene p.approval-description{font-size:13px;color:#59614f;margin:0 0 18px;line-height:1.4}.dispatch-payoff{position:absolute;bottom:90px;right:9%;display:flex;align-items:center;gap:14px;font-size:12px;color:#bfc3b1}.dispatch-payoff strong{font-weight:500;color:var(--gold);opacity:.32;transition:opacity .2s}.dispatch-payoff[data-complete=true] strong{opacity:1}.action-demo[data-complete=true] .assignment-check{opacity:1;transform:scale(1)}.publish-channels{display:flex;gap:7px;margin:12px 0}.publish-channels>span{font-size:11px;color:#5e6655;padding-right:10px;border-right:1px solid #a8b19f}.publish-channels>span:last-child{border:0}
@media(max-width:700px){
 .opening-actions{margin-top:22px;gap:0}.opening-actions .enter-story{margin-top:0}.skip-ahead{font-size:12px}.opening-bottom{margin-top:26px}
 .scene-dispatch{padding-top:108px}.dispatch-copy h2{font-size:clamp(40px,11vw,65px)}.dispatch-copy p{margin-top:18px}
 .product-perspective,.dispatch-payoff{display:none}.assignment-demo{display:block;left:24px;right:24px;width:auto;bottom:105px}.product-caption{left:24px;bottom:78px;font-size:10px}
 .action-demo .demo-header{padding:12px 16px;font-size:13px}.demo-content{padding:17px}.demo-content h3{font-size:23px;margin-bottom:14px}.demo-detail{padding-bottom:12px}.crew-row{margin:14px 0}.demo-action{font-size:13px;min-height:44px}
 .approval-demo{left:24px;right:24px;top:auto;bottom:96px;width:auto;transform:none}.approval-image{height:clamp(112px,18svh,155px)}.approval-demo .demo-content{padding:15px 17px}.approval-demo h3{margin:0 0 7px;font-size:21px}.scene p.approval-description{font-size:12px;margin:0 0 13px}.scene p.demo-result,.social-bottom>.demo-result{font-size:11px;margin-top:8px}
 .scene-publish .publish-copy p{max-width:none;font-size:13px}.scene-publish h2{font-size:clamp(44px,12vw,65px)}.publish-channels{margin:9px 0}.social-post .demo-action{padding:11px 12px}
}
@media(max-width:700px) and (max-height:700px){
 .scene-dispatch,.scene-complete,.scene-publish{padding-top:97px}.chapter-caption{margin-bottom:14px}.dispatch-copy h2{font-size:38px}.dispatch-copy p{font-size:12px;margin-top:13px}.assignment-demo{bottom:91px}.demo-content{padding:14px 16px}.demo-content h3{font-size:21px;margin:6px 0 12px}.demo-detail{padding-bottom:10px}.crew-row{margin:11px 0}.crew-avatar{width:30px;height:30px}.product-caption{bottom:69px;font-size:10px}.scene-complete h2{font-size:34px}.scene-complete>.complete-copy>p{font-size:12px;margin-top:14px}.approval-demo{bottom:85px}.approval-image{height:95px}.approval-demo .demo-content{padding:12px 16px}.approval-demo h3{font-size:19px}.scene p.approval-description{font-size:11px;margin-bottom:10px}.scene-publish h2{font-size:42px}.scene-publish .publish-copy p{font-size:12px;margin-top:14px}.social-bottom{padding:11px 14px}.social-header{padding:10px 14px}.social-post>img{height:95px}.social-bottom p{font-size:12px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.navigation{position:absolute!important}.social-post{transform:none}.environment{transform:none!important}}
.mobile-only{display:none}.scene p.demo-result,.social-bottom>.demo-result{min-height:31px}
@media(max-width:700px){.desktop-only{display:none}.mobile-only{display:inline}.chapter-indicator{min-width:145px}.story-cue{max-width:124px}.story-cue>span:last-child{max-width:95px}.chapter-total{display:none}}
/* production: legal links in the homepage footer */
.footer-legal{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center}
.footer-legal a{text-decoration:underline;text-underline-offset:3px}

.ico{width:.9em;height:.9em;display:inline-block;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none;transition:transform .2s ease}
a:hover .ico-ne,button:hover .ico-ne,a:focus-visible .ico-ne,button:focus-visible .ico-ne{transform:translate(2px,-2px)}
a:hover .ico-down,button:hover .ico-down,a:focus-visible .ico-down,button:focus-visible .ico-down{transform:translateY(2px)}
@media(prefers-reduced-motion:reduce){.ico{transition:none}a:hover .ico,button:hover .ico{transform:none}}

.footer-brand{display:flex;flex-direction:column;gap:9px;align-items:flex-start}
.footer-logo{display:inline-flex;align-items:center;gap:10px;font-weight:600;letter-spacing:-.5px}
.footer-logo img{width:28px;height:28px;border-radius:7px;display:block}
.footer-logo b{font-weight:600}
.footer-brand .powered{font-size:11px;font-weight:400;letter-spacing:.01em;opacity:.78;text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center;min-height:32px}
.footer-brand .powered:hover,.footer-brand .powered:focus-visible{opacity:1}

.closing{padding-bottom:60px}
.after{background:#dedbcc;color:#20231b;padding:0 6.6vw}
.about{border-top:1px solid #323b2930;padding:72px 0 64px;display:grid;grid-template-columns:1fr 1.7fr;gap:6vw;align-items:start}
.about h2{font-size:clamp(30px,3.4vw,46px);letter-spacing:-.04em;line-height:1.05;font-weight:600;margin:0}
.about-text p{font-size:16px;line-height:1.65;max-width:64ch;margin:0 0 16px;color:#2f3428}
.about-text a{text-decoration:underline;text-underline-offset:3px}
.after footer{display:flex;justify-content:space-between;gap:22px;align-items:center;border-top:1px solid #323b2930;padding:26px 0}
.after footer small{font-size:10px;color:#535b48}
@media(max-width:700px){.closing{padding-bottom:40px}.after{padding:0 24px}.about{grid-template-columns:1fr;gap:18px;padding:52px 0 42px}.about-text p{font-size:15px}.after footer{display:grid;grid-template-columns:1fr auto;gap:16px;padding:22px 0}.after footer small{grid-column:1/-1;grid-row:2;font-size:9px}}

/* Keep the guides discoverable beside the invite on phones. */
@media(max-width:700px){.navigation nav>a.guides-link{display:inline-flex;align-items:center;min-height:44px;font-size:12px;margin-right:14px}}
@media(max-width:360px){.navigation{padding-left:16px;padding-right:16px}.navigation .invite{padding:11px 10px;gap:0}.navigation .invite>span{display:none}.navigation nav>a.guides-link{margin-right:12px}}