:root{--navy:#0f2e47;--deep:#081e30;--blue:#2e6b8a;--ice:#4ca5c8;--bright:#83d9ed;--ink:#14344b;--muted:#6c8292;--line:#dfe9ef;--bg:#f4f8fb;--mint:#a9e1cc;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 73% 40%,#204f68 0,transparent 46%),linear-gradient(125deg,#061a2b,#0e2a40 60%,#163d54);min-height:100vh;padding:62px 7vw 35px;display:flex;justify-content:center;gap:8vw}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}a{color:inherit}button,input,a,select{ -webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #3db0d7;outline-offset:4px}svg{display:block}button:disabled{opacity:.5;cursor:wait}.prototype-tools{position:absolute;top:19px;left:7vw;right:7vw;display:flex;justify-content:space-between;color:#9bb6c7;font-size:10px;letter-spacing:1.6px}.prototype-tools a{text-decoration:none;font-size:12px;letter-spacing:0}.brand-story{width:430px;display:flex;flex-direction:column;color:white;max-height:940px;padding:32px 0}.brand-lockup{display:flex;align-items:center;gap:14px;font-size:22px;letter-spacing:4px;font-weight:650}.brand-lockup img{width:56px;filter:brightness(0) invert(1);opacity:.94}.brand-lockup small{display:block;font-size:9px;letter-spacing:6px;margin-top:6px;font-weight:400}.story-main{margin:auto 0}.kicker{color:#82bace;font-size:11px;letter-spacing:2.5px;font-weight:600}.brand-story h1{font-size:83px;line-height:1.01;letter-spacing:-4.5px;font-weight:450;margin:28px 0}.brand-story h1 em{color:#88d6e8;font-style:normal}.brand-story p{font-size:19px;line-height:1.7;color:#aac1cf;font-weight:350}.story-line{height:1px;width:60px;background:#598ca3;margin:35px 0 19px}.story-caption{font-size:10px;letter-spacing:2px;color:#7199af}.brand-story footer{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#82a3b8}.phone-stage{align-self:center}.phone{width:415px;height:875px;border:7px solid #0b1c29;box-shadow:0 0 0 1.5px #537087,0 40px 90px #0005;border-radius:55px;overflow:hidden;position:relative;background:var(--bg);display:flex;flex-direction:column;isolation:isolate}.status{height:51px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 25px;color:var(--deep);font-size:14px;position:relative;background:var(--bg);z-index:1}.status>span{display:flex;align-items:center;gap:5px;font-size:8px}.island{width:109px;height:27px;position:absolute;top:8px;left:50%;transform:translateX(-50%);border-radius:20px;background:#0b1c29}.screen{flex:1;overflow:auto;scrollbar-width:none;padding:8px 22px 26px}.screen::-webkit-scrollbar{display:none}.prototype-caption{text-align:center;font-size:11px;color:#8faec0;margin-top:20px}header.app-head{display:flex;justify-content:space-between;align-items:center;margin:7px 0 26px}.wordmark{display:flex;align-items:center;gap:5px;font-size:12px;letter-spacing:2px;font-weight:750}.wordmark img{width:27px}.avatar{width:39px;height:39px;border-radius:50%;background:#e1edf3;display:grid;place-items:center;font-size:12px;font-weight:650;border:1px solid #d3e3ec}.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:650;color:#6b8799;text-transform:uppercase}.hello{font-size:14px;color:#6c8596;margin-bottom:7px}h2{font-size:34px;line-height:1.05;letter-spacing:-1.3px;font-weight:650;margin:5px 0 12px}h3{font-size:18px;letter-spacing:-.45px;font-weight:650;margin:0}.sub{font-size:14px;color:var(--muted);line-height:1.55;margin:0 0 21px}.hero{background:linear-gradient(145deg,#143e58,#081e30 74%);border-radius:29px;color:#fff;overflow:hidden;position:relative;min-height:290px;isolation:isolate}.hero:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:#5ab9d920;filter:blur(40px);right:-50px;top:-60px;z-index:-1}.hero-body{display:grid;grid-template-columns:1.13fr 1fr;min-height:225px}.hero-copy{padding:24px 0 0 22px;position:relative;z-index:1}.hero .eyebrow{color:#93c2d6;font-size:10px;letter-spacing:1.2px}.big-number{font-size:59px;font-weight:450;letter-spacing:-3px;line-height:1.1;margin-top:10px}.big-number small{font-size:19px;letter-spacing:-.4px;font-weight:400;color:#9dbacb}.change-pill{display:inline-flex;align-items:center;gap:4px;background:#8edbc318;color:#a7dfcf;font-size:11px;padding:6px 8px;border-radius:20px;margin:8px 0}.hero-copy p{font-size:11px;line-height:1.5;color:#88aabc;margin:8px 0}.hero-portrait{position:relative;overflow:hidden}.hero-portrait img{height:240px;width:190px;object-fit:cover;object-position:50% 20%;position:absolute;right:-15px;top:0;mix-blend-mode:screen;opacity:.87}.hero-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0d2a40 0,transparent 35%),linear-gradient(0deg,#0a2235 0,transparent 30%)}.hero-foot{border-top:1px solid #ffffff12;display:grid;grid-template-columns:1fr 1fr;margin:0 20px;padding:16px 0}.hero-foot>div+div{border-left:1px solid #ffffff16;padding-left:21px}.hero-foot span{display:block;font-size:10px;color:#84a9bd;letter-spacing:.5px;margin-bottom:6px}.hero-foot b{font-size:22px;font-weight:500;letter-spacing:-.7px}.hero-foot small{font-size:12px;color:#a7c5d4;font-weight:400}.weight-entry{margin-top:12px;width:100%;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:14px;font-size:14px;font-weight:600;min-height:50px;box-shadow:0 4px 12px #183b5004}.weight-entry .plus{margin-left:auto;color:#3589a9;font-size:21px;font-weight:350}.section-head{display:flex;align-items:center;justify-content:space-between;margin:27px 0 14px}.section-head .text-link{font-size:12px}.text-link{font-size:13px;color:#367f9d;font-weight:600;padding:7px 0}.daily-cards{display:grid;grid-template-columns:1fr 1fr;gap:11px}.daily-card{text-align:left;border-radius:23px;background:#e1f0f6;padding:16px 15px;position:relative;overflow:hidden;min-height:144px}.daily-card.food{background:#fff;border:1px solid var(--line)}.daily-card .card-top{display:flex;align-items:center;justify-content:space-between;color:#4888a5;margin-bottom:14px}.daily-card .card-top span{font-size:10px;color:#7897aa}.daily-card strong{display:block;font-size:25px;letter-spacing:-.8px;font-weight:550}.daily-card strong small{font-size:11px;font-weight:400;letter-spacing:0;color:#64899e}.daily-card p{font-size:12px;color:#5c8196;margin:5px 0 0}.mini-progress{height:3px;background:#c5e0eb;border-radius:3px;margin-top:13px;overflow:hidden}.mini-progress i{height:100%;display:block;background:#479cb9;transition:width .3s}.task{display:flex;align-items:center;width:100%;text-align:left;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.task-icon{background:#e5f0f6;width:45px;height:45px;display:grid;place-items:center;border-radius:14px;flex-shrink:0;color:#447e98}.task-icon.amber{background:#faf0e0;color:#a6804b}.task strong{display:block;font-size:14px;font-weight:600}.task small{display:block;font-size:12px;color:#7f94a2;margin-top:6px}.grow{flex:1;min-width:0}.chevron{color:#91a7b6}.care-note{display:flex;gap:13px;padding:20px;border-radius:22px;background:#eaf2f7;margin-top:23px}.care-note p{font-size:13px;line-height:1.6;color:#5c788b;margin:7px 0 0}.care-note b{font-size:13px;font-weight:600}.micro{font-size:11px;color:#7892a2;line-height:1.6}.demo{font-size:11px;color:#92a4af;line-height:1.55;margin:22px 0 0}nav{display:flex;justify-content:space-around;padding:12px 4px 4px;background:#ffffffee;border-top:1px solid #e2ebf0;flex-shrink:0;backdrop-filter:blur(15px)}nav button{min-width:63px;display:flex;flex-direction:column;align-items:center;gap:5px;color:#8b9eac;font-size:10px;min-height:43px}nav button.active{color:#276e8d;font-weight:650}nav button.active svg{filter:drop-shadow(0 2px 4px #398fba20)}.homebar{height:22px;background:white;flex-shrink:0}.homebar:after{content:"";display:block;height:4px;width:115px;background:#13394e;border-radius:5px;margin:9px auto}.tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin:22px 0 19px}.tabs button{font-size:14px;color:#94a7b5;padding:4px 0 13px;position:relative}.tabs button.active{color:var(--navy);font-weight:650}.tabs button.active:after{content:"";height:2px;background:#398fac;position:absolute;bottom:-1px;left:0;right:0}.composition{background:linear-gradient(140deg,#153f58,#061a2a);border-radius:26px;min-height:356px;position:relative;overflow:hidden;color:white}.composition>img{position:absolute;left:-17px;top:9px;width:80%;height:340px;object-fit:contain;mix-blend-mode:screen}.composition .values{position:absolute;right:20px;top:35px;display:flex;flex-direction:column;gap:24px}.values span{display:block;font-size:9px;letter-spacing:1px;color:#84afc5;margin-bottom:6px}.values b{font-size:29px;font-weight:400;letter-spacing:-1px}.values small{font-size:12px;color:#9dbbca;letter-spacing:0}.composition .tag{position:absolute;left:18px;bottom:17px;font-size:10px;background:#ffffff12;color:#94c3d7;border-radius:20px;padding:6px 9px}.record-picker{display:flex;gap:7px;margin:16px 0 8px;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}.record-picker button{flex:1;padding:10px 8px;border:1px solid var(--line);border-radius:12px;font-size:11px;white-space:nowrap;color:#7490a2}.record-picker button.active{background:var(--navy);border-color:var(--navy);color:white}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:20px}.stat-box{border:1px solid var(--line);padding:18px 15px;border-radius:20px;background:white}.stat-box>span{font-size:12px;color:#7890a0}.stat-box b{display:block;font-weight:500;font-size:29px;letter-spacing:-1px;margin-top:9px}.stat-box b small{font-size:12px;letter-spacing:0;color:#7b96a5}.stat-box em{display:block;font-style:normal;color:#5b8b88;font-size:11px;margin-top:7px}.chart-card{background:#fff;border:1px solid var(--line);padding:20px 17px;border-radius:22px;margin:16px 0}.chart-card .number{font-size:40px;letter-spacing:-2px;font-weight:500;margin:10px 0 0}.chart-card .number small{font-size:16px;letter-spacing:0;color:#8197a5}.linechart{width:100%;height:120px;margin:15px 0 0;overflow:visible}.chart-dates{display:flex;justify-content:space-between;font-size:10px;color:#8a9fab}.primary,.secondary{width:100%;min-height:49px;border-radius:15px;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;font-size:14px;font-weight:600;text-decoration:none}.primary{background:var(--navy);color:#fff;box-shadow:0 6px 14px #18395012}.secondary{background:#e8f2f7;color:#376f8c;margin-top:9px}.photo-compare{height:390px;border-radius:25px;overflow:hidden;position:relative;background:#123249;--reveal:50%}.photo-part{position:absolute;inset:0;background-image:url('assets/gerardo-journey.png');background-repeat:no-repeat;background-size:200% auto;background-position:right 12%}.photo-part.before{background-position:left 12%;clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.photo-compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:ew-resize}.photo-divider{position:absolute;left:var(--reveal);height:100%;width:1px;background:#fff;pointer-events:none}.photo-divider:after{content:'↔';position:absolute;top:55%;left:-16px;width:33px;height:33px;border-radius:50%;background:#fff;display:grid;place-items:center;color:#234b63}.photo-tag{position:absolute;top:15px;left:15px;padding:6px 9px;border-radius:20px;font-size:10px;background:#0d263aae;color:#d5e8f3}.photo-tag.right{left:auto;right:15px}.session-photo{width:100%;border-radius:20px;max-height:300px;object-fit:contain;background:#e5edf3}.upload-row{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:19px;background:white;margin:10px 0}.upload-row b{font-size:13px}.upload-row small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.plan-hero{padding:23px;background:var(--navy);color:white;border-radius:25px;margin:20px 0}.plan-hero .eyebrow{color:#92bed3}.plan-hero h3{font-size:25px;font-weight:500;line-height:1.2;margin:12px 0}.plan-hero p{font-size:13px;line-height:1.6;color:#adc6d5}.plan-hero .primary{background:#d2edf6;color:#19445c;margin-top:16px}.timeline{border-left:1px solid #cbdfe8;margin:24px 0 0 8px;padding-left:21px}.timeline article{position:relative;margin-bottom:23px}.timeline article:before{content:'';width:7px;height:7px;border-radius:50%;background:#85b7cb;position:absolute;left:-25px;top:4px;box-shadow:0 0 0 4px var(--bg)}.timeline time{font-size:11px;color:#8b9fac;display:block;margin-bottom:7px}.timeline b{font-size:14px;font-weight:600}.timeline p{font-size:13px;line-height:1.6;color:#7a91a0;margin:6px 0}.team-card{padding:21px;border:1px solid var(--line);background:white;border-radius:24px;margin:15px 0}.person{display:flex;gap:12px;align-items:center}.person b{display:block;font-size:15px}.person small{display:block;font-size:12px;color:#8096a5;margin-top:5px}.person .avatar{width:47px;height:47px}.team-card p{font-size:14px;color:#7a91a0;line-height:1.6}.message{padding:15px 17px;background:#e4f0f6;border-radius:19px 19px 19px 4px;font-size:14px;line-height:1.6;margin:17px 20px 8px 0}.message.mine{background:#143c56;color:#dceef7;margin:17px 0 8px 25px;border-radius:19px 19px 4px 19px}.composer{display:flex;gap:8px;margin-top:24px}.composer input{flex:1;min-width:0}.composer button{background:var(--navy);color:white;border-radius:14px;width:44px;display:grid;place-items:center}.back{display:flex;align-items:center;gap:7px;color:#5d879c;font-size:13px;margin:4px 0 24px;padding:0}.connected{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#548c81;background:#ecf6f1;border-radius:20px;padding:6px 9px}.chip{font-size:11px;padding:6px 9px;border-radius:20px;background:#e8f1f7;color:#65869b;display:inline-flex}.list-row{display:flex;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);font-size:14px}.list-row strong{display:block;font-size:14px;font-weight:550}.list-row small{font-size:12px;color:#7f98a8;display:block;margin-top:5px}.list-row .text-link{font-size:12px}.water-summary{border-radius:25px;padding:25px 20px;background:linear-gradient(140deg,#164863,#0b263d);color:white;text-align:center}.water-ring{height:168px;width:168px;margin:0 auto 18px;padding:7px;background:conic-gradient(#90dfef var(--fill),#244c65 0);border-radius:50%}.water-ring>div{background:#10354d;border-radius:50%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px}.water-ring b{font-size:43px;letter-spacing:-2px;font-weight:450}.water-ring small{color:#86b5cb;font-size:12px}.water-summary p{font-size:13px;color:#a7c6d7;line-height:1.6;margin:15px 0}.water-actions{display:flex;gap:8px}.water-actions button{flex:1;border:1px solid #527c9355;border-radius:13px;padding:13px 5px;background:#ffffff0c;color:#cae9f4;font-size:13px}.integration-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:19px;margin:13px 0}.integration-card p{font-size:13px;line-height:1.6;color:#7d95a3}.integration-card h3{font-size:16px}.integration-card .text-link{margin-top:5px}.food-total{padding:24px;border-radius:24px;background:#e5f1f7}.food-total .big-number{font-size:48px;color:#15394f}.food-total .big-number small{color:#7093a6}.meal{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.meal b{font-size:14px}.meal small{display:block;font-size:12px;color:#859aa7;margin-top:6px}.food-preview{width:100%;height:150px;object-fit:contain;border-radius:18px;background:#eef5f8;margin:14px 0}.portion-choices{display:flex;gap:8px;margin:17px 0}.portion-choices button{flex:1;padding:12px 7px;border:1px solid var(--line);border-radius:12px;font-size:13px}.portion-choices button.selected{background:var(--navy);color:white}.file-input{width:100%;font-size:13px;border:1px dashed #9fbdcf;border-radius:15px;padding:20px 12px;background:#f3f8fb;margin:15px 0}.field{display:block;font-size:13px;color:#67879a;margin:16px 0}.field input,.field select,.field textarea,.composer input{display:block;width:100%;padding:13px 12px;background:#f4f8fb;border:1px solid #dbe7ee;border-radius:13px;margin-top:8px;font-size:16px;color:var(--navy);min-width:0}.field textarea{font-size:13px;line-height:1.6;min-height:125px}.weight-input{display:flex;align-items:baseline;justify-content:center;margin:28px 0}.weight-input input{font-size:64px;width:210px;background:none;border:0;border-bottom:1px solid #c5dbe7;text-align:center;letter-spacing:-2px;color:var(--navy);outline-offset:5px}.weight-input span{font-size:23px;color:#91a8b6}.error{font-size:13px;line-height:1.5;color:#a55d44;margin:12px 0}.success{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#e5f5f1;color:#4b9483;margin:20px auto}.center{text-align:center}dialog{position:absolute;inset:auto 0 0;margin:0;max-width:none;width:100%;max-height:88%;padding:0;border:0;border-radius:29px 29px 0 0;background:#fff;color:var(--ink);box-shadow:0 -20px 90px #041a3140}dialog::backdrop{background:#061c3266;backdrop-filter:blur(3px)}#sheet-inner{padding:12px 24px 30px;overflow-y:auto;max-height:77dvh}.handle{height:4px;width:33px;border-radius:3px;background:#dbe6ee;margin:0 auto 19px}.sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.close{width:30px;height:30px;background:#edf3f7;border-radius:50%;display:grid;place-items:center}.sheet-icon{display:grid;place-items:center;width:49px;height:49px;border-radius:16px;background:#e8f4f9;color:#438ba8;margin-bottom:18px}dialog h2{font-size:28px}dialog .sub{margin:15px 0 20px}dialog .primary{margin-top:16px}.privacy-line{font-size:11px;color:#8b9fac;line-height:1.6;margin-top:18px}#toast{position:absolute;bottom:96px;left:20px;right:20px;border-radius:16px;background:#173e57;color:#d8edf7;padding:14px 17px;font-size:13px;line-height:1.5;opacity:0;pointer-events:none;transition:opacity .2s;box-shadow:0 8px 25px #123c5325;z-index:4}#toast.show{opacity:1}.clinical-mode{display:block;background:#f1f6fa;padding:0}.clinical-mode .brand-story,.clinical-mode .phone-stage{display:none}.clinical-mode .prototype-tools{position:static;background:#0c2b42;padding:18px 4vw;color:#a0bfd0}.clinical-mode #clinical{display:block;max-width:1240px;margin:0 auto;padding:40px 35px}#clinical{display:none}.clinic-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:30px}.clinic-head h2{font-size:35px;margin:8px 0}.clinic-head .primary{width:auto}.clinic-nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0}.clinic-nav button{background:#fff;border:1px solid var(--line);padding:13px 18px;border-radius:12px;font-size:14px}.clinic-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.clinic-card{background:#fff;padding:25px;border:1px solid var(--line);border-radius:24px;overflow:hidden}.clinic-card.full{grid-column:1/-1}.clinic-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px}.clinic-metrics .stat-box{padding:22px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}th,td{text-align:left;padding:15px 12px;border-bottom:1px solid var(--line)}th{font-size:11px;letter-spacing:.5px;color:#83a0b1;font-weight:500}.clinical-mode dialog{position:fixed;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%);width:560px;max-width:95vw;border-radius:25px;max-height:90dvh}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.clinical-mode #toast{position:fixed;left:auto;right:30px;bottom:30px;width:340px}.clinic-card .list-row:last-child{border:0}.clinic-card .sub{margin:10px 0}.clinical-mode #sheet-inner{max-height:85dvh}.notes{font-size:13px;line-height:1.7;color:#6c889b}.empty{padding:20px;border:1px dashed #c6dce8;border-radius:18px;color:#7b96a7;font-size:14px;line-height:1.6}.toggle{display:flex;align-items:center;gap:11px;font-size:14px;margin:20px 0}.toggle input{width:20px;height:20px}.scope-badge{font-size:10px;color:#91a9b8;border:1px solid #dce8ef;padding:5px 8px;border-radius:7px;display:inline-block}.unit-label{font-size:11px;color:#89a1b0}.progress-stats{display:flex;gap:20px;margin:17px 0;color:#4c8098;font-size:13px}.summary-panel{padding:18px;background:#eaf4f8;border-radius:18px;margin:18px 0}.summary-panel p{margin:0;color:#6f8a9b;font-size:13px;line-height:1.65}@media(max-width:1050px){body{gap:5vw;padding-left:5vw;padding-right:5vw}.brand-story{width:335px}.brand-story h1{font-size:68px}.brand-story p{font-size:17px}}@media(min-width:741px) and (max-height:950px){.phone{height:790px;width:395px}.brand-story{max-height:820px}.brand-story h1{font-size:72px}}@media(max-width:740px){body{display:block;padding:0;background:var(--bg)}.brand-story,.prototype-caption{display:none}.prototype-tools{position:relative;padding:9px 18px;top:auto;left:auto;right:auto;background:#0f2e47;font-size:8px;letter-spacing:1px}.prototype-tools a{font-size:10px}.phone{width:100%;max-width:480px;margin:auto;border:0;border-radius:0;box-shadow:none;height:calc(100dvh - 31px)}.status{height:36px;padding:0 25px;font-size:12px}.island{display:none}.screen{padding:12px 24px 25px}.homebar{height:calc(18px + env(safe-area-inset-bottom))}.hero-body{min-height:235px}.hero-portrait img{height:252px}.photo-compare{height:440px}.composition{min-height:380px}.composition>img{height:365px}dialog{position:fixed;max-width:480px;left:50%;transform:translateX(-50%)}.clinical-mode #clinical{padding:25px 20px}.clinic-head{display:block}.clinic-head .primary{margin-top:20px}.clinic-grid{grid-template-columns:1fr}.clinic-metrics{grid-template-columns:1fr 1fr;gap:9px}.clinic-metrics .stat-box{padding:15px}.clinic-card{padding:18px}.clinic-nav{gap:7px}.clinic-nav button{font-size:12px;padding:11px}.clinical-mode .prototype-tools{font-size:8px}.clinical-mode dialog{width:95vw}.form-grid{gap:0 10px}}@media(prefers-reduced-motion:no-preference){.screen>section{animation:arrive .3s ease-out}@keyframes arrive{from{opacity:.5;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}}
/* Keep comparison photos at their original proportions. */
.photo-compare{--photo-height:390px;height:var(--photo-height);background:#102d3c}.photo-part{background:none}.photo-part:before{content:'';position:absolute;top:0;height:100%;width:calc(var(--photo-height) / 3);left:50%;transform:translateX(-50%);background-image:url('assets/gerardo-journey.png');background-repeat:no-repeat;background-size:200% 100%;background-position:right center}.photo-part.before:before{background-position:left center}.hero-copy p{max-width:170px}.integration-card h3>svg{display:inline-block;vertical-align:middle;margin-right:5px}@media(max-width:740px){.photo-compare{--photo-height:440px}}
/* Composition as an editorial, data-driven infographic. */
.evolution-master{background:radial-gradient(ellipse at 75% 20%,#24526a 0,transparent 58%),linear-gradient(155deg,#12384f,#091f32 80%);border-radius:27px;color:#eaf6fb;padding:22px 17px 0;overflow:hidden;box-shadow:0 12px 30px #12364e14}.evolution-master header{display:flex;flex-direction:column;gap:9px}.evo-kicker{font-size:12px;letter-spacing:1.2px;color:#b1d4e3;font-weight:600}.evo-range{font-size:12px;color:#96b8ca}.evo-headline{display:flex;align-items:center;justify-content:space-between;margin:17px 0 20px}.evo-headline strong{font-size:51px;font-weight:450;letter-spacing:-2.4px;line-height:1}.evo-headline strong small{font-size:20px;font-weight:400;letter-spacing:-.5px;color:#a6c4d6}.evo-headline p{font-size:14px;color:#aac7d6;margin:8px 0 0}.evo-headline button{width:40px;height:40px;font-size:23px;color:#96b9cf}.evo-legend{display:flex;justify-content:space-between;gap:7px;margin-bottom:21px;font-size:12px;color:#c2d8e5}.evo-legend span{display:flex;align-items:center;gap:6px}.evo-legend i{display:block;width:7px;height:7px;border-radius:50%}.fat{background:#d8ae79}.lean{background:#73d4e5}.bone{background:#d8e4ed}.evo-chart-label{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.8px;color:#96b8ca}.composition-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#668aa2 transparent}.composition-chart{width:100%;height:auto;overflow:visible;margin-top:0}.composition-chart text{font-family:inherit}.chart-total{fill:#f0f8fc;font-size:16px;font-weight:550;letter-spacing:-.5px}.chart-internal{font-size:14px;font-weight:600;letter-spacing:-.4px}.lean-label{fill:#09344c}.fat-label{fill:#4b351e}.chart-bf{fill:#e4b987;font-size:16px;font-weight:500}.chart-unit{fill:#aac5d7;font-size:12px}.chart-study-buttons{display:grid;gap:0;padding-bottom:17px}.chart-study-buttons button{padding:8px 2px;min-height:47px;border-radius:12px;position:relative;line-height:1.2;color:#a7c4d6}.chart-study-buttons button b{display:block;font-size:14px;font-weight:500;text-transform:capitalize}.chart-study-buttons button span{display:block;font-size:12px;margin-top:5px;color:#93b6c9}.chart-study-buttons .active{background:#d3eafa14;color:#f1fbff}.chart-study-buttons .active:after{content:'';position:absolute;bottom:0;left:40%;right:40%;height:2px;background:#91daea;border-radius:2px}.evo-summary{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #9ec4d32b;margin:0 -17px;padding:17px 12px 21px;background:#05172538}.evo-summary>div{padding:0 6px}.evo-summary>div+div{border-left:1px solid #adcddd24}.evo-summary span{font-size:12px;color:#99bacc;display:block;margin-bottom:8px}.evo-summary b{font-size:24px;letter-spacing:-1px;font-weight:450;white-space:nowrap}.evo-summary small{font-size:12px;color:#acc9d9;letter-spacing:0}.study-focus{border:1px solid #dce8ef;border-radius:22px;background:white;padding:18px;margin:15px 0 24px}.study-focus-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.study-focus-head .eyebrow{font-size:11px;letter-spacing:.8px}.study-focus-head h3{font-size:18px;margin-top:7px}.study-badge{border-radius:8px;background:#e9f3f8;color:#4e8099;font-size:12px;padding:7px 9px;max-width:130px;text-align:center}.study-focus-values{display:grid;grid-template-columns:repeat(3,1fr);padding:18px 0}.study-focus-values span{display:block;font-size:12px;color:#718fa1;margin-bottom:5px}.study-focus-values b{font-size:24px;letter-spacing:-1px;font-weight:550}.study-focus-values small{font-size:12px;letter-spacing:0;margin-left:4px;color:#678699;font-weight:400}.study-details summary,.weight-history summary{cursor:pointer;font-size:14px;color:#367d9c;padding:12px 0;border-top:1px solid #e2ebf1}.study-details .list-row{justify-content:space-between;font-size:14px}.study-details .list-row b{font-size:14px}.detail-equation{font-size:13px;line-height:1.6;color:#547d93;padding:15px 0}.region-table{font-size:14px;white-space:normal}.region-table td,.region-table th{padding:12px 6px}.region-table th{font-size:12px;letter-spacing:0}.weight-overview{background:linear-gradient(135deg,#e1eff6,#f2f8fc);padding:21px;border-radius:24px;margin:23px 0}.weight-overview header{display:flex;align-items:center;justify-content:space-between}.weight-overview h3{font-size:20px;margin-top:7px}.weight-add-round{width:42px;height:42px;background:#123c55;color:#fff;border-radius:50%;font-size:27px;font-weight:300}.weight-overview-value{font-size:44px;letter-spacing:-2px;font-weight:450;margin:17px 0 6px}.weight-overview-value>small{font-size:19px;letter-spacing:0;color:#7395a9}.weight-overview-value>span{display:block;font-size:12px;letter-spacing:0;color:#668ba1;margin-top:6px}.weight-overview .secondary{background:#fff;border-color:#c8dde9;font-size:14px;margin:15px 0 12px}.weight-overview .list-row{gap:10px}.weight-overview .list-row b{font-size:14px;white-space:nowrap}.weight-overview .list-row small{font-size:12px}.scenario-fold{border:1px dashed #adc5d4;border-radius:18px;padding:16px;margin:16px 0 21px;background:#eef5fa}.scenario-fold summary{display:flex;justify-content:space-between;gap:8px;font-size:13px;cursor:pointer}.scenario-fold summary b{font-weight:550;color:#54849e}.scenario-fold p{font-size:13px;line-height:1.6;color:#7191a4}.scenario-mix{height:13px;border-radius:7px;overflow:hidden;display:flex;margin:17px 0}.scenario-mix i{height:100%}.scenario-caption{display:flex;justify-content:space-between;color:#66859a;font-size:13px}.scenario-caption b{display:block;margin-top:5px;color:#1b465f}.method-item{margin:20px 0}.method-item b{font-size:16px}.method-item p{font-size:14px;line-height:1.65;color:#6b8596;margin:8px 0}.home-composition{align-self:center;justify-self:center;padding:15px 8px 0 0;min-width:0}.home-composition>span{font-size:12px;color:#b6d9e9;display:block;margin-top:15px}.composition-donut{width:125px;height:125px;border-radius:50%;padding:10px;box-shadow:0 0 28px #72d8e31a;transform:rotate(-22deg)}.composition-donut>div{border-radius:50%;height:100%;background:#11324a;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(22deg)}.composition-donut b{font-size:31px;font-weight:450;letter-spacing:-1.2px;color:#e7f5fb}.composition-donut small{font-size:15px;margin-left:2px;letter-spacing:0;color:#adcedf}.composition-donut span{font-size:12px;color:#a7c8d8;margin-top:4px}.tabs button{font-size:14px}.evolution-master+div .micro{font-size:13px}@media(max-width:370px){.evolution-master{padding-left:12px;padding-right:12px}.evo-summary{margin-left:-12px;margin-right:-12px;padding-left:7px;padding-right:7px}.evo-summary b{font-size:21px}.evo-legend{font-size:11px;gap:4px}.evo-headline strong{font-size:46px}.composition-donut{width:105px;height:105px;padding:8px}.home-composition{padding-right:2px}.study-focus-values b{font-size:21px}}@media(prefers-reduced-motion:no-preference){.composition-chart g{animation:chart-reveal .45s ease both;transform-origin:center bottom}@keyframes chart-reveal{from{opacity:.1;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}}
.photo-controls{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 15px}.photo-controls label{flex:1;min-width:110px;font-size:13px;color:#5d7d91}.photo-controls select{display:block;width:100%;max-width:100%;font-size:14px;border:1px solid #d3e3ed;border-radius:11px;padding:10px 7px;background:#fff;color:#23475f;margin-top:6px}.user-photo-compare{background:#dfebf2}.user-photo-compare .photo-part{background:#dfebf2}.user-photo-compare img{width:100%;height:100%;object-fit:contain;display:block;font-size:14px;color:#183f58}.user-photo-compare .missing-photo{padding:70px 25px}.photo-tag{font-size:12px}.photo-divider:after{content:'↔';position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:34px;height:34px;background:#ffffffdf;border:1px solid #ffffff80;box-shadow:0 3px 15px #0d2a4240;border-radius:50%;display:grid;place-items:center;color:#25495f;font-size:20px}
.evolution-master{padding-top:18px}.evo-headline{margin:12px 0 14px}.evo-headline strong{font-size:43px}.evo-headline p{margin-top:5px;font-size:13px}.evo-legend{margin-bottom:14px}.chart-study-buttons{padding-bottom:10px}.chart-study-buttons button{padding:6px 2px;min-height:42px}.evo-summary{padding-top:13px;padding-bottom:16px}.evo-summary span{margin-bottom:6px}.evolution-title{font-size:30px;margin-top:7px}.study-focus .eyebrow{font-size:12px}.evo-chart-label{font-size:12px;letter-spacing:.3px}
/* Edition 06 — luminous ice, deep ocean, tactile surfaces. */
body{background:radial-gradient(ellipse at 70% 10%,#1b5968 0,transparent 49%),radial-gradient(ellipse at 3% 90%,#214456,transparent 55%),#061723}
.brand-story{background:linear-gradient(145deg,#0b263199,#07172355);border-right:1px solid #b3f0ec18}.story-main h1 em{color:#a4e2de}.phone{box-shadow:0 45px 100px #0008,0 0 0 1px #e7ffff44}.screen{background:radial-gradient(ellipse at 90% 0,#bfe4e450,transparent 46%),linear-gradient(125deg,#f2f8f8,#e9f0f3)}
.wordmark{font-size:23px;letter-spacing:2px;gap:12px}.wordmark img{width:43px;height:43px}.app-head{margin-bottom:30px}h2 em{font-style:normal;color:#467b82}h2{letter-spacing:-1.5px}.hero{background:radial-gradient(ellipse at 95% 10%,#37748199,transparent 55%),linear-gradient(135deg,#102c3a,#092230 68%);border:1px solid #b0e7e630;box-shadow:0 15px 30px #0c344326,inset 0 1px #e0ffff24;padding:24px 22px 0;overflow:hidden}.hero-copy{padding:0}.hero-copy .eyebrow{color:#b3d3da;letter-spacing:1.3px;font-size:9px}.hero-copy p{color:#a8c4cf;font-size:11px;margin:7px 0 24px}.hero .big-number{font-size:57px}.composition-heading{display:flex;flex-direction:column;gap:4px;border-top:1px solid #bce1e024;padding-top:18px}.composition-heading>span{color:#edf8f8;font-size:14px;font-weight:600}.composition-heading small{color:#9ab9c4;font-size:10px}.home-composition{display:flex;width:100%;align-items:center;justify-content:space-between;gap:14px;margin:20px 0 18px;text-align:left}.composition-donut{width:122px;height:122px;flex:0 0 122px;padding:10px;box-shadow:0 0 25px #65c7d410}.composition-donut>div{width:100%;height:100%;background:radial-gradient(circle at 30% 10%,#173c4a,#0c2633);display:flex;flex-direction:column;align-items:center;justify-content:center}.composition-donut b{font-size:26px;color:#effcfc}.composition-donut b small{font-size:10px;margin-left:3px}.composition-donut span{font-size:7px;letter-spacing:.6px;color:#afd0d6}.composition-key{flex:1}.composition-key>div{display:flex;align-items:center;gap:6px;margin:12px 0;color:#e0f0f2}.composition-key i{width:6px;height:6px;border-radius:50%;flex-shrink:0}.composition-key span{font-size:10px;flex:1}.composition-key span small{display:block;font-size:9px;color:#9dbbc4;margin-top:3px}.composition-key b{font-size:14px}.composition-key b small{font-size:8px}.composition-key .fat{background:#ddb780}.composition-key .lean{background:#7cdce3}.composition-key .bone{background:#dbe5ef}.hero-evolution{width:calc(100% + 44px);margin:0 -22px;padding:15px 22px;background:#a5e6e90b;border-top:1px solid #bce1e01a;color:#ceecee;display:flex;justify-content:space-between;font-size:11px}.daily-card{background:linear-gradient(135deg,#ecf9fa,#d2ecef);border:1px solid #fff;box-shadow:0 6px 14px #1744560a}.daily-card.food{background:linear-gradient(135deg,#f5f1e9,#eae2d4)}.capture-plus{margin-left:auto;font-size:22px;line-height:1;font-weight:400}.card-top{gap:7px}.task{box-shadow:0 5px 15px #12384605;border:1px solid #fff9;background:linear-gradient(135deg,#fff,#f2f7f8)}#nav{display:grid;grid-template-columns:repeat(3,1fr);background:#f4f9f9e8;backdrop-filter:blur(20px)}
.evolution-master{background:radial-gradient(ellipse at 80% 0,#26596580,transparent 60%),linear-gradient(155deg,#112f3d,#082331);box-shadow:0 18px 35px #0c344325}.chart-disclosure{font-size:8px;letter-spacing:.5px;color:#b2cdd5;margin:8px 0 10px}.chart-total,.chart-bf{font-size:12px}.chart-internal{font-size:10px}.chart-study-buttons small{font-size:7px;letter-spacing:1px;color:#91b8c6;margin-top:4px}.chart-study-buttons button{padding:9px 2px}.chart-study-buttons b{font-size:11px}.chart-study-buttons span{font-size:9px}.chart-study-buttons small{display:block}.evo-summary{gap:5px}.evo-summary b{font-size:17px}.evo-summary span{font-size:9px}.range-tabs{display:flex;gap:5px;justify-content:flex-end;margin:16px 0}.range-tabs button{padding:7px 17px;border-radius:20px;background:#e9f0f1;color:#56707e;font-size:11px}.range-tabs button.active{background:#154454;color:#e5f8f8}.weight-endpoints{display:flex;justify-content:space-between;color:#6c8290;font-size:10px;margin:12px 0}.weight-endpoints b{display:block;color:#123345;font-size:17px;margin-top:4px}.photo-compare{height:auto!important;aspect-ratio:2/3;background:#d6e2e7}.photo-part{background-size:200% 100%;background-position:right center}.photo-part.before{background-position:left center}.photo-part img{object-fit:contain}.plan-reminders{display:grid;gap:13px;margin-top:28px}.plan-reminder{margin:0;align-items:center;padding:19px 15px;min-height:125px}.reminder-number{font-size:11px;color:#70959d;margin-right:10px}.plan-reminder .grow>small{font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:#39727d;margin-bottom:7px}.plan-reminder strong{font-size:15px}.plan-reminder p{font-size:11px;line-height:1.5;margin:7px 0 0;color:#758690}.plan-reminder:first-child{background:linear-gradient(125deg,#153e4d,#0e2937);color:white;border-color:#57808b}.plan-reminder:first-child .grow>small,.plan-reminder:first-child p{color:#b4d1d7}.food-total{background:linear-gradient(145deg,#153d49,#082936);color:#e9f7f7;box-shadow:0 12px 25px #16384622}.food-total .micro{color:#b3cbd0}.macro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:23px 0}.macro-grid span{font-size:9px;color:#a9c6ca}.macro-grid b{display:block;font-size:20px;margin-top:9px}.macro-grid b small{font-size:9px;color:#afccd0;font-weight:400}.macro-grid .mini-progress{background:#ffffff18;margin-top:10px}.macro-grid .mini-progress i{background:#8ed5d7}.food-total .text-link{color:#a6dfde}.food-capture-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 30px}.food-capture-grid button{position:relative;border-radius:20px;padding:21px 14px;background:linear-gradient(145deg,#e2f2f2,#d2e9ea);text-align:left;border:1px solid white;color:#164956}.food-capture-grid button:nth-child(2){background:linear-gradient(145deg,#f0ebe3,#e7dfd2);color:#6c5335}.food-capture-grid b,.food-capture-grid span{display:block}.food-capture-grid b{font-size:12px;margin-top:13px}.food-capture-grid span{font-size:9px;margin-top:6px}.food-capture-grid i{position:absolute;right:15px;top:18px;font-style:normal;font-size:23px}.barcode-video{width:100%;max-height:240px;object-fit:cover;border-radius:20px;background:#102e3c}.food-preview{max-height:240px;object-fit:cover}.study-focus,.weight-overview{box-shadow:0 9px 24px #24485809;border-color:#fff}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #428eaa;outline-offset:3px}@media(max-width:370px){.composition-donut{width:104px;height:104px;flex-basis:104px}.home-composition{gap:10px}.hero{padding-left:16px;padding-right:16px}.hero-evolution{width:calc(100% + 32px);margin-left:-16px;margin-right:-16px}.composition-key span{font-size:9px}.wordmark{font-size:21px}}
/* Each half of the 1448×1086 diptych is 724×1086 (2:3). */
.photo-compare:not(.user-photo-compare){width:100%;aspect-ratio:2 / 3;height:auto;isolation:isolate}
.photo-compare:not(.user-photo-compare) .photo-part::before{inset:0;width:100%;height:100%;transform:none;background-size:200% 100%;background-position:right center}
.photo-compare:not(.user-photo-compare) .photo-part.before::before{background-position:left center}
.user-photo-compare .photo-part::before{content:none}