:root{--jr-paper: #f3ede3;--jr-ink: #171717;--jr-body: #4a4744;--jr-muted: #62605e;--jr-clay: #984a25;--jr-blue: #0568d8;--jr-blue-dark: #0559b8;--jr-line: rgba(23, 23, 23, .14);--jr-serif: "New York", ui-serif, "Iowan Old Style", "Source Serif 4", Georgia, serif;--jr-sans: -apple-system, "SF Pro Text", "Helvetica Neue", system-ui, sans-serif;--jr-stamp: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--jr-shell: min(1180px, calc(100% - 48px) )}html[data-journary-landing]{scroll-behavior:smooth;background:var(--jr-paper);-webkit-text-size-adjust:100%}html[data-journary-landing] body{margin:0;background:var(--jr-paper);color:var(--jr-ink);font-family:var(--jr-sans);-webkit-font-smoothing:antialiased}html[data-journary-landing] *,html[data-journary-landing] *:before,html[data-journary-landing] *:after{box-sizing:border-box}html[data-journary-landing] a,html[data-journary-landing] button,html[data-journary-landing] summary{-webkit-tap-highlight-color:transparent}html[data-journary-landing] ::selection{background:#984a252e}.journary-site{min-height:100vh;overflow-x:clip}.journary-site section{width:var(--jr-shell);margin:0 auto}.stamp{margin:0;color:var(--jr-clay);font:700 11px/1.2 var(--jr-stamp);letter-spacing:.11em;text-transform:uppercase}.section-heading{max-width:760px;margin-bottom:clamp(48px,7vw,96px)}.section-heading .stamp{margin-bottom:18px}.section-heading h2{margin:0;font:400 clamp(40px,5vw,72px)/1 var(--jr-serif);letter-spacing:-.04em;text-wrap:balance}.section-heading>p:last-child{max-width:36em;margin:26px 0 0;color:var(--jr-muted);font-size:18px;line-height:1.6;text-wrap:pretty}.site-nav{min-height:80px;padding:14px 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 32px;width:var(--jr-shell);margin:0 auto;border-bottom:1px solid var(--jr-line)}.wordmark{display:inline-flex;align-items:center;gap:11px;color:var(--jr-ink);text-decoration:none;font:700 19px/1 var(--jr-sans);letter-spacing:-.03em}.wordmark-mark{position:relative;width:25px;height:24px;display:block}.wordmark-mark i{position:absolute;left:3px;width:19px;height:12px;border:2px solid currentColor;border-radius:2px;transform:rotate(30deg) skew(-30deg) scaleY(.72)}.wordmark-mark i:nth-child(1){top:1px}.wordmark-mark i:nth-child(2){top:6px}.wordmark-mark i:nth-child(3){top:11px}.nav-links{flex:0 1 auto;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:10px clamp(14px,2.2vw,28px)}.nav-links a{color:var(--jr-ink);text-decoration:none;font-size:14px}.nav-links a:not(.nav-cta):hover{color:var(--jr-clay)}.nav-cta{display:inline-flex;align-items:center;min-height:44px;padding:0 clamp(13px,1.6vw,18px);border:1px solid var(--jr-ink);border-radius:999px;font-weight:600;white-space:nowrap;transition:background-color .16s ease,color .16s ease}.nav-links .nav-cta:hover{background:var(--jr-ink);color:var(--jr-paper)}.hero{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(48px,6vw,88px);padding:clamp(64px,9vw,132px) 0 clamp(72px,9vw,124px)}.hero-copy{flex:1 1 460px;min-width:0}.hero-copy>.stamp{margin-bottom:28px}.hero h1{max-width:12ch;margin:0;font:400 clamp(58px,7.4vw,112px)/.9 var(--jr-serif);letter-spacing:-.045em;text-wrap:balance}.hero-lede{max-width:34em;margin:32px 0 0;color:var(--jr-body);font-size:clamp(18px,1.5vw,21px);line-height:1.55;letter-spacing:-.011em;text-wrap:pretty}.hero-notify{margin-top:38px;max-width:520px}.hero-visual{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:26px}.hero-phone-stage{position:relative;width:min(100%,390px)}.phone-frame{position:relative;width:min(68%,262px);margin:0 auto;aspect-ratio:1179 / 2556;overflow:hidden;border:7px solid #262626;border-radius:46px;background:#141518;box-shadow:0 36px 72px #2f24173d;transform:rotate(3.5deg);animation:phone-float 7s ease-in-out infinite}.phone-frame img{width:100%;height:100%;display:block;object-fit:cover}.hero-phone-card{position:absolute;z-index:1;margin:0;padding:13px 17px;border:1px solid rgba(23,23,23,.12);border-radius:18px;background:#fffcf6f0;box-shadow:0 14px 34px #2f241729;color:var(--jr-ink);font:650 13px/1.25 var(--jr-sans);letter-spacing:-.01em;white-space:nowrap;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hero-phone-card-recording{top:14%;left:0}.hero-phone-card-battery{right:0;bottom:13%}.hero-caption{max-width:230px;margin:0;text-align:center;color:var(--jr-muted);font:600 11px/1.5 var(--jr-stamp);letter-spacing:.09em;text-transform:uppercase}@keyframes phone-float{0%,to{transform:rotate(3.5deg) translateY(0)}50%{transform:rotate(2.7deg) translateY(-10px)}}.notify-wrap{width:100%}.notify-form{display:flex;flex-wrap:wrap;gap:10px;width:100%}.notify-form input{flex:1 1 240px;min-width:0;height:52px;padding:0 20px;border:1px solid rgba(23,23,23,.2);border-radius:999px;outline:0;background:#fff9;color:var(--jr-ink);font:15px/1 var(--jr-sans);transition:border-color .16s ease,box-shadow .16s ease}.notify-form input::placeholder{color:#1717176b}.notify-form input:focus{border-color:var(--jr-blue);box-shadow:0 0 0 3px #0568d824}.notify-form button,.download-button{height:52px;padding:0 24px;border:1px solid var(--jr-blue);border-radius:999px;background:var(--jr-blue);color:#fff;font:700 14px/1 var(--jr-sans);white-space:nowrap;cursor:pointer;transition:background-color .16s ease,border-color .16s ease}.notify-form button:hover,.download-button:hover{background:var(--jr-blue-dark);border-color:var(--jr-blue-dark)}.notify-form button:disabled{cursor:wait;opacity:.62}.download-button{display:inline-flex;align-items:center;min-height:52px;text-decoration:none;font-size:15px}.notify-note,.notify-error{margin:12px 0 0 4px;color:var(--jr-muted);font-size:12.5px;line-height:1.45}.notify-error{color:#b42318}.notify-success{margin:0;padding:16px 20px;border:1px solid rgba(53,140,96,.3);border-radius:18px;background:#ffffff8c;color:#216943;font-size:14px;line-height:1.5}.essay-section{display:flex;flex-wrap:wrap;gap:clamp(32px,6vw,96px);padding:clamp(96px,12vw,180px) 0;border-top:1px solid var(--jr-line)}.essay-stamp{flex:0 0 auto;width:170px;margin-top:8px}.essay-copy{flex:1 1 480px;min-width:0;max-width:840px}.essay-lede{margin:0;font:400 clamp(28px,3.3vw,46px)/1.2 var(--jr-serif);letter-spacing:-.028em;text-wrap:pretty}.essay-note{max-width:30em;margin:36px 0 0;color:var(--jr-muted);font-size:17px;line-height:1.6}.day-section{padding:clamp(24px,4vw,48px) 0 clamp(96px,12vw,170px)}.day-story{display:flex;flex-wrap:wrap;align-items:flex-start;gap:clamp(32px,6vw,90px)}.day-steps{flex:1 1 420px;min-width:0;display:flex;flex-direction:column}.day-step{min-height:min(66vh,530px);display:flex;flex-direction:column;justify-content:center;padding:32px 0 32px clamp(20px,3vw,34px);border-left:2px solid var(--jr-line);transition:border-color .32s ease}.day-step.is-active{border-left-color:var(--jr-clay)}.day-step .stamp{margin-bottom:16px;letter-spacing:.1em}.day-step h3{max-width:20ch;margin:0;font:400 clamp(30px,3.4vw,46px)/1.05 var(--jr-serif);letter-spacing:-.032em}.day-step-body{max-width:34em;margin:20px 0 0;color:var(--jr-body);font-size:17px;line-height:1.62;text-wrap:pretty}.day-step-shot{display:none}.day-visual{order:-1;flex:1 1 300px;max-width:340px;position:sticky;top:clamp(64px,12vh,120px);align-self:flex-start}.day-frame{position:relative;width:clamp(180px,40vh,280px);max-width:100%;margin:0 auto;aspect-ratio:1179 / 2040;overflow:hidden;border-radius:18px;background:#ede7e0;box-shadow:0 24px 60px #2f241729}.day-frame img{position:absolute;left:0;top:50%;width:100%;height:auto;transform:translateY(-48%);opacity:0;transition:opacity .32s ease}.day-frame img.is-active{opacity:1}.day-caption{margin:18px 0 0;text-align:center;color:var(--jr-muted);font:600 11px/1.4 var(--jr-stamp);letter-spacing:.09em;text-transform:uppercase}.long-view-section{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(40px,7vw,110px);padding:clamp(96px,12vw,170px) 0;border-top:1px solid var(--jr-line)}.long-view-copy{flex:1 1 380px;min-width:0}.long-view-copy .stamp{margin-bottom:18px}.long-view-copy h2{max-width:22ch;margin:0;font:400 clamp(36px,4.6vw,66px)/1.02 var(--jr-serif);letter-spacing:-.038em;text-wrap:balance}.long-view-copy>p:last-child{max-width:34em;margin:28px 0 0;color:var(--jr-body);font-size:18px;line-height:1.6;text-wrap:pretty}.long-view-figure{flex:1 1 380px;min-width:0;margin:0}.long-view-frame{position:relative;width:100%;max-width:520px;margin:0 auto;aspect-ratio:1 / 1;overflow:hidden}.long-view-frame img{position:absolute;left:50%;top:50%;width:100%;height:auto;transform:translate(-50%,-49.5%)}.long-view-figure figcaption{max-width:520px;margin:8px auto 0;color:var(--jr-muted);font:600 11px/1.4 var(--jr-stamp);letter-spacing:.09em;text-transform:uppercase}.privacy-section{display:flex;flex-wrap:wrap;gap:clamp(40px,7vw,110px);padding:clamp(96px,12vw,170px) 0;border-top:1px solid var(--jr-line)}.privacy-copy{flex:1 1 440px;min-width:0}.privacy-copy .stamp{margin-bottom:18px}.privacy-copy h2{max-width:20ch;margin:0;font:400 clamp(36px,4.6vw,66px)/1.02 var(--jr-serif);letter-spacing:-.038em;text-wrap:balance}.privacy-lede{max-width:34em;margin:28px 0 0;color:var(--jr-body);font-size:18px;line-height:1.6;text-wrap:pretty}.text-link{display:inline-flex;align-items:center;gap:9px;margin-top:30px;color:var(--jr-blue);font-size:15px;font-weight:600;text-decoration:none}.text-link:hover{color:var(--jr-ink)}.privacy-facts{flex:1 1 340px;min-width:0;margin:0;align-self:center;border-top:1px solid var(--jr-line)}.privacy-facts div{padding:24px 0;border-bottom:1px solid var(--jr-line)}.privacy-facts dt{font:400 25px/1.15 var(--jr-serif);letter-spacing:-.02em}.privacy-facts dd{margin:9px 0 0;color:var(--jr-muted);font-size:15px;line-height:1.55}.faq-section{display:flex;flex-wrap:wrap;gap:clamp(32px,6vw,96px);padding:clamp(80px,10vw,140px) 0;border-top:1px solid var(--jr-line)}.faq-stamp{flex:0 0 auto;width:170px;margin-top:8px}.faq-list{flex:1 1 480px;min-width:0;max-width:760px;border-top:1px solid var(--jr-line)}.faq-list details{border-bottom:1px solid var(--jr-line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;list-style:none;cursor:pointer;font:400 22px/1.3 var(--jr-serif);letter-spacing:-.018em}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--jr-clay);font:400 20px/1 var(--jr-sans);transition:transform .16s ease}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{max-width:36em;margin:-4px 0 24px;color:var(--jr-muted);font-size:16px;line-height:1.65}.closing-section{display:flex;flex-wrap:wrap;align-items:flex-end;gap:clamp(40px,7vw,100px);padding:clamp(96px,13vw,190px) 0 clamp(80px,10vw,130px);border-top:1px solid var(--jr-line)}.closing-copy{flex:1 1 460px;min-width:0}.closing-copy .stamp{margin-bottom:20px}.closing-copy h2{max-width:22ch;margin:0;font:400 clamp(40px,5.4vw,78px)/.98 var(--jr-serif);letter-spacing:-.042em;text-wrap:balance}.closing-line{max-width:26em;margin:26px 0 0;color:var(--jr-body);font:400 clamp(20px,2vw,26px)/1.4 var(--jr-serif);letter-spacing:-.018em}.closing-form{flex:1 1 340px;min-width:0;max-width:460px}.closing-form .notify-form{flex-direction:column}.closing-form .notify-form input{width:100%;flex-basis:52px}.closing-form .notify-form button{width:100%;border-color:var(--jr-ink);background:var(--jr-ink);color:var(--jr-paper)}.closing-form .notify-form button:hover{border-color:var(--jr-clay);background:var(--jr-clay);color:#fff}.site-footer{width:var(--jr-shell);margin:0 auto;padding:36px 0 56px;display:flex;flex-wrap:wrap;align-items:center;gap:24px 40px;border-top:1px solid var(--jr-line);color:var(--jr-muted);font-size:13px}.footer-wordmark{color:var(--jr-ink);font-size:17px}.footer-wordmark .wordmark-mark{width:22px;height:21px}.footer-wordmark .wordmark-mark i{left:2px;width:17px;height:11px}.footer-wordmark .wordmark-mark i:nth-child(1){top:1px}.footer-wordmark .wordmark-mark i:nth-child(2){top:5px}.footer-wordmark .wordmark-mark i:nth-child(3){top:9px}.site-footer p{margin:0}.site-footer>p:not(.copyright){flex:1 1 200px}.site-footer nav{display:flex;gap:22px}.site-footer nav a{color:var(--jr-ink);text-decoration:none}.site-footer nav a:hover{color:var(--jr-clay)}.copyright{white-space:nowrap}@media(max-width:820px){.day-visual{display:none}.day-step{min-height:0;padding:40px 0 40px clamp(18px,4vw,26px)}.day-step:first-child{padding-top:0}.day-step.is-active{border-left-color:var(--jr-line)}.day-step-shot{display:block;margin:28px 0 0}.day-step-shot img{width:min(100%,230px);height:auto;display:block;border-radius:18px;background:#ede7e0;box-shadow:0 20px 44px #2f241729}.day-step-shot figcaption{max-width:230px;margin:12px 0 0;color:var(--jr-muted);font:600 11px/1.4 var(--jr-stamp);letter-spacing:.09em;text-transform:uppercase}}@media(max-width:640px){:root{--jr-shell: min(1180px, calc(100% - 32px) )}.site-nav{min-height:68px}.nav-links{gap:10px 16px;font-size:13px}.hero{padding-top:52px}.hero h1{font-size:clamp(46px,13vw,72px)}.notify-form{flex-direction:column}.notify-form input,.notify-form button{width:100%;flex-basis:52px}.essay-stamp,.faq-stamp{width:auto;margin-top:0}.faq-list summary{font-size:20px}.site-footer{gap:18px}.site-footer>p:not(.copyright){flex-basis:100%}}@media(prefers-reduced-motion:reduce){html[data-journary-landing]{scroll-behavior:auto}.phone-frame{animation:none}html[data-journary-landing] *,html[data-journary-landing] *:before,html[data-journary-landing] *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
