.patient-feature{position:relative;overflow:hidden;background:radial-gradient(ellipse at 90% 35%,#69735344,transparent 65%),#303c2e;color:#f4f0e5;padding:76px 8.2%;isolation:isolate}
.patient-feature::before{content:'';position:absolute;width:720px;height:720px;right:-420px;top:-440px;border:1px solid #e7c69425;border-radius:50%;pointer-events:none}
.patient-feature-inner{max-width:1450px;margin:auto;display:grid;grid-template-columns:1fr 1.15fr;gap:7%;align-items:center}
.patient-feature-copy{min-width:0;position:relative;z-index:2}
.patient-feature .eyebrow{color:#e5c595;line-height:1.8}
.patient-feature h2{font-size:clamp(34px,3.6vw,58px);line-height:1.15;letter-spacing:-.055em;font-weight:400;margin:23px 0}
.patient-feature h2 span{color:#e6c391}
.patient-feature-intro{max-width:435px;font-size:13px;line-height:1.9;color:#d2d7c8}
.patient-feature-benefits{list-style:none;padding:0;margin:28px 0;display:grid;gap:20px;max-width:440px}
.patient-feature-benefits li{display:flex;gap:16px;align-items:baseline}
.feature-number{font-size:10px;color:#e6c391;letter-spacing:.12em}
.patient-feature-benefits h3{font-size:14px;font-weight:600;margin:0 0 5px;line-height:1.5}
.patient-feature-benefits p{font-size:12px;color:#c4ccbb;line-height:1.8;margin:0}
.patient-feature-link{display:inline-flex;align-items:center;gap:18px;border:1px solid #e6c39190;border-radius:32px;padding:16px 23px;min-height:48px;color:#f0d6ac;font-size:12px;background:#e6c39108;transition:background .2s,box-shadow .2s}
.patient-feature-link:hover{background:#e6c3911f;box-shadow:0 5px 24px #13201440}
.patient-feature-link:focus-visible{outline:2px solid #efd5ae;outline-offset:5px}
.patient-feature-access{font-size:10px;color:#bdc7b4;margin-top:12px}
.patient-feature-visual{position:relative;margin:0;min-width:0;padding:35px 0 48px;perspective:1400px}
.patient-preview-orbit{position:absolute;inset:-2% -5% 0;border-radius:50%;border:1px solid #e6c39126;transform:rotate(-22deg);box-shadow:0 0 90px #e6c3910a,inset 0 0 60px #e6c3910a;animation:patient-orbit-breathe 7s ease-in-out infinite}
.patient-preview-device{position:relative;border:5px solid #879078;border-bottom-width:8px;border-radius:19px;background:#f5f1e8;overflow:hidden;box-shadow:2px 2px 0 #dfc69870,16px 28px 45px #10201170;transform:rotateY(-9deg) rotateZ(1.5deg);animation:patient-device-float 8s ease-in-out infinite;color:#37412f}
.patient-preview-top{height:43px;background:#2c3729;border-bottom:1px solid #e6c39125;display:flex;align-items:center;gap:10px;padding:0 17px;color:#e6c391;font-size:7px;letter-spacing:.17em}
.patient-preview-top img{width:25px;height:25px}.patient-preview-top i{margin-left:auto;width:6px;height:6px;background:#d5b57b;border-radius:50%;box-shadow:0 0 12px #e6c39150}
.patient-preview-body{display:grid;grid-template-columns:27% 1fr;min-height:310px}
.patient-preview-sidebar{display:flex;flex-direction:column;background:#34412f;color:#bdc8af;padding:21px 12px;gap:16px;font-size:8px}
.patient-preview-sidebar img{width:100%;height:auto;max-width:118px;align-self:center;margin-bottom:9px}
.patient-preview-sidebar span{padding:0 8px}.patient-preview-sidebar .preview-active{background:#e6c3911b;border:1px solid #e6c39138;border-radius:6px;padding:9px 8px;color:#eed1a5}
.patient-preview-sidebar small{font-size:9px;line-height:1.8;margin-top:auto;padding:12px 8px 0;color:#e6c391}
.patient-preview-content{padding:26px 22px}.patient-preview-kicker{font-size:7px;letter-spacing:.17em;color:#72785f}
.patient-preview-title{font-size:clamp(22px,2.1vw,34px);letter-spacing:-.05em;line-height:1.2;margin:13px 0 9px}
.patient-preview-welcome{font-size:9px;color:#6d7562;line-height:1.7}
.patient-preview-note{display:flex;align-items:center;gap:12px;border:1px solid #d3c5a4;background:#e9e5d7;padding:15px 12px;border-radius:10px;margin:23px 0 13px}
.patient-preview-note svg{color:#81895d;flex-shrink:0}.patient-preview-note b,.patient-preview-tiles b{font-size:10px;display:block;font-weight:600}
.patient-preview-note span,.patient-preview-tiles span{font-size:8px;display:block;color:#6b735f;line-height:1.7;margin-top:4px}
.patient-preview-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.patient-preview-tiles>div{padding:14px 10px;border:1px solid #c6c7b74f;border-radius:9px;background:#fffaf2}.patient-preview-tiles svg{display:block;margin-bottom:12px;color:#8a9067}
.patient-preview-seal{position:absolute;right:5%;bottom:18px;display:flex;align-items:center;gap:13px;background:linear-gradient(125deg,#f0d5a5,#d2aa70);border:1px solid #fff1d099;padding:16px 25px;border-radius:13px;box-shadow:0 12px 28px #14241055;color:#3c472f;transform:rotate(-3deg);animation:patient-seal-float 8s ease-in-out infinite}
.patient-preview-seal img{filter:brightness(.45);width:31px}.patient-preview-seal span{font-size:11px;line-height:1.6}.patient-preview-seal strong{font-weight:650}
.patient-feature-visual figcaption{position:absolute;left:8px;bottom:-15px;color:#b9c2aa;font-size:9px;letter-spacing:.035em}
@keyframes patient-device-float{0%,100%{transform:rotateY(-9deg) rotateZ(1.5deg) translateY(0)}50%{transform:rotateY(-5deg) rotateZ(.5deg) translateY(-8px)}}
@keyframes patient-seal-float{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-1deg) translateY(5px)}}
@keyframes patient-orbit-breathe{0%,100%{opacity:.45;scale:.98}50%{opacity:.9;scale:1.03}}
html[data-motion="paused"] .patient-feature *,html[data-page-hidden="true"] .patient-feature *,.patient-feature[data-ambient-state="idle"] *{animation-play-state:paused!important}
@media(min-width:761px) and (max-width:1100px){.patient-feature{padding-inline:6%}.patient-feature-inner{gap:4%;grid-template-columns:1fr 1fr}.patient-preview-sidebar{display:none}.patient-preview-body{grid-template-columns:1fr}.patient-preview-content{padding:22px}.site-header nav{gap:16px}}
@media(max-width:760px){
 .site-header nav{gap:clamp(12px,3.7vw,25px);font-size:9px;flex-wrap:wrap}
 .patient-feature{padding:46px 7% 52px;text-align:center}.patient-feature-inner{display:flex;flex-direction:column;gap:35px}
 .patient-feature .eyebrow{font-size:8px;letter-spacing:.17em}.patient-feature h2{font-size:clamp(31px,8.5vw,48px);margin:20px 0}
 .patient-feature-intro{font-size:12px;margin:auto;max-width:420px}.patient-feature-benefits{margin:25px auto;gap:19px}.patient-feature-benefits li{display:block}.feature-number{display:none}.patient-feature-benefits h3{font-size:13px}.patient-feature-benefits p{font-size:11px;max-width:330px;margin:auto}
 .patient-feature-link{font-size:11px;padding:14px 21px}.patient-feature-access{font-size:9px}.patient-feature-visual{width:100%;max-width:500px;padding:15px 0 45px;text-align:left}
 .patient-preview-device{border-width:4px;border-bottom-width:6px;animation:none;transform:none}.patient-preview-body{grid-template-columns:25% 1fr;min-height:270px}.patient-preview-sidebar{padding:18px 6px;font-size:7px;gap:14px}.patient-preview-sidebar span{padding-inline:3px}.patient-preview-sidebar .preview-active{padding:8px 3px}.patient-preview-sidebar small{font-size:8px;padding-inline:3px}
 .patient-preview-content{padding:20px 13px}.patient-preview-title{font-size:26px}.patient-preview-note{gap:8px;padding:12px 9px;margin-top:17px}.patient-preview-note b,.patient-preview-tiles b{font-size:9px}.patient-preview-note span,.patient-preview-tiles span{font-size:8px}.patient-preview-tiles{gap:7px}.patient-preview-tiles>div{padding:11px 8px}.patient-preview-seal{right:4%;bottom:14px;padding:12px 18px}.patient-preview-seal span{font-size:10px}.patient-feature-visual figcaption{bottom:-9px;width:100%;left:0;text-align:center;font-size:8px}
}
@media(max-width:359px){.patient-preview-sidebar{display:none}.patient-preview-body{grid-template-columns:1fr}.patient-preview-content{padding:20px}.site-header nav{gap:12px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.patient-feature *{animation:none!important}.patient-preview-device{transform:none}}
@media print{.patient-feature *{animation:none!important}.patient-preview-device{transform:none}}
