@font-face{font-family:Hellix;src:url('font/HellixTRIAL-Regular.otf')}@font-face{font-family:Hellix;src:url('font/HellixTRIAL-Medium.otf');font-weight:500}@font-face{font-family:Hellix;src:url('font/HellixTRIAL-SemiBold.otf');font-weight:600}
:root{--muted:#9c9d93;--mint:#98e2de;--deep-mint:#568380;--glass:rgba(255,255,255,.7);--shadow:4px 4px 53.1px rgba(0,0,0,.05)}
*{box-sizing:border-box}html,body{margin:0;min-width:1728px;background:#fff;font-family:Hellix,Arial,sans-serif;color:#000}button,input{font:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.page{position:relative;width:1728px;height:1117px;margin:0 auto;overflow:hidden;background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.25)}.page-glow{position:absolute;left:-391px;top:-669px;width:2884px;height:2261px;max-width:none}
.topbar{position:absolute;inset:0 0 auto 0;height:118px;z-index:10}.brand{position:absolute;left:41px;top:42px;width:37px;height:37px}.nav-pill{position:absolute;top:32px;width:117px;height:55px;border:0;border-radius:46px;font-weight:500;font-size:16px;background:rgba(255,255,255,.6);box-shadow:4px 4px 28.4px rgba(0,0,0,.05);cursor:pointer}.nav-pill.is-active{left:136px;background:#000;color:#fff;box-shadow:2px 4px 26px rgba(0,0,0,.1)}.nav-pill.next-use{left:263px}
.search-box{position:absolute;left:870px;top:32px;width:336px;height:55px;border-radius:46px;background:#fff;box-shadow:2px 4px 26px rgba(0,0,0,.1)}.search-box input{width:100%;height:100%;border:0;outline:0;background:transparent;padding:0 58px 0 27px;font-size:16px;color:#000}.search-box input::placeholder{color:var(--muted);opacity:1}.search-box>img{position:absolute;right:22px;top:16px;width:24px;height:24px}
.header-circle{position:absolute;border:0;background:rgba(255,255,255,.6);border-radius:50%;display:grid;place-items:center;cursor:pointer}.header-circle img{display:block}.portal{left:1275px;top:26px;width:66px;height:66px}.portal>img{width:32px;height:32px}.sun{left:1360px;top:35px;width:44px;height:44px}.sun>img{width:18.667px;height:18.667px}.bell{left:1421.65px;top:35px;width:44px;height:44px}.bell>img:first-child{width:20px;height:17px}.bell .bell-dot{position:absolute;left:3.35px;top:-1px;width:8px;height:8px}.profile-photo{position:absolute;left:1501px;top:29px;width:60px;height:60px;border-radius:50%;object-fit:cover;box-shadow:3px 3px 10.5px rgba(0,0,0,.1)}.profile-copy{position:absolute;left:1571px;top:38px;display:flex;flex-direction:column;font-size:16px;line-height:19px;white-space:nowrap}.profile-copy strong{font-weight:500}.profile-copy span{color:var(--muted)}
.hero{position:absolute;left:41px;top:142px;width:1647px;height:539px;border-radius:16px;overflow:hidden;background:var(--mint)}.hero-photo{position:absolute;left:0;bottom:0;width:1647px;height:471px;object-fit:fill}.hero-fade{position:absolute;left:0;top:-7px;width:820px;height:547px;background:linear-gradient(90deg,var(--mint) 0%,var(--mint) 54.1%,rgba(152,226,222,0) 100%)}.hero-copy{position:absolute;left:35px;top:33px;width:387px}.hero-copy h1{margin:0;font-size:64px;line-height:78px;font-weight:400;letter-spacing:-1.2px}.hero-copy p{margin:12px 0 0;font-size:24px;line-height:32px;font-weight:500;color:var(--deep-mint)}
.health-float{position:absolute;left:479px;top:131px;width:275px;height:135px;border:1px solid #fff;border-radius:24px;background:var(--glass);box-shadow:4px 4px 24.4px rgba(0,0,0,.05);backdrop-filter:blur(12px)}.health-float h2{position:absolute;left:25px;top:21px;margin:0;font-size:16px;font-weight:500}.health-float button{position:absolute;right:17px;top:18px;width:20px;height:20px;border:0;background:transparent;padding:2px}.health-float button img{width:16px;height:16px}.health-value{position:absolute;left:25px;top:56px;font-size:32px;line-height:38px}.health-state{position:absolute;left:25px;top:98px;font-size:16px;font-weight:500}.health-float p{position:absolute;left:148px;top:58px;width:102px;margin:0;color:var(--deep-mint);font-size:16px;line-height:18px}.stable-ring{position:absolute;left:242px;top:105px;width:17px;height:17px}.stable-dot{position:absolute;left:245px;top:108px;width:11px;height:11px}
.attention-card{position:absolute;left:1267.5px;top:139px;width:363px;height:386px;border:1px solid #fff;border-radius:21.25px;background:var(--glass);box-shadow:var(--shadow);backdrop-filter:blur(18px);overflow:hidden}.card-title{position:absolute;display:flex;align-items:center;gap:10px}.attention-card .card-title{left:25px;top:31px}.card-title img{width:20px;height:20px;object-fit:contain}.card-title h2{margin:0;font-size:21.245px;line-height:24px;font-weight:500}.round-action{position:absolute;width:44.26px;height:44.26px;border:.671px solid rgba(0,0,0,.3);border-radius:50%;background:transparent;display:grid;place-items:center}.round-action img{width:22.53px;height:22.53px;transform:rotate(-45deg)}.attention-card>.round-action{left:293px;top:22.13px}.attention-count{position:absolute;left:26.5px;top:84px;font-size:28.327px}.attention-note{position:absolute;left:27px;top:121px;margin:0;width:146px;color:var(--muted);font-size:10.623px;line-height:12px}.age{position:absolute;right:25px;top:86px;text-align:right;font-size:12px;line-height:17px}.age span,.age strong{display:block;font-weight:500}.attention-card h3{position:absolute;left:26px;top:170px;margin:0;font-size:12px;font-weight:500}.attention-plot{position:absolute;left:25px;top:197px;width:303px;height:166px}.attention-plot .grid{position:absolute;left:0;width:301px}.grid.high{top:49px}.grid.low{top:101px}.chart-fill{position:absolute;left:17px;top:8px;width:263px;height:117px;object-fit:fill;opacity:.92}.chart-line{position:absolute;left:17px;top:8px;width:263px;height:82px}.chart-point{position:absolute;left:157px;top:6px;width:9px;height:9px}.axis-label{position:absolute;right:1px;font-size:9px;font-weight:500}.twenty{top:30px;color:var(--mint)}.ten{top:103px;color:#b3c058}.months{position:absolute;left:9px;right:9px;top:136px;display:flex;justify-content:space-between;font-size:11.7px}
.dashboard-grid{position:absolute;left:41.5px;top:695px;width:1647px;height:716px}.metric-card,.next-card{position:absolute;border:1px solid #fff;background:var(--glass);box-shadow:var(--shadow);backdrop-filter:blur(12px);overflow:hidden}.metric-card{top:0;border-radius:21.25px}.condition{left:0;width:494px;height:410px;border-radius:24px}.performance-card{left:499.5px}.review-card{left:883.5px}.action-card{left:1267.5px}.compact{width:380px;height:302px}.metric-card .card-title{left:26px;top:31px}.condition .card-title{left:24px}.condition .card-title img{width:20.36px;height:20.36px}.compact .card-title img{width:20px;height:20px}.metric-card>.round-action{right:21px;top:22.13px}.condition>.round-action{right:24px}.metric-value{position:absolute;left:26px;top:96px;font-size:28.327px;line-height:34px}.metric-value span{color:var(--muted)}.metric-caption{position:absolute;left:26px;top:134px;margin:0;color:var(--muted);font-size:12.393px}.condition-bars{position:absolute;left:27px;top:193px;width:429.5px;height:77px;background:repeating-linear-gradient(90deg,rgba(65,208,213,.26) 0 4.17px,transparent 4.17px 9.38px);mask-image:linear-gradient(#000,transparent)}.condition-bars:before,.condition-bars:after{content:"";position:absolute;top:0;height:77px}.condition-bars:before{left:203px;width:151px;background:repeating-linear-gradient(90deg,rgba(179,192,88,.26) 0 4.17px,transparent 4.17px 9.38px)}.condition-bars:after{left:332px;width:98px;background:repeating-linear-gradient(90deg,rgba(86,131,128,.26) 0 4.17px,transparent 4.17px 9.38px)}.condition-stats{position:absolute;left:27px;top:294.73px;display:flex;gap:7.6px}.condition-stats>div{width:137.782px;height:75.288px;background:#fff;border-radius:7.257px;box-shadow:4px 4px 28.4px rgba(0,0,0,.05);padding:5px 11px}.condition-stats strong{display:block;font-size:29.027px;line-height:36px;font-weight:400}.condition-stats span{display:flex;align-items:center;gap:8px;font-size:10.885px;font-weight:500;margin-top:3px;white-space:nowrap}.condition-stats img{width:14px;height:14px}.message-box{position:absolute;left:22px;top:179px;width:325px;height:93px;background:#fff;border-radius:16px;box-shadow:4px 4px 28.4px rgba(0,0,0,.05)}.message-box p{position:absolute;left:63px;top:27px;margin:0;width:246px;font-size:16px;line-height:18px;font-weight:500}.message-icon{position:absolute;left:12px;top:31px;width:31px;height:31px;border:.47px solid rgba(0,0,0,.3);border-radius:50%;display:grid;place-items:center}.message-icon img{width:11px;height:11px}.message-box.centered p{left:95px;width:209px;text-align:center}
.next-card{left:498.5px;top:306px;width:1149px;height:410px;border-radius:24px 24px 0 0}.next-card .card-title{left:24px;top:30px}.next-card .card-title img{width:29.214px;height:29.214px}.next-intro{position:absolute;left:67px;top:65px;margin:0;color:var(--muted);font-size:12px;font-weight:500}.next-labels{position:absolute;left:67px;top:106px;width:821px;display:grid;grid-template-columns:232px 266px 253px 1fr;font-size:16px;font-weight:500}
button{transition:transform .18s ease,background-color .18s ease}button:active{transform:scale(.96)}button:focus-visible,input:focus-visible{outline:2px solid #568380;outline-offset:2px}
@media(max-width:1727px){html,body{min-width:0}.page{transform-origin:top left;transform:scale(calc(100vw / 1728));margin:0;height:1117px}body{height:calc(1117px * (100vw / 1728));overflow-x:hidden}}

/* Motion follows the number roller and chart timing used by the Retirement pages. */
.odometer{display:inline-flex;width:max-content;height:1em;overflow:hidden;white-space:nowrap;line-height:1em;vertical-align:bottom;font-variant-numeric:tabular-nums}
.odometer-digit{position:relative;display:block;flex:0 0 .58em;width:.58em;height:1em;overflow:hidden}
.odometer-stack{position:absolute;left:0;top:0;width:100%;text-align:center;will-change:transform}
.odometer-stack>span{display:block;width:100%;height:1em;line-height:1em}
.health-value,.attention-count,.metric-value{display:flex;align-items:baseline;white-space:nowrap}
.health-value .suffix,.metric-value .suffix{color:var(--muted)}
.health-value .odometer,.health-value .odometer span,.metric-value .odometer,.metric-value .odometer span{color:#000}

.condition-bars{display:grid;grid-template-columns:repeat(48,4.17px);column-gap:4.88px;align-items:end;background:none;mask-image:none}
.condition-bars::before,.condition-bars::after{display:none}
.condition-line{display:block;width:4.17px;height:77px;border-radius:3.541px;transform:scaleY(0);transform-origin:center bottom;animation:conditionRise 760ms cubic-bezier(.16,1,.3,1) forwards;background:linear-gradient(to bottom,var(--line-color) 35%,rgba(247,253,251,.26) 100%)}
@keyframes conditionRise{to{transform:scaleY(1)}}

.chart-fill,.chart-line{clip-path:inset(0 100% 0 0);animation:chartReveal 1450ms cubic-bezier(.16,1,.3,1) 260ms forwards}
.chart-point{opacity:0;transform:scale(0);transform-origin:center;animation:chartPoint 360ms cubic-bezier(.16,1,.3,1) 1650ms forwards}
@keyframes chartReveal{to{clip-path:inset(0 0 0 0)}}
@keyframes chartPoint{to{opacity:1;transform:scale(1)}}

.action-card .message-box p{left:63px;width:246px;text-align:left}

@media(prefers-reduced-motion:reduce){.condition-line,.chart-fill,.chart-line,.chart-point{animation:none;transform:none;clip-path:none;opacity:1}}