.lab-back{padding:10px 14px;border:1px solid var(--tools-line);border-radius:999px;color:var(--tools-green);background:rgba(255,255,255,.72);text-decoration:none;font:750 .82rem/1 "Work Sans",sans-serif}
.lab-hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.45fr);gap:18px;margin-top:18px}.lab-hero__copy,.lab-hero__mark,.lab-form,.lab-result,.lab-how{border:1px solid var(--tools-line);border-radius:28px;box-shadow:0 14px 34px rgba(40,64,50,.07)}
.lab-hero__copy{padding:clamp(30px,4vw,54px);background:rgba(255,255,255,.82)}.lab-hero h1{max-width:900px;margin:0;font:600 clamp(2.6rem,5vw,5rem)/.94 "Zodiak",Georgia,serif;letter-spacing:-.05em}.lab-hero h1 em{color:#587d6b;font-weight:500}.lab-hero__copy>p{max-width:760px;margin:20px 0 0;color:var(--tools-muted);font:400 1.05rem/1.52 "Work Sans",sans-serif}
.lab-hero__mark{display:grid;place-items:center;align-content:center;padding:28px;color:white;text-align:center;background:radial-gradient(circle at 80% 10%,rgba(152,213,122,.23),transparent 15rem),#193b35}.lab-hero__mark strong{font:700 clamp(4rem,8vw,7rem)/.8 "Zodiak",Georgia,serif}.lab-hero__mark span,.lab-hero__mark small{display:block}.lab-hero__mark span{margin-top:18px;font:800 .9rem/1 "Work Sans",sans-serif;text-transform:uppercase;letter-spacing:.06em}.lab-hero__mark small{margin-top:9px;color:rgba(255,255,255,.68);font:600 .73rem/1.2 "Work Sans",sans-serif}
.lab-workspace{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:18px;margin-top:18px}.lab-form,.lab-result{padding:clamp(24px,4vw,42px)}.lab-form{background:rgba(255,255,255,.82)}.lab-form header h2,.lab-result h2,.lab-how h2{margin:8px 0 0;font:600 clamp(1.8rem,3vw,2.7rem)/1 "Zodiak",Georgia,serif}.lab-form header p{margin:12px 0 24px;color:var(--tools-muted);font:400 .86rem/1.45 "Work Sans",sans-serif}
.lab-field{display:grid;gap:8px;min-width:0}.lab-field>span:first-child,.lab-range legend{display:flex;align-items:center;gap:8px;color:var(--tools-ink);font:750 .82rem/1.25 "Work Sans",sans-serif}.lab-field i,.lab-range legend i{display:inline-grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border-radius:8px;color:white;background:var(--tools-green);font:800 .68rem/1 "Work Sans",sans-serif;font-style:normal}.lab-field input,.lab-field select{width:100%;height:52px;box-sizing:border-box;border:1px solid rgba(40,95,67,.19);border-radius:13px;color:var(--tools-ink);background:white;font:650 .9rem/1 "Work Sans",sans-serif}.lab-field input{padding:0 14px}.lab-field select{padding:0 42px 0 14px}.lab-field input:focus,.lab-field select:focus{outline:none;border-color:var(--tools-green);box-shadow:0 0 0 4px rgba(40,95,67,.1)}.lab-field--wide{padding:14px;border:1px solid rgba(40,95,67,.1);border-radius:17px;background:rgba(247,250,246,.86)}
.lab-form__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.lab-form__row--context,.lab-form__row--value{padding:14px;border:1px solid rgba(40,95,67,.1);border-radius:17px;background:rgba(247,250,246,.86)}.lab-control{position:relative;display:block}.lab-control input{padding-right:88px}.lab-control b{position:absolute;top:50%;right:13px;max-width:74px;color:var(--tools-muted);transform:translateY(-50%);font:700 .67rem/1.1 "Work Sans",sans-serif;text-align:right}
.lab-range{margin:18px 0 0;padding:16px 14px 14px;border:1px solid rgba(40,95,67,.15);border-radius:17px;background:#fffaf0}.lab-range legend{padding:0 7px}.lab-range>p{margin:0;color:var(--tools-muted);font:400 .75rem/1.4 "Work Sans",sans-serif}.lab-range small{font-weight:500}.lab-range .lab-form__row{margin-top:13px}
.lab-error{margin:16px 0 0;padding:12px 14px;border-radius:12px;color:#8e2626;background:#ffeded;font:650 .82rem/1.35 "Work Sans",sans-serif}.lab-submit{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:18px;padding:16px;border:0;border-radius:14px;color:#173125;background:#e9d39b;cursor:pointer;font:800 .88rem/1 "Work Sans",sans-serif}.lab-privacy{margin:12px 0 0;color:var(--tools-muted);font:500 .7rem/1.4 "Work Sans",sans-serif}
.lab-result{min-height:680px;color:white;background:radial-gradient(circle at 90% 5%,rgba(152,213,122,.18),transparent 21rem),linear-gradient(150deg,#244b46,#173046)}.lab-result__empty{display:grid;align-content:center;height:100%;max-width:580px}.lab-result__empty>span{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;color:#dcebd3;background:rgba(255,255,255,.1);font-size:1.5rem}.lab-result__empty h2{margin-top:24px}.lab-result__empty p{max-width:520px;margin:14px 0 0;color:rgba(255,255,255,.67);font:400 .9rem/1.5 "Work Sans",sans-serif}
.lab-result__status{display:inline-flex;width:fit-content;padding:8px 11px;border-radius:999px;color:#dff3d4;background:rgba(152,213,122,.14);font:800 .7rem/1 "Work Sans",sans-serif;text-transform:uppercase;letter-spacing:.07em}.lab-result__content[data-status=below] .lab-result__status,.lab-result__content[data-status=above] .lab-result__status{color:#ffe0b5;background:rgba(214,155,84,.18)}.lab-result__value{display:block;margin-top:20px;font:700 clamp(3.2rem,7vw,6rem)/.9 "Zodiak",Georgia,serif;letter-spacing:-.04em}.lab-result__content>h2{max-width:720px;margin:17px 0 24px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.13)}.lab-result article{margin-top:10px;padding:17px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(255,255,255,.05)}.lab-result article h3{margin:0;font:750 .85rem/1 "Work Sans",sans-serif}.lab-result article p,.lab-egfr p{margin:8px 0 0;color:rgba(255,255,255,.7);font:400 .82rem/1.5 "Work Sans",sans-serif}.lab-result__next{border-color:rgba(152,213,122,.24)!important;background:rgba(152,213,122,.08)!important}
.lab-egfr{margin-top:12px;padding:18px;border-radius:16px;color:#1d382d;background:#e9f3e4}.lab-egfr span,.lab-egfr strong{display:block}.lab-egfr span{font:800 .68rem/1 "Work Sans",sans-serif;text-transform:uppercase;letter-spacing:.06em}.lab-egfr strong{margin-top:9px;font:700 1.8rem/1 "Zodiak",Georgia,serif}.lab-egfr p{color:#51665b}.lab-result__links{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.lab-result__links a{padding:10px 12px;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:white;text-decoration:none;font:750 .72rem/1 "Work Sans",sans-serif}
.lab-how{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);gap:30px;margin-top:18px;padding:clamp(24px,3.5vw,40px);background:rgba(255,255,255,.78)}.lab-how p{margin:0;color:var(--tools-muted);font:400 .88rem/1.55 "Work Sans",sans-serif}.lab-how p+p{margin-top:10px}
@media(max-width:900px){.lab-hero,.lab-workspace,.lab-how{grid-template-columns:1fr}.lab-result{min-height:520px}}
@media(max-width:620px){.lab-back{max-width:112px;text-align:center;line-height:1.25}.lab-hero__copy,.lab-hero__mark,.lab-form,.lab-result,.lab-how{border-radius:20px}.lab-hero__copy,.lab-form,.lab-result,.lab-how{padding:24px 20px}.lab-form__row{grid-template-columns:1fr}.lab-result{min-height:430px}.lab-result__value{font-size:3.4rem}}

.lab-hero{grid-template-columns:minmax(0,1.08fr) minmax(370px,.92fr)}
.lab-hero__visual{position:relative;display:grid;min-width:0;margin:0;padding:16px 16px 0;overflow:hidden;border:1px solid var(--tools-line);border-radius:28px;background:radial-gradient(circle at 72% 20%,rgba(233,211,155,.4),transparent 16rem),linear-gradient(145deg,#eaf3ef,#fbfaf6);box-shadow:0 14px 34px rgba(40,64,50,.07)}
.lab-hero__visual picture{display:grid;place-items:end center;min-height:360px}.lab-hero__visual img{display:block;width:min(100%,490px);height:390px;object-fit:contain;object-position:center bottom}
.lab-hero__count{position:absolute;top:16px;left:16px;display:grid;gap:3px;padding:12px 14px;border-radius:14px;color:white;background:rgba(25,59,53,.93);box-shadow:0 9px 22px rgba(25,59,53,.16)}.lab-hero__count strong{font:750 1.5rem/1 "Work Sans",sans-serif}.lab-hero__count span{color:rgba(255,255,255,.68);font:700 .63rem/1 "Work Sans",sans-serif;text-transform:uppercase;letter-spacing:.05em}
.lab-hero__visual figcaption{margin:0 -16px;padding:15px 19px 17px;color:var(--tools-muted);background:rgba(255,255,255,.88);font:500 .77rem/1.45 "Work Sans",sans-serif}.lab-hero__visual figcaption strong{display:block;margin-bottom:3px;color:var(--tools-ink);font-size:.87rem}
@media(max-width:900px){.lab-hero{grid-template-columns:1fr}.lab-hero__visual picture{min-height:320px}.lab-hero__visual img{height:350px}}
@media(max-width:620px){.lab-hero__visual{padding:10px 10px 0;border-radius:20px}.lab-hero__visual picture{min-height:270px}.lab-hero__visual img{height:300px}.lab-hero__count{top:10px;left:10px}.lab-hero__visual figcaption{margin:0 -10px;padding:14px 16px 16px}}
