:root{--background:#f4f4f4;--surface:#fff;--text:#111;--muted:#000000b3;--soft:#00000014;--orange:#f67b01;--deep-orange:#ff4800;--green:#6ec112;--blue:#5accff;color:var(--text);background:var(--background);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--background)}body{background:var(--background);min-width:320px;margin:0}a{color:inherit;text-decoration:none}.hero{isolation:isolate;background:var(--background);min-height:100svh;position:relative;overflow:hidden}.nav{z-index:5;justify-content:space-between;align-items:center;gap:24px;width:min(100% - 40px,1500px);margin:0 auto;padding:22px 0;display:flex;position:absolute;top:0;left:0;right:0}.brand{align-items:center;gap:10px;font-family:Roboto Condensed,Inter,sans-serif;font-size:24px;font-weight:900;line-height:1;display:inline-flex}.brand img{object-fit:contain;width:34px;height:34px}.nav-links,.footer div{color:var(--muted);align-items:center;gap:clamp(14px,2vw,28px);font-size:14px;font-weight:500;display:flex}.nav-links a,.footer a{transition:color .18s,transform .18s}.nav-links a:hover,.footer a:hover{color:var(--text);transform:translateY(-1px)}.hero-grid{grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);align-items:center;gap:clamp(24px,5vw,86px);width:min(100% - 40px,1500px);min-height:100svh;margin:0 auto;padding:94px 0 34px;display:grid}.hero-copy{max-width:660px;padding-top:18px;animation:.7s cubic-bezier(.2,.8,.2,1) both enter-copy}.eyebrow{color:var(--orange);margin:0 0 14px;font-size:clamp(14px,1.6vw,18px);font-weight:600}h1{letter-spacing:0;text-wrap:balance;max-width:590px;margin:0;font-family:Roboto Condensed,Inter,sans-serif;font-size:clamp(39px,6.3vw,87px);font-weight:800;line-height:.9}.lede{max-width:500px;color:var(--muted);margin:28px 0 0;font-size:clamp(17px,1.65vw,20px);font-weight:500;line-height:1.32}.actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:34px;display:flex}.primary-action{background:var(--orange);color:#fff;border-radius:18px;justify-content:center;align-items:center;min-height:56px;padding:0 26px;font-weight:500;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex;box-shadow:0 3px #f67b0159}.primary-action:hover{background:var(--deep-orange);transform:translateY(-2px);box-shadow:0 5px #f67b0147}.hero-art{min-height:min(70svh,720px);animation:.9s cubic-bezier(.2,.8,.2,1) .12s both enter-art;position:relative}.phone{background:var(--background);border:10px solid #151515;border-radius:42px;position:absolute;overflow:hidden;box-shadow:0 26px 70px #0000002e}.phone-main{z-index:3;width:min(360px,52vw);min-width:280px;height:660px;max-height:76svh;padding:22px 18px;top:50%;right:clamp(28px,7vw,112px);transform:translateY(-48%)rotate(3deg)}.phone-back{z-index:1;opacity:.92;width:min(290px,38vw);min-width:210px;height:560px;max-height:65svh;top:50%;right:0;transform:translateY(-43%)rotate(-8deg)}.phone-top,.today,.protein-ring,.meal,.dose-row{z-index:1;position:relative}.phone-top{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.logo-text{font-family:Roboto Condensed,Inter,sans-serif;font-size:22px;font-weight:900}.streak{font-size:15px;font-weight:800}.today{gap:4px;margin-bottom:18px;display:grid}.today span,.protein-ring span,.meal span,.dose-row span:last-child{color:var(--muted);font-size:13px;font-weight:500}.today strong{font-size:28px;line-height:1}.protein-ring,.meal,.dose-row{background:var(--surface);border-radius:30px;align-items:center;gap:14px;margin-top:14px;padding:16px;display:flex}.protein-ring img{object-fit:contain;width:72px;height:72px}.protein-ring strong{color:var(--green);font-size:34px;line-height:.9;display:block}.meal{gap:12px;padding:12px;display:grid}.meal img{aspect-ratio:1.55;object-fit:cover;border-radius:22px;width:100%}.meal div,.dose-row div{gap:3px;display:grid}.meal strong,.dose-row strong{font-size:16px}.dose-icon{width:38px;height:38px;color:var(--orange);background:#f67b011f;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.stats-shot{object-fit:cover;object-position:top;width:100%;height:100%}.footer{width:min(100% - 40px,1500px);min-height:88px;color:var(--muted);background:var(--background);justify-content:space-between;align-items:center;gap:20px;margin:0 auto;padding:26px 0;font-size:14px;font-weight:500;display:flex}.legal-page{background:var(--background);flex-direction:column;min-height:100svh;display:flex}.legal-header{justify-content:space-between;align-items:center;gap:20px;width:min(100% - 40px,1120px);margin:0 auto;padding:22px 0;display:flex}.legal-content{width:min(760px,100% - 40px);margin:auto;padding:80px 0}.legal-content h1{margin-bottom:22px;font-size:clamp(34px,4.35vw,50px)}.legal-content p,.legal-content li{color:var(--muted);font-size:17px;font-weight:500;line-height:1.6}.legal-content h2{margin-top:34px;font-size:22px}@keyframes enter-copy{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes enter-art{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=920px){.hero-grid{grid-template-columns:1fr;align-content:center;gap:12px;padding-top:92px}.hero-copy{max-width:620px;padding-top:0}.hero-art{min-height:46svh}.phone-main{width:286px;min-width:0;height:520px;right:18%}.phone-back{width:220px;min-width:0;height:450px;right:7%}}@media (width<=620px){.nav{width:calc(100% - 32px);padding:18px 0}.nav-links{gap:12px;font-size:12px}.brand span{font-size:21px}.brand img{width:30px;height:30px}.hero-grid{align-content:start;width:calc(100% - 36px);padding:82px 0 18px}h1{max-width:360px;font-size:clamp(38px,11vw,54px);line-height:.92}.lede{max-width:340px;margin-top:16px;font-size:16px;line-height:1.28}.actions{gap:12px;margin-top:20px}.primary-action{width:100%;min-height:52px}.hero-art{min-height:310px;margin-top:-4px}.phone-main{border-width:7px;border-radius:30px;width:196px;height:354px;padding:14px 11px;right:9%}.phone-back{border-width:7px;border-radius:30px;width:150px;height:306px;right:2%}.phone-top{margin-bottom:14px}.today strong{font-size:21px}.protein-ring,.meal,.dose-row{border-radius:22px;gap:9px;margin-top:9px;padding:10px}.protein-ring img{width:48px;height:48px}.protein-ring strong{font-size:25px}.meal img{border-radius:16px}.dose-row{display:none}.footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}