:root{color-scheme:light;--white:#fff;--ink:#24232c;--secondary:#65636e;--lavender:#a993df;--soft:#f3f0f8;--teal:#81bab5;--coral:#f47768;--border:#eae8ee;--display:ui-serif,'Iowan Old Style','Palatino Linotype',Georgia,serif;--body:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--white);color:var(--ink);font:17px/1.65 var(--body);-webkit-font-smoothing:antialiased}.wrap{max-width:1180px;margin:auto;padding-inline:40px}a{color:inherit;text-decoration:none}a,button,select{touch-action:manipulation}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #67508f;outline-offset:5px;border-radius:5px}.skip{position:absolute;top:-80px;left:20px;background:white;padding:12px;z-index:20}.skip:focus{top:10px}.header{min-height:100px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:inline-flex;gap:10px;align-items:center;font-size:29px;font-weight:650;letter-spacing:-1.5px}.brand-mark{display:block;width:44px;height:44px;object-fit:contain;flex-shrink:0}.header nav{display:flex;gap:30px;align-items:center;font-size:14px}.header nav a{padding:12px 0}.header select{border:0;background:#f7f7f8;padding:12px 28px 12px 14px;border-radius:24px;color:var(--ink);font:inherit;max-width:150px}.hero{text-align:center;padding-top:65px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;margin:0 0 24px;color:#68597f}h1,h2,h3{font-family:var(--display);font-weight:500;line-height:1.08;letter-spacing:-.045em;margin:0}h1{font-size:clamp(47px,6.8vw,80px)}em{font-weight:400;color:#82709b}h1 em,h2 em{font-style:italic}.intro{max-width:700px;margin:28px auto;font-size:19px;line-height:1.6;color:var(--secondary)}.button{display:inline-flex;gap:42px;align-items:center;justify-content:center;border-radius:99px;min-height:56px;background:var(--ink);color:#fff;padding:14px 25px;font-size:15px;font-weight:550;transition:transform .2s}.button:hover{transform:translateY(-2px)}.availability{font-size:12px;color:var(--secondary);margin-top:16px}.hero-illustration{display:block;width:100%;max-width:1020px;height:auto;max-height:480px;margin:12px auto 0;object-fit:contain}.intro-section{padding-block:35px 100px}h2{font-size:clamp(37px,5vw,60px)}.large-copy{color:var(--secondary);font-size:20px;max-width:650px;margin:30px 0 60px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:46px}.step-number{height:46px;width:46px;border-radius:17px;display:grid;place-items:center;font-size:19px;margin-bottom:26px}.coral{background:#fdeae5}.lavender{background:#ece6f4}.teal{background:#e5f1ef}h3{font-size:30px;letter-spacing:-.035em}.steps p{font-size:16px;color:var(--secondary);line-height:1.7;max-width:280px}.checkin-section{display:grid;grid-template-columns:1.15fr 1fr;gap:75px;align-items:center;margin-block:35px 100px}.checkin-section img{display:block;width:100%;height:auto;max-height:540px;object-fit:contain}.checkin-section p:last-child{max-width:350px;color:var(--secondary);margin-top:28px}.text-link{display:inline-block;padding:12px;color:#685180}.text-link span{margin-left:14px}@media(max-width:760px){.wrap{padding-inline:24px}.header{min-height:84px}.header nav{gap:12px}.header nav>a{display:none}.brand{font-size:25px}.hero{padding-top:44px}h1{font-size:clamp(40px,9vw,64px)}.intro{font-size:17px}.hero-illustration{height:auto;max-height:none;width:calc(100% + 48px);max-width:none;margin:10px -24px 0}.intro-section{padding-block:80px 50px}.large-copy{font-size:18px;margin-bottom:38px}.steps{grid-template-columns:1fr;gap:28px}.steps article{display:grid;grid-template-columns:48px 1fr;gap:0 18px}.step-number{grid-row:span 2;margin:0}.steps h3{font-size:27px;align-self:center}.steps p{grid-column:2;max-width:none;margin:12px 0 0}.checkin-section{grid-template-columns:1fr;gap:35px;margin-block:40px 60px}.checkin-section img{max-height:none}.checkin-section p:last-child{max-width:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}


.info-page{max-width:850px;padding-block:50px 100px}.info-page h1{font-size:54px;margin-bottom:25px}.info-page section{margin:45px 0}.info-page h2{font-size:28px;letter-spacing:-.02em}.info-page p{color:var(--secondary)}

/* Resources: compact rows connect a concrete task with its use, using the app palette. */
.resources{padding-block:64px 96px}
.resources-heading{max-width:730px;margin-bottom:44px}
.resources-heading .eyebrow{font-size:.8125rem;margin-bottom:20px}
.resources-heading h2{font-size:clamp(2.35rem,4.5vw,3.5rem);line-height:1.1;letter-spacing:-.035em;text-wrap:balance}
.resources-intro{max-width:580px;margin:24px 0 0;color:var(--secondary);font-size:1.125rem;line-height:1.65}
.resource-row{display:grid;grid-template-columns:56px minmax(0,1fr) minmax(0,1.3fr);align-items:center;column-gap:32px;padding-block:30px;border-top:1px solid var(--border)}
.resource-icon{display:grid;place-items:center;align-self:start;width:56px;height:56px;border-radius:20px;color:var(--ink)}
.resource-icon svg{display:block;width:27px;height:27px}
.resource-icon-discover{background:#ece6f4;color:#514475}
.resource-icon-journal{background:#fff3cc;color:#665216}
.resource-icon-pause{background:#e5f1ef;color:#365e59}
.resource-icon-report{background:#e8effb;color:#3f5c89}
.resource-row h3{font-size:clamp(1.5rem,2.3vw,1.875rem);line-height:1.2;letter-spacing:-.025em;text-wrap:balance}
.resource-row p{margin:0;color:var(--secondary);font-size:1rem;line-height:1.65;max-width:470px}

@media(max-width:760px){.resources{padding-block:40px 65px}.resources-heading{margin-bottom:32px}.resources-intro{font-size:1rem}.resource-row{grid-template-columns:44px minmax(0,1fr);gap:12px 18px;padding-block:25px;align-items:start}.resource-icon{width:44px;height:44px;border-radius:15px}.resource-icon svg{width:24px;height:24px}.resource-row h3{align-self:center;font-size:1.5rem}.resource-row p{grid-column:2}}
@media(max-width:380px){.resource-row{column-gap:13px}.resource-row p{grid-column:1 / -1}}

/* The colored mark is the first letter of Sentuni. */
.brand{gap:0;line-height:1;letter-spacing:-1.3px}
.brand-symbol{display:block;position:relative;flex:0 0 .78em;width:.78em;height:1.08em;overflow:hidden;margin-inline-end:.035em}
.brand .brand-mark{position:absolute;width:1.23em;height:1.23em;max-width:none;left:-.235em;top:-.075em;object-fit:contain}

/* A bounded native screen beside a short introduction, in the app's light palette. */
.feelings-section{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:64px;padding-block:48px 88px}
.feelings-copy{min-width:0;max-width:520px}
.feelings-copy .eyebrow{margin-bottom:20px;font-size:.875rem;letter-spacing:.1em}
.feelings-copy h2{font-size:clamp(2.25rem,4.2vw,3.25rem);line-height:1.12;letter-spacing:-.035em;text-wrap:balance}
.feelings-copy>p:not(.eyebrow){max-width:360px;margin:24px 0 0;color:var(--secondary);font-size:1.125rem;line-height:1.65}
.feelings-screen{display:grid;place-items:center;width:100%;max-width:420px;min-width:0;justify-self:end;margin:0;padding:30px 24px;border-radius:32px;background:#f5f2f9}
.feelings-screen img{display:block;width:274px;max-width:100%;height:auto;border:5px solid #fff;border-radius:30px;box-shadow:0 0 0 1px #e4dfea,0 16px 36px #40324f14}
.resources{padding-block:44px 24px}


@media(max-width:760px){
  .feelings-section{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:40px 56px}
  .feelings-copy{max-width:440px;margin-inline:auto;text-align:center}
  .feelings-copy h2{font-size:clamp(2rem,7.8vw,2.75rem)}
  .feelings-copy>p:not(.eyebrow){font-size:1rem;max-width:340px;margin:18px auto 0}
  .feelings-screen{max-width:350px;justify-self:center;padding:24px;border-radius:28px}
  .feelings-screen img{width:258px;border-radius:26px}
  .resources{padding-block:32px 16px}

}

/* The hero scrolls normally; overlapping panels begin with the second section. */
.page-stack{isolation:isolate}
.stack-panel{position:relative;z-index:var(--panel-layer,1);display:grid;align-items:center;min-block-size:calc(100svh - var(--download-dock-height,76px) - var(--section-scroll-gap));background:var(--white)}
.has-stack-motion .stack-panel{position:sticky;top:var(--stack-top,0px)}
.has-stack-motion .stack-panel-tall{position:relative;top:auto}
.has-stack-motion .hero{position:relative;top:auto}
.stack-after{position:relative;z-index:10;background:var(--white)}
.hero.stack-panel{padding-block:40px 32px;border-radius:0;min-block-size:calc(100svh - 104px)}
.hero-content{width:100%;min-width:0}
.hero .intro{max-width:610px;margin:20px auto 24px}
.hero-art{position:relative;width:100%;max-width:820px;margin:12px auto 0}
.hero-art .hero-illustration{display:block;width:100%;height:auto;max-width:none;max-height:none;margin:0;overflow:hidden}
.hero-download{display:flex;justify-content:center;margin:30px auto 0;width:max-content}
.hero-download .download-cta img{width:156px}
/* Keep the download distinct from the illustration, with both visible on desktop. */
@media(min-width:761px){
  .hero.stack-panel{padding-block:24px}
  .hero-download{margin-top:28px}
  .hero-download .download-cta img{width:176px}
  .hero .intro{margin-bottom:0}
  .hero-art{max-width:560px;margin-top:32px}
}
@media(min-width:761px) and (max-height:800px){
  .hero.stack-panel{padding-top:20px}
  .hero h1{font-size:clamp(48px,6vw,64px)}
  .hero-art{max-width:440px}
}
.hero-motion-layers{display:none}
.hero-art.is-animated .hero-static{display:none}
.hero-art.is-animated .hero-motion-layers{display:inline}
.story-content{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:64px;width:100%;padding-block:48px;min-width:0}
.story-copy,.feelings-copy{grid-column:1;grid-row:1;min-width:0;max-width:520px}
.story-copy .eyebrow,.feelings-copy .eyebrow{margin-bottom:20px;font-size:.875rem;letter-spacing:.1em}
.story-copy h2,.feelings-copy h2{font-size:clamp(2.25rem,4.2vw,3.25rem);line-height:1.12;letter-spacing:-.035em;text-wrap:balance}
.story-copy>p:not(.eyebrow),.feelings-copy>p:not(.eyebrow){max-width:360px;margin:24px 0 0;color:var(--secondary);font-size:1.125rem;line-height:1.65}
.story-screen,.feelings-screen{grid-column:2;grid-row:1;display:grid;place-items:center;width:100%;max-width:420px;min-width:0;justify-self:end;margin:0;padding:30px 24px;border-radius:32px;background:#f5f2f9}
.story-screen img,.feelings-screen img{display:block;width:274px;max-width:100%;height:auto;border:5px solid #fff;border-radius:30px;box-shadow:0 0 0 1px #e4dfea,0 16px 36px #40324f14}
.story-image-left .story-content{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
.story-image-left .story-copy{grid-column:2;justify-self:end}
.story-image-left .story-screen{grid-column:1;justify-self:start}
.screen-situation{background:#f5f6f8}
.screen-clues{background:#f2eef8}
.screen-history{background:#f0f4fb}
.story-copy .sample-note{font-size:.75rem!important;margin-top:24px!important}


@media(max-width:760px){
  .hero.stack-panel{padding-block:28px 36px;min-block-size:calc(100svh - 88px)}
  .hero .intro{font-size:1rem;max-width:340px}
  .hero-art{margin-top:26px}
  .story-content,.story-image-left .story-content{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:36px}
  .story-copy,.feelings-copy,.story-image-left .story-copy{grid-column:1;grid-row:1;width:100%;max-width:440px;justify-self:center;margin:0;text-align:center}
  .story-copy h2,.feelings-copy h2{font-size:clamp(2rem,7.8vw,2.75rem)}
  .story-copy>p:not(.eyebrow),.feelings-copy>p:not(.eyebrow){font-size:1rem;max-width:340px;margin:18px auto 0}
  .story-screen,.feelings-screen,.story-image-left .story-screen{grid-column:1;grid-row:2;max-width:350px;justify-self:center;padding:24px;border-radius:28px}
  .story-screen img,.feelings-screen img{width:248px;border-radius:26px}
  .story-copy .sample-note{margin-top:14px!important}
}
@media(prefers-reduced-motion:reduce){
  .has-stack-motion .stack-panel{position:relative;top:auto}
  .hero-art.is-animated .hero-static{display:inline}
  .hero-art.is-animated .hero-motion-layers{display:none}
}

/* Keep the menu, language choices and download available after the header leaves. */
html{--section-scroll-gap:32px;scroll-padding-top:calc(var(--download-dock-height,76px) + var(--section-scroll-gap))}
.header{position:relative;z-index:30;min-height:104px;gap:28px}
.header .brand{flex-shrink:0}
.header .header-links{margin-left:auto;gap:26px}
.header-actions{display:flex;align-items:center;gap:22px}
.language-flags{display:flex;align-items:center;gap:2px;flex-shrink:0;padding:3px;background:#f5f5f5;border:1px solid #ededed;border-radius:10px}
.language-flag{width:32px;height:28px;display:grid;place-items:center;border-radius:6px;line-height:1;font-size:16px;opacity:.65;transition:background .2s,opacity .2s}
.language-flag:hover{background:#eaeaea;opacity:1}
.language-flag[aria-current="true"]{background:#fff;opacity:1;box-shadow:0 1px 2px #24232c12}
.download-cta{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:44px;padding:0;border-radius:8px;line-height:0}
.download-cta img{display:block;width:132px;height:auto;max-width:100%}
.download-label{display:none}
.download-dock{position:fixed;inset:0 0 auto;z-index:40;background:var(--white);border-bottom:1px solid var(--border);opacity:0;visibility:hidden;transform:translateY(-100%);transition:transform .25s ease,opacity .25s ease,visibility .25s;pointer-events:none;padding-top:env(safe-area-inset-top)}
.download-dock.is-visible{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.download-dock-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.dock-links{display:flex;align-items:center;gap:26px;margin-left:auto;font-size:14px;white-space:nowrap}
.dock-links a{padding-block:12px}

.download-dock .brand{font-size:26px}


.report-feature{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:48px;align-items:center;padding-block:60px;margin-top:12px;border-top:1px solid var(--border)}
.report-copy{max-width:440px;min-width:0}
.report-copy h3{font-size:clamp(2rem,3.6vw,3rem);line-height:1.13;letter-spacing:-.035em}
.report-copy>p:not(.eyebrow){color:var(--secondary);font-size:1.0625rem;margin:24px 0 0}
.report-copy .report-choice{font-size:.9375rem!important;margin-top:16px!important}
.report-preview{display:grid;grid-template-columns:1.1fr 1fr;gap:20px 18px;align-items:start;margin:0;padding:32px 24px;min-width:0;max-width:700px;width:100%;justify-self:end;background:#f3f1f7;border-radius:24px}
.report-sheet{min-width:0;overflow:hidden;background:#fff;box-shadow:0 0 0 1px #24232c0a,0 10px 28px #30284814}
.report-sheet img{display:block;width:100%;height:auto}
.report-sheet-overview{grid-row:1/3;transform:translateY(12px) rotate(-2.5deg)}
.report-sheet-map{aspect-ratio:1.1;transform:rotate(2deg)}
.report-sheet-entries{aspect-ratio:1.08;transform:rotate(1deg)}
@media(max-width:760px){
  .report-feature{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:36px}
  .report-copy{max-width:440px;text-align:center;justify-self:center}
  .report-copy>p:not(.eyebrow){font-size:1rem;margin-top:20px}
  .report-copy .eyebrow{margin-bottom:16px}
  .report-preview{grid-template-columns:1fr 1fr;justify-self:center;max-width:500px;padding:24px 18px;gap:20px 14px;border-radius:20px}
  .report-sheet-overview{grid-column:1/-1;grid-row:auto;width:86%;justify-self:center;transform:rotate(-2deg)}
}
.skip{z-index:50}
.info-page{max-width:850px}
.info-page h1{font-size:clamp(2.5rem,6vw,3.375rem);overflow-wrap:anywhere}
.info-page h2{line-height:1.25}
.info-page a:not(.text-link){text-decoration:underline;text-underline-offset:3px}
.info-page p{overflow-wrap:anywhere}
.info-page .legal-notice{padding:18px 22px;background:#f5f2f9;border-radius:16px;font-size:15px}
.info-toc{display:flex;flex-wrap:wrap;gap:8px 20px;padding-block:12px;border-block:1px solid var(--border);font-size:14px}
@media(max-width:960px){.header .header-links{display:none}.header-actions{gap:16px}}
@media(max-width:760px){
  .header{min-height:88px;gap:16px;padding-inline:20px}
  .header-actions{gap:10px}
  .header .brand{font-size:26px}
  .download-dock-inner{display:flex;flex-wrap:nowrap;gap:16px;min-height:68px;padding:10px 20px}
  .header .language-flags,.download-dock .language-flags{display:none}
  .download-cta-adaptive{width:auto;min-height:44px;padding:0 17px;background:var(--ink);color:white;border-radius:99px}
  .download-cta-adaptive>img{display:none}
  .download-label{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;line-height:1;white-space:nowrap}
  .download-label svg{flex-shrink:0}
  .dock-links{display:none}




}

/* A shared footer keeps identity, navigation and utility controls in clear groups. */
.site-footer{position:relative;background:var(--white);border-top:1px solid var(--border);padding-block:40px 28px}
.footer-main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:36px 48px;align-items:start}
.footer-about{display:grid;justify-items:start;gap:16px;max-width:440px}
.footer-about>.brand{min-height:44px}
.footer-about p{margin:0;max-width:360px;color:var(--secondary);font-size:13px;line-height:1.65}
.footer-navigation{display:grid;gap:4px;justify-items:end}
.footer-legal{display:flex;align-items:center;flex-wrap:wrap;gap:4px 18px;font-size:13px;color:var(--secondary)}
.footer-legal a{display:inline-flex;align-items:center;min-height:44px}
.footer-legal a:hover{text-decoration:underline;text-underline-offset:4px}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:28px;padding-top:20px;border-top:1px solid var(--border)}
.footer-copyright{flex:1;min-width:160px;color:var(--secondary);font-size:12px;line-height:1.5}
.footer-languages{flex-shrink:0;width:max-content}
.footer-languages .language-flag{width:44px;height:44px;text-decoration:none}
@media(min-width:761px){
  .site-footer{padding-block:28px}
  .footer-about>.brand,.footer-languages{display:none}
  .footer-main{align-items:center}
  .footer-bottom{margin-top:12px;padding-top:0;border-top:0}
}
@media(max-width:760px){
  .site-footer{padding-block:32px 24px}
  .footer-main{grid-template-columns:minmax(0,1fr);gap:20px}
  .footer-about{gap:12px;max-width:none}
  .footer-navigation{justify-items:start}
  .footer-bottom{margin-top:24px}
}

/* A quiet closing invitation, with the copy and download on the same axis. */
.closing{display:flex;flex-direction:column;align-items:center;gap:24px;margin-bottom:16px;padding:44px 24px;background:var(--soft);border-radius:28px;text-align:center}
.closing-copy{min-width:0;max-width:540px}
.closing h2{font-size:clamp(32px,4vw,42px);line-height:1.12;letter-spacing:-.035em;text-wrap:balance}
.closing h2 em{display:block}
.closing p{margin:16px 0 0;font-size:15px;line-height:1.6;color:var(--secondary);text-wrap:balance}
.closing .download-cta{margin:0;flex-shrink:0;align-self:center}
.closing .download-cta img{width:156px}
@media(max-width:600px){
  .closing{gap:22px;padding:32px 20px;border-radius:24px}
  .closing p{font-size:14px;margin-top:14px}
}

.prelaunch-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:12px;background:#292331;color:white;font:600 14px/1.3 system-ui;text-align:center;white-space:normal;max-width:240px}