:root{--navy:#15324b;--blue:#2d5a72;--gold:#e6ae2f;--pale-gold:#f5e6bd;--cream:#fffaf1;--paper:#fffdf8;--mist:#e5eef0;--sand:#f7f2e8;--text:#5e6670;--line:#d8e0df;--shadow:0 14px 38px #15324b12}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--navy);font-family:Lato,Arial,sans-serif}
.access-page{min-height:100dvh;max-width:620px;margin:auto;padding:25px 20px 30px}
.access-top{display:flex;justify-content:space-between;align-items:start}
/* Source image is 610 × 138. Mask only TM: x >= 474, y < 39.
   Institute lettering reaches x=476 below that region and must remain visible. */
.brand-area{flex-shrink:0}
.brand-area img{display:block;width:151px;height:auto;clip-path:polygon(0 0,77.7049180328% 0,77.7049180328% 28.2608695652%,100% 28.2608695652%,100% 100%,0 100%)}
.brand-area span{display:block;color:var(--blue);font-weight:900;font-size:10px;letter-spacing:1.45px;margin:4px 0 0 4px;text-transform:uppercase}
.access-label{color:var(--blue);font-size:10px;font-weight:900;letter-spacing:1px;margin-top:6px;text-transform:uppercase}
.access-main{padding-top:58px}
.eyebrow,.overline,.flow-kicker{color:var(--blue);font-size:10px;font-weight:900;letter-spacing:1.55px;text-transform:uppercase}
.access-main>h1,.hello,.screen-title,.hero-card h2,.ecosystem-callout h2,.insight-card h1,.tool-hero h1,.leader-hero span,.culture-card h2,.privacy-card h2,.next-step h2,.week-card h2,.complete h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:700}
.access-main>h1{font-size:50px;letter-spacing:-1.7px;line-height:.94;margin:10px 0}
.access-main>p{color:var(--text);font-size:17px;line-height:1.48;margin:0;max-width:410px}
.access-card{background:var(--paper);border:1px solid #eee4d2;border-radius:21px;box-shadow:var(--shadow);margin-top:29px;padding:20px}
.access-card h2{font:700 27px 'Cormorant Garamond',Georgia,serif;margin:0}
.access-card p{color:var(--text);font-size:13px;line-height:1.43;margin:7px 0 17px}
.access-card label{color:var(--blue);display:block;font-size:10px;font-weight:900;letter-spacing:1px;text-transform:uppercase}
.access-card input{background:#fffdf9;border:1px solid var(--line);border-radius:12px;color:var(--navy);font:900 14px Lato;letter-spacing:.4px;margin-top:8px;padding:14px;width:100%}
.access-card input:focus{border-color:var(--blue);outline:2px solid var(--mist)}
.access-card input.invalid{border-color:#ad4b39}
.access-help{font-size:12px!important;margin:13px 0 0!important}
.access-help.error{color:#994331}
.access-options{display:grid;gap:10px;grid-template-columns:1fr;margin-top:18px}
.access-options div{border-top:1px solid var(--line);padding-top:11px}
.access-options b{display:block;font-size:12px}
.access-options span{color:var(--text);display:block;font-size:12px;line-height:1.35;margin-top:4px}
.access-page footer{color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.8px;margin-top:46px;text-align:center;text-transform:uppercase}
.app{max-width:620px;margin:auto;min-height:100dvh;padding:24px 20px 102px}
.top{display:flex;justify-content:space-between;align-items:start;margin-bottom:26px}
.avatar{width:39px;height:39px;border:0;border-radius:50%;background:var(--mist);color:var(--navy);font:bold 14px Lato}
.hello{font-size:39px;letter-spacing:-1.55px;line-height:.96;margin:10px 0 9px}
.screen-title{font-size:39px;letter-spacing:-1.35px;line-height:.98;margin:8px 0 12px}
.lede{color:var(--text);font-size:16px;line-height:1.53;margin:0 0 25px}
.row{display:flex;justify-content:space-between;align-items:center}
.theme-pill{padding:7px 10px;border-radius:20px;background:var(--pale-gold);color:#805d05;font-size:11px;font-weight:900}
.hero-card,.tool-hero,.insight-card{background:var(--paper);border:1px solid #eee4d2;border-radius:23px;padding:22px;box-shadow:var(--shadow)}
.hero-card{border-top:5px solid var(--gold)}
.hero-card h2{font-size:30px;line-height:1.1;letter-spacing:-.55px;margin:22px 0 15px}
.hero-card p{color:var(--blue);background:var(--mist);border-radius:14px;font-size:15px;line-height:1.5;margin:0 0 18px;padding:15px}
.hero-card small{display:block;text-align:center;color:var(--text);font-size:12px;margin-top:13px}
.btn{border:0;border-radius:13px;background:var(--navy);color:#fff;cursor:pointer;font:900 14px Lato;padding:15px;width:100%}
.btn span{font-size:18px}
.btn.gold{background:var(--gold);color:var(--navy)}
.section{margin-top:30px}
.section-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:13px}
.section-head h2{font:700 25px 'Cormorant Garamond',Georgia,serif;letter-spacing:-.5px;margin:0}
.section-head button,.section-head span{background:none;border:0;color:var(--blue);font:800 12px Lato}
.practice-grid{display:grid;gap:11px;grid-template-columns:1fr 1fr}
.practice-card{background:var(--paper);border:1px solid #eee4d2;border-radius:17px;box-shadow:var(--shadow);color:var(--navy);cursor:pointer;min-height:150px;padding:16px;text-align:left}
.practice-card i{background:var(--mist);border-radius:50%;display:grid;font-style:normal;height:32px;place-items:center;width:32px}
.practice-card b{display:block;font:900 14px Lato;margin:17px 0 5px}
.practice-card span{color:var(--text);display:block;font-size:12px;line-height:1.35}
.ecosystem-callout{background:var(--navy);border-radius:22px;color:#fff;margin-top:29px;padding:22px}
.ecosystem-callout>span{color:#e5eef0;font-size:10px;font-weight:900;letter-spacing:1px;text-transform:uppercase}
.ecosystem-callout h2{font-size:29px;line-height:1.02;letter-spacing:-.5px;margin:12px 0 19px}
.ecosystem-callout button{background:none;border:0;color:var(--pale-gold);font:800 12px Lato;margin:0 19px 0 0;padding:0}
.bottom{background:#fffaf1;border-top:1px solid var(--line);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;z-index:9}
.bottom-inner{display:flex;justify-content:space-around;max-width:620px;padding:8px 6px 12px;width:100%}
.nav{background:none;border:0;color:#85909a;font:900 9px Lato;padding:2px 6px}
.nav b{display:block;font:normal 18px Arial;line-height:22px}
.nav.active{color:var(--navy)}
.back{background:none;border:0;color:var(--blue);cursor:pointer;font:800 13px Lato;margin:0 0 17px;padding:0}
.flow-kicker{margin:7px 0}
.choices{display:grid;gap:9px}
.choice{background:#fffdf9;border:1px solid var(--line);border-radius:13px;color:#40566a;cursor:pointer;font:15px Lato;padding:14px 15px;text-align:left}
.choice.selected{background:var(--mist);border-color:var(--blue);color:var(--navy);font-weight:900}
.textarea{background:#fffdf9;border:1px solid var(--line);border-radius:14px;color:var(--navy);font:15px Lato;line-height:1.5;min-height:120px;padding:14px;width:100%}
.textarea:focus{border-color:var(--blue);outline:2px solid #e5eef0}
.insight-card{margin-top:30px}
.insight-card h1{font-size:32px;line-height:1.05;letter-spacing:-.5px;margin:15px 0 23px}
.action{background:var(--sand);border-radius:15px;padding:16px}
.action b{font-size:10px;letter-spacing:1px;text-transform:uppercase}
.action p{color:var(--blue);line-height:1.5;margin:8px 0 0}
.complete{padding:75px 10px 0;text-align:center}
.complete>div{align-items:center;background:var(--sand);border-radius:50%;display:flex;font-size:34px;height:75px;justify-content:center;margin:0 auto 24px;width:75px}
.complete h1{font-size:39px;line-height:.97;margin:0}
.complete p{color:var(--text);line-height:1.5;margin:14px auto 24px;max-width:340px}
.tool-list{display:grid;gap:11px}
.tool-card{align-items:center;background:var(--paper);border:1px solid #eee4d2;border-radius:17px;box-shadow:var(--shadow);color:var(--navy);cursor:pointer;display:flex;gap:14px;padding:16px;text-align:left;width:100%}
.tool-card i{align-items:center;background:var(--pale-gold);border-radius:50%;display:flex;font-size:19px;font-style:normal;height:39px;justify-content:center;width:39px}
.tool-card span{flex:1}
.tool-card b{display:block;font:900 14px Lato;margin-bottom:4px}
.tool-card small{color:var(--text);font-size:12px;line-height:1.35}
.tool-card em{color:var(--blue);font-style:normal}
.quiet-note{background:var(--sand);border-radius:16px;color:var(--blue);margin-top:24px;padding:17px}
.quiet-note b{font:900 12px Lato}
.quiet-note p{font-size:13px;line-height:1.45;margin:6px 0 0}
.tool-hero h1{font-size:38px;line-height:.98;letter-spacing:-1.2px;margin:10px 0}
.tool-hero>p{color:var(--text);line-height:1.45}
.contrast{display:grid;gap:9px;margin:21px 0}
.contrast section{background:var(--sand);border-radius:13px;padding:14px}
.contrast section+section{background:var(--mist)}
.contrast span{color:var(--blue);display:block;font-size:10px;font-weight:900;letter-spacing:1px;text-transform:uppercase}
.contrast b{display:block;font:700 21px/1.08 'Cormorant Garamond',Georgia,serif;margin-top:7px}
.field{display:block;margin:25px 0 0}
.field span{display:block;color:var(--blue);font-size:14px;font-weight:800;line-height:1.35;margin-bottom:10px}
.leader-hero{background:var(--mist);border-radius:20px;margin:25px 0 30px;padding:20px}
.leader-hero>span{display:block;font-size:28px;line-height:1.04}
.leader-hero div{display:grid;grid-template-columns:30px 1fr;margin-top:20px;row-gap:10px}
.leader-hero b{color:var(--gold);font:900 14px Lato}
.leader-hero p{color:var(--blue);font-size:13px;margin:0}
.lead-grid{display:grid;gap:11px;grid-template-columns:1fr 1fr}
.lead-grid button{background:var(--paper);border:1px solid #eee4d2;border-radius:16px;box-shadow:var(--shadow);color:var(--navy);cursor:pointer;min-height:148px;padding:16px;text-align:left}
.lead-grid i{color:var(--gold);display:block;font-size:22px;font-style:normal}
.lead-grid b{display:block;font:900 14px Lato;margin:16px 0 5px}
.lead-grid small{color:var(--text);font-size:12px;line-height:1.32}
.culture-card{background:var(--navy);border-radius:22px;color:#fff;padding:22px}
.overline.light{color:var(--pale-gold)}
.live-dot{color:#d6e8d9;font-size:10px;font-weight:900}
.culture-card h2{font-size:31px;line-height:1.02;margin:18px 0 7px}
.culture-card>p{color:#d5e0e5;font-size:12px;margin:0}
.metric-grid{display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:23px}
.metric-grid>div{background:#ffffff13;border-radius:13px;padding:13px}
.metric-grid b{display:block;font:700 31px 'Cormorant Garamond',Georgia,serif}
.metric-grid sup{font-size:13px}
.metric-grid span{color:#d6e3e9;display:block;font-size:11px;margin:2px 0 10px}
.metric-grid i{background:#ffffff30;border-radius:5px;display:block;height:4px;overflow:hidden}
.metric-grid em{background:var(--gold);display:block;height:100%}
.signal-section{margin-top:31px}
.signal{border-bottom:1px solid var(--line);display:flex;gap:14px;padding:15px 0}
.signal>b{color:var(--gold);font:900 12px Lato}
.signal h3{font:900 14px Lato;margin:0}
.signal p{color:var(--text);font-size:13px;line-height:1.4;margin:5px 0 0}
.privacy-card{background:var(--sand);border-radius:19px;margin-top:28px;padding:19px}
.privacy-card>div{color:var(--gold);font-size:22px}
.privacy-card h2{font-size:28px;line-height:1;margin:9px 0}
.privacy-card p{color:var(--blue);font-size:13px;line-height:1.45}
.text-btn{background:none;border:0;color:var(--blue);cursor:pointer;font:900 12px Lato;padding:0}
.next-step{margin-top:29px}
.next-step>span,.week-card>span{color:var(--blue);font:900 10px Lato;letter-spacing:1px;text-transform:uppercase}
.next-step h2{font-size:30px;line-height:1.02;margin:10px 0}
.my-progress{background:var(--navy);border-radius:20px;color:#fff;display:grid;grid-template-columns:repeat(3,1fr);margin:24px 0;padding:18px 8px}
.my-progress div{padding:0 8px;text-align:center}
.my-progress span{color:#d6e3e9;display:block;font-size:10px;line-height:1.2}
.my-progress b{display:block;font:700 30px 'Cormorant Garamond',Georgia,serif;margin-top:6px}
.purpose-preview{background:var(--mist);border-radius:17px;padding:17px}
.purpose-preview div{align-items:center;display:flex;gap:9px}
.purpose-preview div span{color:var(--blue);font-size:21px}.purpose-preview .purpose-symbol{font-size:22px}
.purpose-preview b{font:900 14px Lato}
.purpose-preview p{color:var(--blue);font-size:13px;line-height:1.4;margin:9px 0}
.purpose-preview button{background:none;border:0;color:var(--blue);cursor:pointer;font:900 12px Lato;padding:0}
.reflection-list article{border-bottom:1px solid var(--line);padding:15px 0}
.reflection-list span{color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.6px;text-transform:uppercase}
.reflection-list h3{font:700 23px 'Cormorant Garamond',Georgia,serif;margin:5px 0}
.reflection-list p{color:var(--text);font-size:13px;line-height:1.43;margin:0}
.empty{background:var(--paper);border:1px solid #eee4d2;border-radius:16px;padding:18px}
.empty b{font:900 14px Lato}
.empty p{color:var(--text);font-size:13px;line-height:1.4}
.week-card{background:var(--pale-gold);border-radius:18px;margin-top:28px;padding:19px}
.week-card h2{font-size:28px;line-height:1.02;margin:9px 0}
.week-card p{color:var(--blue);font-size:13px;line-height:1.45;margin:0}
.lead-icon{color:var(--gold);display:block;height:31px;width:31px}
.lead-grid i{color:var(--gold);display:block;font-size:22px;font-style:normal}
@media(min-width:700px){body{background:#e5eef0}
.app,.access-page,.onboarding-page{background:var(--cream);box-shadow:0 0 60px #15324b10}
.bottom{background:transparent;left:50%;max-width:620px;transform:translateX(-50%)}
.bottom-inner{background:#fffaf1;border:1px solid var(--line);border-bottom:0;border-radius:20px 20px 0 0}
}
.onboarding-page{background:var(--cream);color:var(--navy);display:flex;flex-direction:column;min-height:100vh}
.onboarding-top{align-items:center;display:flex;justify-content:center;padding:23px 24px 4px}
.onboarding-main{flex:1;margin:0 auto;max-width:500px;padding:37px 27px 36px;width:100%}
.onboarding-main h1{font-size:48px;letter-spacing:-1.4px;line-height:.94;margin:16px 0}
.onboard-copy{color:var(--text);font-size:16px;line-height:1.55;margin:0 0 31px;max-width:410px}
.onboard-dots{display:flex;gap:7px;margin:0 0 31px}
.onboard-dots i{background:#d9e3e4;border-radius:5px;display:block;height:6px;width:25px}
.onboard-dots i.active{background:var(--gold)}
.onboard-dots i.done{background:var(--blue)}
.onboard-back{background:none;border:0;color:var(--blue);cursor:pointer;font:900 12px Lato;margin:-10px 0 23px;padding:0}
.practice-choices{display:grid;gap:9px;grid-template-columns:1fr 1fr;margin:0 0 27px}
.practice-choice{align-items:center;background:var(--paper);border:1px solid #eadfcb;border-radius:13px;color:var(--navy);cursor:pointer;display:flex;font:700 14px Lato;justify-content:space-between;padding:14px 13px;text-align:left}
.practice-choice span{color:var(--gold);font-size:19px;line-height:1}
.practice-choice.selected{background:var(--mist);border-color:#8faab0}
.onboard-name{display:block;font:900 12px Lato;letter-spacing:.7px;margin:0 0 8px;text-transform:uppercase}
.onboarding-main input{background:#fffdf8;border:1px solid #d9cdb8;border-radius:12px;box-sizing:border-box;color:var(--navy);font:700 17px Lato;margin-bottom:7px;outline:none;padding:15px;width:100%}
.onboarding-main input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #18395113}
.onboard-error{color:#a6493d;font-size:12px;min-height:17px;margin:0 0 12px}
.choose-moment{background:none;border:0;color:var(--blue);cursor:pointer;display:block;font:900 12px Lato;margin:15px auto 10px;padding:4px}
.choose-moment span{color:var(--gold);font-size:16px;margin-left:3px}
.daily-choice{align-items:center;background:var(--mist);border:1px solid #c7d9dc;border-radius:16px;color:var(--navy);cursor:pointer;display:flex;justify-content:space-between;margin:22px 0 14px;padding:16px;text-align:left;width:100%}
.daily-choice b{display:block;font:900 14px Lato}
.daily-choice small{color:var(--blue);display:block;font-size:12px;line-height:1.35;margin-top:5px}
.daily-choice em{color:var(--gold);font-size:19px;font-style:normal}
.moment-picker{display:grid;gap:10px;grid-template-columns:1fr 1fr;padding-bottom:18px}
.moment-picker-card{background:var(--paper);border:1px solid #ece1cd;border-radius:15px;color:var(--navy);cursor:pointer;display:flex;flex-direction:column;min-height:142px;padding:15px;text-align:left}
.moment-picker-card span{color:var(--gold);font:900 10px Lato;letter-spacing:.7px;text-transform:uppercase}
.moment-picker-card b{font:700 20px/1.03 'Cormorant Garamond',Georgia,serif;margin:8px 0}
.moment-picker-card em{color:var(--blue);font:900 10px Lato;font-style:normal;margin-top:auto}
.moment-picker-card.selected{background:var(--mist);border-color:#8faab0}
.account-card{border-top:1px solid var(--line);margin-top:30px;padding:23px 0 40px}
.account-card>span{color:var(--blue);display:block;font:900 10px Lato;letter-spacing:1px;text-transform:uppercase}
.account-card h2{font-size:27px;line-height:1.05;margin:8px 0}
.account-card p{color:var(--text);font-size:13px;line-height:1.45;margin:0 0 14px}
.account-card button{background:none;border:1px solid #c9bda9;border-radius:10px;color:var(--navy);cursor:pointer;font:900 12px Lato;padding:10px 14px}

.moment-scenario{background:var(--mist);color:var(--blue);border-radius:14px;padding:18px;font-size:17px;line-height:1.5}
.back,.onboard-back{min-width:44px;min-height:44px}

.practice-card .purpose-symbol,.practice-card .connection-symbol{background:#f7e3a8;color:var(--blue);font-size:18px;width:42px;height:42px}.practice-card .connection-symbol{font-size:15px;letter-spacing:-4px;padding-right:4px}
.tool-card:nth-child(2) i{background:#dceef1}.tool-card:nth-child(3) i{background:#e8e1f3}.tool-card:nth-child(4) i{background:#f8e2a9}.tool-card:nth-child(5) i{background:#e4f0dc;font-size:16px;letter-spacing:-4px;padding-right:4px}

.copyright-footer{max-width:760px;margin:24px auto 0;padding:16px 24px 100px;color:var(--text);font-size:12px;line-height:1.6;text-align:center}.copyright-footer summary{cursor:pointer;color:var(--blue);font-weight:700}.copyright-footer details[open]{text-align:left}.copyright-footer summary:focus-visible{outline:2px solid var(--blue);outline-offset:4px}