[data-page=app] .app-hero-side{grid-area:3/2/auto/3;align-self:end;justify-items:start;gap:18px;max-width:320px;padding-bottom:1.2vw;display:grid}[data-page=app] .app-hero-side .page-lede{grid-area:auto;padding:0}[data-page=app] .app-hero-still{top:calc(var(--header) + 7vh);right:calc(var(--pad) + 9vw);fill:none;width:auto;height:min(48vh,440px);stroke:var(--ink-2);stroke-width:1px;pointer-events:none;display:none;position:absolute}[data-page=app] .app-hero-still *{vector-effect:non-scaling-stroke}[data-page=app] .app-hero-still .is-strong{stroke:var(--accent-ink);stroke-width:2px}.no-webgl [data-page=app] .app-hero-still{display:block}[data-page=app] .display em,[data-page=app] .page-cta-title em,[data-page=app] .app-faq-title em{color:var(--accent-ink);font-style:normal}[data-page=app] .app-intro{min-height:100vh;align-items:center;min-height:100svh;display:grid}[data-page=app] .app-intro-copy{justify-items:start;gap:26px;width:min(52vw,820px);display:grid}[data-page=app] .app-intro-head,[data-page=app] .app-brief-head,[data-page=app] .app-brief-body{justify-items:start;gap:26px;display:grid}[data-page=app] .app-brief-body{gap:clamp(26px,4vh,40px);width:100%}[data-page=app] .app-intro-copy .display{max-width:none;font-size:clamp(44px,5.4vw,104px)}[data-page=app] .app-platforms{counter-reset:none;width:100%;margin-top:clamp(20px,5vh,56px)}[data-page=app] .app-platforms>li{border-top:1px solid var(--line-2);grid-template-columns:52px minmax(0,.8fr) minmax(0,1.4fr);align-items:baseline;gap:6px 20px;padding:20px 0 22px;display:grid;position:relative}[data-page=app] .app-platforms>li:last-child{border-bottom:1px solid var(--line-2)}[data-page=app] .app-platforms>li:after{content:"";background:var(--accent-ink);width:40px;height:1px;transition:width .8s var(--ease-out);position:absolute;top:-1px;left:0}[data-page=app] .app-platforms>li:hover:after{width:100%}[data-page=app] .app-platforms h3{letter-spacing:-.04em;font-size:clamp(21px,1.8vw,30px);font-weight:480;line-height:1.1}[data-page=app] .app-platforms p{color:var(--ink-2);font-size:15px;line-height:1.55}[data-page=app] .journey-intro{min-height:86vh;padding:clamp(80px, 14vh, 160px) var(--pad) clamp(40px, 8vh, 96px);align-content:center;justify-items:start;gap:26px;display:grid}[data-page=app] .journey-intro .display{max-width:none}[data-page=app] .journey-intro .body-l{max-width:44ch}[data-page=app] .journey-stage{padding:0 var(--pad) clamp(96px, 16vh, 180px);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:40px clamp(32px,6vw,120px);display:grid;position:relative}[data-page=app] .journey-beats{gap:0;display:grid}[data-page=app] .journey-beat{border-top:1px solid var(--line-2);justify-items:start;gap:14px;padding:26px 0 30px;display:grid}[data-page=app] .beat-num{color:var(--muted)}[data-page=app] .beat-num span{color:var(--accent-ink)}[data-page=app] .beat-title{font-size:clamp(34px,3.4vw,60px);font-weight:var(--display);letter-spacing:-.055em;line-height:1}[data-page=app] .beat-title>span{display:block}[data-page=app] .beat-text{max-width:42ch;color:var(--ink-2);font-size:clamp(15px,1.12vw,18px);line-height:1.6}[data-page=app] .beat-text strong{color:var(--ink);font-weight:520}[data-page=app] .beat-tag{color:var(--ink-2)}[data-page=app] .journey-device{top:calc(var(--header) + 24px);position:sticky}[data-page=app] .phone-box{aspect-ratio:390/844;height:min(76vh,720px);position:relative}[data-page=app] .journey-rail{display:none}[data-page=app] .is-still .journey-beat{cursor:pointer;transition:color .3s}[data-page=app] .is-still .journey-beat:is(:hover,:focus-visible) .beat-title{color:var(--accent-ink)}[data-page=app] .is-still .journey-beat.is-active{border-top-color:var(--accent-ink)}[data-page=app] .is-still .journey-beat:focus-visible{outline-offset:6px}.js [data-page=app] .journey-stage:not(.is-still){height:100vh;height:100svh;min-height:560px;padding:calc(var(--header) + clamp(16px, 3vh, 36px)) var(--pad) clamp(18px, 3.4vh, 40px);grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,40fr) minmax(0,48fr) minmax(0,12fr);align-items:center;gap:0 clamp(20px,3vw,48px)}.js [data-page=app] .journey-stage:not(.is-still) .journey-beats{grid-template-areas:"beat";align-self:center}.js [data-page=app] .journey-stage:not(.is-still) .journey-beat{opacity:0;visibility:hidden;transition:opacity .45s var(--ease), visibility 0s linear .45s;border:0;grid-area:beat;align-content:center;padding:0}.js [data-page=app] .journey-stage:not(.is-still) .journey-beat.is-active{opacity:1;visibility:visible;transition:opacity .5s var(--ease) .12s, visibility 0s linear 0s}.js [data-page=app] .journey-stage:not(.is-still) .beat-title{letter-spacing:-.062em;text-shadow:0 0 40px var(--halo);margin:-.12em 0 -.2em;padding:.12em 0 .2em;font-size:clamp(44px,min(5.6vw,11vh),104px);line-height:.95;overflow:clip}.js [data-page=app] .journey-stage:not(.is-still) .beat-title>span{transition:transform .5s var(--ease) 0s;transform:translateY(105%)}.js [data-page=app] .journey-stage:not(.is-still) .journey-beat.is-active .beat-title>span{transition:transform 1s var(--ease-out) 80ms;transform:none}.js [data-page=app] .journey-stage:not(.is-still)[data-dir=up] .journey-beat:not(.is-active) .beat-title>span{transform:translateY(-105%)}.js [data-page=app] .journey-stage:not(.is-still) .beat-text,.js [data-page=app] .journey-stage:not(.is-still) .beat-tag,.js [data-page=app] .journey-stage:not(.is-still) .beat-num{transition:transform .5s var(--ease);transform:translateY(18px)}.js [data-page=app] .journey-stage:not(.is-still) .journey-beat.is-active :is(.beat-text,.beat-tag,.beat-num){transition:transform .9s var(--ease-out) .14s;transform:none}.js [data-page=app] .journey-stage:not(.is-still) .beat-text{max-width:34ch;text-shadow:0 0 18px var(--halo)}.js [data-page=app] .journey-stage:not(.is-still) .beat-tag{border-top:1px solid var(--line-2);padding-top:14px}.js [data-page=app] .journey-stage:not(.is-still) .journey-device{place-items:center;height:100%;min-height:0;display:grid;position:relative;top:0}.js [data-page=app] .journey-stage:not(.is-still) .phone-box{height:min(100%,780px);max-height:100%}.js [data-page=app] .journey-stage:not(.is-still) .journey-rail{align-content:center;justify-items:end;gap:18px;height:100%;display:grid}[data-page=app] .journey-count b{color:var(--ink);font-weight:400}[data-page=app] .journey-bar{background:var(--line-2);width:1px;height:min(36vh,280px);position:relative}[data-page=app] .journey-bar i{background:var(--accent-ink);transform-origin:top;position:absolute;inset:0;transform:scaleY(0)}.js [data-page=app] .journey-stage:not(.is-live) .phone{visibility:hidden}[data-page=app] .phone{transform-origin:0 0;border:1.5px solid var(--ink);background:var(--bg);width:390px;height:844px;color:var(--ink);font-family:var(--font);text-shadow:none;-webkit-user-select:none;user-select:none;border-radius:62px;position:absolute;top:0;left:0}[data-page=app] .phone-key{background:var(--ink);border-radius:2px;width:3px;position:absolute}[data-page=app] .phone-key.is-power{height:100px;top:206px;right:-4.5px}[data-page=app] .phone-key.is-up{height:62px;top:180px;left:-4.5px}[data-page=app] .phone-key.is-down{height:62px;top:256px;left:-4.5px}[data-page=app] .phone-screen{border:1px solid var(--line-2);background:var(--bg);isolation:isolate;border-radius:51px;position:absolute;inset:11px;overflow:hidden}[data-page=app] .phone-status{z-index:10;letter-spacing:-.02em;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;height:56px;padding:4px 30px 0 40px;font-size:16px;font-weight:600;display:flex;position:absolute;inset:0 0 auto}[data-page=app] .phone-island{background:var(--ink);border-radius:20px;width:116px;height:34px;margin-left:-58px;position:absolute;top:12px;left:50%}[data-page=app] .phone-icons{align-items:center;gap:7px;display:flex}[data-page=app] .phone-signal{align-items:flex-end;gap:2px;height:12px;display:flex}[data-page=app] .phone-signal i{background:var(--ink);border-radius:1px;width:3.5px;transition:background-color .4s,box-shadow .4s}[data-page=app] .phone-signal i:first-child{height:4px}[data-page=app] .phone-signal i:nth-child(2){height:6.5px}[data-page=app] .phone-signal i:nth-child(3){height:9px}[data-page=app] .phone-signal i:nth-child(4){height:12px}[data-page=app] .phone-wifi{fill:none;width:17px;height:13px;stroke:var(--ink);stroke-width:2px;stroke-linecap:round;transition:opacity .4s}[data-page=app] .phone-battery{border:1px solid var(--ink);border-radius:4px;width:26px;height:13px;padding:2px;position:relative}[data-page=app] .phone-battery:after{content:"";background:var(--ink);border-radius:0 1px 1px 0;width:2px;height:4px;position:absolute;top:3.5px;right:-3.5px}[data-page=app] .phone-battery i{background:var(--ink);border-radius:2px;width:72%;height:100%;display:block}[data-page=app] .phone:is([data-phase="2"],[data-phase="3"]) .phone-signal i{box-shadow:inset 0 0 0 1px var(--faint);background:0 0}[data-page=app] .phone:is([data-phase="2"],[data-phase="3"]) .phone-wifi{opacity:.18}[data-page=app] .phone-home{z-index:10;background:var(--ink);border-radius:3px;width:136px;height:5px;margin-left:-68px;position:absolute;bottom:9px;left:50%}[data-page=app] .app-view{background:var(--bg);padding-top:56px;position:absolute;inset:0}[data-page=app] .view-home{z-index:1;transition:transform .8s var(--ease-out), opacity .6s}[data-page=app] .phone:is([data-phase="1"],[data-phase="3"],[data-phase="4"]) .view-home{opacity:.5;transform:scale(.94)}[data-page=app] .home-head{padding:22px 26px 0}[data-page=app] .home-date{font-family:var(--mono);letter-spacing:.02em;text-transform:uppercase;color:var(--muted);font-size:12px}[data-page=app] .home-title{letter-spacing:-.05em;margin-top:4px;font-size:44px;font-weight:560;line-height:1.05}[data-page=app] .home-sub{color:var(--ink-2);margin-top:4px;font-size:16px}[data-page=app] .home-empty{text-align:center;transition:opacity .5s, transform .8s var(--ease-out);justify-items:center;gap:6px;display:grid;position:absolute;top:330px;left:0;right:0}[data-page=app] .home-empty-mark{border:1px solid var(--line-2);border-radius:50%;width:64px;height:64px;margin-bottom:14px;position:relative}[data-page=app] .home-empty-mark i:before,[data-page=app] .home-empty-mark i:after{content:"";background:var(--muted);width:18px;height:1.5px;margin:-.75px 0 0 -9px;position:absolute;top:50%;left:50%}[data-page=app] .home-empty-mark i:after{transform:rotate(90deg)}[data-page=app] .home-empty p{letter-spacing:-.02em;font-size:18px}[data-page=app] .home-empty p+p{color:var(--muted);font-size:15px}[data-page=app] .home-scroll{opacity:0;transition:opacity .6s .2s;position:absolute;inset:216px 0 0;overflow:hidden}[data-page=app] .home-list{padding:0 26px 140px}[data-page=app] .home-group{font-family:var(--mono);letter-spacing:.02em;text-transform:uppercase;color:var(--muted);padding:20px 0 8px;font-size:11.5px}[data-page=app] .home-group:first-child{padding-top:8px}[data-page=app] .home-note{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;padding:15px 0 16px;display:grid}[data-page=app] .home-note b{letter-spacing:-.025em;font-size:18px;font-weight:500}[data-page=app] .home-note span{color:var(--muted);grid-column:1;font-size:15px;line-height:1.4}[data-page=app] .home-note time{font-family:var(--mono);color:var(--muted);grid-area:1/2;font-size:11.5px}[data-page=app] .home-note.is-new b,[data-page=app] .home-note.is-new time{color:var(--accent)}[data-page=app] .phone[data-phase="5"] .home-empty{opacity:0;transform:translateY(20px)}[data-page=app] .phone[data-phase="5"] .home-scroll{opacity:1}[data-page=app] .home-list>li{opacity:0;transition:opacity .3s, transform .4s var(--ease);transform:translateY(14px)}[data-page=app] .phone[data-phase="5"] .home-list>li{opacity:1;transition:opacity .6s calc(.25s + var(--i,0) * 70ms), transform .9s var(--ease-out) calc(.25s + var(--i,0) * 70ms);transform:none}[data-page=app] .home-fab{z-index:2;background:var(--accent);color:#fff;letter-spacing:-.02em;height:60px;transition:transform .35s var(--ease-out);border-radius:30px;justify-content:space-between;align-items:center;padding:0 10px 0 26px;font-size:18px;font-weight:500;display:flex;position:absolute;bottom:44px;left:24px;right:24px}[data-page=app] .home-fab i{border:1px solid #ffffff80;border-radius:50%;width:40px;height:40px;position:relative}[data-page=app] .home-fab i:before,[data-page=app] .home-fab i:after{content:"";background:#fff;width:14px;height:1.5px;margin:-.75px 0 0 -7px;position:absolute;top:50%;left:50%}[data-page=app] .home-fab i:after{transform:rotate(90deg)}[data-page=app] .phone-touch{z-index:3;border:1.5px solid var(--ink);opacity:0;width:64px;height:64px;transition:opacity .4s, transform .6s var(--ease-out);pointer-events:none;border-radius:50%;margin-left:-32px;position:absolute;bottom:42px;left:50%;transform:scale(1.4)}[data-page=app] .phone[data-phase="0"] .phone-touch{opacity:.55;animation:app-touch-hint 2.2s var(--ease) infinite;transform:scale(1)}[data-page=app] .phone.is-tapped .home-fab{animation:app-fab-press .5s var(--ease-out)}@keyframes app-touch-hint{0%,to{transform:scale(1)}50%{transform:scale(.86)}}@keyframes app-fab-press{30%{transform:scale(.96)}to{transform:none}}[data-page=app] .view-compose{z-index:3;transition:transform .85s var(--ease-out);transform:translateY(104%)}[data-page=app] .phone:is([data-phase="1"],[data-phase="3"],[data-phase="4"]) .view-compose{transform:none}[data-page=app] .compose-bar{border-bottom:1px solid var(--line);height:56px;color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;padding:0 24px;font-size:17px;display:grid}[data-page=app] .compose-bar b{color:var(--ink);font-weight:560}[data-page=app] .compose-bar .is-accent{color:var(--accent);justify-self:end;font-weight:520}[data-page=app] .compose-title{letter-spacing:-.045em;min-height:1.15em;padding:28px 26px 0;font-size:32px;font-weight:560;line-height:1.15}[data-page=app] .compose-body{letter-spacing:-.015em;color:var(--ink-2);padding:12px 26px 0;font-size:19px;line-height:1.45}[data-page=app] .compose-caret{background:var(--accent);width:2px;height:1.2em;margin:0 0 -.22em 1px;animation:1.05s step-end infinite app-caret;display:inline-block}@keyframes app-caret{50%{opacity:0}}[data-page=app] .phone:not(.is-typing-body) .compose-body .compose-caret{visibility:hidden}[data-page=app] .compose-chip{grid-template-areas:"a""b";gap:10px;display:grid;position:absolute;bottom:322px;left:24px;right:24px}[data-page=app] .compose-chip>span{letter-spacing:-.01em;color:var(--ink-2);opacity:0;transition:opacity .45s, transform .7s var(--ease-out);align-items:center;gap:10px;font-size:15px;display:flex;transform:translateY(10px)}[data-page=app] .compose-chip .chip-local{grid-area:a}[data-page=app] .compose-chip :is(.chip-wait,.chip-sync){grid-area:b}[data-page=app] .compose-chip svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}[data-page=app] .compose-chip .chip-local svg,[data-page=app] .compose-chip .chip-sync{color:var(--accent)}[data-page=app] .phone:is([data-phase="3"],[data-phase="4"]) .chip-local,[data-page=app] .phone[data-phase="3"] .chip-wait,[data-page=app] .phone[data-phase="4"] .chip-sync{opacity:1;transition:opacity .5s .25s, transform .8s var(--ease-out) .25s;transform:none}[data-page=app] .keyboard{border-top:1px solid var(--line);align-content:start;gap:11px;height:300px;padding:12px 4px 0;display:grid;position:absolute;bottom:0;left:0;right:0}[data-page=app] .keyboard>div{justify-content:center;gap:6px;display:flex}[data-page=app] .keyboard i{border:1px solid var(--line-2);border-radius:7px;flex:0 0 31px;height:44px;transition:background-color .3s,border-color .3s}[data-page=app] .keyboard i.is-wide{flex-basis:44px}[data-page=app] .keyboard i.is-space{flex:auto;max-width:190px}[data-page=app] .keyboard i.is-return{flex-basis:88px}[data-page=app] .keyboard i.is-down{background:var(--accent);border-color:var(--accent);transition:none}[data-page=app] .view-call{z-index:5;transition:transform .8s var(--ease-out);align-content:start;justify-items:center;padding-top:150px;display:grid;transform:translateY(-104%)}[data-page=app] .phone[data-phase="2"] .view-call{transform:none}[data-page=app] .call-label{font-family:var(--mono);letter-spacing:.02em;text-transform:uppercase;color:var(--muted);font-size:12px}[data-page=app] .call-avatar{border:1px solid var(--ink);border-radius:50%;width:112px;height:112px;margin-top:28px;position:relative}[data-page=app] .call-avatar i:before{content:"";border:1.5px solid var(--ink);border-radius:50%;width:30px;height:30px;margin-left:-15px;position:absolute;top:26px;left:50%}[data-page=app] .call-avatar i:after{content:"";border:1.5px solid var(--ink);border-bottom:0;border-radius:28px 28px 0 0;width:56px;height:28px;margin-left:-28px;position:absolute;top:64px;left:50%}[data-page=app] .call-avatar b{border:1px solid var(--accent);opacity:0;border-radius:50%;position:absolute;inset:-1px}[data-page=app] .phone[data-phase="2"] .call-avatar b{animation:app-ring 2.2s var(--ease) infinite}[data-page=app] .phone[data-phase="2"] .call-avatar b+b{animation-delay:1.1s}@keyframes app-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}[data-page=app] .call-name{letter-spacing:-.045em;margin-top:26px;font-size:36px;font-weight:500}[data-page=app] .call-actions{justify-content:space-between;display:flex;position:absolute;bottom:96px;left:64px;right:64px}[data-page=app] .call-btn{border-radius:50%;place-items:center;width:78px;height:78px;display:grid}[data-page=app] .call-btn svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:30px;height:30px}[data-page=app] .call-btn.is-decline{border:1.5px solid var(--ink)}[data-page=app] .call-btn.is-accept{background:var(--accent);color:#fff}[data-page=app] .app-care-head{justify-items:start;gap:26px;margin-bottom:clamp(56px,10vh,110px);display:grid}[data-page=app] .app-care-head .display{max-width:none}[data-page=app] .app-things{grid-template-columns:repeat(4,minmax(0,1fr));gap:48px clamp(18px,2.2vw,36px);display:grid}[data-page=app] .app-thing{border-top:1px solid var(--line-2);grid-template-rows:auto auto auto 1fr auto;align-content:start;gap:14px;padding-top:22px;display:grid;position:relative}[data-page=app] .app-thing:after{content:"";background:var(--accent-ink);width:40px;height:1px;transition:width .8s var(--ease-out);position:absolute;top:-1px;left:0}[data-page=app] .app-thing:is(:hover,:focus-within):after{width:100%}[data-page=app] .app-thing h3{letter-spacing:-.035em;font-size:clamp(21px,1.8vw,30px);font-weight:480;line-height:1.1}[data-page=app] .app-thing>p:not(.eyebrow){color:var(--ink-2);font-size:15.5px;line-height:1.55}[data-page=app] .app-thing>.thing-hint{color:var(--muted)}[data-page=app] .hint-touch{display:none}@media (hover:none){[data-page=app] .hint-touch{display:inline}[data-page=app] .hint-mouse{display:none}}[data-page=app] .thing-stage{align-items:end;height:188px;margin:6px 0 8px;padding-bottom:38px;display:grid;position:relative}[data-page=app] :is(.sync-state,.hold-status){position:absolute;bottom:0;left:0;right:0}[data-page=app] .swipe{border-block:1px solid var(--line-2);position:relative;overflow:clip}[data-page=app] .swipe-action{background:var(--accent);color:#fff;justify-content:flex-end;align-items:center;gap:8px;width:50%;padding-right:18px;font-size:14px;display:flex;position:absolute;inset:0 0 0 auto}[data-page=app] .swipe-action svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}[data-page=app] .swipe.is-armed .swipe-action svg{transform:scale(1.35)}[data-page=app] .swipe-row{z-index:1;background:var(--bg);text-align:left;touch-action:pan-y;-webkit-tap-highlight-color:transparent;cursor:grab;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;min-height:72px;padding:0 4px 0 2px;display:grid;position:relative}[data-page=app] .swipe-row:active{cursor:grabbing}[data-page=app] .swipe-row:focus-visible{outline-offset:-2px}[data-page=app] .swipe-check{border:1px solid var(--line-2);color:#0000;border-radius:50%;place-items:center;width:26px;height:26px;transition:background-color .35s,border-color .35s,color .35s,transform .5s cubic-bezier(.34,1.56,.64,1);display:grid}[data-page=app] .swipe-check svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}[data-page=app] .swipe.is-done .swipe-check{border-color:var(--accent);background:var(--accent);color:#fff;transform:scale(1.08)}[data-page=app] .swipe-text{gap:2px;min-width:0;display:grid}[data-page=app] .swipe-text b{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:500;-webkit-text-decoration:line-through #0000;text-decoration:line-through #0000;text-decoration-thickness:1px;transition:color .35s,text-decoration-color .35s;overflow:hidden}[data-page=app] .swipe.is-done .swipe-text b{color:var(--muted);-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted)}[data-page=app] .swipe-text small{font-family:var(--mono);color:var(--muted);font-size:10.5px}[data-page=app] .swipe-grip{gap:3px;padding:0 10px;display:flex}[data-page=app] .swipe-grip i{background:var(--faint);width:1px;height:18px}[data-page=app] .sync{display:grid}[data-page=app] .sync-switch{border-block:1px solid var(--line-2);letter-spacing:-.02em;text-align:left;-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:56px;padding:0 2px;font-size:16px;display:flex}[data-page=app] .switch{border:1px solid var(--line-2);border-radius:99px;flex:none;width:54px;height:32px;transition:background-color .35s,border-color .35s;position:relative}[data-page=app] .switch i{border:1px solid var(--line-2);background:var(--bg);width:24px;height:24px;transition:transform .6s cubic-bezier(.34, 1.7, .5, 1), width .25s var(--ease-out), border-color .35s;border-radius:99px;position:absolute;top:3px;left:3px}[data-page=app] .sync-switch:active .switch i{width:30px}[data-page=app] .sync-switch[aria-checked=true] .switch{border-color:var(--accent);background:var(--accent)}[data-page=app] .sync-switch[aria-checked=true] .switch i{border-color:var(--bg);transform:translate(22px)}[data-page=app] .sync-switch[aria-checked=true]:active .switch i{transform:translate(16px)}[data-page=app] .sync-switch:hover .sync-label{color:var(--accent-ink)}[data-page=app] .sync-label{transition:color .25s}[data-page=app] .sync-state{min-height:24px;color:var(--ink-2);align-items:center;gap:10px;font-size:14px;display:flex}[data-page=app] .sync-state svg{fill:none;width:24px;height:24px;stroke:var(--accent);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none}[data-page=app] .sync-state .sync-slash{stroke-dasharray:23;stroke-dashoffset:23px;transition:stroke-dashoffset .5s var(--ease-out)}[data-page=app] .sync-state .sync-tick{stroke-dasharray:9;stroke-dashoffset:0;transition:stroke-dashoffset .5s var(--ease-out) .1s}[data-page=app] .sync.is-offline .sync-state svg{stroke:var(--muted)}[data-page=app] .sync.is-offline .sync-slash{stroke-dashoffset:0}[data-page=app] .sync:is(.is-offline,.is-syncing) .sync-tick{stroke-dashoffset:9px}[data-page=app] .sync.is-syncing .sync-state svg{animation:app-sync 1.1s var(--ease) infinite}@keyframes app-sync{50%{opacity:.35}}[data-page=app] .type{gap:16px;display:grid}[data-page=app] .type-sample{height:90px;font-size:var(--type-size,19px);letter-spacing:-.035em;align-items:flex-end;font-weight:480;line-height:1.12;transition:font-size .55s cubic-bezier(.34,1.4,.64,1);display:flex;overflow:hidden}[data-page=app] .type-control{border-block:1px solid var(--line-2);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:44px;display:grid}[data-page=app] .type-a{color:var(--muted);font-size:13px;line-height:1}[data-page=app] .type-a.is-large{font-size:22px}[data-page=app] .type-control input[type=range]{height:44px}[data-page=app] .hold{display:grid}[data-page=app] .hold-button{--p:0;border:1px solid var(--accent);width:100%;min-height:64px;color:var(--accent);letter-spacing:-.02em;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .4s var(--ease-out);border-radius:99px;font-size:16px;display:block;position:relative}[data-page=app] .hold-face{justify-content:space-between;align-items:center;gap:16px;min-height:62px;padding:0 9px 0 22px;display:flex}[data-page=app] .hold-fill{background:var(--accent);color:#fff;clip-path:inset(0 calc(100% - var(--p) * 100%) 0 0);pointer-events:none;border-radius:99px;position:absolute;inset:-1px}[data-page=app] .hold-fill .hold-face{min-height:64px;padding:0 10px 0 23px}[data-page=app] .hold-button.is-holding{transform:scale(.985)}[data-page=app] .hold-icon{border:1px solid;border-radius:50%;place-items:center;width:44px;height:44px;transition:transform .6s cubic-bezier(.34,1.56,.64,1);display:grid}[data-page=app] .hold-icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}[data-page=app] .hold-button.is-holding .hold-icon{transform:translateY(-3px)}[data-page=app] .hold-button.is-done .hold-icon{transform:rotate(45deg)}[data-page=app] .hold-status{min-height:22px;color:var(--ink-2);font-size:14px;line-height:1.45}[data-page=app] .app-brief{min-height:100vh;border-top:1px solid var(--line);align-items:center;min-height:100svh;display:grid}[data-page=app] .app-brief-copy{justify-items:start;gap:clamp(26px,4vh,40px);width:min(52vw,820px);display:grid}[data-page=app] .app-brief .page-cta-title{max-width:none;font-size:clamp(48px,6vw,112px)}[data-page=app] .app-prompts{width:min(100%,720px);display:grid}[data-page=app] .app-prompts>li{border-top:1px solid var(--line-2);grid-template-columns:52px minmax(0,.8fr) minmax(0,1.4fr);align-items:baseline;gap:6px 20px;padding:18px 0 20px;display:grid}[data-page=app] .app-prompts>li:last-child{border-bottom:1px solid var(--line-2)}[data-page=app] .app-prompts h3{letter-spacing:-.035em;font-size:clamp(20px,1.6vw,26px);font-weight:480}[data-page=app] .app-prompts p{color:var(--ink-2);font-size:15px;line-height:1.55}[data-page=app] .app-faq-head{gap:26px;margin-bottom:clamp(48px,8vh,88px);display:grid}[data-page=app] .app-faq-title{font-size:clamp(52px,8.4vw,168px);font-weight:var(--display);letter-spacing:-.066em;line-height:.9}[data-page=app] .faq-item{border-top:1px solid var(--line-2);overflow-anchor:none;position:relative}[data-page=app] .faq-item:last-child{border-bottom:1px solid var(--line-2)}[data-page=app] .faq-item:before{content:"";background:var(--accent-ink);transform-origin:0;height:1px;transition:transform .6s var(--ease-out);pointer-events:none;position:absolute;inset:-1px 0 auto;transform:scaleX(0)}[data-page=app] .faq-item[data-expanded=true]:before{transform:scaleX(1)}[data-page=app] .faq-item>summary{cursor:pointer;letter-spacing:-.045em;-webkit-tap-highlight-color:transparent;grid-template-columns:minmax(40px,1fr) minmax(0,7fr) 44px;align-items:center;gap:20px;min-height:104px;padding:28px 0;font-size:clamp(22px,2.4vw,40px);line-height:1.15;list-style:none;display:grid}[data-page=app] .faq-item>summary::-webkit-details-marker{display:none}[data-page=app] .faq-item>summary:focus-visible{outline-offset:-2px}[data-page=app] .faq-index{height:1.25em;font:11px/1.25 var(--mono);letter-spacing:.02em;color:var(--muted);align-self:start;margin-top:1.2em;display:block;overflow:hidden}[data-page=app] .faq-index>span,[data-page=app] .faq-index:after{transition:transform .5s var(--ease-out);display:block}[data-page=app] .faq-index:after{content:attr(data-index);color:var(--accent-ink)}[data-page=app] .faq-item[data-expanded=true] .faq-index>span,[data-page=app] .faq-item[data-expanded=true] .faq-index:after{transform:translateY(-100%)}[data-page=app] .faq-question .roll{display:grid}[data-page=app] .faq-question .roll>span{white-space:normal}[data-page=app] .faq-item[data-expanded=true] .faq-question .roll-text{color:var(--accent-ink)}@media (hover:hover){[data-page=app] .faq-item>summary:hover .roll-text{transform:translateY(-128%)rotate(-3deg)}[data-page=app] .faq-item>summary:hover .roll-echo{transform:none}}[data-page=app] .faq-item>summary:focus-visible .roll-text{transform:translateY(-128%)rotate(-3deg)}[data-page=app] .faq-item>summary:focus-visible .roll-echo{transform:none}.reduced-motion [data-page=app] .faq-item>summary:is(:hover,:focus-visible) .roll-text{color:var(--accent-ink)}[data-page=app] .faq-icon{border:1px solid var(--line-2);width:44px;height:44px;color:var(--accent-ink);transition:border-color .25s, transform .55s var(--ease-out);border-radius:50%;place-items:center;display:grid;position:relative}[data-page=app] .faq-icon i{width:13px;height:1px;transition:transform .45s var(--ease-out), opacity .25s;background:currentColor;position:absolute}[data-page=app] .faq-icon i:last-child{transform:rotate(90deg)}[data-page=app] .faq-item>summary:hover .faq-icon{border-color:var(--accent-ink)}[data-page=app] .faq-item:not([data-expanded=true])>summary:hover .faq-icon{transform:rotate(90deg)}[data-page=app] .faq-item[data-expanded=true] .faq-icon{border-color:var(--accent-ink);transform:rotate(180deg)}[data-page=app] .faq-item[data-expanded=true] .faq-icon i:last-child{opacity:0;transform:rotate(0)}[data-page=app] .faq-answer{display:flow-root}[data-page=app] .faq-answer-inner{grid-template-columns:minmax(40px,1fr) minmax(0,7fr) 44px;gap:20px;padding-bottom:38px;display:grid}[data-page=app] .faq-answer p{max-width:60ch;color:var(--ink-2);grid-column:2;font-size:clamp(16px,1.15vw,19px);line-height:1.65}[data-page=app] .faq-fragment{display:block}[data-page=app] .faq-fragment+.faq-fragment{margin-top:10px}[data-page=app] .app-next{border-top:1px solid var(--line);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:40px clamp(32px,6vw,120px);display:grid}[data-page=app] .app-next-head{grid-column:1/-1;gap:26px;display:grid}[data-page=app] .app-next .display{max-width:none;font-size:clamp(44px,5vw,96px)}[data-page=app] .app-next .next-pages{grid-column:1/-1}@media (max-width:1100px){[data-page=app] .app-things{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px clamp(24px,4vw,48px)}[data-page=app] .app-platforms>li,[data-page=app] .app-prompts>li{grid-template-columns:44px minmax(0,1fr)}[data-page=app] .app-platforms p,[data-page=app] .app-prompts p{grid-column:2}.js [data-page=app] .journey-stage:not(.is-still) .journey-rail{display:none}.js [data-page=app] .journey-stage:not(.is-still){grid-template-columns:minmax(0,46fr) minmax(0,54fr)}}@media (max-width:900px){html:not(.js) [data-page=app] .journey-stage,[data-page=app] .journey-stage.is-still{grid-template-columns:minmax(0,1fr)}html:not(.js) [data-page=app] .journey-device,[data-page=app] .journey-stage.is-still .journey-device{grid-row:1;justify-self:center;position:static}html:not(.js) [data-page=app] .phone-box,[data-page=app] .journey-stage.is-still .phone-box{height:min(70vh,620px)}}@media (max-aspect-ratio:19/20),(max-width:760px){[data-page=app] .app-hero-side{grid-area:4/1;max-width:44ch;padding-bottom:0}[data-page=app] .app-hero-still{top:calc(var(--header) + 56px);height:34vh;right:50%;transform:translate(50%)}[data-page=app] .app-intro,[data-page=app] .app-brief{align-items:start;min-height:0;padding-top:0}[data-page=app] .app-intro-head,[data-page=app] .app-brief-head{min-height:100vh;align-content:end;min-height:100svh;padding:44vh 0 clamp(8px,2vh,20px)}[data-page=app] .app-intro-copy,[data-page=app] .app-brief-copy{width:auto}.js [data-page=app] .journey-stage:not(.is-still){padding-top:calc(var(--header) + 10px);grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:clamp(16px,2.6vh,28px);padding-bottom:clamp(18px,3vh,32px)}.js [data-page=app] .journey-stage:not(.is-still) .journey-device{grid-row:1}.js [data-page=app] .journey-stage:not(.is-still) .journey-beats{grid-row:2;align-self:start}.js [data-page=app] .journey-stage:not(.is-still) .beat-title{font-size:clamp(34px,min(9.4vw,6vh),64px)}.js [data-page=app] .journey-stage:not(.is-still) .beat-text{max-width:46ch;font-size:15px;line-height:1.5}.js [data-page=app] .journey-stage:not(.is-still) .journey-beat{gap:10px}.js [data-page=app] .journey-stage:not(.is-still) .journey-rail{display:none}}@media (max-width:760px){[data-page=app] .app-things{grid-template-columns:minmax(0,1fr);gap:48px}[data-page=app] .thing-stage{height:auto;min-height:0;margin:18px 0 14px}[data-page=app] .app-platforms>li,[data-page=app] .app-prompts>li{grid-template-columns:minmax(0,1fr);gap:6px}[data-page=app] .app-platforms p,[data-page=app] .app-prompts p{grid-column:auto}.js [data-page=app] .journey-stage:not(.is-still) .beat-tag{display:none}[data-page=app] .app-faq-title{font-size:clamp(48px,14vw,84px)}[data-page=app] .faq-item>summary{grid-template-columns:24px minmax(0,1fr) 40px;gap:12px;min-height:88px;padding:22px 0;font-size:clamp(19px,5.4vw,24px)}[data-page=app] .faq-index{margin-top:.5em;font-size:10px}[data-page=app] .faq-icon{width:40px;height:40px}[data-page=app] .faq-answer-inner{grid-template-columns:24px minmax(0,1fr);gap:12px;padding-bottom:28px}[data-page=app] .faq-answer p{font-size:15px}[data-page=app] .app-next{grid-template-columns:minmax(0,1fr)}}@media (max-height:640px) and (max-aspect-ratio:19/20){.js [data-page=app] .journey-stage:not(.is-still) .beat-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}
