:root{--paper:#f5f2e9;--ink:#243a3b;--muted:#596a65;--line:#d8dcd0;--accent:#397562;--pale:#e7ecdf;--serif:Georgia,'Times New Roman',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 var(--sans);-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-underline-offset:5px}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #3379a8;outline-offset:6px}.wrap{width:min(1160px,calc(100% - 96px));margin-inline:auto}.skip{position:absolute;left:15px;top:-80px;padding:10px;background:white;z-index:10}.skip:focus{top:15px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:26px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:20px;font-weight:650;letter-spacing:-.5px}.brand img{border-radius:11px}.brand em{font-style:normal;font-weight:400}.site-header nav{display:flex;gap:28px;font-size:14px}.site-header nav a{text-decoration:none}.site-header nav a:hover{text-decoration:underline}.intro{display:grid;grid-template-columns:1.12fr 1fr;gap:70px;align-items:center;padding-block:72px 78px}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--accent);margin:0 0 22px}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:1.07;margin:0 0 28px}h1{font-size:clamp(42px,4.4vw,64px)}h2{font-size:clamp(36px,3.8vw,54px)}p{margin:0 0 18px}strong{font-weight:650}.intro-copy>p:not(.eyebrow){max-width:560px;color:var(--muted);font-size:16px;line-height:1.75}.intro-copy .opening{font-size:19px!important;line-height:1.6!important;color:var(--ink)!important}.text-link{display:inline-flex;gap:24px;align-items:center;text-decoration:none;border-bottom:1px solid #8eaa98;font-weight:600;font-size:14px;padding-bottom:5px;margin-top:8px}.intro-visual{position:relative;margin:0;padding:20px 0 0;display:grid;justify-items:center}.scene-window{position:absolute;inset:82px -8px 75px;border-radius:48% 48% 14px 14px;background:#d5e0ce url('home-assets/journey.webp') center/cover}.phone{display:block;width:265px;max-width:100%;border:6px solid #263738!important;border-radius:33px!important;overflow:hidden;box-shadow:0 22px 45px #23382d22}.phone img{width:100%;border-radius:24px}.intro-visual .phone{position:relative;transform:rotate(3deg)}figcaption{color:var(--muted);font-size:12px;line-height:1.55;text-align:center;margin-top:16px}.intro-visual figcaption{position:relative;margin-top:24px;letter-spacing:.02em}.chapter-strip{display:flex;justify-content:space-between;gap:16px;padding:24px 0;border-block:1px solid var(--line);font-family:var(--serif);font-size:23px;letter-spacing:-.025em}.feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center;padding-block:100px}.feature-copy p:not(.eyebrow){color:var(--muted);max-width:480px}.shot-button{display:block;padding:0;border:0;background:none;cursor:zoom-in;max-width:100%;margin:0 auto;border-radius:12px}.shot-button img{width:100%}.demo-paper{margin:0;background:#fff;padding:14px 14px 20px;border:1px solid #dcded6;border-radius:18px;box-shadow:0 12px 34px #20372f08;overflow:hidden}.demo-paper img{border-radius:8px}.demo-paper figcaption{padding-inline:10px}.branch-section{background:var(--pale);padding-bottom:54px}.reverse{grid-template-columns:1.1fr .9fr}.reverse .feature-copy{order:2}.aside{font:italic 21px/1.55 var(--serif);color:var(--ink)!important;border-left:2px solid #9db4a2;padding-left:20px;margin-top:28px}.undo-note{border-top:1px solid #c9d4c6;padding-top:30px;display:flex;gap:44px;align-items:center}.undo-sign{font:60px/1 var(--serif);color:#57816e;white-space:nowrap}.undo-note h3{font:26px/1.25 var(--serif);margin:0 0 10px}.undo-note p{max-width:790px;margin:0;font-size:15px;color:var(--muted)}.guidance{padding-block:100px}.section-intro{max-width:720px;margin-bottom:42px}.section-intro>p:last-child{max-width:580px;color:var(--muted)}.guidance-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.dilemma-note{font-size:15px;max-width:700px;margin:28px auto 0;text-align:center;color:var(--muted)}.journey-section{background:#e5eced;padding:75px 0 48px}.journey-heading{display:grid;grid-template-columns:1fr .8fr;column-gap:100px;align-items:center}.journey-heading .eyebrow{grid-column:1/-1}.journey-heading>p:last-child{color:var(--muted);max-width:400px}.journey-panorama{max-width:1600px;margin:25px auto 38px;padding-inline:24px}.journey-panorama .shot-button{width:100%;overflow:hidden;border-radius:12px}.journey-panorama img{width:100%;height:auto}.magic-note{display:grid;grid-template-columns:.7fr 1fr;gap:80px;align-items:center;border-top:1px solid #c7d4d2;padding-top:32px}.magic-note h3{font:30px/1.15 var(--serif);margin:0}.magic-note p{font-size:15px;margin:0;color:var(--muted);max-width:550px}.library-section{gap:60px}.tablet-figure{margin:0;display:flex;flex-direction:column;align-items:center}.tablet{max-width:420px;width:100%;border:7px solid #263738;border-radius:25px;overflow:hidden;box-shadow:0 18px 40px #23382d13}.tablet img{border-radius:17px}.sharing-section{display:grid;grid-template-columns:1fr .8fr;gap:100px;align-items:center;padding:70px 80px;background:#ece7de;border-radius:20px;margin-bottom:80px}.share-figure{margin:0;display:grid;justify-items:center}.share-phone{width:228px;box-shadow:0 15px 30px #23382d13}.closing{text-align:center;padding-block:35px 75px}.closing h2{font-size:clamp(34px,4vw,54px)}.closing>p:not(.eyebrow){color:var(--muted)}.contact-link{display:inline-block;padding:12px 22px;border-radius:30px;background:var(--ink);color:#f5f2e9;text-decoration:none;font-size:14px;margin:10px 0 22px}.signature{font:italic 23px var(--serif)}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:24px 30px;color:var(--muted);font-size:12px}footer div{display:flex;gap:22px}footer a{text-decoration:none}footer a:hover{text-decoration:underline}dialog{padding:50px 20px 20px;border:1px solid #d8dcd0;border-radius:16px;max-width:min(1100px,95vw);max-height:95vh;background:var(--paper)}dialog::backdrop{background:#102124c9}dialog img{max-height:80vh;max-width:100%;width:auto;margin:auto;object-fit:contain}.viewer-close{position:absolute;right:15px;top:10px;border:1px solid #9aaa9c;background:var(--paper);color:var(--ink);border-radius:20px;padding:5px 14px;cursor:pointer;font-size:14px}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.intro{gap:35px;padding-block:50px}.intro-copy>p:not(.eyebrow){font-size:15px}.phone{width:235px}.scene-window{inset:70px 0 75px}.feature{gap:38px;padding-block:75px}.sharing-section{gap:40px;padding:55px 45px}.journey-heading{column-gap:40px}.magic-note{gap:40px}.chapter-strip{font-size:20px}}
@media(max-width:680px){.wrap{width:calc(100% - 40px)}.site-header{padding-block:18px}.brand{font-size:16px;gap:8px}.brand img{width:36px;height:36px}.site-header nav{gap:16px;font-size:12px}.site-header nav a[href="#tools"],.site-header nav a[href="#journey"]{display:none}.intro{grid-template-columns:1fr;gap:35px;padding-block:42px 35px}.intro-copy>p:not(.eyebrow){max-width:none;font-size:16px}.intro-copy .opening{font-size:18px!important}h1{font-size:43px}h2{font-size:38px}.eyebrow{font-size:10px;margin-bottom:18px}.intro-visual{padding:12px 0 0}.intro-visual .phone{width:238px}.scene-window{inset:60px 0 70px;border-radius:45% 45% 12px 12px}.chapter-strip{font-size:15px;gap:12px;padding-block:18px;flex-wrap:wrap;justify-content:center}.chapter-strip span:last-child{display:none}.feature{grid-template-columns:1fr;gap:28px;padding-block:55px}.feature-copy p:not(.eyebrow){max-width:none}.reverse .feature-copy{order:0}.branch-section{padding-bottom:35px}.demo-paper{padding:8px 8px 14px;border-radius:12px}.demo-paper figcaption{font-size:11px}.undo-note{gap:18px;align-items:flex-start}.undo-sign{font-size:35px;margin-top:5px}.undo-note h3{font-size:23px}.undo-note p{font-size:14px}.guidance{padding-block:55px}.section-intro{margin-bottom:25px}.guidance-grid{grid-template-columns:1fr;gap:20px}.dilemma-note{text-align:left;font-size:14px}.journey-section{padding-block:45px 35px}.journey-heading{display:block}.journey-panorama{padding-inline:20px;margin-top:25px}.journey-panorama img{max-height:620px;object-fit:contain;background:#cbdfe2}.magic-note{grid-template-columns:1fr;gap:15px}.magic-note h3{font-size:29px}.tablet{max-width:360px}.sharing-section{grid-template-columns:1fr;gap:30px;padding:35px 24px;margin-bottom:45px;border-radius:14px}.share-phone{width:235px}.closing{padding-block:15px 45px}.closing h2{font-size:35px}footer{flex-direction:column;gap:12px}footer div{justify-content:space-between;gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.intro-visual .phone{transform:none}}
.feature-copy h3{font:26px/1.25 var(--serif);margin:28px 0 12px}
.tip-animation{aspect-ratio:620/480;position:relative;overflow:hidden;border-radius:8px;background:#f4f6f4}.tip-placeholder{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;color:var(--muted)}.tip-placeholder>span{font-size:32px;color:var(--accent)}.tip-placeholder p{font-size:18px;margin:12px 0 4px}.tip-placeholder small{font-size:12px}
.tip-animation{aspect-ratio:342/296}.tip-vector{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none}.has-vector .tip-placeholder{visibility:hidden}

.help-page{max-width:820px;padding-block:64px 80px}.help-page>p{color:var(--muted)}#help-tips{margin-top:36px}#help-tips details{border-top:1px solid var(--line);padding:0 16px}#help-tips details:last-child{border-bottom:1px solid var(--line)}#help-tips summary{padding:20px 4px;cursor:pointer;font-size:18px;font-weight:600}#help-tips .tip-animation{max-width:600px;margin:0 auto}#help-tips details[open]{background:#fff;border-radius:12px}.help-description{padding:20px 12px;margin:0;color:var(--muted)}@media(max-width:680px){.help-page{padding-block:36px 48px}#help-tips details{padding-inline:6px}#help-tips summary{font-size:17px}.site-header nav{flex-wrap:wrap;justify-content:flex-end}}

.dilemma-demo{grid-column:1/-1;width:100%;max-width:600px;justify-self:center}.demo-links{font-size:14px}

.screen-demo{width:100%;max-width:390px;justify-self:center}.screen-demo .tip-animation{aspect-ratio:390/844}.journey-panorama.screen-demo{width:min(1160px,calc(100% - 96px));max-width:none;margin:25px auto 38px;padding:12px}.landscape-demo .tip-animation{aspect-ratio:1194/834}.creation-section{grid-template-columns:1fr 1fr;gap:38px}.creation-section>.feature-copy{grid-column:1/-1;max-width:700px}.creation-section>.feature-copy p{max-width:620px}.creation-section .screen-demo{margin:0 auto}.creation-section .screen-demo figcaption{max-width:300px;margin-inline:auto}@media(max-width:680px){.creation-section{grid-template-columns:1fr;padding:30px 12px;gap:28px}.journey-panorama.screen-demo{width:calc(100% - 40px);max-width:390px;padding:8px}.landscape-demo .tip-animation{aspect-ratio:390/844}}

.library-section{grid-template-columns:1fr}.library-section .feature-copy{max-width:760px}.library-section .screen-demo{max-width:none}.library-section .tip-animation{aspect-ratio:1194/834}@media(max-width:680px){.library-section .screen-demo{max-width:390px}.library-section .tip-animation{aspect-ratio:390/844}}
