/* Homepage product story: real HTML, clearly labeled illustrative workflow. */
.tu-clarity .hv-visual{background:#091529;background-image:radial-gradient(ellipse at 85% 45%,#174b9155,transparent 60%)}
.tu-clarity .hv-visual .hv-hero-grid{grid-template-columns:.92fr 1.08fr;gap:52px;padding-block:72px 48px}
.tu-clarity .hv-visual .hv-copy h1{font-size:clamp(46px,4.85vw,70px);line-height:1.07;letter-spacing:-.055em}
.tu-clarity .hv-visual .hv-lead{font-size:19px;line-height:1.65;max-width:485px}
.tu-clarity .hv-visual .hv-copy-note{font-size:13px;margin-top:24px}
.tu-clarity .hv-visual .hv-window{border-color:#54719b;box-shadow:0 30px 90px #0005,0 0 60px #2664da15;border-radius:18px}
.tu-clarity .hv-visual .hv-window-bar{padding:17px 20px;background:#fff}
.tu-clarity .hv-visual .hv-controls{padding:10px 20px;flex-direction:row;align-items:center;gap:10px;background:#f7f9fc}
.tu-clarity .hv-visual .hv-controls label{font-size:13px!important;max-width:none}
.tu-clarity .hv-visual .hv-controls select{width:auto;max-width:220px;min-height:44px;font-size:14px!important}
.tu-clarity .hv-visual .hv-tabs{grid-template-columns:repeat(4,minmax(0,1fr));padding:0 9px;background:#fff}
.tu-clarity .hv-visual .hv-tabs button{font-size:13px!important;min-height:46px}
.tu-clarity .hv-visual .hv-panel{min-height:365px;background:#f2f5fa}
.tu-clarity .hv-visual .hv-brand-preview{display:flex;align-items:center;gap:10px;padding:20px 20px 16px;color:#15325c}
.hv-brand-mark{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:9px;background:#215bec;color:#fff;font-size:26px;font-weight:400}
.hv-brand-preview>strong{font-size:18px;letter-spacing:-.035em;line-height:1.3}
.hv-brand-preview>strong>span{display:block;max-width:215px;font-size:10px;font-weight:600;letter-spacing:.065em;color:#586e8c;margin-top:3px}
.hv-preview-label{margin-left:auto;font-size:11px;line-height:1.3;color:#4d6380}
.hv-overview-grid{display:grid;grid-template-columns:1.04fr 1fr;gap:12px;padding:0 20px}
.hv-portal-card,.hv-connection-card{min-width:0;background:#fff;border:1px solid #d8e2ef;border-radius:11px;padding:18px 15px}
.tu-clarity .hv-visual .hv-kicker{font-size:10px!important;letter-spacing:.06em;color:#365b92;margin-bottom:8px}
.tu-clarity .hv-visual .hv-card-heading h2{font-size:23px;line-height:1.15;letter-spacing:-.045em}
.tu-clarity .hv-visual .hv-portal-intro{font-size:13px;line-height:1.45;color:#526580;margin:7px 0 17px}
.hv-visit-preview{border:1px solid #dce5f1;overflow:hidden;border-radius:8px;background:#f7faff}
.hv-visit-preview img{display:block;width:100%;height:92px;object-fit:cover;object-position:50% 36%}
.hv-visit-preview>div{padding:10px}
.hv-visit-preview span{display:block;font-size:11px;line-height:1.5;color:#556985}
.hv-visit-preview span:first-child{font-size:10px;letter-spacing:.07em;font-weight:600}
.hv-visit-preview strong{display:block;font-size:14px;color:#17345e;margin:2px 0}
.hv-portal-status{font-size:10px;line-height:1.4;color:#375e59;display:flex;gap:6px;align-items:center;margin-top:12px}
.hv-status-dot{display:block;width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#348570}
.hv-connection-card{background:#eaf1fe;border-color:#d5e1f8;display:flex;flex-direction:column}
.hv-connection-list{list-style:none;padding:0;margin:16px 0 20px;display:grid;gap:22px}
.hv-connection-list li{display:flex;gap:10px;position:relative;align-items:flex-start}
.hv-connection-list li>span{display:grid;place-items:center;width:25px;flex:0 0 25px;height:25px;border:1px solid #b8cdf3;border-radius:50%;background:#fff;color:#2455ad;font-size:10px;z-index:1}
.hv-connection-list li:not(:last-child):after{content:"";width:1px;background:#b8cdf3;position:absolute;left:12px;top:25px;bottom:-22px}
.hv-connection-list strong{display:block;font-size:13px;line-height:1.35;color:#173b75}
.hv-connection-list small{display:block;font-size:11px;line-height:1.5;color:#49628b;margin-top:3px}
.hv-connection-note{margin-top:auto;font-size:11px;color:#365785;padding-top:12px;border-top:1px solid #c9d8f1}
.hv-patient-action{padding:14px 20px 18px}
.tu-clarity .hv-visual .hv-next{font-size:13px!important;background:#fff;border-color:#c4d4ed;min-height:44px}
.tu-clarity .hv-visual .hv-window-footer{padding:1px 20px;background:#fff;font-size:11px!important}
.tu-clarity .hv-visual .hv-product-foot{padding-top:16px;align-items:center}
.tu-clarity .hv-visual .hv-product-foot>span{font-size:10px!important;max-width:195px;color:#b6c9e6!important}
.tu-clarity .hv-visual .hv-product-foot>a{font-size:13px!important}
.tu-clarity .hv-visual .hv-proof{padding-block:25px 30px}
@media(max-width:1180px){.tu-clarity .hv-visual .hv-hero-grid{gap:30px;grid-template-columns:.9fr 1.1fr}.tu-clarity .hv-visual .hv-copy h1{font-size:55px}.hv-overview-grid{padding-inline:14px;gap:9px}.hv-portal-card,.hv-connection-card{padding:15px 12px}.hv-connection-list li{gap:7px}.hv-connection-list strong{font-size:12px}}
@media(max-width:950px){.tu-clarity .hv-visual .hv-hero-grid{grid-template-columns:1fr;gap:35px;padding-block:45px 30px}.tu-clarity .hv-visual .hv-copy{max-width:670px}.tu-clarity .hv-visual .hv-copy h1{font-size:clamp(44px,7.5vw,65px);max-width:640px}.tu-clarity .hv-visual .hv-lead{max-width:620px}.tu-clarity .hv-visual .hv-product{max-width:630px}.hv-overview-grid{padding-inline:20px;gap:14px}.hv-portal-card,.hv-connection-card{padding:18px}.hv-connection-list strong{font-size:14px}.hv-visit-preview img{height:100px}}
@media(max-width:600px){.tu-clarity .hv-visual .hv-hero-grid{padding-top:31px;gap:29px}.tu-clarity .hv-visual .hv-copy h1{font-size:43px;margin-bottom:20px}.tu-clarity .hv-visual .hv-eyebrow{font-size:10px!important;margin-bottom:18px;letter-spacing:.1em}.tu-clarity .hv-visual .hv-lead{font-size:17px;line-height:1.55;margin-bottom:22px}.tu-clarity .hv-visual .hv-copy-note{display:none}.tu-clarity .hv-visual .hv-actions{gap:12px}.tu-clarity .hv-visual .hv-button{font-size:14px;padding-inline:15px}.tu-clarity .hv-visual .hv-text-link{font-size:13px}.tu-clarity .hv-visual .hv-window{border-radius:12px}.tu-clarity .hv-visual .hv-window-bar{padding:12px 13px}.tu-clarity .hv-visual .hv-sample{font-size:10px!important;padding:6px}.tu-clarity .hv-visual .hv-controls{padding:7px 12px}.tu-clarity .hv-visual .hv-controls label{font-size:11px!important;flex:0 1 auto}.tu-clarity .hv-visual .hv-controls select{font-size:13px!important;max-width:205px;flex:1;padding-left:8px}.tu-clarity .hv-visual .hv-tabs{padding:0 3px}.tu-clarity .hv-visual .hv-tabs button{font-size:11px!important;min-height:44px;padding-inline:2px}.tu-clarity .hv-visual .hv-panel{min-height:0}.tu-clarity .hv-visual .hv-brand-preview{padding:14px 12px 12px}.hv-brand-preview>strong{font-size:16px}.hv-brand-preview>strong>span{font-size:10px}.hv-preview-label{font-size:10px;max-width:40px;text-align:right}.hv-overview-grid{padding-inline:12px;grid-template-columns:1fr 1fr;gap:8px}.hv-portal-card,.hv-connection-card{padding:13px 10px}.tu-clarity .hv-visual .hv-kicker{font-size:10px!important;letter-spacing:.015em}.tu-clarity .hv-visual .hv-card-heading h2{font-size:19px}.tu-clarity .hv-visual .hv-portal-intro{font-size:11px;margin:6px 0 12px}.hv-visit-preview img{height:75px}.hv-visit-preview>div{padding:7px}.hv-visit-preview span{font-size:10px}.hv-visit-preview span:first-child{font-size:10px}.hv-visit-preview strong{font-size:12px}.hv-portal-status{font-size:10px;margin-top:9px}.hv-connection-list{margin-block:12px 14px;gap:16px}.hv-connection-list li{gap:6px}.hv-connection-list li>span{width:20px;height:20px;flex-basis:20px;font-size:10px}.hv-connection-list li:not(:last-child):after{left:9px;top:20px;bottom:-16px}.hv-connection-list strong{font-size:11px}.hv-connection-list small{font-size:10px;line-height:1.4}.hv-connection-note{font-size:10px;padding-top:9px}.hv-patient-action{padding:11px 12px 13px}.tu-clarity .hv-visual .hv-next{font-size:12px!important;padding:10px}.tu-clarity .hv-visual .hv-window-footer{padding-inline:13px;font-size:10px!important}.tu-clarity .hv-visual .hv-window-footer button{font-size:11px!important;min-height:44px}.tu-clarity .hv-visual .hv-product-foot{gap:10px;flex-wrap:nowrap}.tu-clarity .hv-visual .hv-product-foot>span{font-size:10px!important;max-width:140px}.tu-clarity .hv-visual .hv-product-foot>a{font-size:12px!important}.tu-clarity .hv-visual .hv-proof{grid-template-columns:1fr 1fr;gap:16px;padding-block:22px}.tu-clarity .hv-visual .hv-proof>div{display:block;border:0!important;padding:0!important}.tu-clarity .hv-visual .hv-proof strong{font-size:22px;white-space:normal}.tu-clarity .hv-visual .hv-proof span{display:block;font-size:12px!important;text-align:left;line-height:1.45;margin-top:7px;max-width:150px}}
@media(max-width:370px){.tu-clarity .hv-visual .hv-copy h1{font-size:37px}.tu-clarity .hv-visual .hv-actions{flex-direction:row;gap:8px 12px}.tu-clarity .hv-visual .hv-controls select{max-width:172px}.tu-clarity .hv-visual .hv-controls label{font-size:10px!important}.hv-overview-grid{gap:6px;padding-inline:9px}.hv-portal-card,.hv-connection-card{padding:11px 8px}.hv-connection-list li>span{display:none}.hv-connection-list li:after{display:none}.tu-clarity .hv-visual .hv-card-heading h2{font-size:17px}.hv-brand-preview>strong>span{font-size:10px}}

@media(max-width:600px){.hv-brand-preview>strong>span{max-width:180px;line-height:1.45}.hv-preview-label{max-width:40px}.hv-visit-preview span:first-child{line-height:1.4}.hv-connection-list{gap:18px}.hv-connection-list li:not(:last-child):after{bottom:-18px}.tu-clarity .hv-visual .hv-product-foot{flex-wrap:wrap}.tu-clarity .hv-visual .hv-product-foot>span{max-width:180px}}