:root{--petrol:#00515c;--deep:#003d47;--turquoise:#28b8bd;--pink:#c42c8d;--paper:#f3f8f7;--ink:#104b54}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif}.page{max-width:1600px;margin:auto;min-height:100vh;display:flex;flex-direction:column}.header{padding:38px 6%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{position:relative;width:290px;height:75px;display:flex;align-items:center}.brand img{position:relative;z-index:1;max-width:100%;height:100%;object-fit:contain;object-position:left;background:var(--paper)}.brand-placeholder{position:absolute;font-size:32px;font-weight:650;left:0;z-index:0}.brand img:not([src]){display:none}.portal-label{font-size:13px;letter-spacing:.12em;text-transform:uppercase}main{flex:1}.hero{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:20px;padding:36px 6% 80px}.intro{position:relative;z-index:1}.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:650;margin:0 0 26px}h1{font-size:clamp(34px,3.5vw,56px);line-height:1.12;letter-spacing:-.045em;margin:0;font-weight:650}.heart{color:var(--pink);font-weight:400;white-space:nowrap}.subline{font-size:18px;line-height:1.65;max-width:400px;margin:26px 0 34px}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--pink);color:white;padding:19px 24px;font-size:16px;font-weight:650;text-decoration:none;transition:background .15s}.cta:hover{background:#9d1c70}.cta span{font-size:24px;line-height:1}a:focus-visible{outline:3px solid #111;outline-offset:5px}.mosaic{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(6,90px);gap:8px;min-width:0}.tile{padding:20px;color:white;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;font-size:16px;font-weight:500;background:var(--petrol)}.tile-index{font-size:10px;letter-spacing:.12em;opacity:.8}.smart{grid-area:1/1/3/4;font-size:34px;background:var(--petrol)}.dot{color:#ee78bf}.therapy{grid-area:1/4/4/7}.schedule{grid-area:3/2/5/4;background:#08747c}.billing{grid-area:4/4/6/6;background:var(--pink)}.checkin{grid-area:5/1/7/3;background:var(--deep)}.movement{grid-area:5/3/7/4}.app{grid-area:6/4/7/6;background:#11848b;font-size:14px;padding:15px}.prescription{grid-area:4/6/6/7;background:#157b82;padding:12px;font-size:12px;writing-mode:vertical-rl}.accent{grid-area:6/6/7/7;background:var(--turquoise);font-size:42px;align-items:center;justify-content:center;padding:0}.tile-symbol{font-size:35px;font-weight:300;line-height:1}.photo{padding:0;background:#bfd5d4}.photo img{width:100%;height:100%;object-fit:cover;display:block}.therapy img{object-position:48% 40%}.movement img{object-position:46% 42%}footer{background:var(--petrol);border-bottom:5px solid var(--pink);color:white;padding:29px 6%;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:14px}footer strong{font-size:15px}footer p{margin:8px 0 0;color:#e1eeee}.footer-heart{color:#ff9dd6}footer nav{display:flex;gap:27px}footer a{color:white;text-underline-offset:5px;text-decoration:none}footer a:hover{text-decoration:underline}@media(min-width:1450px){.mosaic{grid-template-rows:repeat(6,100px)}}@media(max-width:1050px){.hero{gap:28px;grid-template-columns:1fr 1fr;padding-top:20px}.mosaic{grid-template-rows:repeat(6,72px);gap:6px}.tile{padding:12px;font-size:13px}.smart{font-size:26px}.prescription{font-size:11px}.accent{font-size:34px}.tile-symbol{font-size:26px}.eyebrow{font-size:10px}.subline{font-size:16px}}@media(max-width:760px){.header{padding:25px 6%}.brand{width:210px;height:56px}.portal-label{display:none}.hero{grid-template-columns:1fr;padding:25px 6% 48px;gap:42px}h1{font-size:clamp(32px,7.7vw,54px)}.subline{max-width:440px}.mosaic{width:100%;max-width:560px;justify-self:center;grid-template-rows:repeat(6,78px)}footer{align-items:flex-start;flex-direction:column;padding:26px 6%;font-size:13px}}@media(max-width:400px){.mosaic{grid-template-rows:repeat(6,65px);gap:5px}.tile{padding:9px;font-size:12px}.smart{font-size:24px}.prescription{font-size:10px}.app{font-size:11px}.tile-index{font-size:8px}.cta{width:100%}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}