.setup-preview{display:grid;grid-template-columns:1.08fr 1fr;gap:80px;align-items:center}.setup-copy>p{font-size:15px;color:#627165;line-height:1.85;margin-top:24px;max-width:520px}.setup-steps{list-style:none;counter-reset:setup;padding:0;margin:32px 0 0;display:grid;gap:20px}.setup-steps li{counter-increment:setup;display:grid;grid-template-columns:34px 1fr;column-gap:14px}.setup-steps li:before{content:counter(setup);width:30px;height:30px;background:#e9eedc;color:#486741;border:1px solid #d2ddc6;border-radius:50%;display:grid;place-items:center;font-size:12px;grid-row:1/3;margin-top:2px}.setup-steps b{font-size:14px;font-weight:600}.setup-steps span{display:block;font-size:13px;color:#627165;line-height:1.8;margin-top:4px}.setup-copy .setup-note{font-size:11px;color:#78816e;margin-top:24px}.bmi-preview-card{background:#fffdf7;padding:30px;border:1px solid #dbe1d2;border-radius:22px;box-shadow:0 20px 50px #193c3008}.mini-label{font-size:10px;color:#6a7b61;letter-spacing:.5px}.bmi-card-heading h3{font:600 25px/1.25 'DM Sans',sans-serif;letter-spacing:-.8px;margin-top:13px}.bmi-card-heading p{font-size:13px;color:#66755f;margin-top:10px}.bmi-inputs{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:28px}.bmi-inputs label{font-size:12px;font-weight:600;display:block}.bmi-inputs label>span{float:right;color:#7a8970;font-size:11px;font-weight:400}.bmi-inputs input{display:block;width:100%;min-width:0;border:1px solid #cfd9c5;border-radius:10px;background:#fafaf3;color:#1c4430;padding:12px 14px;min-height:50px;font:500 20px 'DM Sans',sans-serif;margin-top:7px}.bmi-inputs input:focus-visible{outline:3px solid #89a36f;outline-offset:2px}.bmi-sample{display:flex;align-items:center;gap:25px;margin:30px 0}.bmi-sample>p{font-size:12px;line-height:1.8;color:#66755f;flex:1}.bmi-mini-ring{width:115px;height:115px;flex:none;border-radius:50%;background:conic-gradient(#779d6a 0 65%,#e7eddb 65% 100%);display:grid;place-items:center;position:relative}.bmi-mini-ring:before{content:'';position:absolute;inset:7px;border-radius:50%;background:#fffdf7}.bmi-mini-ring>span{z-index:1;font-size:26px;font-weight:500;text-align:center;line-height:1.3;letter-spacing:-.8px}.bmi-mini-ring small{font-size:9px;display:block;color:#75836c;letter-spacing:0}.bmi-preview-card .button{width:100%;justify-content:space-between}.bmi-demo-note{font-size:10px;line-height:1.8;color:#728068;margin-top:22px}.bmi-demo-note a{display:inline;text-decoration:underline;text-underline-offset:3px}.local-note{font-size:10px;line-height:1.8;color:#728068;margin-top:10px;padding-top:12px;border-top:1px solid #e1e6d8}.bmi-dialog{padding:0;margin:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;background:#102f25;color:#f3f5e9;overflow:auto;overscroll-behavior:contain}.bmi-dialog::backdrop{background:#071d19c9;backdrop-filter:blur(7px)}.bmi-dialog-inner{max-width:440px;margin:0 auto;padding:24px 24px 36px}.bmi-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.bmi-dialog-top>span{font-size:10px;letter-spacing:1.2px;color:#a6bda1}.bmi-dialog-close{height:44px;width:44px;flex:none;border-radius:50%;border:1px solid #4a6b54;color:#e9f3dc;background:none;font-size:24px}.bmi-dialog h2{font:600 27px/1.2 'DM Sans',sans-serif;letter-spacing:-1px;margin:20px 0 9px}.bmi-dialog-subtitle{font-size:12px;color:#aac0a6}.bmi-body-stage{position:relative;height:290px;display:grid;place-items:center;margin:14px 0 0;overflow:hidden;isolation:isolate}.bmi-photo-example{width:217.5px;height:290px;position:relative;overflow:hidden;mask-image:linear-gradient(to bottom,black 88%,transparent)}.bmi-photo-layer{position:absolute;inset:0;background-image:url('assets/bmi-examples.png');background-size:400% 200%;background-repeat:no-repeat;transition:opacity .65s ease}.bmi-scan-sweep{position:absolute;left:14%;right:14%;height:2px;background:#bddd98;box-shadow:0 0 16px 3px #b6df9566;top:10%;opacity:0;z-index:2}.bmi-playing .bmi-scan-sweep{animation:bmi-sweep 1.5s ease-in-out 1}.bmi-playing .bmi-photo-example{animation:bmi-materialise 1s ease-out both}.bmi-illustration-note{font-size:9px;line-height:1.7;color:#a2b99a;text-align:center;margin:0 auto 15px;max-width:330px}.bmi-result-block{text-align:center;margin-top:8px}.bmi-score-value{font-size:60px;line-height:1.1;font-weight:600;letter-spacing:-2px;font-variant-numeric:tabular-nums}.bmi-score-value small{font-size:12px;letter-spacing:0;margin-left:6px;font-weight:400;color:#a6bb9e}.bmi-category-label{display:table;margin:12px auto 8px;border:1px solid #6b8e5e;border-radius:25px;padding:6px 13px;font-size:12px;color:#d4e9c1;background:#c3df9d0d}.bmi-measurement-line{font-size:11px;color:#adc0a3}.bmi-range-track{display:flex;gap:3px;height:7px;margin:30px 0 8px;position:relative}.bmi-range-track i{height:7px;border-radius:3px}.bmi-range-track i:nth-child(1){flex:8.5;background:#a4c5ce}.bmi-range-track i:nth-child(2){flex:6.5;background:#b9db90}.bmi-range-track i:nth-child(3){flex:5;background:#e1c67d}.bmi-range-track i:nth-child(4){flex:10;background:#d8a58d}.bmi-range-marker{position:absolute;top:-9px;height:25px;width:2px;background:#fff;left:var(--bmi-position,43%);transform:translateX(-50%);transition:left 1.2s cubic-bezier(.2,.7,.2,1)}.bmi-range-labels{display:flex;justify-content:space-between;font-size:10px;color:#aac0a0}.bmi-ranges{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0;font-size:10px}.bmi-ranges div{border:1px solid #3e6046;border-radius:9px;padding:10px;line-height:1.8;color:#b8c9ac}.bmi-ranges b{display:block;color:#e7f1dc;font-size:11px;font-weight:600}.bmi-explainer{font-size:11px;color:#afc2a4;line-height:1.8;margin:18px 0}.bmi-explainer a{color:#d3e6b9;text-decoration:underline;text-underline-offset:3px}.bmi-modal-actions{display:flex;gap:10px}.bmi-modal-actions button{border:1px solid #6a8c5b;border-radius:11px;min-height:48px;font:500 12px 'DM Sans',sans-serif;padding:10px 14px;flex:1;color:#d4e5c3;background:transparent}.bmi-modal-actions button:last-child{color:#1d422e;background:#dceac4;border-color:#dceac4}.bmi-dialog :focus-visible{outline:3px solid #c1d991;outline-offset:4px}.bmi-dialog-body-locked{overflow:hidden}.bmi-live-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes bmi-sweep{0%{top:8%;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:92%;opacity:0}}@keyframes bmi-materialise{from{opacity:0;transform:translateY(12px) scale(.96);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@media(max-width:1000px){.setup-preview{gap:40px;grid-template-columns:1fr 1fr}.bmi-preview-card{padding:25px}.bmi-sample{gap:18px}.bmi-mini-ring{width:100px;height:100px}.setup-copy>p{font-size:14px}.setup-steps{gap:17px}.setup-steps span{font-size:12px}}
@media(max-width:700px){.setup-preview{grid-template-columns:minmax(0,1fr);gap:35px}.bmi-preview-card{padding:25px}.setup-copy>p{font-size:14px}.setup-copy .setup-note{font-size:11px}.setup-steps b{font-size:14px}.setup-steps span{font-size:13px}.bmi-card-heading h3{font-size:24px}.bmi-inputs{gap:13px}.bmi-sample{gap:22px;margin:25px 0}.bmi-sample>p{font-size:12px}.bmi-demo-note,.local-note{font-size:10px}.bmi-dialog-inner{padding:20px 24px 32px}.bmi-dialog h2{font-size:26px}.bmi-body-stage{height:285px}.bmi-photo-example{width:213.75px;height:285px}}
@media(max-width:360px){.bmi-preview-card{padding:21px}.bmi-card-heading h3{font-size:22px}.bmi-inputs{gap:11px}.bmi-inputs input{padding:12px 10px;font-size:19px}.bmi-sample{gap:17px}.bmi-mini-ring{width:91px;height:91px}.bmi-sample>p{font-size:11px}.bmi-dialog-inner{padding:18px 20px 28px}.bmi-dialog h2{font-size:24px}.bmi-body-stage{height:260px}.bmi-photo-example{width:195px;height:260px}.bmi-score-value{font-size:54px}.bmi-ranges{gap:7px}.bmi-ranges div{padding:9px}.bmi-modal-actions button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.bmi-dialog *{animation:none!important;transition:none!important}.bmi-scan-sweep{display:none}}