@font-face{font-family:Newsreader;src:url("assets/newsreader.woff2") format("woff2");font-display:swap;font-style:normal;font-weight:400 700}
@font-face{font-family:Fraunces;src:url("assets/fraunces.woff2") format("woff2");font-display:swap;font-style:normal;font-weight:600}
:root{--ink:#24282a;--ink-2:#5d6263;--ink-3:#626868;--nav:#1c1f21;--paper:#f7f3ea;--paper-2:#fffdf8;--line:#ded8cb;--blue:#14729c;--blue-bright:#6cc5ee;--blue-soft:#deeff5;--gold:#d9a536;--green:#719b77;--serif:Newsreader,"Songti SC","STSong",serif;--sans:Inter,"PingFang SC","Microsoft YaHei",sans-serif;--shadow:0 30px 80px rgba(44,39,32,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:99;left:1rem;top:1rem;padding:.7rem 1rem;background:#fff;transform:translateY(-200%);border-radius:.5rem}.skip-link:focus{transform:none}
.site-header{position:absolute;z-index:20;top:0;left:50%;width:min(1180px,calc(100% - 48px));height:92px;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(36,40,42,.12)}.wordmark{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:700;letter-spacing:.08em}.wordmark img{border-radius:11px}.wordmark span{display:flex;align-items:baseline;gap:8px}.wordmark small{font-family:var(--serif);font-weight:500;font-size:11px;letter-spacing:.18em;color:var(--ink-3)}.site-header nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:600}.site-header nav>a:not(.nav-cta){position:relative}.site-header nav>a:not(.nav-cta)::after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:1px;background:var(--ink);transition:right .2s}.site-header nav>a:hover::after{right:0}.nav-cta{padding:10px 18px;border:1px solid var(--ink);border-radius:999px}.nav-toggle{display:none}
.hero{min-height:790px;max-width:1280px;margin:auto;padding:170px 70px 100px;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:54px;overflow:hidden}.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 24px;color:var(--ink-3);font:600 11px/1 var(--sans);letter-spacing:.18em}.eyebrow span{display:inline-block;width:28px;height:1px;background:currentColor}.eyebrow.light{color:rgba(255,255,255,.58)}.hero h1,.section-heading h2,.gentle h2,.privacy h2,.download h2{margin:0;font-family:var(--serif);font-size:clamp(54px,6.2vw,88px);font-weight:500;line-height:1.02;letter-spacing:-.04em}.hero h1 em,.gentle h2 em{color:var(--blue);font-style:italic}.hero-lead{max-width:510px;margin:32px 0;color:var(--ink-2);font-size:18px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-width:174px;padding:13px 18px;border-radius:4px;font-weight:650}.button-primary{background:var(--nav);color:white}.button-primary span{font-size:20px}.text-link{font-size:14px;font-weight:650;border-bottom:1px solid var(--line)}.quiet-note{margin-top:25px;color:var(--ink-3);font-size:12px}.quiet-note span{margin-right:8px;color:var(--green);font-size:8px}
.hero-art{position:relative;height:610px;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(25,123,168,.15);border-radius:50%}.orbit-one{width:550px;height:550px}.orbit-two{width:420px;height:420px;border-style:dashed;transform:rotate(24deg)}.phone-shell{position:relative;z-index:2;width:292px;height:594px;padding:18px 18px 10px;overflow:hidden;background:var(--paper-2);border:6px solid var(--nav);border-radius:40px;box-shadow:var(--shadow);transform:rotate(2deg)}.phone-status{display:flex;justify-content:space-between;padding:0 8px 13px;font-size:9px;font-weight:700}.phone-head{display:flex;align-items:center;gap:9px}.phone-head img{border-radius:9px}.phone-head div{display:flex;flex-direction:column;line-height:1.25}.phone-head b{font-family:var(--serif);font-size:15px}.phone-head small{color:var(--ink-3);font-size:8px}.phone-head i{width:24px;height:24px;margin-left:auto;border-radius:50%;background:#e8e2d5}.today-card{position:relative;margin:18px 0 16px;padding:20px 17px 16px;color:#fff;background:linear-gradient(140deg,#317e9c,#25566d);border-radius:15px;overflow:hidden}.today-card .sun{position:absolute;right:12px;top:2px;color:rgba(255,255,255,.18);font-size:68px}.today-card p{position:relative;margin:0;font-family:var(--serif);font-size:19px}.today-card small{position:relative;display:block;margin:4px 0 15px;color:rgba(255,255,255,.73);font-size:8px}.today-card button{position:relative;padding:7px 13px;border:0;border-radius:999px;background:white;color:#245b73;font-size:9px;font-weight:700}.phone-section{display:flex;justify-content:space-between;margin:10px 2px;font-family:var(--serif);font-size:12px;font-weight:700}.phone-section span{color:var(--ink-3);font:8px var(--sans)}.dream-row{display:flex;gap:11px;padding:9px;margin-bottom:8px;border:1px solid #e7e0d3;border-radius:12px;background:#fff}.cover{display:grid;place-items:center;width:45px;height:53px;border-radius:5px;color:#fff;font-family:var(--serif);font-size:18px}.cover-blue{background:#4f8295}.cover-gold{background:#a7814e}.dream-row>div:last-child{flex:1;display:flex;flex-direction:column}.dream-row b{font-family:var(--serif);font-size:11px}.dream-row small{color:var(--ink-3);font-size:8px}.dream-row i{height:3px;margin-top:auto;background:#ede8de;border-radius:4px}.dream-row i span{display:block;height:100%;background:var(--blue);border-radius:4px}.phone-nav{position:absolute;left:0;right:0;bottom:0;height:62px;display:flex;align-items:center;justify-content:space-around;background:rgba(255,253,248,.95);border-top:1px solid #ece5d9}.phone-nav span,.phone-nav b{display:flex;flex-direction:column;align-items:center;color:var(--ink-3);font:normal 14px var(--sans)}.phone-nav b{color:var(--blue)}.phone-nav small{font-size:7px}.phone-nav strong{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--nav);color:#fff;font-size:23px}.floating-note{position:absolute;z-index:3;display:flex;align-items:center;gap:11px;padding:12px 16px;background:rgba(255,253,248,.94);border:1px solid rgba(222,216,203,.75);border-radius:13px;box-shadow:0 14px 40px rgba(42,44,43,.13);backdrop-filter:blur(12px)}.floating-note>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--blue-soft);color:var(--blue);font-weight:700}.floating-note div{display:flex;flex-direction:column}.floating-note b{font-family:var(--serif);font-size:12px}.floating-note small{color:var(--ink-3);font-size:8px}.note-one{left:0;top:135px}.note-two{right:4px;bottom:90px}.note-two>span{background:#f4e8c9;color:#9a6e13}
.belief{position:relative;min-height:620px;padding:115px max(7vw,40px);display:grid;grid-template-columns:1.35fr .65fr;gap:80px;align-content:center;background:var(--nav);color:#f4f3ef;overflow:hidden}.belief>.eyebrow{grid-column:1/-1;margin-bottom:-20px}.belief blockquote{margin:0;font-family:var(--serif);font-size:clamp(52px,7vw,98px);line-height:1.06;letter-spacing:-.035em}.belief-copy{max-width:430px;align-self:end;color:#b6b9b8;font-family:var(--serif);font-size:17px}.belief-copy p{margin:0 0 20px}.cat-mark{position:absolute;right:-28px;top:50px;width:250px;height:250px;opacity:.1}.cat-mark i{position:absolute;left:-120px;top:50%;width:160px;height:1px;background:#fff}
.steps{max-width:1180px;margin:auto;padding:125px 40px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:75px}.section-heading .eyebrow{align-self:flex-start;white-space:nowrap}.section-heading h2{max-width:720px;font-size:clamp(42px,5.2vw,68px)}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.step-grid article{position:relative}.step-num{display:block;margin-bottom:15px;color:var(--blue);font:italic 24px var(--serif)}.step-visual{height:275px;margin-bottom:28px;padding:25px;background:#ede7db;border-radius:2px;overflow:hidden}.step-grid h3{margin:0 0 8px;font-family:var(--serif);font-size:25px}.step-grid article>p{margin:0;color:var(--ink-2);font-size:14px}.notebook{position:relative;display:flex;flex-direction:column;justify-content:end;margin-inline:25px;background:#4e7787;color:white;box-shadow:-8px 9px 0 #d8ceb8}.notebook::before{content:"";position:absolute;left:17px;top:0;bottom:0;width:1px;background:rgba(255,255,255,.2)}.notebook i{position:absolute;top:30px;right:28px;width:30px;height:30px;border:1px solid rgba(255,255,255,.45);border-radius:50%}.notebook b{font:24px var(--serif)}.notebook small{color:rgba(255,255,255,.95);font:10px var(--serif)}.fragments{position:relative;padding-top:42px}.fragments>div{position:relative;z-index:2;padding:22px;background:#fff;box-shadow:0 16px 32px rgba(55,49,40,.11);transform:rotate(-1.5deg)}.fragments>i{position:absolute;width:170px;height:125px;background:#d1dcae}.fragments>i:first-child{left:5px;top:24px;transform:rotate(-7deg)}.fragments>i:last-child{right:-8px;bottom:15px;background:#c7dfe8;transform:rotate(7deg)}.fragments b{font:18px var(--serif)}.fragments small{display:block;color:var(--ink-3);font-size:9px}.fragments p{margin:16px 0 0;font:13px var(--serif)}.growth{display:flex;flex-direction:column;background:#e9e5dc}.growth>span{color:var(--ink-3);font:12px var(--serif)}.heatmap{margin:25px 0;color:#70a07c;font:24px/1.15 monospace;letter-spacing:3px;word-spacing:6px}.growth b{margin-top:auto;font:17px var(--serif)}
.gentle{min-height:650px;padding:100px max(8vw,45px);display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;background:#e8f1f2}.gentle h2{font-size:clamp(46px,5.5vw,73px)}.gentle-copy>p:not(.eyebrow){max-width:560px;color:var(--ink-2);font-size:16px}.gentle ul{padding:0;margin:28px 0 0;list-style:none}.gentle li{margin:12px 0;color:var(--ink-2);font-size:14px}.gentle li span{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:10px;border-radius:50%;background:#fff;color:var(--blue);font-size:11px}.rest-card{position:relative;max-width:440px;padding:65px 50px;text-align:center;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.9);box-shadow:0 30px 80px rgba(54,95,103,.12)}.moon{width:76px;height:76px;margin:0 auto 25px;border-radius:50%;color:#fff;background:#538aa0;font:46px/76px var(--serif);transform:rotate(-17deg)}.rest-card p{margin:0;font:27px var(--serif)}.rest-card small{color:var(--ink-3);font:14px var(--serif)}.rest-line{display:flex;align-items:center;gap:12px;margin-top:40px;color:var(--ink-3);font-size:9px;letter-spacing:.14em}.rest-line i{flex:1;height:1px;background:var(--line)}
.privacy{min-height:580px;padding:95px max(8vw,45px);display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center;background:var(--nav);color:#fff}.privacy-mark{position:relative;display:grid;place-items:center;min-height:360px}.privacy-mark::before,.privacy-mark::after{content:"";position:absolute;border:1px solid rgba(108,197,238,.2);border-radius:50%}.privacy-mark::before{width:330px;height:330px}.privacy-mark::after{width:250px;height:250px}.privacy-mark img{position:relative;z-index:2;border-radius:22px}.privacy-mark span{position:absolute;z-index:2;bottom:20px;text-align:center;color:#b7bbba;font:italic 16px var(--serif)}.privacy h2{font-size:clamp(44px,5.3vw,70px)}.privacy-copy>p:not(.eyebrow){max-width:580px;color:#adb2b1}.privacy-copy>a{display:inline-block;margin-top:18px;color:var(--blue-bright);font-size:14px;border-bottom:1px solid rgba(108,197,238,.35)}
.download{padding:125px max(8vw,45px);display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.download h2{font-size:clamp(46px,5.7vw,74px)}.download-copy>p:not(.eyebrow){max-width:560px;color:var(--ink-2)}.download-panel{display:grid;gap:12px}.download-option{position:relative;min-height:82px;padding:14px 18px;display:flex;align-items:center;gap:15px;border:1px solid var(--line);background:rgba(255,255,255,.5);transition:transform .2s,border-color .2s,background .2s}.download-option[href]:hover{transform:translateX(5px);border-color:var(--blue);background:#fff}.download-option.is-recommended{border-color:var(--blue)}.download-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:11px;background:var(--nav);color:white}.download-icon svg{width:23px;height:23px;fill:currentColor}.download-option>span:nth-child(2){display:flex;flex-direction:column}.download-option strong{font:18px var(--serif)}.download-option small{color:var(--ink-3);font-size:11px}.download-option em{margin-left:auto;color:var(--blue);font-size:10px;font-style:normal}.download-option .arrow{font-size:18px}.download-option.is-disabled{} .download-option.is-disabled .download-icon{background:#626868}.download-option .soon{margin-left:auto;padding:4px 8px;border:1px solid var(--line);border-radius:99px;color:var(--ink-3);font-size:9px}
footer{padding:45px max(5vw,30px);display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;background:#111415;color:#d7d7d4}footer .footer-brand{display:flex;align-items:center;gap:13px}.footer-brand img{border-radius:12px}.footer-brand div{display:flex;flex-direction:column}.footer-brand b{font-size:17px}.footer-brand small{color:#777f7d;font:12px var(--serif)}footer nav{display:flex;gap:25px;color:#9ba09e;font-size:12px}footer>p{grid-column:1/-1;margin:0;padding-top:24px;border-top:1px solid #292d2e;color:#8b9290;font-size:11px}footer a:hover{color:#fff}
[data-reveal]{opacity:1;transform:none}.step-grid article:nth-child(2){transition-delay:.1s}.step-grid article:nth-child(3){transition-delay:.2s}
@media (max-width:900px){.site-header{width:calc(100% - 34px);height:76px}.site-header nav{position:absolute;left:-17px;right:-17px;top:76px;padding:22px 18px;display:none;flex-direction:column;align-items:stretch;gap:0;background:rgba(247,243,234,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.site-header nav.is-open{display:flex}.site-header nav a{padding:11px}.nav-toggle{display:flex;width:42px;height:42px;padding:11px;flex-direction:column;justify-content:center;gap:5px;border:0;background:none}.nav-toggle>span:not(.sr-only){height:1px;background:var(--ink)}.hero{padding:135px 24px 70px;grid-template-columns:1fr}.hero-art{height:570px}.note-one{left:2%}.note-two{right:2%}.belief{grid-template-columns:1fr;gap:35px}.belief>.eyebrow{margin:0}.belief-copy{align-self:auto}.section-heading{display:block}.section-heading .eyebrow{margin-bottom:25px}.step-grid{grid-template-columns:1fr}.step-grid article{display:grid;grid-template-columns:42% 1fr;gap:10px 28px;align-items:start}.step-num{grid-column:1;grid-row:1;margin:0}.step-visual{grid-column:1;grid-row:2/4;width:100%;margin:0}.step-grid h3{grid-column:2;grid-row:2}.step-grid article>p{grid-column:2;grid-row:3}.gentle,.privacy,.download{grid-template-columns:1fr;gap:60px}.rest-card{justify-self:center;width:100%}.privacy-mark{order:2}footer{grid-template-columns:1fr}footer nav{flex-wrap:wrap}footer>p{grid-column:1}}
@media (max-width:600px){body{font-size:15px}.wordmark img{width:36px;height:36px}.hero{padding-top:118px}.hero h1{font-size:52px}.hero-lead{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-art{height:500px;margin-inline:-10px}.phone-shell{width:248px;height:505px;border-width:5px;border-radius:34px;padding:14px}.today-card{margin:12px 0;padding:15px}.today-card .sun{font-size:54px}.dream-row{padding:6px}.cover{width:37px;height:44px}.phone-nav{height:53px}.floating-note{padding:9px 11px}.note-one{top:100px}.note-two{bottom:45px}.belief,.steps,.gentle,.privacy,.download{padding:85px 22px}.belief blockquote{font-size:49px}.step-grid article{display:block}.step-num{margin-bottom:12px}.step-visual{height:255px;margin-bottom:24px}.step-grid h3{font-size:24px}.step-grid article>p{margin-bottom:42px}.rest-card{padding:50px 24px}.privacy-mark{min-height:300px}.privacy-mark::before{width:270px;height:270px}.privacy-mark::after{width:210px;height:210px}.download h2,.privacy h2,.gentle h2,.section-heading h2{font-size:43px}.download-option em{display:none}footer{padding:40px 22px}footer nav{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}[data-reveal]{opacity:1;transform:none}}
@media (prefers-color-scheme:dark){body{--paper:#f7f3ea;--paper-2:#fffdf8}}
