/* Universal product framing, with a separate and clearly labelled example. */
.product-pillars strong{font-size:43px;letter-spacing:1px}.product-illustration-note{color:var(--muted);font-size:11px;margin:18px 3px 0}.case-card{display:grid;grid-template-columns:1.2fr 1fr;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--soft)}.case-illustration{display:flex;align-items:center;background:#102239;padding:24px}.case-illustration img{width:100%;height:auto;border:1px solid #426481;border-radius:12px;box-shadow:0 18px 40px #07132250}.case-copy{padding:40px}.case-badge{display:inline-flex;padding:5px 11px;border:1px solid #9dbfe852;border-radius:999px;color:var(--blue);font-size:10px;background:#1676ee08}.case-copy h3{font-size:27px;letter-spacing:-.7px;margin:18px 0}.case-copy>p{color:var(--muted);font-size:13px}.case-facts{list-style:none;padding:0;margin:25px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.case-facts li{display:flex;flex-direction:column;gap:3px}.case-facts strong{font-size:30px;line-height:1.3;font-weight:600;color:var(--text)}.case-facts span{font-size:10px;color:var(--muted)}.case-copy>small{display:block;font-size:10px;color:var(--muted);margin-top:18px;line-height:1.8}.case-copy .button{min-height:44px;font-size:12px;padding:9px 20px}html[data-theme=dark] .case-badge{background:#1676ee15;border-color:#608ab466}
@media(max-width:1050px){.case-card{grid-template-columns:1fr 1fr}.case-copy{padding:28px}.case-illustration{padding:18px}.case-copy h3{font-size:23px}.nav-links{gap:20px}}
@media(max-width:650px){.product-pillars strong{font-size:32px}.product-illustration-note{font-size:10px}.case-card{grid-template-columns:1fr;border-radius:16px}.case-illustration{padding:18px}.case-copy{padding:26px}.case-copy h3{font-size:23px}.case-copy>p{font-size:12px}.case-facts{gap:12px}.case-facts strong{font-size:27px}.case-facts span{font-size:10px}}

@media(max-width:650px){#interactions .doctor-card{max-height:none}#interactions .portrait-device{margin-bottom:28px}}

/* Preserve the illustration's native ratio and center it within the detail card. */
#interactions .object-visual{flex:1;display:flex;align-items:center;justify-content:center;padding:14px 28px 40px;min-width:0}
#interactions .object-visual .portrait-device{width:min(300px,100%);flex:0 0 auto;aspect-ratio:auto;margin:0;padding:5px;border:1px solid #a9bfd3;border-radius:28px;background:linear-gradient(145deg,#edf6ff,#b7cde1);box-shadow:0 20px 42px #23476b1a,inset 0 1px 0 #ffffffd9;overflow:hidden}
#interactions .object-visual .portrait-device img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;object-position:center;border-radius:22px}
html[data-theme=dark] #interactions .object-visual .portrait-device{border-color:#51708f;background:linear-gradient(145deg,#4e6b88,#233d56);box-shadow:0 20px 42px #02091640,inset 0 1px 0 #a9c5e333}
@media(max-width:650px){#interactions .object-visual{padding:8px 24px 32px}#interactions .object-visual .portrait-device{width:min(264px,100%);margin:0;border-radius:26px}#interactions .object-visual .portrait-device img{border-radius:20px}}

/* Feature cards share the product's blue visual language. */
#capabilities .benefit-grid{gap:22px;align-items:stretch}
#capabilities .benefit-grid article{position:relative;display:flex;flex-direction:column;padding:30px;border:1px solid #dce7f5;border-radius:22px;background:linear-gradient(145deg,#fff,#f4f8fe);box-shadow:0 8px 28px #244c7b08,inset 0 1px 0 #fff;transition:transform .22s,box-shadow .22s,border-color .22s}
#capabilities .benefit-grid article::before{content:"";position:absolute;top:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,#a9d3ff,transparent)}
#capabilities .capability-top{display:flex;align-items:center;justify-content:space-between;gap:18px}
#capabilities .capability-icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;flex:0 0 auto;border:1px solid #c9dff7;border-radius:16px;background:linear-gradient(145deg,#f2f9ff,#e0eeff);box-shadow:0 5px 12px #287de715,inset 0 1px 0 #fff;color:#2c80df}
#capabilities .capability-icon svg{width:29px;height:29px;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
#capabilities .capability-index{color:#7b98b8;font-size:10px;letter-spacing:1.4px;white-space:nowrap}
#capabilities .benefit-grid h3{font-size:21px;margin:26px 0 12px;letter-spacing:-.4px}
#capabilities .benefit-grid p{font-size:13px;line-height:1.9;margin-bottom:24px}
#capabilities .capability-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:18px;border-top:1px solid #e1ebf7}
#capabilities .capability-tags span{padding:3px 9px;border:1px solid #e0eafb;border-radius:7px;background:#edf5ff;color:#5681b2;font-size:10px;line-height:1.7}
@media(hover:hover){#capabilities .benefit-grid article:hover{transform:translateY(-4px);border-color:#b9d5f4;box-shadow:0 16px 35px #244c7b12,inset 0 1px 0 #fff}}
html[data-theme=dark] #capabilities .benefit-grid article{background:linear-gradient(145deg,#172b43,#122239);border-color:#304962;box-shadow:0 8px 28px #020c1b1a,inset 0 1px 0 #ffffff08}
html[data-theme=dark] #capabilities .benefit-grid article::before{background:linear-gradient(90deg,transparent,#4a7198,transparent)}
html[data-theme=dark] #capabilities .capability-icon{color:#9acbff;background:linear-gradient(145deg,#244768,#1b3553);border-color:#3c6081;box-shadow:0 5px 12px #020c1b26,inset 0 1px 0 #ffffff0e}
html[data-theme=dark] #capabilities .capability-index{color:#87a8cb}
html[data-theme=dark] #capabilities .capability-tags{border-color:#2b425c}
html[data-theme=dark] #capabilities .capability-tags span{background:#1c3653;border-color:#2f4d6d;color:#9ac1eb}
@media(max-width:1050px){#capabilities .benefit-grid{gap:16px}#capabilities .benefit-grid article{padding:24px}#capabilities .benefit-grid h3{font-size:20px}}
@media(max-width:650px){#capabilities .benefit-grid{gap:16px}#capabilities .benefit-grid article{padding:26px;border-radius:18px}#capabilities .capability-icon{width:48px;height:48px;border-radius:14px}#capabilities .capability-icon svg{width:26px;height:26px}#capabilities .benefit-grid h3{font-size:20px;margin:22px 0 10px}#capabilities .benefit-grid p{font-size:12px;margin-bottom:20px}#capabilities .capability-tags{padding-top:16px}}
@media(prefers-reduced-motion:reduce){#capabilities .benefit-grid article{transition:none}#capabilities .benefit-grid article:hover{transform:none}}