:root{--ink:#2c3a4d;--blue:#428dff;--sky:#a8d8ff;--cloud:#fbfeff;--muted:#7c8ba3;--line:#d3e2f0;--font:"Avenir Next","Nunito Sans",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cloud);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}figure,p,h1,h2{margin:0}.wrap{width:min(100% - 96px,1440px);margin-inline:auto}.section-pad{padding-block:clamp(110px,12vw,190px)}
.masthead{height:86px;padding-inline:clamp(24px,4vw,72px);display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f3faff;border-bottom:1px solid rgba(90,137,186,.18);font-size:12px;font-weight:700;letter-spacing:.14em}.signature{font-size:23px;font-weight:800;font-style:italic;letter-spacing:-.075em}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 73% 31%,#c3f3ff 0,transparent 31%),radial-gradient(circle at 46% 85%,#d8dcff 0,transparent 33%),linear-gradient(140deg,#f8fcff 0%,#e6ecff 54%,#cdefff 100%)}.hero:after{content:"";position:absolute;right:-25%;bottom:-75%;width:1150px;aspect-ratio:1;border:1px solid #ffffffb0;border-radius:50%;box-shadow:0 0 0 100px #ffffff20,0 0 0 220px #ffffff16;pointer-events:none}.hero-inner{min-height:850px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(410px,.88fr);align-items:center;gap:20px;position:relative}.hero-copy{padding-block:100px 110px;z-index:2}.eyebrow,.section-label,.flow-heading,.hero-art>span,.hero-bottom>span,figcaption,.routine-line,.closing-inner>span,.closing-rule{font-size:12px;font-weight:750;letter-spacing:.16em}.eyebrow{display:flex;align-items:center;gap:14px}.eyebrow img{width:34px;height:34px;border-radius:10px;box-shadow:0 9px 22px #428dff40}.hero h1{font-size:clamp(68px,7.7vw,132px);line-height:.96;letter-spacing:-.077em;font-weight:600;margin:55px 0 75px;white-space:nowrap}.hero h1 em,h2 em,.closing p em{color:var(--blue);font-style:normal}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:38px;max-width:695px}.hero-bottom p{font-size:22px;line-height:1.45;letter-spacing:-.025em;max-width:470px}.hero-bottom>span{line-height:1.7;white-space:nowrap;color:#627b9a;text-align:right}.hero-art{height:720px;position:relative;align-self:end}.hero-art:before{content:"";position:absolute;inset:7% -5% 0;background:radial-gradient(ellipse at 40% 65%,#6c96ff4d,transparent 65%);filter:blur(25px)}.hero-art img{position:absolute;border-radius:31px;box-shadow:0 35px 70px #22418726,0 10px 25px #22418720;border:5px solid #ffffffeb;background:#fff}.hero-back{width:290px;right:calc(-11% + 45px);top:8%;transform:rotate(11deg)}.hero-front{width:375px;right:calc(27% + 45px);top:15%;transform:rotate(-8deg)}.hero-art>span{position:absolute;bottom:20px;right:0;color:#6c82a5}
.section-label{display:flex;gap:18px;align-items:center;color:#55708e}.section-label span{width:44px;height:44px;border:1px solid #97b8dc;border-radius:50%;display:grid;place-items:center;color:var(--ink);font-size:13px;letter-spacing:0}.section-label.light{color:#bed9ff}.section-label.light span{border-color:#7198c9;color:#fff}h2{font-size:clamp(56px,6.4vw,102px);line-height:1.02;letter-spacing:-.07em;font-weight:600}.intro-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:80px;align-items:end;margin-top:95px}.intro-body{max-width:520px}.intro-body p,.chapter-heading>p,.routine-copy>p,.chat-copy>p{font-size:clamp(18px,1.7vw,23px);line-height:1.53;letter-spacing:-.02em}.intro-body p+p{margin-top:24px;color:#7186a3}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;border-top:1px solid var(--line);margin-top:125px;padding-top:34px}.pillars div{max-width:325px}.pillars span{font-size:12px;font-weight:750;letter-spacing:.15em;color:var(--blue)}.pillars p{font-size:20px;line-height:1.38;margin-top:34px;letter-spacing:-.02em}
.onboarding{background:#edf6ff}.chapter-heading{display:grid;grid-template-columns:1.15fr .65fr;gap:80px;align-items:end;margin-top:72px}.chapter-heading>p{max-width:500px;padding-bottom:7px}.onboarding-feature{display:flex;align-items:flex-start;justify-content:center;gap:clamp(12px,2.2vw,40px);margin-top:110px}.onboarding-feature figure{width:min(21%,260px)}.onboarding-feature figure:nth-child(even){transform:translateY(58px)}.onboarding-feature img{width:100%;border-radius:24px;box-shadow:0 24px 50px #37669b21}figcaption{color:#7890ad;margin-top:25px;font-size:11px}.flow-heading{display:flex;justify-content:space-between;gap:20px;margin-top:170px;padding-top:30px;border-top:1px solid #c8dbea;color:#65809f}.sequence-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:22px 14px;margin-top:38px}.sequence-grid figure{min-width:0}.sequence-grid img{width:100%;border-radius:13px;box-shadow:0 10px 24px #4870a714}.sequence-grid figcaption{margin:10px 0 0;text-align:center}
.scan{background:radial-gradient(ellipse at 50% 70%,#c3efff 0,#e8edff 48%,#f6fbff 90%);overflow:hidden}.scan-stage{display:flex;justify-content:center;align-items:flex-start;gap:clamp(20px,4vw,80px);margin-top:110px}.scan-stage figure{width:28%;max-width:350px;min-width:0}.scan-stage img{width:100%;border-radius:28px;box-shadow:0 30px 65px #3262ab2b;border:4px solid #ffffffce}.scan-left{transform:translateY(82px) rotate(-5deg)}.scan-stage .scan-center{width:33%;max-width:400px;z-index:1}.scan-right{transform:translateY(82px) rotate(5deg)}.scan-stage figcaption{text-align:center;color:#52749b}
.routine{background:#20334b;color:white;overflow:hidden}.routine-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;min-height:790px;align-items:center}.routine h2{margin:90px 0 34px}.routine h2 em{color:#9cd5ff}.routine-copy>p{color:#c1d2e7;max-width:500px}.routine-line{display:flex;gap:34px;border-top:1px solid #587086;padding-top:24px;margin-top:90px;color:#a9c7df}.routine-art{height:760px;position:relative}.routine-art:before{content:"";position:absolute;inset:-5% -25% -8% -15%;background:radial-gradient(ellipse at 55% 52%,#58a4fa5c,transparent 55%)}.routine-art img{position:absolute;border:5px solid #ffffffeb;border-radius:30px;box-shadow:0 34px 70px #00081d4d}.routine-home{width:300px;left:11%;top:0;transform:rotate(-7deg)}.routine-steps{width:275px;right:8%;top:11%;transform:rotate(8deg)}
.nutrition-stage{display:flex;align-items:flex-start;justify-content:center;gap:clamp(20px,4vw,72px);margin-top:100px;padding:70px 40px 20px;border-radius:42px;background:radial-gradient(circle at 50% 35%,#daf6ff,transparent 50%),linear-gradient(145deg,#edf4ff,#f9fcff)}.nutrition-stage figure{width:29%;max-width:340px}.nutrition-stage figure:nth-child(2){transform:translateY(60px)}.nutrition-stage img{width:100%;border-radius:25px;box-shadow:0 23px 56px #4670ae21}.nutrition-stage figcaption{text-align:center}
.chat{background:radial-gradient(circle at 73% 24%,#d0f3ff,transparent 32%),linear-gradient(145deg,#effaff,#eaedff 68%,#f6fbff);overflow:hidden}.chat-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.chat h2{margin:78px 0 35px}.chat-copy>p{max-width:530px}.chat-quote{font-size:25px;line-height:1.35;letter-spacing:-.04em;color:var(--blue);max-width:360px;margin-top:85px;padding-top:27px;border-top:1px solid #c7d9ee}.chat-art{display:flex;align-items:center;gap:32px;justify-content:center}.chat-art img{width:45%;max-width:345px;border-radius:27px;box-shadow:0 28px 55px #3d679d26}.chat-art img:nth-child(2){transform:translateY(75px)}
.palette{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:110px}.swatch{aspect-ratio:1.38;display:flex;flex-direction:column;justify-content:space-between;padding:27px;font-size:12px;font-weight:700;letter-spacing:.1em}.swatch strong{font-size:16px;letter-spacing:0;font-weight:600}.swatch.ink{background:#2c3a4d;color:#fff}.swatch.blue{background:#428dff;color:#fff}.swatch.sky{background:#a8d8ff}.swatch.cloud{background:#fbfeff;border:1px solid #d3e2f0}.type-specimen{border-block:1px solid var(--line);margin-top:85px;min-height:250px;display:flex;align-items:center;justify-content:space-between;gap:30px}.type-specimen>span{font-size:12px;font-weight:700;letter-spacing:.15em}.type-specimen strong{font-size:clamp(110px,12vw,190px);font-weight:500;line-height:1;letter-spacing:-.095em}.type-specimen strong span{color:var(--blue)}.type-specimen div{font-size:18px;line-height:1.4;max-width:250px}.identity-mark{display:flex;align-items:center;gap:50px;margin-top:90px}.identity-mark img{width:190px;border-radius:42px;box-shadow:0 20px 40px #428dff36}.identity-mark span{font-size:12px;font-weight:700;letter-spacing:.16em;color:#6682a0}.identity-mark p{font-size:clamp(25px,3vw,40px);line-height:1.18;letter-spacing:-.045em;margin-top:18px}
.campaign{background:#edf5ff}.campaign-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:90px}.campaign-grid figure{min-width:0}.campaign-grid img{width:100%;box-shadow:0 20px 45px #385d9c1c}.campaign-grid figcaption{text-align:left;margin-top:13px}
.closing{background:linear-gradient(125deg,#dbe8ff 0%,#bdefff 50%,#edf4ff 100%);min-height:760px;display:flex;align-items:center}.closing-inner{padding-block:100px}.closing p{font-size:clamp(62px,9vw,138px);line-height:.96;letter-spacing:-.075em;font-weight:600;margin:100px 0 110px}.closing-rule{display:flex;justify-content:space-between;align-items:end;border-top:1px solid #425e914d;padding-top:25px}.closing-rule strong{font-size:clamp(38px,4vw,64px);letter-spacing:-.065em;font-weight:700;text-transform:none}.period{color:var(--blue)}
@media(max-width:1180px){.hero-inner{grid-template-columns:1fr 390px}.hero h1{font-size:clamp(60px,7.7vw,100px)}.hero-front{right:calc(18% + 45px);width:320px}.hero-back{width:240px;right:calc(-5% + 45px)}.routine-home{left:0}.routine-steps{right:0}.sequence-grid{grid-template-columns:repeat(6,1fr)}}
@media(max-width:800px){.wrap{width:min(100% - 40px,620px)}.masthead{height:66px;padding-inline:20px}.masthead span:nth-child(2){display:none}.hero-inner{display:block;min-height:0}.hero-copy{padding:85px 0 0}.hero h1{font-size:clamp(52px,10.7vw,90px);white-space:normal;margin:45px 0 40px}.hero-bottom p{font-size:18px}.hero-bottom>span{display:none}.hero-art{height:620px;margin-top:30px}.hero-front{width:min(58%,325px);right:calc(32% + 25px);top:4%}.hero-back{width:min(47%,250px);right:calc(6% + 25px);top:10%}.hero-art>span{bottom:15px;right:0;font-size:10px}.section-pad{padding-block:95px}.intro-grid,.chapter-heading,.routine-layout,.chat-layout{display:block}.intro-grid,.chapter-heading{margin-top:55px}.intro-body,.chapter-heading>p{margin-top:32px}h2{font-size:clamp(48px,10vw,78px)}.pillars{gap:18px;margin-top:80px}.pillars p{font-size:17px}.onboarding-feature{margin-top:70px}.flow-heading{margin-top:130px}.sequence-grid{grid-template-columns:repeat(5,1fr);gap:13px}.scan-stage{gap:12px;margin-top:70px}.scan-left,.scan-right{transform:translateY(40px)}.routine h2,.chat h2{margin:60px 0 25px}.routine-art{height:640px;margin-top:70px}.routine-art img{max-width:48%}.nutrition-stage{gap:14px;padding:35px 18px 10px;margin-top:70px}.chat-art{margin-top:65px}.chat-art img:nth-child(2){transform:translateY(45px)}.palette{margin-top:65px;gap:7px}.swatch{padding:12px;font-size:10px}.swatch strong{font-size:12px}.type-specimen{min-height:180px}.type-specimen strong{font-size:110px}.type-specimen div{font-size:14px}.campaign-grid{gap:10px;margin-top:60px}.closing{min-height:600px}.closing p{margin:80px 0}}
@media(max-width:520px){.masthead{font-size:10px}.signature{font-size:20px}.hero-copy{padding-top:70px}.eyebrow{font-size:10px;letter-spacing:.12em}.eyebrow img{width:28px;height:28px}.hero h1{font-size:clamp(48px,11.5vw,64px)}.hero-art{height:470px}.hero-front{width:60%;right:calc(33% + 12px)}.hero-back{width:48%;right:calc(2% + 12px)}.section-label{font-size:10px;gap:12px}.section-label span{width:36px;height:36px;font-size:12px}h2{font-size:clamp(43px,10.5vw,55px)}.intro-body p,.chapter-heading>p,.routine-copy>p,.chat-copy>p{font-size:17px}.pillars{grid-template-columns:1fr;gap:25px}.pillars div{max-width:none}.pillars p{margin-top:10px}.onboarding-feature{gap:8px}.onboarding-feature figure{width:25%}.onboarding-feature figure:nth-child(even){transform:translateY(20px)}.onboarding-feature img{border-radius:10px}.onboarding-feature figcaption{font-size:8px;margin-top:10px}.flow-heading{display:block;font-size:10px;margin-top:95px}.flow-heading span+span{display:block;margin-top:9px}.sequence-grid{grid-template-columns:repeat(4,1fr);gap:14px 8px}.sequence-grid img{border-radius:7px}.sequence-grid figcaption{font-size:9px}.scan-stage{gap:7px}.scan-stage figure{width:31%}.scan-stage .scan-center{width:36%}.scan-stage img{border-width:2px;border-radius:12px}.scan-stage figcaption{font-size:9px}.routine-line{gap:14px;margin-top:45px;font-size:9px}.routine-art{height:480px}.routine-art img{border-width:2px;border-radius:13px}.nutrition-stage{margin-inline:-20px;border-radius:0;gap:7px;padding-inline:12px}.nutrition-stage figure{width:33%}.nutrition-stage img{border-radius:13px}.nutrition-stage figcaption{font-size:9px}.chat-quote{font-size:21px;margin-top:55px}.chat-art{gap:12px}.chat-art img{width:48%;border-radius:13px}.palette{grid-template-columns:repeat(2,1fr)}.swatch{aspect-ratio:1.3;padding:16px}.swatch strong{font-size:14px}.type-specimen{display:grid;grid-template-columns:1fr 1fr;padding-block:25px;gap:10px}.type-specimen strong{font-size:90px;grid-row:span 2}.type-specimen div{font-size:13px}.identity-mark{gap:25px}.identity-mark img{width:105px;border-radius:25px}.identity-mark p{font-size:23px}.campaign-grid{grid-template-columns:repeat(2,1fr);gap:16px}.closing{min-height:520px}.closing p{font-size:clamp(48px,11vw,76px);margin:75px 0}.closing-rule{font-size:9px}.closing-rule strong{font-size:40px}}

.portfolio-back{position:fixed;z-index:50;left:24px;top:102px;display:inline-flex;align-items:center;gap:9px;padding:11px 16px;border:1px solid rgba(44,58,77,.16);border-radius:999px;background:rgba(251,254,255,.82);box-shadow:0 12px 32px rgba(66,141,255,.16);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:var(--ink);font:700 12px/18px var(--font);letter-spacing:.04em;text-decoration:none;transition:transform .2s ease,background .2s ease}
.portfolio-back:hover{transform:translateY(-2px);background:rgba(251,254,255,.97)}
.portfolio-back img{width:18px;height:18px;filter:brightness(.25)}
@media(max-width:800px){.portfolio-back{left:12px;top:78px;padding:9px 12px;font-size:11px}.hero h1{letter-spacing:-.055em}}