/* Landing page: one readable type scale, with room for the original artwork. */
:root {--header-height:88px}
.section-wrap {width:min(1320px,calc(100% - 96px));margin-inline:auto}
.section-space {padding-block:96px}
.site-header {height:var(--header-height);padding-inline:max(48px,calc((100vw - 1320px)/2));display:flex;align-items:center;gap:28px;position:sticky;top:0;z-index:30;background:#f8f9f4f5;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}
.site-header .brand {font-size:27px}
.desktop-nav {display:flex;gap:25px;margin-inline:auto;font-size:13px;font-weight:650;white-space:nowrap}
.desktop-nav a,.space-link {transition:color .2s}
.desktop-nav a:hover,.space-link:hover {color:var(--blue)}
.header-actions {display:flex;align-items:center;gap:22px;white-space:nowrap}
.space-link {font-size:13px;font-weight:700}
.space-link span {padding-left:5px}
.header-cta {font-size:13px;padding:13px 18px;min-height:46px}
.mobile-menu-btn,.mobile-nav {display:none}
.hero {min-height:700px;display:grid;grid-template-columns:1.05fr 1fr;gap:32px;align-items:center;padding-block:38px 68px}
.hero-copy {position:relative;z-index:2}
.hero-tag {font-size:11px;letter-spacing:.1em;font-weight:800;display:flex;align-items:center;gap:10px;margin-bottom:27px;color:var(--readable-muted)}
.status-dot {width:7px;height:7px;background:#698948;box-shadow:0 0 0 4px #d9ef9c66;border-radius:50%;display:inline-block;flex-shrink:0}
.hero h1 {font-size:clamp(42px,4.6vw,68px);font-weight:650;line-height:1.08;letter-spacing:-.06em;margin-bottom:26px;white-space:nowrap}
.hero-last {position:relative;z-index:1}
.drawn-line {position:absolute;z-index:-1;bottom:4px;left:0;right:8px;height:13px;border-radius:50%;background:var(--lime);transform:rotate(-1.5deg)}
.hero-intro {font-size:18px;font-weight:650;letter-spacing:-.025em;margin-bottom:12px}
.hero-description {max-width:450px;font-family:'DM Sans',sans-serif;font-size:17px;color:var(--muted);line-height:1.75;margin-bottom:28px}
.hero-buttons {display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.big-cta {font-size:15px;min-height:54px;padding:16px 22px}
.big-cta>span {font-size:20px;font-weight:400}
.text-link {display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:700;min-height:44px;line-height:1.5}
.text-link:hover {color:var(--blue)}
.play-circle {width:27px;height:27px;border:1px solid #c8cec2;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}
.hero-assurances {display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:22px;color:var(--readable-muted);font-size:12px}
.hero-assurances span {display:inline-flex;align-items:center;gap:5px}
.hero-assurances svg {width:14px;height:14px;fill:none;stroke:#668649;stroke-width:1.8}
.hero-art {position:relative;height:560px;min-width:0;display:flex;justify-content:center;align-items:center;padding-left:18px}
.quiet-strip {display:flex;align-items:center;justify-content:center;gap:60px;min-height:104px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f1f4e9;padding:24px}
.quiet-strip>span:first-child {font-size:11px;font-weight:750;letter-spacing:.12em;color:var(--readable-muted)}
.quiet-strip p {font-size:23px;letter-spacing:-.04em;margin:0;font-weight:550}
.quiet-strip i {font-family:'Instrument Serif',Georgia,serif;font-size:29px;font-weight:400}
.strip-flower {font-size:40px;color:#7b9060;line-height:1}
.recognition {display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}
.eyebrow {font-size:11px;color:var(--readable-muted);letter-spacing:.12em;line-height:1.6}
.section-heading .eyebrow {margin-bottom:20px}
.section-heading h2 {font-size:clamp(36px,3.4vw,48px);line-height:1.14;font-weight:550;letter-spacing:-.05em;margin-bottom:0}
.section-heading h2 .muted {color:var(--muted)}
.recognition-intro {font-size:17px;line-height:1.8;color:var(--muted);font-family:'DM Sans',sans-serif;max-width:520px}
.thoughts {display:flex;flex-wrap:wrap;gap:9px;margin-block:24px}
.thoughts span {font-size:12px;border:1px solid #dfe4d6;padding:8px 13px;border-radius:30px;background:#f2f4ed}
.thoughts span:nth-child(2) {background:#f7eeeb;border-color:#e9ddd7}
.recognition-close {font-size:16px;font-weight:650;letter-spacing:-.02em;margin-bottom:0}
.how-section {border-top:1px solid var(--line)}
.how-heading {display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:44px}
.how-heading .eyebrow {margin-bottom:19px}
.how-heading h2 {font-size:clamp(34px,3.1vw,44px);font-weight:550;margin:0;line-height:1.18;letter-spacing:-.05em}
.how-heading .serif {font-size:1.14em;letter-spacing:-.02em}
.how-heading>p {font-family:'DM Sans',sans-serif;color:var(--muted);font-size:16px;line-height:1.8;max-width:340px;margin-bottom:4px}
.steps-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.step-graphic {height:210px;position:relative;overflow:hidden;border-radius:14px;display:grid;place-items:center}
.step-number {display:block;margin-top:25px;font-size:11px;letter-spacing:.1em;color:var(--readable-muted);font-weight:750}
.step h3 {font-size:23px;font-weight:650;margin-block:13px;letter-spacing:-.04em;line-height:1.25}
.step p {font-size:16px;line-height:1.8;color:var(--muted);font-family:'DM Sans',sans-serif;max-width:360px;margin-bottom:0}
.toolkit-section {padding-top:12px}
.toolkit-heading {text-align:center;margin-bottom:44px}
.toolkit-heading h2 {font-size:clamp(36px,3.5vw,48px);line-height:1.12;font-weight:550;margin-block:19px}
.toolkit-heading .serif {font-size:1.15em}
.toolkit-heading p {font-family:'DM Sans',sans-serif;font-size:17px;line-height:1.8;color:var(--muted)}
.toolkit-grid {display:grid;grid-template-columns:1fr 1fr;gap:24px}
.tool-card {padding:36px;border-radius:16px;position:relative;overflow:hidden;min-width:0}
.tool-card h3 {font-size:34px;font-weight:550;line-height:1.15;letter-spacing:-.05em;margin-bottom:18px;position:relative;z-index:1}
.tool-card p {font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.75;position:relative;z-index:1;color:var(--readable-muted)}
.pause-card {background:var(--blue);color:white;min-height:415px}
.card-topline {display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}
.card-topline>span:last-child {font-size:20px;line-height:1}
.tool-chip {border:1px solid #ffffff60;border-radius:20px;padding:6px 11px;font-size:10px;letter-spacing:.08em;font-weight:650}
.pause-card p {color:#e2e8ff;max-width:350px}
.pause-card-btn {background:#fff;color:var(--blue);font-size:14px;padding:14px 19px;min-height:48px;margin-top:10px;position:relative;z-index:2}
.pause-card-btn:hover {background:#eef2ff}
.progress-card {background:#eaf0de;min-height:415px}
.tool-small-label {display:block;font-size:11px;letter-spacing:.1em;font-weight:750;color:var(--readable-muted);margin-bottom:25px;position:relative;z-index:1}
.progress-card p {max-width:390px}
.example-caption {font-size:11px;color:var(--readable-muted);display:block;margin-top:10px}
.card-link {display:inline-flex;gap:16px;align-items:center;font-size:14px;font-weight:700;border-bottom:1px solid #a9b29870;padding-block:8px 5px;margin-top:16px;position:relative;z-index:2;min-height:44px}
.card-link:hover {color:var(--blue)}
.journal-card {background:#f1e9df;min-height:345px}
.journal-card>div:first-child {position:relative;z-index:1}
.journal-card p {max-width:calc(100% - 120px)}
.journal-card h3,.learn-card h3 {font-size:30px}
.learn-card {background:#eff0f8;min-height:345px}
.learn-card p {max-width:380px}
.offscreen-section {padding-top:0;display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}
.offscreen-visual {height:370px;position:relative;background:#e9eee0;border-radius:16px;overflow:hidden}
.offscreen-copy .eyebrow {margin-bottom:21px}
.offscreen-copy h2 {font-size:clamp(36px,3.5vw,48px);font-weight:550;line-height:1.12;margin-bottom:24px}
.offscreen-copy .serif {font-size:1.15em}
.offscreen-copy p {font-family:'DM Sans',sans-serif;font-size:17px;line-height:1.8;color:var(--muted);max-width:430px}
.offscreen-copy .text-link {margin-top:6px;gap:15px}
.home-pricing {display:grid;grid-template-columns:.85fr 1.3fr;gap:20px 65px;align-items:center;padding-block:0 96px}
.home-pricing-copy .eyebrow {margin-bottom:19px}
.home-pricing-copy h2 {font-size:44px;font-weight:550;line-height:1.1;margin-bottom:21px}
.home-pricing-copy h2 .serif {font-size:1.18em}
.home-pricing-copy>p {font-family:'DM Sans',sans-serif;font-size:17px;color:var(--muted);line-height:1.8;max-width:400px}
.home-pricing-copy .text-link {margin-top:4px}
.home-plan-grid {display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}
.home-plan {background:white;border:1px solid var(--line);padding:28px 25px;border-radius:14px;min-width:0;display:flex;flex-direction:column}
.home-plan-plus {background:#edf0ff;border-color:#b7c5f8}
.home-plan-label {font-size:11px;letter-spacing:.08em;font-weight:750;color:var(--readable-muted);display:block;margin-bottom:20px}
.home-plan-plus .home-plan-label {color:var(--readable-blue)}
.home-plan h3 {font-size:44px;font-weight:600;letter-spacing:-.06em;white-space:nowrap;margin-bottom:20px;line-height:1.15}
.home-plan h3>span {font-size:13px;font-weight:500;letter-spacing:0;color:var(--muted)}
.home-plan-plus h3 {color:var(--blue)}
.home-plan p {font-size:15px;color:var(--muted);line-height:1.75;font-family:'DM Sans',sans-serif;margin-bottom:24px}
.home-annual {display:block;margin-top:10px;font-size:13px}
.home-plan a {font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;margin-top:auto;border-top:1px solid var(--line);padding-top:14px}
.home-plan-plus a {color:var(--blue);border-top-color:#b7c5f8}
.home-pricing-note {grid-column:2;font-size:12px;color:var(--readable-muted);margin:0;line-height:1.8;max-width:650px}
.home-pricing-note a {text-decoration:underline;text-underline-offset:3px}
.faq-section {padding-top:0;display:grid;grid-template-columns:1fr 1.2fr;gap:100px}
.faq-section .eyebrow {margin-bottom:23px}
.faq-section h2 {font-size:44px;font-weight:550;margin-bottom:22px;line-height:1.15}
.faq-section h2 .serif {font-size:1.15em}
.faq-section>div>p {font-size:16px;color:var(--muted);line-height:1.8}
.faq-list {border-top:1px solid var(--line)}
.faq-list details {border-bottom:1px solid var(--line)}
.faq-list summary {cursor:pointer;font-size:16px;font-weight:650;padding:23px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;line-height:1.5}
.faq-list summary::-webkit-details-marker {display:none}
.faq-list summary>span {font-size:24px;color:var(--readable-muted);font-weight:400;transition:transform .2s;flex-shrink:0}
.faq-list details[open] summary>span {transform:rotate(45deg)}
.faq-list details p {font-size:16px;color:var(--muted);line-height:1.8;padding-right:24px;margin-bottom:24px;font-family:'DM Sans',sans-serif}
.faq-list details a {color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.final-cta {background:var(--blue);color:white;position:relative;overflow:hidden;isolation:isolate;padding:72px 40px;text-align:center;border-radius:18px}
.final-cta .eyebrow {color:#e2e8ff;position:relative;z-index:1}
.final-cta h2 {font-size:clamp(38px,4vw,56px);font-weight:550;line-height:1.15;margin-block:21px 30px;position:relative;z-index:1}
.final-cta .serif {font-size:1.16em}
.final-btn {background:var(--lime);color:var(--ink);font-size:15px;padding:16px 24px;min-height:54px;position:relative;z-index:1}
.final-btn:hover {background:#e6f8b5}
.final-note {font-size:13px;color:#e2e8ff;display:block;margin-top:20px;position:relative;z-index:1;line-height:1.7}
.site-footer {padding-top:64px;padding-bottom:28px}
.footer-top {display:flex;justify-content:space-between;gap:32px;align-items:center;padding-bottom:32px}
.footer-top .brand {font-size:27px}
.footer-top p {font-size:14px;color:var(--muted);margin:14px 0 0}
.footer-top nav {display:flex;gap:8px 24px;align-items:center;justify-content:flex-end;font-size:13px;margin-left:auto;flex-wrap:wrap;max-width:680px}
.footer-top nav a {padding-block:8px}
.footer-top nav a:hover {color:var(--blue)}
.footer-back {width:44px;height:44px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--readable-muted);font-size:18px;flex-shrink:0}
.footer-bottom {border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;gap:24px;color:var(--readable-muted);font-size:12px;line-height:1.8}
.footer-bottom p {margin:0;font-size:12px}

/* Original Afterticker illustrations. */
.art-sun {position:absolute;left:8%;top:11%;width:90%;aspect-ratio:1;background:#e8eddb;border-radius:50%;z-index:0}
.art-orbit {position:absolute;border:1px solid #d8decb;border-radius:50%;width:93%;height:54%;left:5%;top:24%;transform:rotate(-33deg)}
.orbit-two {width:100%;height:68%;left:-7%;top:18%;transform:rotate(-33deg)}
.preview-window {position:relative;z-index:1;background:white;width:337px;border:1px solid #e7eae2;border-radius:16px;box-shadow:0 20px 45px #2f493018;transform:rotate(-3deg);overflow:hidden}
.preview-top {height:49px;border-bottom:1px solid #f0f1ec;padding-inline:22px;display:flex;justify-content:space-between;align-items:center}
.preview-brand {font-size:14px;font-weight:800;letter-spacing:-.7px;display:flex;align-items:center;gap:6px}
.mini-orbit {font-size:20px;font-weight:400;line-height:1}
.preview-avatar {border-radius:50%;background:#e9eddc;width:23px;height:23px;display:grid;place-items:center;font-size:8px;font-weight:700}
.preview-body {padding:23px 22px 22px}
.preview-greeting {display:flex;align-items:center;justify-content:space-between;gap:5px}
.preview-greeting .eyebrow {font-size:9px;letter-spacing:.08em;margin:0}
.preview-example {font-size:9px;color:var(--readable-muted)}
.preview-body h2 {font-size:25px;letter-spacing:-.05em;line-height:1.18;margin-top:11px;margin-bottom:0;font-weight:650}
.preview-body em {font-family:'Instrument Serif',serif;font-size:32px;color:var(--blue);font-weight:400}
.streak-visual {position:relative;display:flex;justify-content:center;padding-top:4px;margin-bottom:5px}
.streak-ring {width:189px;height:189px;position:relative}
.streak-ring svg {position:absolute;inset:0;transform:rotate(-90deg)}
.streak-ring circle {fill:none;stroke-width:8}
.ring-track {stroke:#f1f4eb}
.ring-fill {stroke:var(--lime);stroke-linecap:round;stroke-dasharray:445 534}
.streak-number {height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;color:var(--readable-muted)}
.tiny-sun {color:#798e58;font-size:19px;margin-top:5px;line-height:1}
.streak-number strong {font-size:64px;font-weight:600;letter-spacing:-5px;line-height:1.2;color:var(--ink)}
.streak-number strong span {font-size:12px;letter-spacing:-.3px;display:inline-block;margin-left:7px;font-weight:500}
.ring-leaf {position:absolute;width:12px;height:22px;background:#c6dc8b;border-radius:80% 0 80% 0;transform:rotate(-20deg);top:57px;left:41px}
.leaf-two {top:69px;left:37px;transform:rotate(75deg);width:10px;height:17px}
.preview-week {display:flex;justify-content:center;gap:12px;margin-bottom:21px;margin-top:-7px}
.preview-week>span {font-size:9px;display:flex;flex-direction:column;gap:6px;align-items:center;color:var(--readable-muted)}
.preview-week i {width:24px;height:24px;border-radius:50%;font-style:normal;display:grid;place-items:center;font-size:9px}
.preview-week .complete {background:#f0f5e6;color:#718650}
.preview-week .today {background:var(--ink);color:#fff}
.preview-pledge {background:#f5f7ef;border:1px solid #e7edda;border-radius:8px;padding:13px 10px;display:flex;align-items:center;gap:8px}
.pledge-icon {width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:var(--lime);font-size:10px}
.preview-pledge strong {font-size:10px;letter-spacing:-.1px;display:block}
.preview-pledge small {display:block;font-size:9px;margin-top:2px;color:var(--readable-muted)}
.pledge-star {font-size:16px;margin-left:auto;color:#9bb36f}
.floating-note {position:absolute;z-index:3;background:#fff;border:1px solid #e2e6d9;box-shadow:0 7px 20px #2f49300a;display:flex;align-items:center;gap:11px;border-radius:9px;font-size:12px;padding:14px 17px;line-height:1.6}
.floating-note strong {font-weight:650}
.note-top {right:-3px;top:47px;transform:rotate(6deg)}
.note-spark {font-size:30px;color:#819a51;line-height:1}
.note-bottom {left:-2px;bottom:19px;transform:rotate(3deg)}
.note-bottom strong {font-size:11px}
.note-bottom small {display:block;font-size:10px;color:var(--readable-muted)}
.note-clock {width:29px;height:29px;display:grid;place-items:center;background:#edf3df;border-radius:50%;font-size:26px;color:#708552;line-height:1}
.art-label {position:absolute;right:4px;bottom:0;font-size:10px;letter-spacing:.15em;display:flex;gap:16px;color:var(--readable-muted);font-weight:700}
.graphic-loop {background:#ebeee3}
.loop-ring {width:117px;height:117px;border:1.3px dashed #9ea993;border-radius:50%;transform:rotate(-25deg)}
.loop-word {position:absolute;font-size:8px;letter-spacing:.14em;background:#f8f9f4;padding:6px 10px;border:1px solid #e2e6d7;border-radius:5px;font-weight:650}
.word-one {top:28px;left:32%}
.word-two {bottom:49px;left:16%}
.word-three {bottom:44px;right:15%}
.loop-exit {position:absolute;right:21%;top:37px;font-size:39px;line-height:1;color:#73933f}
.graphic-pause {background:#edf0fc}
.pause-icon {width:85px;height:85px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 20px #e3e8ff,0 0 0 42px #e9edff;display:flex;align-items:center;justify-content:center;gap:8px}
.pause-icon i {display:block;width:6px;height:25px;background:#fff;border-radius:2px}
.pause-sticker {position:absolute;right:19%;bottom:24px;transform:rotate(-8deg);background:#fff;border:1px solid #dde2f3;border-radius:6px;padding:6px 13px;font-size:9px;font-weight:600}
.graphic-grow {background:#f0eee5}
.plant-ground {width:130px;height:30px;border:1px solid #d0cbbd;border-radius:50%;position:absolute;bottom:34px;background:#f6f4ec}
.plant-stem {height:90px;width:2px;background:#68813f;position:absolute;bottom:50px;transform:rotate(3deg)}
.plant-leaf {width:45px;height:26px;position:absolute;background:#b8ce89;border-radius:0 80% 0 80%;bottom:95px;left:calc(50% - 45px);transform:rotate(15deg)}
.pl-two {left:50%;bottom:106px;border-radius:80% 0 80% 0;transform:rotate(-15deg);background:#839c5c}
.pl-three {left:calc(50% - 30px);bottom:132px;width:31px;height:20px;transform:rotate(35deg);background:#a9c27c}
.plant-sun {position:absolute;font-size:30px;top:31px;right:25%;color:#c4a96b}
.grow-caption {font-size:6px;letter-spacing:.17em;position:absolute;bottom:17px;color:#8b8b75}
.pause-ripple {position:absolute;bottom:-65px;right:-70px;width:280px;height:280px;display:grid;place-items:center;z-index:0;opacity:.65}
.pause-ripple span {border:1px solid #92a7ff70;border-radius:50%;position:absolute;inset:0}
.pause-ripple span:nth-child(2) {inset:34px}
.pause-ripple span:nth-child(3) {inset:68px;background:#4169f9}
.pause-ripple i {font-size:34px;font-style:normal;color:#b5c4ff}
.mini-days {display:flex;gap:15px;margin-top:24px;margin-bottom:6px}
.mini-days>span {display:flex;flex-direction:column;align-items:center;font-size:10px;letter-spacing:.1em;gap:7px;color:var(--readable-muted)}
.mini-days i {width:35px;height:35px;background:#d5e5b9;border-radius:50%;font-size:13px;font-style:normal;color:#5a713a;display:grid;place-items:center}
.mini-days>span:nth-child(4) i {background:#71834f;color:white;font-size:22px}
.mini-days>span:nth-child(5) i {background:transparent;border:1px dashed #becbaa}
.journal-art {width:140px;min-height:190px;border-radius:8px;background:#fcf9f2;border:1px solid #e9dece;transform:rotate(8deg);padding:16px 14px;font-size:11px;line-height:1.8;box-shadow:0 6px 12px #79613b09;position:absolute;right:28px;bottom:-38px;z-index:0}
.journal-mark {font-size:20px;display:block;color:#b59e7a;margin-bottom:12px}
.journal-art>span:nth-child(2) {display:block}
.journal-art em {font-family:'Instrument Serif',serif;font-size:18px}
.journal-art i {display:block;height:1px;background:#e7dfd2;margin-top:15px}
.journal-art i:last-child {width:70%}
.learn-flower {position:absolute;bottom:-20px;right:10px;font-size:145px;line-height:1;color:#dbe0f4;transform:rotate(15deg)}
.landscape-sun {width:81px;height:81px;border-radius:50%;background:#e3c686;position:absolute;right:61px;top:45px}
.landscape-hill {position:absolute;border-radius:50% 50% 0 0}
.hill-back {width:550px;height:330px;background:#c9d7b0;right:-235px;bottom:-178px;transform:rotate(-23deg)}
.hill-front {width:650px;height:340px;background:#a2b980;left:-195px;bottom:-217px;transform:rotate(17deg)}
.landscape-path {position:absolute;bottom:-55px;left:55%;height:212px;width:53px;border-left:17px solid #e7e5cb;border-radius:50%;transform:rotate(27deg)}
.landscape-cloud {position:absolute;width:80px;height:10px;border-radius:50%;background:#f8f9f485;filter:blur(3px)}
.cloud-one {top:85px;left:25px}
.cloud-two {top:120px;left:37%;width:65px}
.landscape-note {position:absolute;left:31px;top:42px;font-size:23px;letter-spacing:-1px;line-height:1.3;z-index:1}
.landscape-note em {font-family:'Instrument Serif',serif;font-size:29px}
.landscape-flower {font-size:48px;position:absolute;left:42px;bottom:30px;line-height:1;color:#f3f3d8;transform:rotate(8deg)}
.cta-orbit {width:600px;height:260px;border-radius:50%;border:1px solid #7795ff55;position:absolute;left:-365px;top:58px;transform:rotate(-48deg);z-index:-1;box-shadow:0 0 0 30px #7795ff10,0 0 0 61px #7795ff10,0 0 0 92px #7795ff08}
.cta-star {font-size:160px;color:#7390ff55;position:absolute;right:-38px;bottom:-30px;transform:rotate(8deg);z-index:-1}

/* The small workspace is an illustration; the surrounding product copy stays readable. */
@media (min-width:1500px) {
  .hero {min-height:745px}
  .hero-art {height:600px}
  .preview-window {width:363px}
  .preview-body {padding:28px}
  .preview-body h2 {font-size:28px}
  .streak-ring {width:210px;height:210px}
}
@media (max-width:1200px) {
  .desktop-nav {gap:20px}
  .space-link {display:none}
  .hero {gap:20px;min-height:650px}
  .hero-art {height:530px}
  .preview-window {width:310px}
  .preview-body {padding:22px 18px}
  .streak-ring {width:175px;height:175px}
  .preview-week {gap:9px}
  .note-top {font-size:11px;right:-7px;top:32px;padding:12px}
  .note-bottom {bottom:12px;left:0;padding:12px}
  .recognition,.offscreen-section,.faq-section {gap:60px}
  .home-pricing {gap:20px 40px}
  .home-plan {padding:26px 20px}
  .home-plan h3 {font-size:38px}
  .home-plan h3>span {display:block;font-size:12px;margin-top:6px}
  .journal-art {right:10px;width:125px}
  .journal-card p {max-width:calc(100% - 80px)}
}
@media (max-width:1050px) {
  .desktop-nav {display:none}
  .header-actions {margin-left:auto;gap:24px}
  .space-link {display:inline-flex}
  .mobile-menu-btn {width:44px;height:44px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;background:transparent;border:1px solid var(--line);border-radius:9px;padding:10px}
  .mobile-menu-btn span {height:2px;background:var(--ink);width:20px;transition:transform .2s}
  .mobile-menu-btn[aria-expanded=true] span:first-child {transform:translateY(4px) rotate(45deg)}
  .mobile-menu-btn[aria-expanded=true] span:last-child {transform:translateY(-4px) rotate(-45deg)}
  .mobile-nav {display:flex;position:fixed;z-index:29;top:calc(var(--header-height) + 8px);left:48px;right:48px;border:1px solid var(--line);background:var(--paper);box-shadow:0 14px 40px #17292c18;border-radius:14px;padding:12px;flex-direction:column;max-height:calc(100dvh - var(--header-height) - 28px);overflow:auto}
  .mobile-nav a {padding:13px 16px;font-size:15px;min-height:48px;border-radius:7px}
  .mobile-nav a:hover {background:#edf0e6}
  .mobile-nav a:last-child {background:var(--blue);color:white;font-weight:700;margin-top:8px}
  .hero-intro {font-size:17px}
  .hero-description {font-size:16px}
  .hero-buttons {gap:14px}
  .big-cta {font-size:14px;padding-inline:18px}
  .hero-buttons .text-link {font-size:13px}
  .hero-assurances {gap:9px 14px}
  .how-heading {align-items:start}
  .how-heading>p {max-width:250px}
  .how-heading>p br {display:none}
  .steps-grid {gap:24px}
  .step h3 {font-size:21px}
  .tool-card {padding:30px}
  .tool-card h3 {font-size:30px}
  .journal-card h3,.learn-card h3 {font-size:27px}
  .home-pricing {grid-template-columns:1fr;gap:28px}
  .home-pricing-copy>p {max-width:640px}
  .home-pricing-copy h2 br {display:none}
  .home-pricing-note {grid-column:1;margin-top:-8px}
  .home-plan {padding:28px}
  .home-plan h3 {font-size:44px}
  .home-plan h3>span {display:inline;font-size:13px}
}
@media (max-width:900px) {
  .section-wrap {width:calc(100% - 64px)}
  .site-header {padding-inline:32px}
  .mobile-nav {left:32px;right:32px}
  .section-space {padding-block:76px}
  .hero {grid-template-columns:1fr;max-width:620px;gap:20px;padding-block:56px 46px;min-height:0}
  .hero-copy {text-align:center}
  .hero-tag {justify-content:center}
  .hero h1 {font-size:clamp(44px,7vw,60px)}
  .hero-intro {font-size:18px}
  .hero-description {font-size:17px;max-width:500px;margin-inline:auto}
  .hero-buttons,.hero-assurances {justify-content:center}
  .hero-buttons {gap:16px 24px}
  .hero-buttons .text-link {font-size:14px}
  .big-cta {font-size:15px}
  .hero-art {width:min(100%,460px);height:550px;padding-left:0;margin-inline:auto;overflow:clip}
  .preview-window {width:337px}
  .preview-body {padding:23px 22px}
  .streak-ring {width:189px;height:189px}
  .note-top {top:28px;right:0;font-size:12px;padding:14px}
  .note-bottom {bottom:18px}
  .art-label {right:12px}
  .quiet-strip {gap:16px 35px;flex-wrap:wrap}
  .quiet-strip>span:first-child {width:100%;text-align:center}
  .quiet-strip p {font-size:22px}
  .recognition,.offscreen-section,.faq-section {gap:36px}
  .how-heading {display:block}
  .how-heading>p {max-width:520px;margin:20px 0 0}
  .step-graphic {height:180px}
  .loop-ring {width:100px;height:100px}
  .word-one {left:24%}
  .word-two {left:5%}
  .word-three {right:5%}
  .loop-exit {right:13%}
  .plant-sun {right:15%;top:20px}
  .tool-card {padding:28px}
  .tool-card h3 {font-size:29px}
  .journal-card h3,.learn-card h3 {font-size:26px}
  .journal-art {opacity:.6;right:-32px;bottom:-38px}
  .journal-card p {max-width:100%}
  .offscreen-visual {height:340px}
  .landscape-note {left:24px;font-size:21px}
  .landscape-note em {font-size:27px}
  .landscape-sun {right:28px;top:110px;width:65px;height:65px}
  .home-pricing {padding-bottom:76px}
  .faq-section h2 {font-size:38px}
  .footer-top {flex-wrap:wrap;align-items:start}
  .footer-top>div {flex:1}
  .footer-top nav {order:2;width:100%;max-width:none;margin-left:0;justify-content:flex-start;gap:8px 28px}
  .footer-bottom {display:block}
  .footer-bottom p {margin-top:10px}
}
@media (max-width:700px) {
  :root {--header-height:76px}
  .section-wrap {width:calc(100% - 40px)}
  .section-space {padding-block:64px}
  .site-header {padding-inline:20px;gap:16px}
  .site-header .brand {font-size:24px}
  .site-header .brand-symbol {width:26px;height:26px}
  .header-actions {gap:12px}
  .space-link {display:none}
  .header-cta {font-size:12px;padding:12px 14px;min-height:44px}
  .mobile-nav {left:20px;right:20px}
  .hero {padding-block:42px 32px;gap:14px;max-width:540px}
  .hero-tag {font-size:10px;margin-bottom:24px;letter-spacing:.08em}
  .hero h1 {font-size:clamp(35px,7.7vw,46px);margin-bottom:24px}
  .hero-intro {font-size:17px;max-width:370px;margin-inline:auto}
  .hero-description {font-size:16px;max-width:420px;margin-bottom:26px}
  .hero-buttons {flex-direction:column;gap:8px}
  .big-cta {min-height:54px;padding-inline:26px}
  .hero-assurances {font-size:11px;gap:9px 14px;margin-top:17px}
  .hero-art {height:510px;max-width:420px}
  .preview-window {width:305px}
  .preview-body {padding:22px 19px}
  .preview-body h2 {font-size:23px}
  .preview-body em {font-size:30px}
  .streak-ring {width:175px;height:175px}
  .streak-number strong {font-size:58px}
  .preview-week {gap:9px}
  .preview-pledge {gap:6px;padding-inline:9px}
  .preview-pledge strong {font-size:9px}
  .preview-pledge small {font-size:8px}
  .note-top {font-size:11px;padding:11px;top:24px}
  .note-spark {font-size:26px}
  .note-bottom {padding:11px;bottom:20px}
  .note-bottom strong {font-size:10px}
  .note-bottom small {font-size:9px}
  .art-label {font-size:9px;bottom:0}
  .quiet-strip {padding:24px 18px;gap:10px 14px}
  .quiet-strip>span:first-child {font-size:10px}
  .quiet-strip p {font-size:clamp(18px,4.8vw,23px)}
  .quiet-strip i {font-size:1.2em}
  .strip-flower {font-size:28px}
  .recognition {grid-template-columns:1fr;gap:24px}
  .section-heading h2 {font-size:36px}
  .recognition-intro {font-size:16px}
  .thoughts {gap:8px;margin-block:20px}
  .thoughts span {font-size:12px;padding:7px 11px}
  .recognition-close {font-size:16px;max-width:360px}
  .how-heading {margin-bottom:32px}
  .how-heading h2 {font-size:34px}
  .how-heading>p {font-size:16px;margin-top:20px}
  .steps-grid {grid-template-columns:1fr;gap:32px}
  .step {display:grid;grid-template-columns:112px minmax(0,1fr);column-gap:20px;align-content:start}
  .step-graphic {grid-row:1/4;height:170px;border-radius:12px}
  .step-number {font-size:10px;margin-top:2px;letter-spacing:.07em}
  .step h3 {font-size:21px;margin-block:9px 10px}
  .step p {font-size:15px;line-height:1.75;max-width:none}
  .loop-ring {width:75px;height:75px}
  .loop-word {font-size:6px;padding:4px 6px}
  .word-one {top:40px;left:21%}
  .word-two {left:2%;bottom:44px}
  .word-three {right:2%;bottom:32px}
  .loop-exit {right:8%;font-size:28px;top:47px}
  .pause-icon {width:54px;height:54px;gap:6px;box-shadow:0 0 0 14px #e3e8ff,0 0 0 28px #e9edff}
  .pause-icon i {width:4px;height:19px}
  .pause-sticker {font-size:7px;padding:5px;bottom:24px;right:3%}
  .plant-ground {width:85px;height:20px;bottom:29px}
  .plant-stem {height:75px;bottom:39px}
  .plant-leaf {width:33px;height:20px;bottom:79px;left:calc(50% - 33px)}
  .pl-two {left:50%;bottom:91px}
  .pl-three {width:24px;height:17px;bottom:110px;left:calc(50% - 23px)}
  .plant-sun {font-size:22px;top:20px;right:8%}
  .grow-caption {font-size:5px;bottom:15px}
  .toolkit-section {padding-top:0}
  .toolkit-heading {text-align:left;margin-bottom:30px}
  .toolkit-heading h2 {font-size:35px;line-height:1.12;margin-block:18px}
  .toolkit-heading p {font-size:16px}
  .toolkit-heading p br {display:none}
  .toolkit-grid {grid-template-columns:1fr;gap:18px}
  .tool-card {padding:28px}
  .tool-card h3 {font-size:31px}
  .tool-card p {font-size:16px}
  .pause-card,.progress-card {min-height:390px}
  .card-topline {margin-bottom:28px}
  .tool-small-label {margin-bottom:23px}
  .mini-days {gap:17px;margin-top:24px}
  .mini-days i {width:37px;height:37px;font-size:14px}
  .journal-card {min-height:355px}
  .journal-card h3,.learn-card h3 {font-size:29px}
  .journal-card p {max-width:calc(100% - 60px)}
  .journal-art {opacity:.8;right:8px;bottom:-45px;width:125px}
  .learn-card {min-height:340px}
  .learn-card p {max-width:340px}
  .learn-flower {right:-12px;bottom:-22px;font-size:150px}
  .offscreen-section {grid-template-columns:1fr;gap:30px;padding-top:0}
  .offscreen-copy {order:0}
  .offscreen-visual {order:1;height:310px}
  .offscreen-copy h2 {font-size:37px}
  .offscreen-copy p {font-size:16px;max-width:none}
  .landscape-note {font-size:26px;left:27px;top:34px}
  .landscape-note em {font-size:33px}
  .landscape-sun {right:42px;top:70px;width:77px;height:77px}
  .home-pricing {gap:26px;padding-block:0 64px}
  .home-pricing-copy h2 {font-size:37px}
  .home-pricing-copy>p {font-size:16px;max-width:none}
  .home-plan-grid {gap:14px}
  .home-plan {padding:24px 20px}
  .home-plan-label {font-size:10px;margin-bottom:18px;letter-spacing:.05em}
  .home-plan h3 {font-size:38px;white-space:normal;margin-bottom:18px}
  .home-plan h3>span {display:block;font-size:12px;margin-top:6px}
  .home-plan p {font-size:14px;margin-bottom:22px}
  .home-plan a {font-size:13px;line-height:1.6}
  .home-annual {font-size:12px}
  .home-pricing-note {font-size:12px;grid-column:1;margin-top:-7px}
  .faq-section {padding-top:0;grid-template-columns:1fr;gap:28px}
  .faq-section h2 {font-size:37px;margin-bottom:18px}
  .faq-section>div>p {font-size:16px;margin-bottom:0}
  .faq-section>div>p br {display:none}
  .faq-list summary {font-size:15px;padding-block:22px}
  .faq-list details p {font-size:15px;padding-right:10px}
  .final-cta {padding:52px 24px;border-radius:16px}
  .final-cta h2 {font-size:clamp(31px,7.6vw,40px);margin-block:21px 28px}
  .final-cta .eyebrow {font-size:10px}
  .final-note {font-size:12px;max-width:300px;margin-inline:auto}
  .cta-star {font-size:115px;right:-42px;bottom:-30px}
  .cta-orbit {left:-448px;top:30px}
  .site-footer {padding-top:44px;padding-bottom:24px}
  .footer-top {gap:24px;padding-bottom:24px}
  .footer-top .brand {font-size:26px}
  .footer-top nav {gap:4px 24px;font-size:13px}
  .footer-bottom {font-size:12px;padding-top:22px}
  .footer-bottom p {font-size:12px;max-width:390px}
}
@media (max-width:400px) {
  .site-header {padding-inline:16px;gap:10px}
  .site-header .brand {font-size:21px;gap:7px}
  .site-header .brand-symbol {width:24px;height:24px}
  .header-actions {gap:9px}
  .header-cta {font-size:12px;padding-inline:11px}
  .mobile-menu-btn {width:40px}
  .hero h1 {font-size:clamp(31px,8.8vw,35px)}
  .hero-tag {font-size:9px;gap:8px}
  .hero-assurances {font-size:10px;gap:7px 12px}
  .hero-art {height:500px}
  .preview-window {width:285px}
  .preview-top {padding-inline:18px}
  .preview-body {padding-inline:17px}
  .preview-greeting .eyebrow {font-size:8px}
  .preview-example {font-size:8px}
  .preview-week {gap:8px}
  .preview-pledge strong {font-size:8px}
  .note-top {font-size:10px;padding:10px;right:0}
  .note-spark {font-size:24px}
  .note-bottom {left:0}
  .step {grid-template-columns:90px minmax(0,1fr);column-gap:16px}
  .step-number {font-size:9px}
  .step h3 {font-size:20px}
  .step p {font-size:15px}
  .tool-card {padding:25px}
  .tool-card h3 {font-size:29px}
  .mini-days {gap:13px}
  .journal-card p {max-width:100%}
  .journal-art {opacity:.35;right:-25px}
  .home-plan-grid {grid-template-columns:1fr}
  .home-plan {padding:25px}
  .home-plan h3>span {display:inline;font-size:13px}
  .home-plan-label {font-size:11px}
  .home-plan p {font-size:15px}
  .home-plan a {font-size:14px}
  .final-cta {padding-inline:18px}
}