:root{color-scheme:light;--bg:#f5f5f7;--surface:#fff;--ink:#1d1d1f;--muted:#66666b;--line:#d8d8dc;--accent:#89632b;--nav:rgba(245,245,247,.94);--button:#1d1d1f;--on-button:#fff;--quiet:#ececef;--goal:#efebe4;--goal-ink:#25231f;--goal-muted:#625e56;--focus:#8a672e}
:root[data-theme="dark"]{color-scheme:dark;--bg:#090a0b;--surface:#141517;--ink:#f5f5f7;--muted:#a6a6ac;--line:#323337;--accent:#dcc49a;--nav:rgba(9,10,11,.94);--button:#f5f5f7;--on-button:#161617;--quiet:#1b1c1e;--goal:#24231f;--goal-ink:#f4eee5;--goal-muted:#c3bbad;--focus:#dcc49a}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;--bg:#090a0b;--surface:#141517;--ink:#f5f5f7;--muted:#a6a6ac;--line:#323337;--accent:#dcc49a;--nav:rgba(9,10,11,.94);--button:#f5f5f7;--on-button:#161617;--quiet:#1b1c1e;--goal:#24231f;--goal-ink:#f4eee5;--goal-muted:#c3bbad;--focus:#dcc49a}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}img{display:block;max-width:100%}figure,p,h1,h2,h3{margin:0}a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:5px}a,summary{-webkit-tap-highlight-color:transparent}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;left:16px;top:-80px;z-index:100;padding:14px 20px;background:var(--surface)}.skip:focus{top:12px}.header{position:sticky;top:0;z-index:20;background:var(--nav);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.brand img{border-radius:9px}.brand>span:first-of-type{font-size:24px;font-weight:650;letter-spacing:-1.2px}.brand-caption{font-size:12px;padding-left:12px;color:var(--muted);letter-spacing:0}.nav-links{display:flex;align-items:center;gap:26px;font-size:12px}.section-link{padding-block:15px}.section-link:hover,.text-link:hover,.explore-link:hover{color:var(--accent)}.nav-download{display:flex;align-items:center;justify-content:center;min-height:36px;min-width:78px;padding:10px 18px;background:var(--button);color:var(--on-button);border-radius:5px;font-weight:600}.appearance{position:relative}.appearance[hidden]{display:none}.appearance summary{display:grid;place-items:center;width:44px;height:44px;cursor:pointer;border-radius:50%;list-style:none}.appearance summary::-webkit-details-marker{display:none}.appearance summary svg{width:22px;height:22px}.appearance summary:hover{background:var(--quiet)}.appearance-menu{position:absolute;right:-16px;top:52px;min-width:192px;background:var(--surface);border:1px solid var(--line);padding:16px;border-radius:12px;box-shadow:0 12px 32px #0002}.appearance fieldset{border:0;padding:0;margin:0}.appearance legend{font-size:12px;font-weight:600;margin-bottom:8px}.appearance label{display:flex;gap:10px;align-items:center;min-height:40px;white-space:nowrap;font-size:13px;cursor:pointer}.appearance input{accent-color:var(--accent)}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:1.5px;line-height:1.5}.hero-layout{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:60px;min-height:720px;padding-block:62px}.hero-copy{padding-block:28px}.hero .eyebrow{letter-spacing:2px;margin-bottom:24px;text-transform:none}h1{font-size:clamp(64px,7.2vw,108px);font-weight:650;letter-spacing:-.062em;line-height:.99}h1 span{color:var(--accent)}.hero-description{font-size:20px;line-height:1.55;letter-spacing:-.3px;max-width:450px;margin-top:30px;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:34px;margin-top:36px}.app-store-badge{display:inline-block;flex-shrink:0;vertical-align:top}.app-store-badge img{height:56px;width:auto;aspect-ratio:auto}.explore-link{display:flex;align-items:center;gap:14px;font-size:14px;min-height:44px}.download-note{font-size:11px;line-height:1.6;color:var(--muted);margin-top:18px}.hero-visual,.scene-visual{display:flex;flex-direction:column;align-items:center;gap:22px}.device{position:relative;width:294px;max-width:100%;aspect-ratio:1470/3000;flex-shrink:0}.screen-surface{position:absolute;left:5.102040816%;top:2.2%;width:89.795918367%;height:95.6%;overflow:hidden;border-radius:14.8% / 6.81%}.device-screen{width:100%;height:100%;object-fit:contain}.device-status{position:absolute;inset:0 0 auto;height:5.8%;overflow:hidden;pointer-events:none}.device-status img{width:100%;height:auto}.device-frame{position:relative;width:100%;height:auto;pointer-events:none}.hero-visual figcaption,.scene-visual figcaption{font-size:11px;color:var(--muted);line-height:1.5;text-align:center}.chapter-nav{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-block:30px;gap:40px}.chapter-nav a{display:flex;align-items:center;gap:16px;font-size:14px;min-height:44px}.chapter-nav a>span:last-child{margin-left:auto;color:var(--muted)}.chapter-number{font-size:11px;color:var(--muted)}.chapter-nav a:hover{color:var(--accent)}
h2{font-size:clamp(40px,4.6vw,66px);line-height:1.06;letter-spacing:-.045em;font-weight:600}h2 span{color:var(--muted)}.intro{padding-block:130px;text-align:center;max-width:860px}.intro .eyebrow{margin-bottom:24px}.intro h2{font-size:clamp(44px,5.5vw,76px)}.intro>p:last-child{max-width:600px;margin:30px auto 0;font-size:20px;line-height:1.6;letter-spacing:-.2px;color:var(--muted)}.progress-section{background:var(--surface);padding:100px 0 110px}.section-heading .eyebrow{margin-bottom:22px}.progress-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:70px}.line-icon{display:block;font-size:36px;color:var(--accent);line-height:1;margin-bottom:26px}.progress-grid h3{font-size:21px;line-height:1.25;letter-spacing:-.6px;margin-bottom:16px}.progress-grid p{font-size:16px;line-height:1.65;color:var(--muted)}
.scene{padding-block:100px}.scene-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:90px;align-items:center}.scene-copy{max-width:570px}.scene-copy .eyebrow{margin-bottom:28px}.scene-copy>p:not(.eyebrow){font-size:19px;color:var(--muted);line-height:1.6;margin-top:30px;max-width:460px}.scene-copy>p.scene-detail{font-size:15px;line-height:1.65;margin-top:24px}.text-link{display:inline-flex;align-items:center;gap:18px;font-size:15px;font-weight:500;margin-top:26px;min-height:44px}.scene-calm{background:#101213;color:#f5f5f7;--muted:#afb2b3;--accent:#dcc49a;--focus:#dcc49a}.scene-calm h2 span{color:#dcc49a}.scene-goals{background:var(--goal);color:var(--goal-ink)}.scene-goals .scene-copy>p:not(.eyebrow),.scene-goals figcaption{color:var(--goal-muted)}.scene-goals h2 span{color:var(--accent)}.scene-reverse .scene-copy{order:2}.scene-reverse .scene-visual{order:1}.scene-visual .device{width:280px}.companion{text-align:center;padding-block:130px;max-width:920px}.companion .eyebrow{margin-bottom:26px}.companion>p:not(.eyebrow){max-width:620px;margin:30px auto 0;font-size:19px;line-height:1.65;color:var(--muted)}.companion-details{display:flex;justify-content:center;flex-wrap:wrap;gap:16px 40px;margin-top:40px;font-size:13px;font-weight:500}.companion-details span{padding-bottom:12px;border-bottom:1px solid var(--line)}
.faq{background:var(--surface);padding-block:100px}.faq-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:80px}.faq .eyebrow{margin-bottom:24px}.faq-items details{border-bottom:1px solid var(--line)}.faq-items details:first-child{border-top:1px solid var(--line)}.faq-items summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 0;font-size:17px;font-weight:500;cursor:pointer;list-style:none;line-height:1.4}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary>span{font-size:25px;color:var(--muted);font-weight:300}.faq-items details[open] summary>span{transform:rotate(45deg)}.faq-items details>p{font-size:15px;line-height:1.7;color:var(--muted);padding:0 32px 26px 0}.faq-items p a{text-decoration:underline;text-underline-offset:3px}.closing{padding-block:112px}.closing-layout{display:flex;justify-content:space-between;align-items:center;gap:80px;max-width:1000px}.closing-icon{border-radius:16px;margin-bottom:30px}.closing .eyebrow{margin-bottom:18px}.closing h2{font-size:clamp(44px,5.4vw,74px)}.closing-layout>div>p:not(.eyebrow):not(.download-note){font-size:19px;line-height:1.6;color:var(--muted);margin-top:24px}.download{display:inline-flex;align-items:center;justify-content:center;gap:45px;background:var(--button);color:var(--on-button);padding:18px 26px;min-height:56px;min-width:234px;border-radius:5px;font-size:14px;font-weight:600;margin-top:28px}.download:hover,.nav-download:hover{opacity:.85}.download-qr{flex-shrink:0;text-align:center}.download-qr>a{display:block;background:#fff;border-radius:12px;padding:14px}.download-qr img{width:180px;height:180px;image-rendering:pixelated}.download-qr figcaption{display:flex;flex-direction:column;gap:10px;margin-top:20px;font-size:14px}.download-qr figcaption>span{font-size:12px;line-height:1.6;color:var(--muted)}
.footer{background:var(--surface);padding-block:36px}.footer-top{display:flex;align-items:center;gap:40px;padding-bottom:26px;border-bottom:1px solid var(--line)}.footer-top nav{display:flex;gap:28px;align-items:center;font-size:12px}.footer-top nav a{padding-block:12px}.back-top{margin-left:auto;display:inline-flex;align-items:center;gap:14px;font-size:12px;padding-block:12px}.footer-legal{margin-top:24px;max-width:1060px;font-size:11px;color:var(--muted);line-height:1.65}.footer-legal p+p{margin-top:12px}.not-found h1{margin-block:24px}.not-found>p:not(.eyebrow){font-size:19px;line-height:1.6}
@media(min-width:1500px){.hero-layout{min-height:calc(100svh - 175px)}.hero-visual .device{width:318px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.brand-caption{display:none}.hero-layout{gap:32px;min-height:670px}.hero-visual .device{width:264px}.hero-description{font-size:18px}.chapter-nav{gap:28px}.chapter-nav a{font-size:13px;gap:10px}.scene-layout{gap:60px}.scene-visual .device{width:260px}.progress-grid{gap:36px}.faq-layout{gap:50px}}
@media(max-width:760px){html{scroll-padding-top:80px}.wrap{width:calc(100% - 40px)}.nav{height:64px;gap:12px}.nav-links{gap:8px}.section-link{display:none}.nav-download{min-height:40px}.brand img{width:30px;height:30px}.hero-layout{display:flex;flex-direction:column;gap:46px;padding-block:56px 38px;min-height:0}.hero-copy{text-align:center;padding:0;width:100%}.hero .eyebrow{margin-bottom:20px;font-size:11px}h1{font-size:clamp(61px,12.5vw,88px);line-height:1.02}.hero-description{max-width:440px;margin:25px auto 0;font-size:18px;line-height:1.6}.hero-actions{justify-content:center;gap:26px;margin-top:30px}.hero .download-note{font-size:10px;margin-top:18px}.hero-visual .device{width:254px}.hero-visual{gap:18px}.chapter-nav{display:flex;flex-direction:column;gap:0;padding-block:10px}.chapter-nav a{min-height:56px;font-size:14px}.chapter-nav a+a{border-top:1px solid var(--line)}.chapter-number{margin-right:8px}.intro{padding-block:80px}.intro h2{font-size:clamp(38px,8vw,60px)}.intro>p:last-child{font-size:18px;margin-top:24px}.progress-section{padding-block:70px}.section-heading h2{font-size:clamp(38px,8vw,60px)}.progress-grid{grid-template-columns:1fr;gap:36px;margin-top:42px}.progress-grid article{padding-bottom:32px;border-bottom:1px solid var(--line)}.progress-grid article:last-child{padding:0;border:0}.line-icon{margin-bottom:18px;font-size:32px}.progress-grid h3{font-size:22px;margin-bottom:12px}.progress-grid p{max-width:490px}.scene{padding-block:76px}.scene-layout{display:flex;flex-direction:column;gap:46px}.scene-copy{width:100%;max-width:540px}.scene-copy .eyebrow{margin-bottom:22px}.scene-copy h2{font-size:clamp(38px,8.5vw,64px)}.scene-copy>p:not(.eyebrow){font-size:18px;margin-top:24px}.scene-copy>p.scene-detail{font-size:15px;margin-top:20px}.scene-reverse .scene-copy{order:0}.scene-reverse .scene-visual{order:0}.scene-visual .device{width:254px}.companion{padding-block:80px}.companion h2{font-size:clamp(38px,8.8vw,60px)}.companion>p:not(.eyebrow){font-size:18px}.companion-details{gap:18px 24px;font-size:12px}.faq{padding-block:74px}.faq-layout{grid-template-columns:1fr;gap:40px}.faq h2 br{display:none}.faq h2{font-size:42px}.faq-items summary{font-size:16px;padding-block:22px}.closing{padding-block:80px}.closing-layout{display:block;text-align:center}.closing-icon{margin:0 auto 28px}.closing h2{font-size:clamp(38px,9vw,60px)}.closing-layout>div>p:not(.eyebrow):not(.download-note){font-size:18px}.download-qr{display:none}.footer-top{gap:20px;flex-wrap:wrap}.footer-top nav{margin-left:auto;gap:18px;font-size:11px}.back-top{margin:0}.footer-legal{font-size:11px}}
@media(max-width:360px){.hero-actions{gap:20px}.app-store-badge img{height:48px}.explore-link{font-size:13px;gap:8px}h1{font-size:60px}.hero-description{font-size:16px}.hero .download-note{font-size:10px;max-width:240px;margin-inline:auto}.device,.scene-visual .device,.hero-visual .device{width:236px}.footer-top nav{gap:12px}.footer-top{gap:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

