/* ============ WEBSITE ============ */
.sec{padding-block:clamp(52px,8vw,100px)}
.sec.white{background:var(--surface)}
.head{display:grid;gap:12px;max-width:640px;margin-bottom:clamp(26px,4vw,48px)}
.head.center{margin-inline:auto;text-align:center;justify-items:center}
.lede{font-size:1.18rem;color:var(--ink2);max-width:44ch}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(24px,5vw,56px);align-items:center;padding-block:clamp(24px,5vw,56px) clamp(44px,7vw,88px)}
.hero-copy{display:grid;gap:22px;min-width:0}
.pill{justify-self:start;display:inline-flex;align-items:center;gap:8px;background:var(--surface);border-radius:999px;padding:7px 14px 7px 8px;font-size:14px;font-weight:700;color:var(--ink);box-shadow:var(--sh)}
.ctas{display:flex;gap:10px;flex-wrap:wrap}
.small-note{font-size:14px;font-weight:600;color:var(--muted)}
.small-note button{background:none;border:0;padding:0;font-weight:800;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
/* hero art: an MR profile card the way doctors see it */
.stage{position:relative;display:grid;place-items:center;padding:30px 0 48px}
.stage::before{content:"";position:absolute;inset:0 4%;border-radius:48px;background:linear-gradient(160deg,var(--blue-soft),var(--lime-soft))}
.pcard{position:relative;z-index:1;width:min(360px,100%);background:var(--surface);border-radius:30px;box-shadow:var(--sh-lift);overflow:hidden}
.pcard .cov{height:84px;background:var(--ink);position:relative;overflow:hidden}
.pcard .cov::after{content:"";position:absolute;right:-40px;top:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(221,245,107,.55),transparent 70%)}
.pcard .bd{padding:0 18px 18px;display:grid;gap:12px}
.pcard .who{display:flex;gap:12px;align-items:flex-end;margin-top:-34px;position:relative}
.pcard .who .av{width:72px;height:72px;font-size:24px;border:4px solid var(--surface)}
.pcard .who b{display:block;color:var(--ink);font-size:17px}
.pcard .who span{font-size:13px;font-weight:600}
.mini{display:flex;gap:10px;align-items:center;background:var(--canvas);border-radius:18px;padding:8px 10px}
.mini b{display:block;color:var(--ink);font-size:13.5px}.mini span{font-size:12px;font-weight:600;color:var(--muted)}
.floaty{position:absolute;z-index:2;display:flex;gap:10px;align-items:center;background:var(--surface);border-radius:20px;padding:10px 16px 10px 10px;box-shadow:var(--sh-lift);font-size:13px;font-weight:600}
.floaty b{display:block;color:var(--ink);font-size:14px}
.f1{top:8%;left:0;animation:bob 5s ease-in-out infinite}.f2{bottom:-2%;right:0;animation:bob 5s ease-in-out 2.5s infinite}
@keyframes bob{50%{transform:translateY(-8px)}}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr}.f1{left:2%}.f2{right:2%}}
@media (max-width:420px){.floaty{font-size:12px;padding:8px 12px 8px 8px}.floaty .ib{width:32px;height:32px}}
.trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;background:var(--surface);border-radius:28px;padding:10px;box-shadow:var(--sh)}
.trust li{display:flex;gap:12px;align-items:center;padding:10px 12px;font-weight:700;color:var(--ink);font-size:15px}
@media (max-width:900px){.trust{grid-template-columns:1fr 1fr}}
@media (max-width:420px){.trust li{font-size:13.5px;gap:10px;padding:8px}}
.bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.bento .card{padding:24px;gap:12px}
.bento .card p{font-size:14.5px}
.bento .wide{grid-column:span 2}
.bento .ink{background:var(--ink);color:#C9D3DA}.bento .ink h3{color:#fff}
@media (max-width:900px){.bento{grid-template-columns:1fr}.bento .wide{grid-column:auto}}
.xl-demo{display:grid;grid-template-columns:repeat(3,auto);gap:0;background:var(--surface);border-radius:16px;overflow:hidden;font-size:12.5px;margin-top:6px;border:1px solid #ffffff1f}
.xl-demo span{padding:7px 10px;border-bottom:1px solid #ffffff14;color:#E6ECEF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ink .xl-demo{background:#ffffff0d}
.xl-demo .h{font-weight:800;color:var(--lime);background:#ffffff0a}
.steps3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;counter-reset:s}
.steps3 li{background:var(--canvas);border-radius:28px;padding:22px;display:grid;gap:8px;align-content:start}
.steps3 .n{width:40px;height:40px;border-radius:50%;background:var(--ink);color:var(--lime);display:grid;place-items:center;font-weight:800}
.steps3 b{color:var(--ink);font-size:17px}
@media (max-width:760px){.steps3{grid-template-columns:1fr}}
.faq{display:grid;gap:10px;max-width:760px;margin-inline:auto}
.faq details{background:var(--surface);border-radius:22px;padding:4px 20px;box-shadow:var(--sh)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:58px;font-weight:700;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary .ic{transition:transform .2s}.faq details[open] summary .ic{transform:rotate(45deg)}
.faq details p{padding:0 0 16px;font-size:14.5px}
.band{background:var(--ink);border-radius:40px;padding:clamp(28px,6vw,60px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;color:#C9D3DA}
.band h2{color:#fff}
@media (max-width:760px){.band{grid-template-columns:1fr}}
.foot{padding-block:24px 40px}
.foot-card{background:var(--surface);border-radius:36px;padding:clamp(22px,4vw,40px);box-shadow:var(--sh);display:grid;gap:28px}
.foot-top{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(0,1fr));gap:28px}
.foot-brand{display:grid;gap:14px;align-content:start}
.foot-brand p{max-width:32ch;margin:0}
.foot h4{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-weight:700}
.foot ul{display:grid;gap:2px;list-style:none;margin:0;padding:0}
.foot ul a{color:var(--ink);font-size:14.5px;min-height:36px;display:inline-flex;align-items:center}
.foot ul a:hover{text-decoration:underline;text-underline-offset:3px}
.foot-mid{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.chipl{text-decoration:none;display:inline-flex;gap:8px;align-items:center;background:var(--canvas);border-radius:999px;padding:9px 14px;font-size:13.5px;font-weight:700;color:var(--ink)}
.chipl .ic{color:var(--ok,#1F9D55)}
.foot-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;font-weight:600}
@media (max-width:860px){.foot-top{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}}