/* Science overview: three cards (FDA clearance, model cards, skin types).
   Breakpoints: phone <= 760px, tablet 761-1100px, desktop >= 1101px. */

/* ---------- Section and heading ---------- */
.evidence{padding:112px 24px 0;color:var(--ink);font-family:var(--font)}
.evidence-heading{max-width:860px;margin:0 auto 60px;text-align:center}
.evidence-heading h2{margin:0;font-size:40px;font-weight:500;line-height:1.05;letter-spacing:-.02em;text-wrap:balance}
.evidence-heading p{max-width:720px;margin:16px auto 0;font-size:18px;font-weight:400;line-height:1.5;letter-spacing:-.03em;color:#7d7d80;text-wrap:pretty}
.evidence-heading .ways-pill{display:inline-block;max-width:none;margin:0 0 20px;padding:7px 14px;background:#f3f3f5;font-size:14px;font-weight:500;line-height:1.2;letter-spacing:normal;color:#111}
@media(max-width:1144px){.evidence-heading h2{font-size:28px;line-height:1.15}}

/* ---------- Grid and cards ---------- */
.evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1280px;margin:auto}
.evidence-card{display:flex;flex-direction:column;min-width:0;padding:0 24px 24px;border:0;border-radius:26px;background:#fff;box-shadow:none}
.evidence-art{aspect-ratio:1;flex:none;min-width:0;position:relative;overflow:hidden;border-radius:18px;background:#f1f1f3}
.evidence-copy{display:flex;flex-direction:column;flex:1;margin-top:24px}
.evidence-copy>h3{margin:0 0 12px;font-size:28px;line-height:1.15;font-weight:500;letter-spacing:-.02em;text-wrap:balance}
.evidence-copy>p{margin:0 0 16px;font-size:18px;line-height:1.5;font-weight:400;letter-spacing:-.03em;color:#7d7d80}
.evidence-copy .ways-link{margin-top:auto}

/* ---------- FDA card: white results table on blue ---------- */
.evidence-fda{container-type:inline-size;isolation:isolate;display:block;align-items:center;padding:0;background:#1b7bc4;color:#1b1b1b}
/* Glow and dot field, rotated so the top is darker and the bottom lighter. */
.evidence-fda::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1.2px) 0 0/14px 14px;-webkit-mask-image:linear-gradient(160deg,#000,transparent 70%);mask-image:linear-gradient(160deg,#000,transparent 70%);transform:rotate(180deg)}
.evidence-fda::after{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(75% 65% at 18% 0%,rgba(255,255,255,.24),rgba(255,255,255,0) 62%),radial-gradient(70% 70% at 100% 100%,rgba(8,45,98,.45),rgba(8,45,98,0) 72%),#1b7bc4;transform:rotate(180deg)}
.clinical-badge{position:absolute;top:28px;left:28px;right:14px;color:#fff;font-size:18px;font-weight:600;line-height:1.25;letter-spacing:-.025em}
.clinical-badge small{display:block;margin-top:6px;font-size:11px;font-weight:400;line-height:1.4;color:#ffffffbf;letter-spacing:0}
.clinical-panel{position:absolute;inset:24.5% 5.6% auto;display:flex;flex-direction:column;height:65%;border-radius:3.5cqw;overflow:hidden;background:#fff;box-shadow:0 3cqw 6cqw #174d8220}
.evidence-fda .clinical-panel{top:50%;transform:translateY(-50%)}
.clinical-table{flex:1;min-height:0;width:100%;height:auto;border-spacing:0;border-collapse:separate;text-align:left;font-size:3.6cqw;line-height:1.25;letter-spacing:-.02em}
.clinical-table th,.clinical-table td{padding:2cqw 4cqw;vertical-align:top;border:0}
.clinical-table thead th{height:15%;padding-block:2.5cqw;font-size:2.7cqw;line-height:1;font-weight:400;color:#7c818a;border-bottom:1px solid #edf0f4;white-space:nowrap}
.clinical-table thead th:first-child{width:38%}
.clinical-table tbody th{font-weight:500}
.clinical-table tbody tr+tr>*{border-top:1px solid #edf0f4}
.clinical-table small{display:block;margin-top:.8cqw;font-size:2.7cqw;font-weight:400;line-height:1.4;color:#7c818a;letter-spacing:0}
.clinical-pulse{display:grid;grid-template-columns:1fr 1fr;gap:3cqw}
.clinical-value{font-size:8.4cqw;line-height:1;font-weight:500;letter-spacing:-.055em;white-space:nowrap}
.clinical-value+small{margin-top:1.6cqw}
.clinical-trace{display:block;width:100%;height:4.5cqw;margin-top:2cqw;overflow:visible}
.clinical-trace path{fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.clinical-trace-heart path{stroke:#e85c63}
.clinical-trace-breath path{stroke:#333}

/* ---------- Model cards picker ---------- */
.evidence-model{background:linear-gradient(#f7f7f5,#eeeeef 50%,#bac1e9)}
.evidence-model>.ie-v{height:100%;min-height:0;aspect-ratio:auto;padding:14px;background:none;overflow:hidden}
.evidence-model .mf-d{position:static;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;width:100%;height:100%;max-width:none;min-height:0;margin:0;padding:14px;gap:10px;border-radius:16px;transform:none}
.evidence-model .mf-s1{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px}
.evidence-model .mf-h{font-size:18px;line-height:1.25}
.evidence-model .mf-os{display:grid;gap:5px;min-height:0;overflow:auto;scrollbar-width:thin;grid-auto-rows:minmax(24px,1fr)}
.evidence-model .mf-o{min-width:0;min-height:0;padding:4px 7px;gap:6px;border-radius:9px;font-size:11.5px;line-height:1.25;white-space:normal}
.evidence-model .mf-option-label{flex:1;min-width:0;white-space:normal}
.evidence-model .mf-o .mx-dot{flex:none;width:12px;height:12px}
.evidence-model .mf-ft{margin:0;align-self:end}
.evidence-model .mf-go{height:30px;padding:0 14px;font-size:12px}
.evidence-model .mf-back{width:30px;height:30px}
.evidence-model .mf-c{min-height:0;overflow:auto;scrollbar-width:thin}
.evidence-model .mf-c .mf-h{font-size:13px;line-height:1.35}
.evidence-model .mf-cap,.evidence-model .mf-cond,.evidence-model .mc-f{font-size:11px;line-height:1.4}
.evidence-model .mf-big{font-size:11px}
.evidence-model .mf-big b{font-size:28px}
.evidence-model .mf-s1[hidden],.evidence-model .mf-c[hidden]{display:none!important}

/* ---------- Skin types ---------- */
.evidence-skin{display:grid;place-items:center;padding:14px}
.evidence-skin>.ie-v{display:contents}
.evidence-skin .sk-c{position:static;inset:auto;transform:none;width:100%;max-width:none;padding:14px 14px 18px;border-radius:16px;box-sizing:border-box}
.evidence-skin .sk-h{font-size:18px;line-height:1.25}
.evidence-skin .sk-s{font-size:11px;line-height:1.4;margin-top:6px}
.evidence-skin .sk-f{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin:18px 0}
.evidence-skin .sk-f li{min-width:0}
.evidence-skin .sk-f img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:50%}
.evidence-skin .sk-f span{font-size:10px;margin-top:6px}
.evidence-skin .sk-n{margin:0}
.evidence-skin .sk-n>div{gap:8px;padding:9px 0}
.evidence-skin .sk-n dt,.evidence-skin .sk-n dd{font-size:11px;line-height:1.4}
.evidence-skin .sk-n dd{white-space:nowrap}

/* ---------- Desktop ---------- */
@media(min-width:1101px){
 .evidence-skin .sk-c{height:100%;min-height:0;padding-bottom:8px}
 .evidence-skin .sk-f{margin-block:16px}
 .evidence-skin .sk-n>div{padding-block:8px}
}
@media(min-width:1101px) and (max-width:1279px){.evidence-art{min-height:360px}}

/* ---------- Tablet ---------- */
@media(min-width:761px) and (max-width:1100px){
 .evidence-grid{gap:14px}
 .evidence-card{padding:0 18px 18px}
 .evidence-art{min-height:310px}
 .evidence-copy>h3{font-size:24px}
 .clinical-badge{top:20px;left:20px;font-size:16px}
 .evidence-model>.ie-v{padding:10px}
 .evidence-model .mf-d{padding:10px}
 .evidence-model .mf-o{font-size:10px;padding:3px 5px}
 .evidence-model .mf-h{font-size:16px}
 .evidence-skin{padding:10px}
 .evidence-skin .sk-c{padding:14px 10px}
 .evidence-skin .sk-h{font-size:16px}
 .evidence-skin .sk-n dt,.evidence-skin .sk-n dd{font-size:10px}
}
@media(max-width:1100px){.evidence-skin{aspect-ratio:auto;height:auto}}

/* ---------- Phone: gray band, white cards, headline above each visual ---------- */
@media(max-width:760px){
 .evidence{padding:72px 6.25vw 40px;background:#f1f1f3}
 .evidence-heading{margin-bottom:32px;text-align:left}
 .evidence-heading .ways-pill{background:#fff}
 .evidence-grid{grid-template-columns:minmax(0,1fr);gap:20px}
 .evidence-card{padding:20px;border-radius:24px;box-shadow:0 1px 2px #00000003}
 .evidence-art{border-radius:16px}
 .evidence-copy{display:contents}
 .evidence-copy>h3{order:-1;margin:0 0 20px;font-size:22px;line-height:1.25}
 .evidence-copy>p{margin:24px 0 0}
 .evidence-copy>.ways-link{margin-top:24px}
 /* The card headline names each visual, so the titles inside them are hidden. */
 .clinical-badge,.evidence-model .mf-s1>.mf-h,.evidence-skin .sk-h{display:none}
 .clinical-panel{height:64%}
 /* Model cards picker: same square as the FDA card. */
 .evidence-model{aspect-ratio:1;min-height:0;height:auto}
 .evidence-model .mf-d{padding:12px;gap:8px}
 .evidence-model .mf-s1{gap:8px}
 .evidence-model .mf-os{gap:5px}
 .evidence-model .mf-o{font-size:12px;line-height:1.2;padding:3px 9px;gap:8px}
 .evidence-model .mf-o .mx-dot{width:13px;height:13px}
 .evidence-model .mf-go{height:32px;font-size:13px;padding:0 16px}
 .evidence-skin{min-height:330px}
 .evidence-skin .sk-s{margin-top:0}
}
@container(max-width:250px){
 .clinical-panel{height:60%}
 .clinical-badge{top:20px;left:20px;font-size:16px}
 .clinical-badge small{margin-top:4px;font-size:10px}
}
/* Phones: the science section on white, its cards lifted with the Two ways shadow */
@media(max-width:760px){.evidence{background:#fff}.evidence-card{box-shadow:0 1px 2px rgba(0,0,0,.04),0 14px 36px -18px rgba(0,0,0,.16)}.evidence-heading .ways-pill{background:#f3f3f5}}
/* The three cards span the hero's content width: left edge with the hero copy, right edge with the hero's
   right edge (notes, Oct 29). */
@media(min-width:1000px){
 .evidence{padding-inline:88px}
 .evidence-grid{max-width:1424px}
 .evidence-card{padding-inline:0}   /* the pictures themselves meet those edges */
}
/* Heading laid out like the "One sensing engine" module above it (Oct 30): left-aligned, the same pill, headline
   and subcopy type, the subcopy wrapping at the headline's width. */
.evidence-heading{display:grid;grid-template-columns:max-content;justify-content:start;max-width:none;margin:0 0 64px;text-align:left}
.evidence-heading .ways-pill{justify-self:start;margin:0 0 20px;padding:7px 14px;border-radius:99px;background:#f3f3f5;color:#111;font:500 14px/1.2 var(--font)}
.evidence-heading h2{font-size:clamp(26px,2.7vw,42px);font-weight:600;line-height:1.2;letter-spacing:-.6px;color:#0a0a0a}
.evidence-heading p:not(.ways-pill){max-width:none;margin:14px 0 0;contain:inline-size;font-size:clamp(16px,1.4vw,21px);line-height:1.45;letter-spacing:-.25px;color:#7d8187}
@media(max-width:760px){.evidence-heading{display:block;margin-bottom:40px}.evidence-heading h2{font-size:32px}.evidence-heading p:not(.ways-pill){font-size:18px;line-height:28px}.evidence-heading .ways-pill{font-size:13px;margin-bottom:18px}}
@media(min-width:761px){.evidence-heading{box-sizing:border-box;width:100%;max-width:1424px;margin:0 auto 64px}}
/* The science module on the site's light gray (Oct 30); the cards' copy sits straight on the gray. */
.evidence{background:#f1f1f3;padding-bottom:112px}
.evidence-card{background:transparent;box-shadow:none}
.evidence-heading .ways-pill{background:#fff}
@media(max-width:760px){.evidence{background:#f1f1f3;padding-bottom:72px}.evidence-card{background:#fff;box-shadow:none}}
.evidence-skin{background:#e7e7ea}   /* keeps the skin-types frame visible on the gray */
/* Mobile: the gray band is a rounded card like the mobile hero (note, Oct 30). */
@media(max-width:760px){section.evidence{border-radius:24px;margin-inline:8px}}