/* Detailed illustrative app screens. Each 300 × 650 UI scales as one surface. */
.landing-hero-inner{grid-template-columns:1fr 1.08fr;gap:32px;min-height:790px;padding-block:52px 62px}
.landing-phones{height:648px;max-width:594px;direction:ltr}
.landing-preview figcaption{max-width:510px;margin:16px auto 0}
.iphone-device{--screen-scale:.88;position:absolute;width:282px;height:590px;padding:9px;border-radius:49px;background:linear-gradient(105deg,#a2a0a1 0%,#f1f0ee 3%,#5c5a59 6%,#252525 48%,#bbb9b5 93%,#f5f3ef 97%,#72716f 100%);box-shadow:0 24px 35px -17px #29213570,0 3px 5px #24202525,inset 0 0 0 1px #777571,inset 0 0 0 3px #d1d0cc,inset 0 0 0 5px #171719;isolation:isolate}
.iphone-summary{left:0;top:6px;transform:rotate(-5deg);z-index:2}
.iphone-weight{right:0;top:44px;transform:rotate(5deg);z-index:1}
.iphone-glass{height:100%;width:100%;overflow:hidden;border-radius:40px;background:#f5f4f9;box-shadow:0 0 0 3px #09090c,0 0 0 4px #bdbcb980;position:relative}
.device-key{position:absolute;width:3px;background:linear-gradient(90deg,#484746,#d2d0cd,#5b5957);border-radius:2px;z-index:-1}
.key-action{left:-2px;top:98px;height:20px}.key-volume-one{left:-2px;top:138px;height:37px}.key-volume-two{left:-2px;top:186px;height:37px}.key-power{right:-2px;top:149px;height:59px}
.device-ui{position:relative;width:300px;height:650px;transform:scale(var(--screen-scale));transform-origin:top left;background:radial-gradient(ellipse at 65% 9%,#fff 0,transparent 31%),#f3f2f8;color:#24222e;font-family:ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:12px;line-height:1.25;text-align:start;letter-spacing:0}
.device-ui *{box-sizing:border-box}
.device-ui strong,.device-ui h3{font-weight:800;letter-spacing:-.035em}
.device-ui p{margin:0}.device-ui small{font-size:10px;color:#85838d;line-height:1.3}
.device-status{height:45px;position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 21px;direction:ltr;font-size:12px;font-weight:700;color:#111}
.device-island{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:91px;height:26px;background:#050505;border-radius:20px;box-shadow:inset 0 0 0 1px #141414}
.device-island i{position:absolute;right:10px;top:10px;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 60% 30%,#243451,#071019 65%);box-shadow:0 0 0 2px #090b0e}
.device-signals{display:flex;align-items:center;gap:3px;margin-left:auto}.device-signals svg{width:13px;height:10px}.device-signals svg:first-child{width:13px;color:#c3c1c9}
.device-battery{width:17px;height:8px;border:1px solid #929196;border-radius:2px;position:relative;margin-left:1px}.device-battery:before{content:"";position:absolute;inset:1px;background:#1a191d;border-radius:1px}.device-battery:after{content:"";position:absolute;width:1px;height:3px;right:-3px;top:1.5px;background:#999}
.device-icon{width:15px;height:15px;display:inline-block;flex-shrink:0;vertical-align:middle}
.screen-round-button{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#fff;box-shadow:0 4px 14px #30294809;flex-shrink:0}
.screen-round-button .device-icon{width:19px;height:19px;stroke-width:2.3}
.screen-round-button.filled{color:#fff;background:linear-gradient(125deg,#9275ff,#6b4cf1)}
.summary-topbar{height:65px;display:flex;align-items:center;position:relative;padding:8px 16px 0}
.summary-topbar h3{font-size:27px;margin:0;z-index:2;line-height:1.1}
.summary-topbar>img{position:absolute;width:79px;height:79px;object-fit:contain;right:27px;bottom:-14px;z-index:0}
.summary-topbar>.screen-round-button{position:absolute;right:15px;top:0;width:30px;height:30px}
.summary-screen-content{position:relative;padding:0 13px;display:grid;gap:11px}
.device-card{background:#fff;border-radius:20px;padding:13px;box-shadow:0 3px 12px #42355603;min-width:0}
.device-card-label{display:flex;align-items:center;gap:5px;color:#8259fa;font-size:11px;font-weight:650;line-height:1.25;min-height:15px}
.device-card-label>span{display:flex;align-items:center;gap:5px;min-width:0}.device-card-label>.device-icon:last-child:not(:first-child){margin-inline-start:auto;width:13px;color:#c5c1cc}.device-card-label>small{margin-inline-start:auto;font-weight:400;font-size:9px}
.dose-card-pair,.summary-mini-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dose-card-pair .device-card{height:91px;padding:12px 11px;display:flex;flex-direction:column;justify-content:space-between}
.dose-last .device-card-label{color:#4a8aff}.dose-next .device-card-label{color:#f29124}
.dose-card-pair strong{display:block;font-size:25px;color:#121217;white-space:nowrap;line-height:1.05;letter-spacing:-.04em}
.dose-card-pair strong small{font-size:21px;color:inherit;font-weight:800}.dose-card-pair>.dose-next strong{font-size:22px;letter-spacing:-.045em}
.dose-card-pair .device-card>small{font-size:8.5px;white-space:nowrap}
.exposure-card{padding:13px 13px 10px;height:130px;border-radius:21px;box-shadow:0 8px 17px -8px #72618920}
.exposure-card>.device-card-label{font-size:12px}.exposure-card>small{display:block;font-size:9px;margin-top:8px}
.device-exposure-chart{width:100%;height:64px;display:block;margin-top:8px;overflow:visible;direction:ltr}
.chart-grid{stroke:#e9e6f0;stroke-width:.6;fill:none}.chart-grid.vertical{stroke-dasharray:2 3}
.summary-mini-pair .device-card{height:108px;padding:12px 11px}.activity-card .device-card-label{color:#32b780}
.activity-bars{display:flex;gap:3px;align-items:flex-end;height:36px;margin-top:4px;direction:ltr}.activity-bars svg{flex:1;min-width:0;height:32px;fill:#57c89f}
.activity-card strong{display:flex;align-items:baseline;justify-content:space-between;font-size:21px;margin-top:3px;line-height:1}.activity-card strong small{font-size:7px;font-weight:500;letter-spacing:0}
.device-progress{height:7px;border-radius:8px;background:#e2d8ff;margin:18px 0 13px;direction:ltr}.device-progress i{display:block;width:75%;height:100%;border-radius:8px;background:linear-gradient(90deg,#9876ff,#7a50f7);position:relative}.device-progress i:after{content:"";position:absolute;width:8px;height:8px;background:#8259ff;border-radius:50%;border:1.5px solid #fff;right:-1px;top:-.5px}
.goal-card strong{font-size:23px;line-height:1;display:inline-block}.goal-card>small{font-size:8px;display:inline-block;margin-inline-start:5px}
.summary-weight{height:98px;padding:13px}.summary-weight>div:last-child{display:flex;align-items:center;justify-content:space-between;margin-top:14px;gap:8px}.summary-weight strong{font-size:25px;line-height:1;white-space:nowrap}.summary-weight strong small{font-size:17px;color:inherit}.summary-weight svg:not(.device-icon){width:116px;height:40px;direction:ltr}
.device-tabbar{position:absolute;bottom:17px;left:13px;right:13px;height:51px;background:#ffffffed;border-radius:27px;display:flex;align-items:center;padding:3px;box-shadow:0 2px 13px #47375e0c;gap:1px}
.device-tab{flex:1;min-width:0;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:3px;height:44px;border-radius:23px;color:#292632}
.device-tab .device-icon{width:21px;height:21px;stroke-width:2}.device-tab:first-child .device-icon{fill:currentColor;stroke-width:0}.device-tab small{font-size:7px;font-weight:550;color:inherit;white-space:nowrap;line-height:1.3}
.device-tab.active{color:#815df6;background:#f0ecfa}.device-home-indicator{position:absolute;bottom:5px;left:50%;width:96px;height:4px;transform:translateX(-50%);background:#111;border-radius:9px}
.weight-topbar{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 15px 5px}.weight-topbar>strong{font-size:15px;letter-spacing:-.025em}
.weight-screen-content{display:grid;gap:10px;padding:0 14px}
.device-periods{display:flex;align-items:center;background:#e6e4ec;border-radius:15px;padding:2px;height:25px;color:#37333f;font-size:9px}
.device-periods span{flex:1;min-width:0;text-align:center;padding:4px 0;line-height:1.2}.device-periods .selected{background:#fff;border-radius:12px;box-shadow:0 1px 4px #3e2a5710}
.weight-detail{padding:12px 12px 9px;border-radius:21px;height:306px}
.weight-current{display:block;font-size:29px;line-height:1.1;margin-top:13px;letter-spacing:-.045em}.weight-current small{font-size:23px;font-weight:800;color:inherit}
.weight-detail>p{font-size:8.5px;color:#75707e;line-height:1.3;margin-top:5px}
.device-weight-chart{display:block;width:100%;height:210px;margin-top:5px;direction:ltr;overflow:visible}
.device-weight-chart text{fill:#86808e;font-size:8px;font-family:inherit}.device-weight-chart .chart-reference-label{font-size:7px;font-weight:600;fill:#817887}
.chart-reference{stroke:#ccc7d5;stroke-width:.8;stroke-dasharray:4 4;fill:none}.chart-reference.goal{stroke:#b09bfa}.chart-weight-line{stroke:#8460f8;stroke-width:2.3;stroke-linejoin:round;stroke-linecap:round;fill:none}
.weight-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px 15px;padding:13px 16px;height:81px;border-radius:21px}
.weight-stats div{display:flex;flex-direction:column;gap:2px}.weight-stats small{font-size:8.5px;font-weight:650;color:#756f7e}.weight-stats strong{font-size:13px;line-height:1.1;letter-spacing:-.015em}
.device-add{height:34px;border-radius:20px;background:linear-gradient(115deg,#9573ff,#7051f2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;gap:5px;box-shadow:0 5px 10px #7b55ed15}.device-add .device-icon{width:16px;height:16px;stroke-width:3}
.device-ui[dir="rtl"] .summary-topbar>img{right:auto;left:27px}.device-ui[dir="rtl"] .summary-topbar>.screen-round-button{right:auto;left:15px}.device-ui[dir="rtl"] .summary-topbar h3{font-size:26px}.device-ui[dir="rtl"] strong,.device-ui[dir="rtl"] h3{letter-spacing:0}.device-ui[dir="rtl"] .weight-topbar .screen-round-button:first-child{transform:scaleX(-1)}
html[lang^="hi"] .device-ui strong,html[lang^="hi"] .device-ui h3{letter-spacing:0}
@media(min-width:1051px) and (max-width:1200px){.iphone-device{--screen-scale:.77;width:249px;height:518.5px;border-radius:44px}.iphone-glass{border-radius:35px}.landing-phones{height:580px}.landing-hero-inner{gap:35px;padding-block:50px;min-height:690px}.iphone-summary{left:0;transform:rotate(-4deg)}.iphone-weight{right:-6px;top:40px;transform:rotate(4deg)}}
@media(max-width:1050px){.landing-hero-inner{grid-template-columns:1fr;gap:32px;padding-block:42px 45px;min-height:0}.landing-copy{text-align:center;padding:0}.landing-copy h1{max-width:710px;margin-inline:auto}.landing-lede{margin-inline:auto}.landing-copy .store-badges{margin-inline:auto}.landing-preview{width:min(594px,100%);margin:0 auto}.landing-phones{height:648px;max-width:594px}html[dir="rtl"] .landing-copy{text-align:center}}
@media(max-width:760px){.landing-hero-inner{gap:23px;padding-block:36px 35px}.landing-preview{width:min(480px,100%);margin:5px auto 0}.iphone-device{--screen-scale:.7;width:228px;height:473px;border-radius:41px}.iphone-glass{border-radius:32px}.landing-phones{height:525px;max-width:480px}.iphone-summary{left:2px;top:3px;transform:rotate(-4deg)}.iphone-weight{right:2px;top:34px;transform:rotate(4deg)}.landing-preview figcaption{margin-top:11px;font-size:10px;padding-inline:5px}.key-action{top:79px;height:16px}.key-volume-one{top:114px;height:31px}.key-volume-two{top:157px;height:31px}.key-power{top:126px;height:49px}}
@media(max-width:480px){.iphone-device{--screen-scale:.5733333333;width:188px;height:390.6667px;padding:8px;border-radius:34px}.iphone-glass{border-radius:26px}.landing-phones{height:439px;max-width:370px}.iphone-summary{left:1px;transform:rotate(-2deg)}.iphone-weight{right:1px;top:30px;transform:rotate(2deg)}.device-key{width:2px}.key-action{top:69px;height:14px}.key-volume-one{top:98px;height:27px}.key-volume-two{top:133px;height:27px}.key-power{top:104px;height:40px}}
@media(max-width:420px){.iphone-device{--screen-scale:.5166666667;width:171px;height:351.8333px;border-radius:31px}.iphone-glass{border-radius:23px}.landing-phones{height:395px}}
@media(max-width:370px){.iphone-device{--screen-scale:.4333333333;width:142px;height:293.6667px;padding:6px;border-radius:26px}.iphone-glass{border-radius:20px}.landing-phones{height:333px}.iphone-summary{left:0}.iphone-weight{right:0;top:26px}.landing-preview figcaption{margin-top:10px}}