@font-face{font-family:Case;src:url('assets/nimbus-sans.woff')}@font-face{font-family:Case;src:url('assets/nimbus-sans-bold.woff');font-weight:700}
*{box-sizing:border-box}body{margin:0;background:#fcfdff;color:#29303a;font-family:Case,Arial,sans-serif}main{overflow:hidden}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400;letter-spacing:-.045em;line-height:1.07}p{font-size:18px;line-height:1.6;color:#7b8eab}em{font-style:normal;color:#0755ff}.eyebrow,.label{display:block;font-size:13px;line-height:1.4;letter-spacing:.11em;text-transform:uppercase;color:#7a92b6}.section{padding:100px max(6%,calc((100vw - 1240px)/2))}.section-intro{max-width:760px}.section-intro .eyebrow{margin-bottom:25px}.section-intro h2{font-size:clamp(44px,4.9vw,72px);margin-bottom:26px}.section-intro p{max-width:590px}.section-note{font-size:15px;text-align:center;margin-top:35px}
.hero{padding:30px 6% 65px;text-align:center;background:radial-gradient(ellipse at 50% 20%,#eaf0ff,#f7faff 55%,#fcfdff 82%)}.topline{display:flex;justify-content:space-between;gap:20px;font-size:13px;color:#8998b0}.hero-copy{padding-top:62px;position:relative;z-index:2}.brand-mark{width:72px;height:72px;display:block;margin:0 auto 24px}.hero-copy>.eyebrow{display:none}.hero h1{font-size:clamp(60px,8.5vw,122px);font-weight:700;letter-spacing:-.055em;line-height:1.02;margin-bottom:24px}.question{color:#0755ff}.hero p{font-size:25px;line-height:1.35;color:#4b5970}.portrait-stage{position:relative;display:flex;align-items:flex-end;justify-content:center;margin:48px auto 0;height:520px;max-width:800px}.digital-self{height:100%;width:auto;max-width:100%;object-fit:contain;mask-image:linear-gradient(#000 0%,#000 70%,transparent 100%)}.hero-bottom{font-size:15px;color:#8198ba;line-height:1.5;margin-top:20px}.hero-bottom span{display:block}.hero-bottom br{display:none}
.overview{max-width:1050px;margin:auto;padding:90px 7% 95px;text-align:center}.overview .label{margin-bottom:30px}.overview h2{font-size:clamp(38px,4.8vw,65px);line-height:1.1}.overview-copy{max-width:650px;margin:32px auto 0}.overview-copy p{font-size:17px}.overview-copy p+p{margin-top:18px}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding-top:25px;border-top:1px solid #dce5f3;margin-top:38px;text-align:left}.facts small{display:block;font-size:13px;color:#8b9bb3;margin-bottom:10px}.facts strong{font-size:16px;font-weight:400;color:#526784}
.device{width:270px;position:relative;flex-shrink:0}.device figcaption{font-size:13px;line-height:1.4;text-align:center;color:#8798b0;margin-top:22px}.phone{position:relative;aspect-ratio:887/1774;filter:drop-shadow(0 22px 17px #1e335728)}.phone img.hardware,.phone img.camera{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.phone img.hardware{z-index:0}.phone img.app-screen{position:absolute;z-index:1;left:9.1%;top:4.42%;width:82.05%;height:91.3%;border-radius:14.2% / 6.5%;object-fit:fill;background:#f7f9ff}.phone img.camera{z-index:2;clip-path:inset(5.13% 37.5% 91.17% 37.55% round 100px)}.phones{display:flex;justify-content:center;align-items:center;margin-top:65px;position:relative;isolation:isolate}.rendered-phone{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 18px 16px #24375516)}.true-3d{transform:none}.mockup-scene{position:relative;min-width:0}.mockup-scene img{display:block;width:100%;height:auto;object-fit:contain}.mockup-scene figcaption{font-size:13px;line-height:1.5;color:#8295b3;margin-top:18px;text-align:center}
.onboarding{padding-top:35px}.onboarding-lead{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;align-items:center}.onboarding-lead>.device{width:295px;max-width:90%;justify-self:center}.onboarding-lead .device figcaption{display:none}.onboarding-follow{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center;margin-top:95px}.habit-story h3{font-size:52px;margin:24px 0}.habit-story p{font-size:17px}.habits-scene{width:100%;max-width:660px;justify-self:center}
.scan{background:#eff4ff}.scan .section-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 75px;max-width:none}.scan .section-intro .eyebrow{grid-column:1/-1}.scan .section-intro p{padding-top:10px}.scan-scene{max-width:760px;margin:38px auto 0}.scan .section-note{margin-top:15px}
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.mood-words{display:flex;flex-direction:column;margin-top:35px;font-size:40px;line-height:1.2;max-width:360px}.mood-words span{padding:10px 0;border-bottom:1px solid #e1e7f1}.mood-words span:first-child{color:#0755ff}.mood-words span:nth-child(2){color:#86a5df}.mood-words span:last-child{color:#acbbd3}.small-copy{font-size:16px;margin-top:25px;max-width:380px}.reflection .pair{margin-top:0;gap:0;align-items:center;padding:20px 0}.reflection .pair>.device:first-child{width:46%;transform:rotate(-7deg);z-index:1}.reflection .pair>.home-3d{width:72%;margin-left:-18%;margin-top:95px;z-index:2}.reflection .pair>.device:first-child figcaption{padding-right:20px}.reflection .pair .rendered-phone{transform:rotate(5deg)}
.daily{background:#eef4ff}.habit-labels{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:45px;font-size:15px}.habit-labels span:nth-child(1){color:#306aff}.habit-labels span:nth-child(2){color:#eb8a29}.habit-labels span:nth-child(3){color:#04abd5}.habit-labels span:nth-child(4){color:#a96c00}.daily .phones{gap:0;margin-top:50px;padding:35px 20px 50px}.daily .device{width:26%;max-width:290px}.daily .device+.device{margin-left:-3%}.daily .device:nth-child(1){transform:rotate(-10deg);z-index:1}.daily .device:nth-child(2){transform:rotate(-4deg) translateY(-15px);z-index:2}.daily .device:nth-child(3){transform:rotate(4deg) translateY(28px);z-index:3}.daily .device:nth-child(4){transform:rotate(10deg) translateY(60px);z-index:4}.daily figcaption{display:none}
.connection-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:55px}.connection-grid article{background:#eff4ff;border-radius:28px;padding:40px 35px 35px;min-width:0;display:flex;flex-direction:column;align-items:center;overflow:visible}.connection-grid .emotions-panel{background:#e7efff}.panel-copy{align-self:stretch;min-height:210px}.panel-copy h2{font-size:44px;margin:22px 0}.panel-copy p{font-size:17px;max-width:380px}.connection-grid .device{margin-top:30px;width:100%}.connection-grid .chat-3d{width:100%;max-width:400px;margin-top:25px}.connection-grid .rendered-phone{max-height:570px;transform:none}.connection-grid figcaption{display:none}
.registration .phones{gap:0;margin-top:70px;padding:25px 0 50px}.registration .device{width:25%;max-width:275px}.registration .device+.device{margin-left:-3%}.registration .device:nth-child(1){transform:rotate(-8deg);z-index:1}.registration .device:nth-child(2){transform:rotate(-3deg) translateY(55px);z-index:2}.registration .device:nth-child(3){transform:rotate(3deg) translateY(-15px);z-index:3;margin-left:1%}.registration .device:nth-child(4){transform:rotate(8deg) translateY(45px);z-index:4}.registration figcaption{display:none}
.profile{background:#eff4ff}.profile .phones{gap:0;margin-top:70px;padding:20px 0 40px}.profile .device{width:29%;max-width:300px}.profile .device+.device{margin-left:-5%}.profile .device:nth-child(1){transform:rotate(-9deg);z-index:1}.profile .device:nth-child(2){transform:translateY(40px);z-index:3}.profile .device:nth-child(3){transform:rotate(9deg);z-index:2}.profile figcaption{display:none}
.system{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.type-sample{padding-bottom:30px;border-bottom:1px solid #dce3ee}.type-sample small{font-size:13px;color:#8193af}.type-sample>div{display:flex;justify-content:space-between;font-size:80px;letter-spacing:-.05em;margin:22px 0}.type-sample span{color:#0755ff}.type-sample p{font-size:15px}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:28px}.swatches>div{height:110px;background:var(--c);color:white;border-radius:16px;display:flex;flex-direction:column;justify-content:flex-end;padding:13px;font-size:13px}.swatches>div:first-child{grid-column:1/-1;height:120px;flex-direction:row;align-items:flex-end;justify-content:space-between}.ending{background:#edf3ff;text-align:center;padding:85px 7% 30px}.ending h2{font-size:clamp(60px,8vw,115px);margin:35px 0 75px}.endline{display:flex;justify-content:space-between;gap:20px;font-size:13px;border-top:1px solid #d4dff1;padding-top:24px;color:#8094b2}.reading-progress{height:3px;background:#24c5ef;position:fixed;top:0;left:0;z-index:50;width:0;pointer-events:none}
@media(max-width:1000px){.section{padding:80px 5%}.hero-copy{padding-top:50px}.hero h1{font-size:9vw}.portrait-stage{height:470px}.split{gap:35px}.onboarding-follow{gap:35px}.habit-story h3{font-size:43px}.panel-copy h2{font-size:37px}.connection-grid article{padding:32px 25px}.panel-copy{min-height:235px}.system{gap:40px}}
@media(max-width:760px){.section{padding:65px 6%}.hero{padding:25px 6% 35px}.topline{font-size:12px}.hero-copy{padding-top:40px}.brand-mark{width:58px;height:58px;margin-bottom:22px}.hero h1{font-size:12vw;white-space:nowrap;margin-bottom:22px}.hero p{font-size:20px;line-height:1.35}.portrait-stage{height:360px;margin-top:35px}.hero-bottom{font-size:14px;margin-top:10px}.overview{padding:60px 6%}.overview h2{font-size:36px}.overview-copy p{font-size:16px}.facts{gap:10px}.facts strong{font-size:14px}.section-intro h2{font-size:43px}.section-intro p{font-size:17px}.onboarding{padding-top:25px}.onboarding-lead{display:flex;flex-direction:column-reverse;gap:35px}.onboarding-lead>.device{width:235px;max-width:75%}.onboarding-follow{display:flex;flex-direction:column;align-items:stretch;gap:25px;margin-top:65px}.habit-story h3{font-size:39px}.habit-story h3 br{display:none}.habits-scene{max-width:none}.scan .section-intro{display:block}.scan .section-intro p{padding-top:0}.scan-scene{margin-top:30px}.section-note{font-size:14px}.split{display:block}.reflection .pair{margin-top:35px;padding:10px 0 30px;max-width:470px;margin-left:auto;margin-right:auto}.reflection .pair>.home-3d{margin-top:55px}.mood-words{font-size:34px}.small-copy{font-size:16px}.habit-labels{grid-template-columns:repeat(2,1fr);gap:16px;font-size:14px;margin-top:35px}.daily .phones{display:grid;grid-template-columns:1fr 1fr;gap:35px 0;padding:25px 0 40px;margin-top:25px}.daily .device{width:95%;max-width:240px}.daily .device+.device{margin-left:-10%}.daily .device:nth-child(1),.daily .device:nth-child(3){transform:rotate(-5deg);margin-left:8%}.daily .device:nth-child(2),.daily .device:nth-child(4){transform:rotate(5deg) translateY(35px)}.connection-grid{grid-template-columns:1fr;gap:24px;margin-top:35px}.connection-grid article{padding:32px 26px;overflow:visible}.panel-copy{min-height:0}.panel-copy h2{font-size:40px;margin:20px 0}.connection-grid .device,.connection-grid .chat-3d{margin-top:25px;width:100%;max-width:320px}.connection-grid .rendered-phone{max-height:500px}.registration .phones{display:grid;grid-template-columns:1fr 1fr;gap:35px 0;padding:15px 0 40px;margin-top:35px}.registration .device{width:95%;max-width:230px}.registration .device:nth-child(1),.registration .device:nth-child(3){margin-left:8%;transform:rotate(-5deg)}.registration .device:nth-child(2),.registration .device:nth-child(4){margin-left:-10%;transform:rotate(5deg) translateY(30px)}.profile .phones{margin-top:45px;padding:25px 0 35px}.profile .device{width:39%}.profile .device+.device{margin-left:-11%}.profile .device:nth-child(2){transform:translateY(30px)}.system{grid-template-columns:1fr;gap:35px}.swatches{gap:7px}.swatches>div{padding:10px;font-size:12px}.type-sample>div{font-size:70px}.ending{padding:65px 6% 25px}.ending h2{font-size:14vw;margin-bottom:60px}.endline{font-size:12px}.device figcaption{font-size:12px}}
@font-face{font-family:Jost;src:url('assets/jost-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Jost;src:url('assets/jost-medium.ttf') format('truetype');font-weight:500;font-display:swap}
.figma-main,.figma-about{width:100%;position:relative;overflow:hidden;font-family:Jost,sans-serif}
.figma-main{height:calc(100vw * 1123 / 1440);background:#f6f8fe}
.figma-about{height:calc(100vw * 551 / 1440);background:#fcfeff}
.figma-stage{position:absolute;top:0;left:0;width:1440px;transform:scale(var(--figma-scale,1));transform-origin:0 0}
.figma-main .figma-stage{height:1123px}.figma-about .figma-stage{height:551px}
.figma-ellipse{position:absolute;left:0;top:545px;width:1440px;height:578px}
.figma-brand{position:absolute;left:670px;top:120px;width:100px;height:100px;border-radius:100%;background:radial-gradient(circle,#1a67ff,#0653eb);display:flex;align-items:center;justify-content:center}
.figma-brand img{width:52px;height:43px;display:block}
.figma-title{position:absolute;left:120px;top:222px;width:1200px;height:120px;font-family:Jost,sans-serif;font-size:120px;font-weight:500;line-height:120px;letter-spacing:-2.4px;text-align:center;color:#232930;margin:0}
.figma-tagline{position:absolute;left:266px;top:369px;width:908px;height:50px;display:flex;justify-content:space-between;gap:260px;padding-left:8px;font-size:50px;line-height:50px;letter-spacing:-1px;color:#232930;white-space:nowrap}
.figma-portrait{position:absolute;left:316.5px;top:299px;width:806px;height:700px;overflow:hidden}
.figma-portrait-crop{position:absolute;left:94.71px;top:0;width:614.511px;height:639.34px;overflow:hidden}
.figma-portrait-crop img{position:absolute;left:0;top:0;width:100%;height:100%;max-width:none}

.figma-caption{position:absolute;left:120px;top:969px;width:1200px;text-align:center;font-family:Jost,sans-serif;font-size:25px;line-height:33px;letter-spacing:-.5px;color:#8799b6;white-space:nowrap;margin:0}
.figma-about-heading{position:absolute;left:80px;top:120px;width:1280px;display:flex;flex-direction:column;gap:0;text-align:center}
.figma-about-heading h2{font-family:Jost,sans-serif;font-size:80px;font-weight:400;line-height:85px;letter-spacing:-1.6px;color:#232930;margin:0;white-space:nowrap}
.figma-about-copy{position:absolute;left:80px;top:350px;width:1280px;text-align:center;font-family:Jost,sans-serif;font-size:25px;line-height:33px;letter-spacing:-.5px;color:#8799b6;margin:0}
.figma-noise{position:absolute;left:0;top:0;width:1440px;height:551px;background-image:url('assets/figma-noise.webp');background-size:100% 100%;opacity:1;pointer-events:none}
@media(max-width:760px){.figma-main{height:auto;min-height:700px;padding:45px 6% 35px}.figma-about{height:auto;padding:65px 6%}.figma-stage{position:relative;width:100%;transform:none!important}.figma-main .figma-stage,.figma-about .figma-stage{height:auto}.figma-brand{position:relative;left:auto;top:auto;width:65px;height:65px;margin:0 auto 22px}.figma-brand img{width:34px;height:auto}.figma-title{position:relative;left:auto;top:auto;width:100%;height:auto;font-size:12vw;line-height:1.1;letter-spacing:-.025em}.figma-tagline{position:relative;left:auto;top:auto;width:100%;height:auto;gap:0;padding:0;justify-content:space-between;font-size:clamp(13px,3.8vw,26px);line-height:1.3;letter-spacing:-.02em;margin-top:20px}.figma-portrait{position:relative;left:auto;top:auto;width:100%;height:400px;margin-top:18px}.figma-portrait-crop{left:10%;width:80%;height:400px}.figma-portrait-crop img{height:auto;top:0}.figma-caption{position:relative;left:auto;top:auto;width:100%;font-size:14px;line-height:1.5;letter-spacing:0;white-space:normal;margin-top:15px}.figma-ellipse{left:-25%;top:260px;width:150%;height:auto}.figma-about-heading{position:relative;left:auto;top:auto;width:100%;gap:12px}.figma-about-heading h2{font-size:31px;line-height:1.15;letter-spacing:-.025em;white-space:normal}.figma-about-copy{position:relative;left:auto;top:auto;width:100%;font-size:16px;line-height:1.55;letter-spacing:0;margin-top:30px}.figma-about-copy br{display:none}.figma-noise{left:-7%;top:-65px;width:114%;height:calc(100% + 130px)}}

/* Subtle light and depth around the presentation mockups. */
.scan{background:radial-gradient(ellipse at 72% 35%,#fff 0%,#f1f6ff 35%,#eaf1ff 100%)}
.daily{background:radial-gradient(ellipse at 25% 60%,#fff 0%,#f1f6ff 40%,#eaf1ff 100%)}
.profile{background:radial-gradient(ellipse at 65% 55%,#fff 0%,#f1f6ff 40%,#eaf1ff 100%)}
.mockup-scene,.phones{isolation:isolate}
.mockup-scene::before,.phones::before{content:"";position:absolute;inset:10% 3% 5%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 38% 40%,#c6dcff66,transparent 65%),radial-gradient(ellipse at 70% 65%,#b9edff55,transparent 62%);filter:blur(35px);border-radius:50%}
.rendered-phone{filter:drop-shadow(0 28px 25px #284e7f24) drop-shadow(0 4px 5px #2437550c)}
.mockup-scene img{filter:drop-shadow(0 22px 22px #284e7f17)}
.connection-grid article{background:radial-gradient(ellipse at 75% 18%,#ffffffd9,transparent 55%),linear-gradient(145deg,#f4f8ff,#e7efff);border:1px solid #ffffffd9;box-shadow:inset 0 1px 0 #fff,0 22px 55px -30px #2a579b38}
.connection-grid .emotions-panel{background:radial-gradient(ellipse at 25% 15%,#ffffffd9,transparent 55%),linear-gradient(145deg,#eef5ff,#deeaff)}
.swatches>div{box-shadow:inset 0 1px 1px #ffffff50,0 8px 20px #25467612}
.ending{background:radial-gradient(ellipse at 50% 0%,#fff,transparent 65%),linear-gradient(145deg,#eef5ff,#e4edff)}

.figma-portrait-photo{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:760px){.figma-portrait-photo{object-position:center top}}

@media(max-width:760px){
.figma-main{min-height:0}
.figma-ellipse{left:-450px;top:250px;width:350%;height:auto}
.figma-tagline{position:absolute;left:0;top:calc(107px + 13.2vw);width:100%;margin:0;line-height:1.3;gap:35%;z-index:1}
.figma-portrait{height:auto;aspect-ratio:806 / 700;margin-top:-18px;z-index:2;pointer-events:none}
.figma-portrait-photo{height:100%;object-position:center top}
.figma-caption{margin-top:18px}
}