@font-face{font-family:Rubik;src:url('assets/rubik.woff2') format('woff2');font-weight:300 900;font-display:swap}@font-face{font-family:'DM Mono';src:url('assets/dm-mono.woff2') format('woff2');font-display:swap}
:root{--paper:#efede8;--ink:#24231e;--muted:#67645d;--line:#d9d6ce;--sage:#c5d2c1;--lilac:#d5cfdc;--peach:#e8c7ba}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:140px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Rubik,system-ui,sans-serif;line-height:1.55}button,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #a67b69;outline-offset:5px}img{display:block;width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{letter-spacing:-.055em;font-weight:500;line-height:1.04}button{border:0}.wrap{max-width:1440px;margin:auto;padding-left:64px;padding-right:64px}.skip{position:absolute;left:16px;top:-80px;z-index:100;background:white;padding:12px}.skip:focus{top:12px}.wordmark{font-size:38px;line-height:1;font-weight:700;letter-spacing:-.075em}.wordmark span{color:#7e776a}.device-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:32px;min-height:82px;padding:17px 48px;background:#efede8ed;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.back-link{font-size:13px;border-left:1px solid #c9c5bc;padding-left:28px}.device-nav nav{display:flex;gap:28px;font-size:13px;margin-left:auto}.nav-end{display:flex;align-items:center;gap:24px}select{border:0;background:none;font-size:12px;min-height:44px;max-width:130px}.nav-demo{font-size:13px;background:var(--peach);padding:11px 19px;border:1px solid #be9887;border-radius:8px}.eyebrow,.chapter-meta,.scoring-label{font-size:11px;letter-spacing:.12em;font-weight:500}.device-hero{text-align:center;padding-top:62px}.device-hero h1{font-size:clamp(52px,6.6vw,96px);margin:20px auto 23px}.device-hero h1 span{color:#69685e}.hero-description{font-size:18px;line-height:1.6;color:#605e56}.platform-line{display:flex;justify-content:center;align-items:center;gap:20px;margin:25px 0 10px;font-size:12px}.platform-line i{color:#aaa79d;font-style:normal}.device-constellation{position:relative;isolation:isolate;height:580px;margin:30px auto 0;max-width:1160px}.orbit{position:absolute;border:1px solid #c0beb755;border-radius:50%;z-index:-1;pointer-events:none}.orbit-one{width:77%;height:66%;top:18%;left:11%;transform:rotate(-13deg)}.orbit-two{width:93%;height:77%;left:2%;top:14%;transform:rotate(12deg)}.device{padding:0;display:block;width:100%;background:#22211f;box-shadow:0 24px 50px #23221f20;cursor:zoom-in;overflow:hidden}.device img{pointer-events:none}.mac-frame{border:9px solid #2d2c29;border-radius:15px}.mac-crop{position:relative;container-type:inline-size;aspect-ratio:2048/1470;overflow:hidden}.mac-crop img{position:absolute;max-width:none;width:100%;top:-3.223cqw;left:0}.tablet-frame{border:11px solid #292825;border-radius:24px;box-shadow:0 1px 0 2px #a5a59e,0 30px 50px #23221f25}.phone-frame{border:7px solid #292a28;border-radius:27px;box-shadow:0 1px 0 2px #aaa9a1,0 25px 45px #21201e25}.phone-frame img{border-radius:19px}.hero-mac{position:absolute;width:63%;left:2%;top:0;transform:translateY(calc(var(--hero-shift,0px)*-.08)) rotate(-3deg)}.hero-ipad{position:absolute;width:49%;right:0;top:137px;transform:translateY(calc(var(--hero-shift,0px)*-.14)) rotate(4deg)}.hero-phone{position:absolute;width:17%;left:49%;top:141px;transform:translateY(calc(var(--hero-shift,0px)*-.4)) rotate(-3deg);z-index:3}.device-constellation figcaption{font-size:10px;font-weight:500;text-align:center;margin-top:14px;letter-spacing:.015em}.device-constellation figcaption span{color:var(--muted);font-weight:400}.hero-connection{position:absolute;bottom:50px;left:10%;font-size:12px;display:flex;align-items:center;gap:9px}.hero-connection i,.live-dot,.handoff-note>i{background:#487554;width:6px;height:6px;border-radius:50%}.scroll-invite{display:inline-flex;gap:30px;align-items:center;font-size:13px;border-bottom:1px solid #bcb8ad;padding-bottom:12px;margin:0 auto 55px}.scroll-invite span{font-size:22px}.story-index{position:sticky;top:81px;z-index:15;display:flex;justify-content:center;gap:45px;background:#e9e7e1ed;backdrop-filter:blur(14px);border-block:1px solid var(--line);padding:18px 24px;font-size:12px}.story-index a{display:flex;gap:12px;align-items:center;color:var(--muted)}.story-index a.active{color:var(--ink);font-weight:500}.story-index span{font-family:'DM Mono',monospace;font-size:10px;color:#7f7a6e}.chapter{padding-top:96px;padding-bottom:92px;scroll-margin-top:0}.chapter-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:42px}.chapter h2,.get-cue h2{font-size:clamp(38px,4.4vw,64px)}.chapter-heading>p{max-width:350px;font-size:16px;color:var(--muted);line-height:1.7;padding-bottom:4px}.chapter-meta{margin-bottom:23px;letter-spacing:.095em}.chapter-meta>span{font-family:'DM Mono',monospace;letter-spacing:-.03em;font-size:13px;border:1px solid #c6c3b9;border-radius:30px;padding:5px 11px;margin-right:15px}.screen-switch{display:flex;gap:4px;border:1px solid var(--line);border-radius:8px;padding:4px;width:max-content;max-width:100%;margin-bottom:28px}.screen-switch button{border-radius:5px;background:none;padding:9px 17px;font-size:12px;min-height:40px}.screen-switch button[aria-pressed=true]{background:var(--ink);color:#f3f1ea}.laptop-stage{position:relative;padding:0 35px 82px}.laptop{position:relative;background:#282725;border:10px solid #282725;border-top-width:20px;border-bottom-width:14px;border-radius:18px 18px 3px 3px;overflow:hidden}.laptop-camera{position:absolute;width:5px;height:5px;background:#74716b;border-radius:50%;top:-12px;left:50%}.screen-button{display:block;width:100%;padding:0;background:#e9e5dd;overflow:hidden;cursor:zoom-in}.web-crop{display:block;position:relative;container-type:inline-size;aspect-ratio:1280/646;overflow:hidden}.web-crop img{position:absolute;width:100%;top:-5.78125cqw;left:0;max-width:none}.web-crop.mac-view{aspect-ratio:2048/1470}.web-crop.mac-view img{top:-3.223cqw}.laptop-base{position:relative;height:19px;margin:0 -30px;background:linear-gradient(#b8b7b3,#e5e4e2 32%,#7e8179);border-radius:2px 2px 50% 50%}.laptop-base:after{content:'';position:absolute;width:15%;height:5px;left:42.5%;top:0;background:#8b8d86;border-radius:0 0 8px 8px}.handoff-note{position:absolute;bottom:1px;left:35px;right:35px;display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted);padding:18px 0}.handoff-note a{margin-left:auto;color:var(--ink);border-bottom:1px solid var(--line)}.screen-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}.screen-caption button,.graph-note button,.owner-foot button{padding:8px 0;background:none;font-size:12px;border-bottom:1px solid currentColor}.chapter-session{background:#e5e4e1;border-block:1px solid #d7d5d0;overflow:hidden}.session-layout{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.session-copy>p:not(.chapter-meta){font-size:16px;line-height:1.7;color:#65635e;max-width:390px;margin:28px 0 35px}.handoff{max-width:410px}.handoff-origin{display:flex;align-items:center;gap:14px;font-size:11px;border:1px solid #c8c6c0;border-radius:10px;padding:13px 18px;background:#eeedeb}.handoff-origin b{font-size:13px;font-weight:500}.small-device{font-size:25px;color:#67645d}.handoff-check{margin-left:auto;background:#cfcbc2;padding:2px 8px;border-radius:50%}.handoff-line{height:36px;width:1px;background:#c0bcb3;margin-left:33px;position:relative;overflow:hidden}.handoff-line span{display:block;position:absolute;width:3px;height:12px;left:-1px;top:-12px;background:#6d6756}.notification{display:flex;gap:13px;padding:19px 18px;background:#f9f8f7db;border:1px solid #f4f3f1;border-radius:18px;box-shadow:0 10px 26px #59554a16}.cue-icon{width:38px;height:38px;display:grid;place-items:center;font-size:27px;font-weight:650;letter-spacing:-.07em;background:var(--peach);border-radius:10px}.notification>div{flex:1}.notification small{display:block;font-size:9px;color:#76736c;letter-spacing:.06em;margin-bottom:7px}.notification small span{float:right;font-size:9px}.notification strong{display:block;font-size:12px;font-weight:500}.notification p{font-size:11px;margin-top:3px;color:#676560}.play-handoff{display:flex;justify-content:space-between;align-items:center;width:100%;background:transparent;padding:19px 1px 10px;font-size:12px}.play-handoff span{font-size:20px}.illustration-note{display:block;font-size:10px;line-height:1.6;color:#76736d}.handoff.playing .notification{animation:notify-in 2.6s ease both}.handoff.playing .handoff-check{animation:check-in 2.6s ease both}.handoff.playing .handoff-line span{animation:send-dot 1.2s .55s ease both}@keyframes notify-in{0%,35%{opacity:.2;transform:translateY(18px) scale(.98)}65%,100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes check-in{0%,12%{opacity:.15}25%,100%{opacity:1}}@keyframes send-dot{from{transform:translateY(0)}to{transform:translateY(62px)}}.session-points{display:grid;gap:12px;font-size:12px;margin-top:36px}.session-points i{font:10px 'DM Mono',monospace;margin-right:15px;color:#817e77}.session-visual{position:relative;padding:26px 0 0 22px}.scoring-label{font-size:10px;margin:0 0 20px;display:flex;gap:9px;align-items:center}.scoring-card{width:100%;max-width:260px;margin-inline:auto;cursor:zoom-in}.score-crop{display:block}.score-crop img{position:static;width:100%;height:auto}.session-visual .screen-caption{margin:21px 0 0;font-size:10px}.score-pointer{position:absolute;top:40%;left:31%;width:34px;filter:drop-shadow(0 2px 3px #2a282330);pointer-events:none;opacity:0}.session-visual.playing .score-pointer{animation:show-pointer 3s ease both}@keyframes show-pointer{0%{opacity:0;transform:translate(100px,100px)}25%,60%{opacity:1;transform:translate(0,0)}65%{opacity:1;transform:scale(.82)}80%{opacity:1;transform:scale(1)}100%{opacity:0;transform:translate(12px,15px)}}.capture-note{margin-top:36px;font-size:29px;line-height:1.12;letter-spacing:-.04em;display:flex;gap:7px;flex-wrap:wrap}.capture-note span{color:#7e7b72}.capture-note strong{font-weight:500}.chapter-progress{padding-bottom:110px}.tablet-stage{position:relative;padding:30px 100px 80px 0;isolation:isolate}.story-tablet{width:90%;transform:rotate(-2deg);position:relative}.tablet-orbit{position:absolute;inset:10% 0 0 12%;background:#d7d1df78;border-radius:50%;z-index:-1;transform:rotate(-9deg)}.graph-note{position:absolute;right:0;bottom:4px;padding:28px 34px;background:#dfd9e5;border:1px solid #c4bccd;box-shadow:0 15px 35px #39303e0b;border-radius:14px;max-width:330px}.graph-note>span{font-size:9px;letter-spacing:.12em}.graph-note strong{display:block;font-size:28px;letter-spacing:-.04em;font-weight:500;line-height:1.15;margin:15px 0 22px}.chapter-owner{background:#dedbd3}.chapter-owner .chapter-heading>p{max-width:340px}.owner-stage{border:1px solid #c0bcb2;border-radius:14px;overflow:hidden;background:#eeece6;box-shadow:0 25px 60px #36302313}.owner-topbar{display:flex;align-items:center;gap:25px;padding:16px 24px;border-bottom:1px solid #d1cec4}.owner-topbar .wordmark{font-size:26px}.owner-topbar>span:nth-child(2){font-size:10px;color:var(--muted)}.owner-topbar .screen-switch{margin:0 0 0 auto}.owner-topbar .screen-switch button{font-size:11px;padding:6px 12px;min-height:32px}.owner-foot{display:flex;align-items:center;gap:25px;justify-content:space-between;padding:20px 26px;font-size:13px}.owner-foot p{max-width:70%;color:#676257}.owner-after{text-align:center;font-size:20px;letter-spacing:-.02em;margin:48px 0 0}.get-cue{padding-top:96px}.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-top:50px}.platform-grid article{padding:31px 28px 28px;min-width:0}.platform-grid article+article{border-left:1px solid var(--line)}.platform-symbol{font-size:32px;line-height:1}.platform-grid h3{font-size:25px;margin:18px 0 16px;letter-spacing:-.035em}.platform-grid p{font-size:12px;color:var(--muted);line-height:1.7;min-height:48px}.platform-actions{display:grid;gap:10px;font-size:12px;margin-top:25px}.app-store{display:block;width:144px;margin:28px 0 8px}.play-store{display:block;width:174px;margin:19px -9px 0}.android-preview-link{display:block;background:none;font-size:10px;color:var(--muted);margin:9px 0 0;padding:0}.device-closing{text-align:center;padding:100px 0 96px}.device-closing .wordmark{font-size:45px}.device-closing h2{font-size:clamp(55px,6vw,84px);margin:25px auto 23px}.device-closing>p{color:var(--muted);font-size:14px;margin-bottom:30px}.device-closing>div{display:flex;align-items:center;justify-content:center;gap:32px;font-size:13px}.cta{display:flex;align-items:center;gap:40px;background:var(--ink);color:var(--paper);padding:16px 24px;border-radius:8px}.cta span{font-size:20px}footer.wrap{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:27px;padding-bottom:30px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}footer a{color:var(--ink);font-size:12px}dialog{border:1px solid #c1bfb6;border-radius:14px;background:var(--paper);color:var(--ink);padding:0;width:min(1300px,96vw);max-height:94dvh}dialog::backdrop{background:#181715d9;backdrop-filter:blur(9px)}.lightbox-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px;background:var(--paper);font-size:12px;border-bottom:1px solid var(--line)}.lightbox-header span{max-width:80%;line-height:1.4}.lightbox-header button{padding:8px;background:none;white-space:nowrap;font-size:12px}.zoom-content{overflow:auto;max-height:calc(94dvh - 80px);padding:12px;background:#dedbd3}#zoom-frame{width:100%;max-width:1100px;margin:auto}#zoom-frame.portrait{max-width:440px}#zoom-frame.web-crop,#zoom-frame.mac-crop{min-width:0}#zoom-frame.score-crop{max-width:620px}#device-region-dialog{max-width:550px;padding:40px}#device-region-dialog h2{font-size:37px;margin:30px 0 18px}#device-region-dialog p{font-size:15px;color:var(--muted);margin-bottom:30px}#device-region-dialog>div{display:grid;gap:12px}#device-region-dialog button{display:flex;justify-content:space-between;gap:20px;padding:18px;background:#e4e2da;border:1px solid #cac6bc;border-radius:8px;text-align:left;font-size:14px}[hidden]{display:none!important}
@media(min-width:1600px){.device-hero{padding-top:85px}.device-constellation{height:610px}}
@media(max-width:1050px){.wrap{padding-left:36px;padding-right:36px}.device-nav{padding:16px 28px;gap:22px}.device-nav nav{gap:20px}.nav-end{gap:15px}.device-constellation{height:470px}.hero-ipad{top:120px}.hero-phone{top:125px}.hero-connection{bottom:35px}.session-layout{gap:45px}.chapter{padding-top:76px;padding-bottom:76px}.chapter-heading{gap:30px}.chapter-heading>p{max-width:300px}.tablet-stage{padding-right:50px}.graph-note{padding:23px;max-width:290px}.platform-grid article{padding:24px 20px}}
@media(max-width:760px){html{scroll-padding-top:120px}.wrap{padding-left:22px;padding-right:22px}.device-nav{padding:13px 20px;min-height:67px;gap:20px}.wordmark{font-size:31px}.back-link,.device-nav nav{display:none}.nav-end{margin-left:auto;gap:10px}.nav-demo{font-size:11px;padding:9px 12px}select{font-size:10px;max-width:112px;min-height:38px}.device-hero{padding-top:40px}.eyebrow{font-size:9px;letter-spacing:.1em}.device-hero h1{font-size:clamp(41px,9.5vw,68px);margin:19px -6px 20px}.hero-description{font-size:14px}.platform-line{font-size:10px;gap:12px;margin:22px 0 10px}.device-constellation{height:380px;margin:30px -4px 0}.hero-mac{width:88%;left:0;top:0}.hero-ipad{width:67%;right:0;top:135px}.hero-phone{width:24%;left:4%;top:137px}.mac-frame{border-width:5px;border-radius:9px}.tablet-frame{border-width:6px;border-radius:14px}.phone-frame{border-width:4px;border-radius:20px}.phone-frame img{border-radius:15px}.device-constellation figcaption{font-size:8px;margin-top:9px}.device-constellation figcaption span{display:none}.hero-connection{left:auto;right:1%;bottom:9px;font-size:9px}.scroll-invite{font-size:11px;margin-top:15px;margin-bottom:35px;gap:25px}.story-index{top:66px;padding:15px 17px;gap:0;justify-content:space-between;font-size:10px}.story-index a{gap:6px}.story-index span{font-size:9px}.chapter{padding-top:58px;padding-bottom:58px}.chapter-heading{display:block;margin-bottom:28px}.chapter-meta{font-size:9px;letter-spacing:.05em;margin-bottom:20px}.chapter-meta>span{font-size:11px;margin-right:10px;padding:5px 8px}.chapter h2,.get-cue h2{font-size:40px;letter-spacing:-.05em}.chapter-heading>p{font-size:14px;max-width:460px;margin-top:24px;line-height:1.7}.screen-switch{margin-bottom:22px}.screen-switch button{font-size:11px;padding:7px 13px;min-height:38px}.laptop-stage{padding:0 8px 82px}.laptop{border-width:5px;border-top-width:12px;border-bottom-width:8px;border-radius:10px 10px 1px 1px}.laptop-base{margin:0 -9px;height:10px}.handoff-note{left:0;right:0;flex-wrap:wrap;gap:8px;font-size:10px;bottom:3px}.handoff-note a{margin-left:14px;display:block;width:100%;border-bottom:0}.screen-caption{font-size:9px}.screen-caption button{font-size:11px}.session-layout{grid-template-columns:1fr;gap:34px}.session-copy>p:not(.chapter-meta){font-size:14px;margin:24px 0 29px}.handoff{max-width:none}.notification strong{font-size:13px}.notification p{font-size:12px}.session-points{font-size:11px;margin-top:28px}.session-visual{padding:10px 14px 0 6px}.scoring-card{max-width:500px;margin:auto;transform:rotate(1deg)}.scoring-label{font-size:9px}.session-visual .screen-caption{font-size:9px}.capture-note{font-size:27px;margin-top:28px;justify-content:center}.tablet-stage{padding:14px 4px 0}.story-tablet{width:100%;transform:rotate(-1deg)}.tablet-orbit{inset:0 -5px 20px 0}.graph-note{position:relative;right:auto;bottom:auto;max-width:none;width:85%;margin:22px 0 0 auto;padding:22px;box-shadow:none}.graph-note strong{font-size:27px;margin:12px 0 14px}.owner-topbar{padding:12px;gap:10px;flex-wrap:wrap}.owner-topbar .wordmark{font-size:24px}.owner-topbar>span:nth-child(2){font-size:9px;margin-left:auto}.owner-topbar .screen-switch{margin:4px 0 0;width:100%}.owner-topbar .screen-switch button{flex:1;padding:6px;font-size:10px}.owner-foot{padding:14px;font-size:11px;gap:15px}.owner-foot button{font-size:10px;white-space:nowrap}.owner-foot p{max-width:72%}.owner-after{font-size:17px;max-width:280px;margin:30px auto 0}.get-cue{padding-top:59px}.platform-grid{grid-template-columns:1fr;margin-top:30px}.platform-grid article{padding:27px}.platform-grid article+article{border-left:0;border-top:1px solid var(--line)}.platform-grid h3{font-size:27px;margin-top:12px}.platform-grid p{font-size:13px;min-height:0}.platform-actions{margin-top:20px}.app-store{margin-top:22px}.play-store{margin-top:12px}.device-closing{padding:68px 0 60px}.device-closing h2{font-size:56px}.device-closing>p{font-size:13px;max-width:250px;margin:0 auto 26px}.device-closing>div{gap:20px;font-size:11px}.cta{gap:15px;padding:13px 16px}footer.wrap{flex-wrap:wrap;gap:14px;font-size:9px}footer p{order:3;width:100%;font-size:9px}footer span{margin-left:auto}footer a{font-size:10px}.lightbox-header{font-size:10px;padding:10px 12px}.lightbox-header button{font-size:11px}.zoom-content{padding:5px}#device-region-dialog{padding:28px}#device-region-dialog h2{font-size:32px}}
@media(max-width:370px){.device-constellation{height:335px}.hero-ipad{top:118px}.hero-phone{top:120px}.device-hero h1{font-size:39px}.platform-line{gap:9px}.chapter h2,.get-cue h2{font-size:35px}.chapter-meta{font-size:8px}.story-index{font-size:9px}.nav-demo{padding:8px}.wrap{padding-left:19px;padding-right:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-mac,.hero-ipad,.hero-phone{transform:none!important}.score-pointer{display:none}}

/* Decorative shapes must never widen the mobile page. */
.device-hero,.chapter-progress{overflow:clip}#zoom-frame.tablet{min-width:0}

/* Real native app views share a stable stage; switching never shifts the story. */
.mobile-screen-switch{margin-bottom:22px}.mobile-capture-stage{position:relative;min-height:590px;display:grid;align-items:center}.mobile-capture-stage>div{width:100%}.android-frame{max-width:260px;margin:auto;border-radius:24px}.android-frame img{border-radius:17px}.session-visual[data-mobile-view=android] .score-pointer{display:none}.mobile-capture-stage .score-pointer{top:38%;left:32%}
@media(min-width:1300px){.mobile-capture-stage{min-height:590px}.android-frame{max-width:260px}}
@media(max-width:760px){.mobile-screen-switch{margin-inline:auto}.mobile-screen-switch button{padding:8px 11px;min-height:44px}.mobile-capture-stage{min-height:570px}.android-frame,.scoring-card{max-width:250px}.session-visual .screen-caption{justify-content:center;text-align:center;min-height:28px}.capture-note{margin-top:20px}}

.chat-download-invite{font-size:14px;line-height:1.8;margin:30px 0;color:var(--muted)}.chat-download-invite a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}

/* Native captures fit the enlargement without cutting off a device or graph. */
#zoom-frame.tablet{min-width:0}
#zoom-frame.tablet img,#zoom-frame.portrait img{width:auto;max-width:100%;max-height:calc(94dvh - 120px);margin-inline:auto}