@font-face{font-family:'Pretendard Variable';src:url('/assets/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--bar-h:140px;--font:'Pretendard Variable',sans-serif}
/* Keep tablet/phone layouts in document flow. Pinning requires enough width AND height. */
.solve:not(.is-pinned){padding-block:clamp(64px,8vw,112px);background:#fff}
.solve:not(.is-pinned) .solve-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"h" "s" "p";gap:36px;max-width:1120px;margin-inline:auto}
.solve:not(.is-pinned) .solve-h{margin:0;text-align:left;line-height:1.35;word-break:keep-all;overflow-wrap:break-word}
.solve:not(.is-pinned) .solve-shot{width:min(100%,860px);max-width:100%;margin-inline:auto;transform:none}
.solve:not(.is-pinned) .solve-pts{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px;width:100%;height:auto;margin:0;padding:0}
.solve:not(.is-pinned) .solve-num{grid-column:1/-1;padding-block:12px 24px;border-bottom:1px solid #e4eaf3}
.solve:not(.is-pinned) .solve-pts li{min-width:0}
.how:not(.is-pinned){margin-top:0;visibility:visible;opacity:1}
.how:not(.is-pinned) .how-stage{height:auto;position:static}
.how:not(.is-pinned) .how-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}
.how:not(.is-pinned) .how-step{position:static;opacity:1;transform:none}
.voices:not(.is-staged) .v-left{position:static;height:auto}
.voices:not(.is-staged) .v-item{opacity:1}
@media(max-width:600px){
 .solve:not(.is-pinned) .solve-grid{gap:28px}
 .solve:not(.is-pinned) .solve-h{font-size:28px}
 .solve:not(.is-pinned) .solve-pts,.how:not(.is-pinned) .how-steps{grid-template-columns:minmax(0,1fr)}
 .solve:not(.is-pinned) .solve-pts li{padding-bottom:16px}
 .solve:not(.is-pinned) .solve-num small{display:block;margin-left:0}
 .how:not(.is-pinned) .how-step{padding:22px}
}
html{scroll-padding-top:calc(var(--bar-h) + 24px);scrollbar-color:#b8c4d5 #fff}
::selection{background:#bfd3ff;color:#0b1b33}
.skip-link{position:fixed;left:20px;top:-80px;background:#fff;color:#2563eb;padding:10px;z-index:200}.skip-link:focus{top:10px}
.audience-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #e6eaf0}
.header-inner{height:88px;display:flex;align-items:center;gap:40px;max-width:1600px;margin:auto;padding:0 40px}
.audience-header .brand{width:140px;flex:none}.audience-header .brand img{width:100%;height:auto}
.audience-nav{display:flex;gap:30px;align-items:center}.audience-nav a{font-size:16px;color:#737982;min-height:44px;display:flex;align-items:center;white-space:nowrap}
.audience-nav a[aria-current="page"]{color:#202124;text-decoration:underline;text-decoration-color:#2563eb;text-underline-offset:10px}
.hospital-subnav{display:flex;justify-content:center;gap:48px;height:52px;border-top:1px solid #edf0f4}
.hospital-subnav a{display:flex;align-items:center;font-size:15px;color:#596576;position:relative}
.hospital-subnav a[aria-current="page"]{color:#2563eb}.hospital-subnav a[aria-current="page"]::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#2563eb}
.audience-header a:hover{color:#2563eb}
.footer.container{max-width:1440px;margin:auto;padding:64px 40px 32px;font-size:13px;color:#667180;background:#fff}
.footer-top{display:flex;justify-content:space-between;gap:40px;padding-bottom:36px}.footer .brand{display:flex;align-items:end;gap:7px}.footer .brand img{width:120px;height:auto}.brand-extension{font-size:14px;color:#202124}
.footer-top>p{max-width:420px;font-size:16px}.footer-bottom{border-top:1px solid #e6eaf0;padding-top:24px;display:flex;justify-content:space-between;gap:30px;line-height:1.9}.legal{text-align:right}.legal a+a{margin-left:16px}
.reference-product{display:block;overflow:clip;overflow-y:visible}
.reference-product h1,.reference-product h2{letter-spacing:-.04em}
.reference-product .note{line-height:1.7}
.reference-product .okay{background:#eff6ff;color:#2563eb}
.reference-product .card-foot .ok{display:inline-flex;padding:7px 12px;border-radius:7px;background:#2563eb;color:#fff;font-size:13px}
.reference-product .close{padding-bottom:0}
.reference-product .js-fallback-note{font-size:14px;margin:14px 0;color:#6b717b}
.header-contact{margin-left:auto;white-space:nowrap;font-weight:600;color:#2563eb;min-height:44px;display:flex;align-items:center}
.reference-product :is(.app,.card,.memo,.fb,.addon,.c-close,.rp-phone,.patient-experience,.experience-cards article){border-radius:28px}
.reference-product :is(.card-body,.lead,.how-step p,.workflow-mobile-copy p){line-height:1.85}
.reference-product h2{line-height:1.4}
.reference-product :is(.fb,.fb-col,.addon-demo,.sec-card,.how-step,.workflow-shot,.workflow-mobile-shot){border-radius:28px}
.reference-product p+p{margin-top:20px}
.reference-product .solve-ic{border-radius:14px}
.reference-product .gen{flex-shrink:0;white-space:nowrap;min-width:112px;min-height:44px}
.reference-product :is(.app-left,.app-right,.card){min-width:0}
.reference-product .card-foot{flex-wrap:wrap;gap:16px}
.reference-product .card-foot .ok{height:auto;min-height:34px;white-space:nowrap}
.scribe-closing-scene{position:relative;margin-top:48px;border-radius:40px;overflow:hidden;max-width:1080px}
.scribe-closing-scene>img{width:100%;height:auto;display:block}
.scribe-closing-scene>.closing-hand-press{position:absolute;inset:0;clip-path:polygon(29% 52%,49% 49%,49% 78%,27% 82%);opacity:0;animation:closing-keypress 4s ease-in-out infinite;pointer-events:none}
.closing-monitor{position:absolute;left:47.3%;top:23.25%;width:47.5%;height:38.8%;overflow:hidden;background:#f8fbff;color:#1c293a;transform:rotate(-.3deg);container-type:inline-size;font-family:var(--font);text-align:left}
.closing-screen-top{height:15%;display:flex;align-items:center;gap:1.6cqw;padding:0 2cqw;background:#fff;border-bottom:1px solid #e7ebf1;font-size:2.2cqw;white-space:nowrap}
.closing-screen-top strong{font-size:2.35cqw;margin-right:3cqw}.closing-screen-top i{flex:1}.closing-screen-top-active{color:#2877ed;font-weight:700}.closing-screen-mark{color:#2877ed;font-size:3.3cqw}.closing-screen-state{border:1px solid #b9d9ff;border-radius:999px;color:#1970df;padding:.8cqw 1.4cqw;font-size:1.75cqw}
.closing-screen-body{height:85%;display:grid;grid-template-columns:48% 52%}.closing-results,.closing-opinions{min-width:0;overflow:hidden;padding:1.6cqw 1.7cqw}.closing-results{background:#f2f5f9;border-right:1px solid #dce4ee}.closing-opinions{background:#fff}
.closing-panel-head{display:flex;align-items:center;justify-content:space-between;gap:1cqw;white-space:nowrap}.closing-panel-head strong{font-size:2.7cqw}.closing-panel-head span{font-size:1.8cqw;color:#69798b}.closing-group-label{margin-top:2cqw;padding-bottom:1.3cqw;border-bottom:1px solid #dce4ee;color:#3377d9;font-size:2.05cqw;font-weight:700}
.closing-result{height:15%;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:1cqw;border-bottom:1px solid #dde5ee;background:#fff;font-size:2cqw;padding:0 1cqw;transition:opacity .25s,transform .25s;white-space:nowrap}.is-playing .closing-result:not(.is-visible){opacity:0;transform:translateY(5px)}.closing-result b{font-size:2.3cqw}.closing-result small{font-size:1.5cqw;color:#63758a;font-weight:500}.closing-result em{font-size:2cqw;font-style:normal;color:#ed5b5b}
.closing-opinion{margin-top:1.3cqw;padding:1.2cqw 1.4cqw;border:1px solid #dfe5ed;border-radius:1.5cqw;min-height:22%;transition:opacity .25s,transform .25s}.is-playing .closing-opinion:not(.is-visible){opacity:0;transform:translateY(5px)}.reference-product .closing-opinion h3{margin:0 0 .7cqw;font-size:2.3cqw;line-height:1.25;font-weight:700;color:#2877dc}.closing-opinion p{margin:0!important;font-size:2cqw;line-height:1.4;word-break:keep-all;color:#3b4b60}.closing-opinion.is-typing p::after{content:'|';color:#2877dc;animation:closing-caret .65s steps(1) infinite}
.closing-screen-body{transition:opacity .65s ease}
.is-resetting .closing-screen-body{opacity:0}
.closing-result.is-linked{background:#e8f1ff;box-shadow:inset 3px 0 #2877ed}
.closing-result{transition:opacity .55s ease,transform .55s ease,background .6s ease,box-shadow .6s ease}
.closing-opinion{transition:opacity .55s ease,transform .55s ease}
.closing-screen-state{transition:color .3s ease}
@keyframes closing-caret{50%{opacity:0}}
@keyframes closing-keypress{0%,47%,58%,100%{opacity:0}50%,54%{opacity:1}}
.how.is-pinned .how-stage{align-items:flex-start;padding-top:84px}
.workflow-heading{margin-bottom:24px}
@media(prefers-reduced-motion:reduce){.closing-hand-press{display:none;animation:none!important}.closing-result,.closing-opinion{transition:none!important}}
.rp-end .report-close-experience{max-width:none;padding:0!important;margin-top:48px}
.rp-end .report-close-experience .patient-experience{margin:0;max-width:none}
.chat-example{display:flex;flex-direction:column;min-height:340px;max-height:76%;overflow:hidden;border:1px solid #dce5f0;border-radius:14px!important;background:#f7f9fc;color:#202b3a;box-shadow:0 20px 48px #09132355;font-family:var(--product-font);text-align:left}
.chat-example-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:13px 16px;background:#fff;border-bottom:1px solid #e4e9f0}
.chat-example-head b{font-size:14px}.chat-example-head small{font-size:11px;color:#667489}
.chat-example-body{display:flex;flex:1;flex-direction:column;justify-content:flex-end;gap:9px;padding:14px 12px;overflow:hidden}
.chat-example-date{text-align:center;font-size:10px;color:#788596}
.chat-bubble{max-width:84%;padding:9px 11px;border-radius:13px;font-size:14px;line-height:1.5;word-break:keep-all}
.chat-bubble-user{align-self:flex-end;background:#2563eb;color:#fff;border-bottom-right-radius:4px}
.chat-bubble-agent{align-self:flex-start;background:#fff;color:#273548;border:1px solid #e0e6ef;border-bottom-left-radius:4px}
.chat-example-input{display:flex;justify-content:space-between;align-items:center;margin:0 10px 10px;padding:8px 10px;border:1px solid #dde4ed;border-radius:10px;background:#fff;color:#8b97a6;font-size:11px}
.chat-example-input span{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#2563eb;color:#fff;font-size:16px}
.how-pop.is-on .chat-bubble,.workflow-visual[data-view="support"] .chat-bubble{animation:chat-arrive .35s ease-out both}
.how-pop.is-on .chat-bubble:nth-of-type(2),.workflow-visual[data-view="support"] .chat-bubble:nth-of-type(2){animation-delay:.12s}
.how-pop.is-on .chat-bubble:nth-of-type(3),.workflow-visual[data-view="support"] .chat-bubble:nth-of-type(3){animation-delay:.3s}
.how-pop.is-on .chat-bubble:nth-of-type(4),.workflow-visual[data-view="support"] .chat-bubble:nth-of-type(4){animation-delay:.48s}
.how-pop.is-on .chat-bubble:nth-of-type(5),.workflow-visual[data-view="support"] .chat-bubble:nth-of-type(5){animation-delay:.66s}
@keyframes chat-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.chat-bubble{animation:none!important}}
@media(max-width:650px){
 .header-inner{gap:14px}.header-contact{font-size:12px}.audience-nav{gap:12px}
 .reference-product .app{grid-template-columns:minmax(0,1fr);border-radius:28px}
 .reference-product .app-left,.reference-product .app-right{padding:24px 18px}
 .reference-product [data-ui] table{width:100%;table-layout:fixed}
 .reference-product [data-ui] th,.reference-product [data-ui] td{padding:12px 8px;overflow-wrap:anywhere}
 .reference-product [data-ui] th:first-child{width:49%}
 .reference-product .gen-row{align-items:stretch;flex-direction:column;gap:16px;margin-top:24px}
 .reference-product .gen{width:100%;height:48px}
 .reference-product .card{padding:24px 18px;margin-top:24px}
 .reference-product .card-top{gap:12px;flex-wrap:wrap}
 .reference-product .card-body{margin-top:20px;line-height:1.9}
 .scribe-closing-scene{border-radius:28px;margin-top:36px}
}
.clients .restored-content{margin-top:48px;min-width:0}
.clients .hp-logo-group{min-width:min(1360px,calc(100vw - 48px));justify-content:space-around}
/* Keep reading sections spacious without changing the pinned animation geometry. */
.reference-product>section:not(.hero):not(.solve):not(.how):not(.voices):not(.scribe-workflow):not(.restored-content){padding-block:clamp(72px,7vw,112px)}
.reference-product .sec-head{margin-bottom:clamp(32px,4vw,56px)}
@media(max-width:650px){
 .reference-product{--margin:24px}
 .reference-product>section:not(.hero):not(.solve):not(.how):not(.voices):not(.scribe-workflow):not(.restored-content){padding-block:64px}
 .workflow-mobile>li{padding-top:40px;margin-top:40px}
 .workflow-mobile-copy p{margin-top:20px}
}
@media(max-width:600px){:root{--bar-h:120px}.header-inner{height:72px;padding:0 16px;gap:20px}.audience-header .brand{width:90px}.audience-nav{gap:16px}.audience-nav a{font-size:13px}.hospital-subnav{height:48px;gap:42px}.hospital-subnav a{font-size:14px}.footer.container{padding:40px 20px 24px}.footer-top,.footer-bottom{display:block}.footer-top>p{margin-top:24px}.legal{margin-top:20px;text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reference-product *{animation:none!important;transition:none!important}.reference-product [data-reveal],.reference-product [data-load]{opacity:1!important;transform:none!important}}
/* Keep the complete clinic illustration visible at every viewport width. */
.scribe-clinic-hero .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);grid-template-rows:auto 1fr;column-gap:clamp(24px,3vw,48px);min-height:0;align-items:center}
.scribe-clinic-hero .hero-grid h1{grid-column:1 !important;grid-row:1;align-self:end;min-width:0;font-size:clamp(36px,4.1vw,68px) !important;line-height:1.15}
.scribe-clinic-hero .hero-side{grid-column:1;grid-row:2;align-self:start;max-width:none;min-width:0;padding-bottom:32px}
.scribe-clinic-hero .hero-scene{position:relative;inset:auto;grid-column:2;grid-row:1 / 3;width:100%;min-width:0;margin:0}
.scribe-clinic-hero .hero-scene img{width:100%;height:auto;object-fit:contain;mask-image:none;-webkit-mask-image:none}
@media(max-width:1000px){
 .scribe-clinic-hero .hero-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 .scribe-clinic-hero .hero-grid h1,.scribe-clinic-hero .hero-side,.scribe-clinic-hero .hero-scene{grid-column:1;grid-row:auto}
 .scribe-clinic-hero .hero-side{margin-top:0;padding-bottom:0;max-width:40em}
 .scribe-clinic-hero .hero-scene{max-width:760px;justify-self:center}
}