@font-face{font-family:Jakarta;src:url('assets/plus-jakarta-sans.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}

:root{--ink:#142339;--soft:#536479;--blue:#2655db;--blue-deep:#1843be;--pale:#f1f5fc;--line:#e1e7ef;--mint:#e7f4ee;--green:#246647;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);--sc-canvas:#fff;--sc-surface:#f1f5fc;--sc-ink:#142339;--sc-ink-soft:#536479;--sc-accent:#2655db;--sc-accent-ink:#fff;--sc-font-display:Jakarta,system-ui,sans-serif;--sc-font-text:Jakarta,system-ui,sans-serif;--sc-ease-out:var(--ease-out)}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:64px}
body{margin:0;background:#fff;color:var(--ink);font:400 15px/1.65 Jakarta,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{cursor:default;opacity:.65}
button{border:0}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,p,figure{margin:0}
h1,h2,h3{line-height:1.1;letter-spacing:-.045em;text-wrap:balance}
p{text-wrap:pretty}
h2{font-size:clamp(32px,3.5vw,52px);font-weight:650}
h2 span{color:var(--soft)}
svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
img{display:block;max-width:100%;height:auto}
button:focus-visible,a:focus-visible,summary:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #2655db;outline-offset:5px}
button:active,.button:active{transform:scale(.97);transition-duration:100ms}
.icon-library{position:absolute;width:0;height:0;overflow:hidden}
.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}
.content-wrap{width:min(1120px,calc(100% - 112px));margin-inline:auto}
.skip{position:fixed;left:24px;top:8px;transform:translateY(-200%);z-index:100;background:var(--ink);color:white;padding:12px 18px}
.skip:focus{transform:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[hidden]{display:none!important}

.site-header{display:flex;align-items:center;justify-content:space-between;height:96px;border-bottom:1px solid #edf0f4}
.brand{display:flex;gap:10px;align-items:center;font-size:20px;font-weight:750;letter-spacing:-.045em;white-space:nowrap}
.header-note{font-size:12px;color:var(--soft)}
.text-link{display:inline-flex;gap:10px;align-items:center;color:var(--blue);font-size:13px;font-weight:650;background:none;padding:8px 0;transition:color 160ms ease,transform 160ms var(--ease-out)}
.text-link svg{width:19px;height:19px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid var(--blue);border-radius:8px;background:var(--blue);color:white;font-size:14px;font-weight:650;padding:16px 23px;min-height:56px;white-space:nowrap;transition:transform 160ms var(--ease-out),background-color 160ms ease}
.button svg{width:19px;height:19px}
.small-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:7px;background:white;color:var(--ink);font-size:12px;font-weight:700;padding:11px 16px;min-height:44px;transition:transform 160ms var(--ease-out),background-color 160ms ease}
.small-button svg{width:17px;height:17px}
.journey-nav{position:fixed;left:20px;top:50%;transform:translateY(-50%);z-index:30;display:grid;gap:14px;opacity:0;pointer-events:none;transition:opacity 200ms ease}
.journey-nav.is-visible{opacity:1;pointer-events:auto}
.journey-nav a{display:flex;align-items:center;gap:9px;color:var(--soft);font-size:10px;line-height:1.2;min-height:28px}
.journey-nav a>span:last-child{max-width:45px}
.nav-dot{width:5px;height:5px;border:1px solid #8093b3;border-radius:50%;transition:background-color 160ms ease}
.journey-nav a[aria-current="step"]{color:var(--blue);font-weight:700}
.journey-nav a[aria-current="step"] .nav-dot{background:var(--blue);border-color:var(--blue);box-shadow:0 0 0 4px #e8eeff}

.hero{position:relative;overflow:clip;padding:64px 0 24px}
.hero-copy{text-align:center;position:relative;z-index:5}
.hero h1{font-size:clamp(58px,7vw,100px);font-weight:650;line-height:1.02;letter-spacing:-.06em}
.hero h1 span{color:var(--blue)}
.hero-copy p{font-size:16px;line-height:1.65;color:var(--soft);margin:24px 0}
.hero-scene{height:480px;position:relative;margin-top:64px;perspective:1400px}
.scene-arc{position:absolute;inset:20px -24vw -340px;border-radius:50% 50% 0 0;background:#f0f5ff;z-index:0}
.hero-record-layer{position:absolute;z-index:3;width:650px;left:50%;margin-left:-302px;top:36px}
.hero-record{background:#fff;border:1px solid #dfe6f1;border-radius:14px;box-shadow:0 32px 64px -28px #26457639,0 4px 12px -6px #26457625;transform:rotate(-2deg)}
.product-toolbar{display:flex;justify-content:space-between;align-items:center;padding:17px 22px;border-bottom:1px solid var(--line);gap:12px}
.small-brand{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:750;letter-spacing:-.03em}
.demo-label{font-size:10px;color:var(--soft);white-space:nowrap}
.hero-record-body{padding:26px 28px 16px}
.patient-title{display:flex;align-items:center;gap:12px}
.avatar{display:grid;place-items:center;border-radius:50%;background:#edf1fa;width:42px;height:42px;font-weight:700;color:#456296;font-size:12px;flex-shrink:0}
.patient-title small{display:block;font-size:9px;color:var(--soft);margin-bottom:4px}
.patient-title h3{font-size:22px;font-weight:700}
.status{display:inline-flex;align-items:center;border-radius:20px;background:#eef1f5;color:#536479;padding:5px 10px;font-size:10px;line-height:1.4;white-space:nowrap}
.status-blue{background:#edf2ff;color:#2955b6}
.patient-title .status{margin-left:auto}
.record-tabs{display:flex;gap:27px;margin-top:22px;border-bottom:1px solid var(--line);font-size:10px;color:var(--soft)}
.record-tabs span{padding-bottom:10px}
.record-tabs .selected{color:var(--blue);border-bottom:2px solid var(--blue)}
.record-summary>div{display:flex;align-items:center;gap:12px;border-bottom:1px solid #edf0f6;padding:15px 0}
.record-summary p{font-size:12px;font-weight:650;line-height:1.5}
.record-summary small{display:block;font-size:10px;font-weight:400;color:var(--soft)}
.summary-icon{width:30px;height:30px;display:grid;place-items:center;background:#f1f5fc;border-radius:7px;color:#5074b2}
.summary-icon svg{width:17px;height:17px}
.done-icon{width:15px;height:15px;color:#447f65;margin-left:auto}
.record-action{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:650;color:var(--blue);padding:14px 0 0}
.record-action svg{width:16px;height:16px}
.hero-paper-layer{position:absolute;z-index:1;width:275px;left:calc(50% - 520px);top:18px}
.mini-referral{padding:22px;background:#fff;transform:rotate(-11deg);border:1px solid #d9e1ed;box-shadow:0 20px 48px -30px #304d7855;min-height:365px;font-size:9px;line-height:1.6}
.paper-masthead{padding:7px 8px;background:#315f93;color:white;font:700 7px/1.5 Jakarta,sans-serif;letter-spacing:.05em}
.mini-referral h3{font:700 15px/1.3 Jakarta,sans-serif;margin:15px 0}
.mini-referral h4{font:700 8px/1.4 Jakarta,sans-serif;padding:5px 0;border-top:1px solid var(--line);margin:12px 0 4px}
.form-line{display:flex;flex-direction:column;margin-bottom:8px}
.form-line span{font-size:7px;color:var(--soft)}
.highlight-blue{background:#e3ebff}
.ink-lines{height:48px;background:repeating-linear-gradient(180deg,#c7d0dd 0,#c7d0dd 1px,transparent 1px,transparent 8px);opacity:.65;clip-path:polygon(0 0,100% 0,100% 18%,86% 18%,86% 35%,96% 35%,96% 52%,71% 52%,71% 70%,92% 70%,92% 88%,64% 88%,64% 100%,0 100%)}
.ink-lines.short{height:24px;margin-top:12px}
.paper-foot{font:400 7px/1.4 Jakarta,sans-serif;display:flex;justify-content:space-between;position:absolute;bottom:18px;left:22px;right:22px;color:#667287}
.hero-medicine-layer{position:absolute;z-index:4;left:calc(50% - 455px);top:330px}
.floating-medicine{display:flex;align-items:center;gap:13px;background:white;border:1px solid var(--line);border-radius:11px;padding:18px 22px;box-shadow:0 14px 32px -16px #304d783d;transform:rotate(3deg)}
.floating-medicine small{font-size:8px;display:block;color:var(--soft)}
.floating-medicine strong{display:block;font-size:14px;letter-spacing:-.02em}
.floating-medicine div>span{display:block;font-size:9px;color:var(--soft)}
.icon-box{display:grid;place-items:center;width:39px;height:39px;border-radius:8px;background:#eaf0ff;color:#4268b1}
.hero-booking-layer{position:absolute;z-index:4;left:calc(50% + 300px);top:155px}
.floating-booking{display:flex;gap:13px;align-items:center;padding:15px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 32px -16px #304d7833;border-radius:11px;transform:rotate(5deg);width:254px}
.floating-booking strong{display:block;font-size:10px}
.floating-booking div>span{display:block;font-size:9px;color:var(--soft)}
.calendar-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:43px;min-height:50px;border-radius:7px;background:#f1f4fc;color:#456091;line-height:1.4}
.calendar-tile small{font-size:8px;letter-spacing:.05em}
.calendar-tile b{font-size:22px;font-weight:650}
.hero-caption{position:relative;font-size:10px;color:#61738a;text-align:center;margin:20px 0 0}
.intro{text-align:center;padding:110px 0 62px}
.intro-mark{width:48px;height:48px;border:1px solid #e3e9f1;border-radius:12px;display:grid;place-items:center;margin:0 auto 24px;color:var(--blue)}
.intro h2{font-size:clamp(27px,2.8vw,39px);line-height:1.25;letter-spacing:-.04em}
.intro h2 span{color:#748296}
.intro p{font-size:14px;color:var(--soft);margin-top:24px;line-height:1.8}

.referral-stage{background:#f5f7fc;padding:44px 60px 24px;display:flex;flex-direction:column;justify-content:center}
.referral-heading{text-align:center;position:relative;z-index:2}
.stage-kicker{font-size:9px;font-weight:750;letter-spacing:.13em;color:var(--blue);display:block;margin-bottom:18px}
.referral-heading h2{font-size:clamp(28px,3vw,42px)}
.referral-heading p{font-size:13px;color:var(--soft);margin-top:14px}
.extraction-scene{position:relative;width:min(1020px,100%);height:min(490px,58vh);min-height:380px;margin:38px auto 22px}
.document-stack{position:absolute;left:5%;width:37%;height:100%}
.source-document{position:absolute;background:white;border:1px solid #d9e1ed;padding:23px 23px 36px;width:100%;height:100%;box-shadow:0 16px 32px -24px #2143754d;font:400 9px/1.5 Jakarta,sans-serif;transform-origin:center center}
.source-front{z-index:2;transform:rotate(-4deg)}
.source-back{z-index:1;transform:translate(-24px,-5px) rotate(-11deg);color:#536479}
.source-document .paper-masthead{font-size:8px}
.document-title{font-size:24px;font-weight:700;letter-spacing:-.04em;margin:14px 0}
.document-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.document-grid>div{display:flex;flex-direction:column;gap:4px}
.document-grid small{font-size:7px;color:var(--soft)}
.document-grid strong{font-size:9px}
.document-grid span{font-size:7px;color:#5f6d80}
.source-document h4{margin:15px 0 5px;background:#edf1f8;padding:4px 5px;font-size:8px}
.med-line{display:flex;justify-content:space-between;gap:6px;font-size:8px;margin:5px 0;position:relative}
.med-line b{font-weight:600}
.med-line span{color:#58677b}
.source-key{position:relative;border-radius:3px;transition:background-color 200ms ease,box-shadow 200ms ease}
.source-key.is-highlighted{background:#dce8ff;box-shadow:0 0 0 4px #dce8ff}
.source-note.is-highlighted{background:#e3f1e9;box-shadow:0 0 0 4px #e3f1e9}
.document-fine{font-size:7px;margin-top:10px;color:#5c687a}
.lab-lines p{display:flex;justify-content:space-between;font:9px/2 monospace}
.source-back .ink-lines{margin-top:20px}
.extraction-bridge{position:absolute;left:43%;top:49%;width:13%;display:flex;align-items:center;gap:6px;color:#7894cf}
.extraction-bridge span{height:1px;background:#d5dff3;flex:1}
.extraction-bridge b{width:35px;height:35px;border:1px solid #d5dff3;border-radius:10px;display:grid;place-items:center;background:#fff}
.extraction-bridge svg{width:17px;height:17px}
.organised-record{position:absolute;width:43%;left:56%;top:3%;background:white;border:1px solid #e0e6ef;border-radius:15px;box-shadow:0 22px 48px -26px #2444723b;transform-origin:50% 50%}
.organised-record .product-toolbar{padding:17px 20px}
.organised-body{padding:25px}
.organised-body>small{font-size:11px;color:var(--soft)}
.organised-body h3{font-size:32px;margin:12px 0 23px;line-height:1.08}
.extracted-row{padding:13px 11px;display:flex;gap:11px;align-items:center;border-radius:9px;background:#f0f4ff;margin-top:7px;min-height:64px}
.extracted-row:nth-of-type(2){background:#edf6f2}
.extracted-row:nth-of-type(3){background:#f8f5ed}
.extract-icon{display:grid;place-items:center;flex-shrink:0;width:33px;height:33px;border-radius:8px;font-size:10px;font-weight:700;color:#4d70ad;background:#e0e9fc}
.extract-icon svg{width:19px;height:19px}
.row-med .extract-icon{color:#3a7965;background:#def0e7}
.row-note .extract-icon{color:#8b7042;background:#f1e9d7}
.extracted-row strong{font-size:12px;display:block}
.extracted-row div>span{font-size:9px;color:var(--soft);display:block;margin-top:2px}
.extracted-row>small{margin-left:auto;color:#66809f;font-size:8px}
.record-review{font-size:10px;margin-top:22px;color:#577364;display:flex;align-items:center;gap:7px}
.record-review svg{width:14px;height:14px}
.travelling-field{position:absolute;top:0;left:0;z-index:5;opacity:0;display:flex;align-items:center;gap:7px;pointer-events:none;background:#e2ebff;color:#294b89;box-shadow:0 12px 25px -15px #466ca68a;border:1px solid #c4d6fa;border-radius:7px;padding:9px 12px;font-size:10px;font-weight:650;white-space:nowrap}
.travelling-field svg{width:15px;height:15px}
.field-note{background:#e3f1e9;border-color:#c6e1d2;color:#426951}
.extraction-caption{display:flex;align-items:center;justify-content:space-between;width:min(920px,100%);margin:0 auto;font-size:12px;color:var(--soft);min-height:44px}
.extraction-caption .text-link{font-size:12px}

.booking-section{padding-block:105px;display:grid;grid-template-columns:1fr 1.12fr;gap:12%;align-items:center}
.booking-copy h2{font-size:44px}
.booking-copy p{margin-top:24px;max-width:36ch;font-size:14px;color:var(--soft)}
.booking-copy .muted-detail{font-size:12px;color:#64728a;margin-top:20px}
.booking-example{padding:20px 0 0}
.sms-sheet{border:1px solid var(--line);border-radius:15px;background:white;box-shadow:0 20px 48px -30px #25447745;padding:24px}
.sms-top{display:flex;align-items:center;gap:11px;margin-bottom:23px}
.sms-top strong{font-size:13px;display:block}
.sms-top small{font-size:10px;display:block;color:var(--soft)}
.sms-avatar{width:36px;height:36px;display:grid;place-items:center;background:#ecf1fd;color:#3c68bd;border-radius:10px}
.sms-avatar svg{width:18px;height:18px}
.sms-message{background:#f1f4f9;border-radius:12px 12px 12px 2px;padding:15px 18px;font-size:12px;line-height:1.75;max-width:95%}
.booking-options{display:flex;gap:8px;border:0;padding:0;margin:20px 0 0;min-width:0}
.booking-options legend{font-size:10px;margin-bottom:8px;color:var(--soft)}
.booking-options button{display:flex;flex:1;flex-direction:column;gap:4px;align-items:center;padding:12px 8px;border:1px solid #d8e1f0;background:white;border-radius:7px;color:var(--ink);transition:background-color 160ms ease,transform 160ms var(--ease-out)}
.booking-options button span{font-size:9px;color:var(--soft);letter-spacing:.02em}
.booking-options button strong{font-size:12px}
.booking-options button[aria-pressed=true]{background:#e9effe;border-color:#7a99e4}
.demo-hint{margin-top:16px;font-size:10px;color:var(--soft)}
.sms-reply{border-radius:9px 9px 2px 9px;background:var(--blue);color:white;padding:5px 15px;width:fit-content;margin:14px 0 0 auto;font-size:12px}
.confirm-address{font-size:11px;color:var(--soft);margin-top:12px}
.confirm-address .small-button{margin-top:10px;padding:6px 12px;background:var(--blue);color:white;border-color:var(--blue)}
.calendar-confirm{display:flex;align-items:center;gap:13px;position:relative;background:#f6f9fc;border:1px solid #e3eaf2;border-radius:10px;padding:15px 18px;margin:16px -20px 0 25px}
.calendar-confirm>div{display:flex;flex-direction:column;gap:3px}
.calendar-confirm>div>small{font-size:8px;color:var(--soft);letter-spacing:.09em}
.calendar-confirm strong{font-size:11px}
.calendar-confirm>div>span{font-size:9px;color:var(--soft)}
.calendar-check{width:20px;height:20px;margin-left:auto;color:#387757;opacity:.25}
.calendar-confirm.is-confirmed .calendar-check{opacity:1}
.calendar-confirm.is-confirmed{background:#eef8f1;border-color:#cce4d5}
.example-caption{font-size:10px;color:#65758d;text-align:center;margin-top:18px;line-height:1.7}

.consult-section{padding:92px 0 56px;background:#eef3fb}
.consult-heading{text-align:center}
.consult-heading p{font-size:14px;color:var(--soft);margin-top:24px}
.consult-workspace{display:grid;grid-template-columns:1.6fr 1fr;gap:28px;margin-top:48px;align-items:start}
.medicine-workspace{border:1px solid #dce5f0;border-radius:13px;background:white;overflow:hidden;box-shadow:0 24px 48px -35px #2746745c}
.workspace-top{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:18px 20px;font-size:12px;font-weight:650}
.workspace-top>span:first-child{display:flex;align-items:center;gap:9px}
.workspace-top svg{width:17px;height:17px;color:#446cb4}
.workspace-top .demo-label{font-weight:400}
.medicine-head{display:grid;grid-template-columns:1fr 160px;font-size:8px;color:var(--soft);padding:24px 20px 6px;letter-spacing:.08em}
.medicine-row{display:grid;grid-template-columns:1fr 160px;align-items:center;gap:10px;padding:18px 20px;border-bottom:1px solid #edf1f5}
.medicine-row h4{font-size:12px;font-weight:650;line-height:1.5}
.medicine-row small{font-size:9px;color:var(--soft);display:block;margin:3px 0 6px}
.medicine-row .medicine-type{font-size:8px;border:1px solid #e1e8f0;border-radius:4px;padding:2px 5px;color:#65758d}
.medicine-row select{border:1px solid #dbe4ef;background:#fff;border-radius:6px;padding:9px 22px 9px 8px;max-width:100%;font-size:9px;color:#5a6980;min-height:36px}
.medicine-row select.reviewed{background:#edf6ef;border-color:#cee5d5;color:#2d6646}
.medicine-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px}
.medicine-bottom>span{font-size:9px;color:var(--soft)}
.medicine-bottom .text-link{font-size:9px;gap:4px}
.medicine-bottom svg{width:13px;height:13px}
.clinical-note{padding:0 20px 20px;font-size:9px;color:#64768e;line-height:1.8}
.capture-demo{background:#fff;border:1px solid #dce5f0;border-radius:13px;padding:20px;box-shadow:0 24px 48px -35px #2746745c;margin-top:28px}
.capture-title{display:flex;align-items:center;gap:8px;font-size:11px}
.capture-title svg{width:16px;height:16px;color:#4a6fb1}
.beta{margin-left:auto;font-size:8px;color:#6c603e;background:#f5efdc;border:1px solid #ebe0bf;border-radius:4px;padding:2px 7px}
.camera-window{position:relative;height:175px;margin:20px 0;background:#f4f7fa;border-radius:9px;display:grid;place-items:center;overflow:hidden}
.corner{position:absolute;width:17px;height:17px;border-color:#8aa3c7;border-style:solid}
.tl{top:14px;left:14px;border-width:1px 0 0 1px}
.tr{top:14px;right:14px;border-width:1px 1px 0 0}
.bl{bottom:14px;left:14px;border-width:0 0 1px 1px}
.br{bottom:14px;right:14px;border-width:0 1px 1px 0}
.medicine-pack{background:#fff;position:relative;transform:rotate(-9deg);padding:14px 16px;width:200px;height:115px;border:1px solid #d6e0e5;border-bottom:14px solid #d0e7e0;box-shadow:8px 13px 22px -8px #35555e30;color:#376859}
.medicine-pack>span{font-size:6px;letter-spacing:.08em;display:block;color:#607267}
.medicine-pack strong{font-size:16px;font-weight:750;display:block;margin-top:5px;letter-spacing:-.04em}
.medicine-pack>b{font-size:12px;display:block}
.medicine-pack small{display:block;font-size:6px;color:#62776d;margin-top:4px}
.medicine-pack svg{position:absolute;right:16px;bottom:20px;width:22px;height:22px;opacity:.6}
.capture-demo>.small-button{width:100%}
.capture-demo>p{font-size:9px;text-align:center;color:var(--soft);margin-top:12px}
.capture-result{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:10px}
.capture-result small{display:block;font-size:8px;color:var(--soft)}
.result-dot{width:6px;height:6px;border-radius:50%;background:#3d7c5c}
.consult-under{display:flex;justify-content:space-between;gap:32px;margin-top:30px;align-items:center}
.consult-under p{font-size:12px;color:var(--soft);line-height:1.8}
.consult-under strong{color:var(--ink);font-weight:550}
.consult-under>span{font-size:9px;color:var(--soft);max-width:32ch}

.scribe-section{padding-block:120px;display:grid;grid-template-columns:1.1fr 1fr;gap:12%;align-items:center}
.note-editor{border:1px solid var(--line);border-radius:13px;background:white;overflow:hidden;box-shadow:0 24px 48px -32px #27467444;position:relative;z-index:1}
.note-editor label{display:block;font-size:8px;letter-spacing:.06em;color:var(--soft);padding:22px 24px 0}
.note-editor textarea{display:block;width:calc(100% - 48px);margin:10px 24px 18px;padding:0;border:0;resize:vertical;min-height:150px;max-height:400px;background:#fff;color:var(--ink);font-size:13px;line-height:1.9}
.editor-bottom{display:flex;align-items:center;gap:13px;padding:8px 20px;border-top:1px solid var(--line)}
.editor-bottom>span{display:flex;align-items:center;gap:6px;font-size:8px;color:var(--soft);margin-right:auto}
.record-dot{width:5px;height:5px;background:#a95353;border-radius:50%}
.editor-bottom button{font-size:10px;gap:5px;min-height:36px}
.editor-bottom svg{width:14px;height:14px}
.voice-strip{display:flex;align-items:center;gap:15px;background:#eaf0ff;border:1px solid #dae3f9;border-radius:10px;padding:19px 20px;position:relative;margin:12px 20px 0 -18px;transform:rotate(-2deg);color:#4467b0}
.voice-strip>svg{width:20px;height:20px}
.voice-strip>span{font-size:10px;white-space:nowrap}
.waveform{display:flex;align-items:center;justify-content:space-between;gap:3px;height:26px;flex:1}
.waveform i{width:2px;height:7px;background:#6081c6;border-radius:4px}
.waveform i:nth-child(3n){height:15px}
.waveform i:nth-child(5n){height:22px}
.waveform i:nth-child(7n){height:12px}
.scribe-copy p{font-size:14px;color:var(--soft);margin-top:24px;max-width:38ch}
.scribe-copy p+p{font-size:12px;margin-top:20px}
.plain-proof{display:flex;align-items:center;gap:8px;font-size:11px;color:#446650;margin-top:25px}
.plain-proof svg{width:16px;height:16px}

.finish-section{background:#142b48;color:#f7f9fd;padding:96px 0 45px}
.finish-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}
.finish-copy h2{font-size:51px}
.finish-copy h2 span{color:#a6bce0}
.finish-copy>.stage-kicker{color:#aec6f4}
.finish-copy>p{font-size:14px;color:#c0ccdd;margin:25px 0;max-width:36ch}
.finish-copy .button{background:#fff;border-color:#fff;color:#214caa}
.finish-copy .draft-helper{font-size:10px;margin:13px 0 0;color:#a9bdd6}
.report-paper{background:white;color:var(--ink);padding:30px;border-radius:4px;box-shadow:0 25px 50px -20px #03172e99;transform:rotate(2deg);min-height:510px}
.report-mast{display:flex;align-items:center;justify-content:space-between;gap:10px}
.report-mast .small-brand{font-size:13px}
.report-mast .status{font-size:8px}
.report-paper h3{font-size:25px;margin-top:34px}
.report-person{display:flex;flex-direction:column;font-size:11px;gap:3px;margin-top:14px}
.report-person span{font-size:10px;color:var(--soft)}
.report-rule{height:1px;background:#dce3ee;margin:23px 0}
.report-paper h4{font-size:9px;text-transform:uppercase;letter-spacing:.05em;margin:19px 0 7px;color:#456693}
.report-paper p{font-size:10px;color:#54647b;line-height:1.8;overflow-wrap:anywhere}
.report-paper .report-placeholder{color:#6c7b8f}
.report-signature{border-top:1px solid var(--line);padding-top:16px;margin-top:35px;display:flex;align-items:center;gap:8px;font-size:9px;color:#687991}
.report-signature svg{width:14px;height:14px}
.completion-path{margin-top:66px;padding-top:30px;border-top:1px solid #344965}
.completion-path h3{font-size:19px;letter-spacing:-.025em}
.completion-path ol{display:grid;grid-template-columns:repeat(3,1fr);padding:0;margin:26px 0;list-style:none;gap:40px}
.completion-path li{display:flex;gap:14px}
.completion-path li>svg{width:21px;height:21px;color:#b8cdf2;margin-top:3px}
.completion-path strong{font-size:12px;font-weight:650}
.completion-path p{font-size:10px;color:#bac9df;line-height:1.8;margin-top:6px}
.completion-path .beta-note{font-size:9px;max-width:100%;color:#aabdd6}
.care-section{display:grid;grid-template-columns:1fr .9fr;gap:10%;padding-block:110px;align-items:center}
.care-image img{width:100%;aspect-ratio:1.2;object-fit:cover;object-position:52% 50%;border-radius:12px}
.care-image figcaption{font-size:8px;color:#63758e;margin-top:10px}
.care-copy h2{font-size:39px;line-height:1.15}
.care-copy p{font-size:13px;color:var(--soft);max-width:37ch;margin-top:25px}
.care-copy .care-last{font-size:18px;color:var(--blue);line-height:1.6;letter-spacing:-.025em}
.questions{display:grid;grid-template-columns:1fr 1.45fr;gap:12%;padding:24px 0 80px}
.questions h2{font-size:32px;line-height:1.2}
.questions>div>p{font-size:12px;color:var(--soft);margin-top:18px}
.question-list details{border-bottom:1px solid var(--line)}
.question-list details:first-child{border-top:1px solid var(--line)}
summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;cursor:pointer;padding:21px 0;font-size:12px;font-weight:600}
summary::-webkit-details-marker{display:none}
summary>span{font-size:20px;font-weight:400;color:#6a7e9d;line-height:1}
details[open] summary>span{transform:rotate(45deg)}
details>p{font-size:12px;color:var(--soft);padding:0 28px 23px 0;max-width:65ch}
.closing{display:flex;justify-content:space-between;gap:40px;align-items:center;padding:72px 0 85px;border-top:1px solid var(--line)}
.closing h2{font-size:64px;letter-spacing:-.055em}
.closing h2 span{color:var(--blue)}
.closing p{font-size:13px;color:var(--soft);margin-top:22px}
.closing-action{display:flex;flex-direction:column;align-items:flex-start}
.closing-action .text-link{margin-top:12px}
.closing-action p{font-size:10px;margin-top:3px}
.site-footer{display:flex;flex-wrap:wrap;gap:25px;align-items:center;padding:30px 0 25px;border-top:1px solid var(--line);font-size:11px;color:var(--soft)}
.site-footer .brand{font-size:16px;color:var(--ink)}
.site-footer>span{margin-left:auto}
.site-footer>button{background:none;color:var(--soft);font-size:10px;border-bottom:1px solid #becadd;padding:8px 0;min-height:36px}
.footer-small{display:flex;justify-content:space-between;gap:20px;width:100%;font-size:8px;color:#64768e;padding-top:20px}

@media(hover:hover) and (pointer:fine){.button:hover{background:var(--blue-deep);transform:translateY(-2px)}
.text-link:hover{color:#163ba0}
.small-button:hover{background:#f0f4fc}
.booking-options button:hover{background:#f3f6fd}
.finish-copy .button:hover{background:#e9f0ff}
.journey-nav a:hover{color:var(--blue)}
summary:hover{color:var(--blue)}
.record-action:hover{color:var(--blue-deep)}
}

@media(min-width:1600px){.journey-nav{left:calc((100vw - 1480px)/2)}
}

@media(max-width:1200px){.journey-nav a>span:last-child{display:none}
.journey-nav{left:20px}
.hero-booking-layer{left:calc(50% + 270px);width:210px}
.floating-booking{width:210px}
.hero-paper-layer{left:calc(50% - 465px)}
.hero-medicine-layer{left:calc(50% - 420px)}
.hero-record-layer{width:610px}
.booking-section,.scribe-section,.finish-layout{gap:7%}
.consult-workspace{gap:20px}
.medicine-head,.medicine-row{grid-template-columns:1fr 145px}
.medicine-bottom{align-items:flex-start;flex-direction:column;gap:0}
.finish-copy h2{font-size:44px}
}

@media(max-width:900px){.wrap,.content-wrap{width:calc(100% - 56px)}
.header-note{display:none}
.journey-nav{display:none}
.hero{padding-top:44px}
.hero-scene{height:440px;margin-top:45px}
.hero-record-layer{width:570px;margin-left:-285px;top:45px}
.hero-paper-layer{left:-5%;width:220px;top:0}
.hero-booking-layer{right:0;left:auto;top:0}
.hero-medicine-layer{left:0;top:335px}
.mini-referral{min-height:340px}
.intro{padding:90px 0 60px}
.referral-stage{padding:30px 28px 22px}
.extraction-scene{min-height:370px;height:52vh}
.source-document{padding:18px 18px 30px}
.document-stack{left:3%;width:40%}
.organised-record{left:55%;width:45%}
.organised-body{padding:20px}
.organised-body h3{font-size:28px}
.organised-record .product-toolbar{padding:14px}
.small-brand{font-size:11px}
.organised-record .status{font-size:8px}
.source-document .document-fine,.source-document .ink-lines.short{display:none}
.extracted-row{padding:10px 7px;gap:8px}
.extracted-row strong{font-size:10px}
.extracted-row div>span{font-size:8px}
.extract-icon{width:28px;height:28px}
.booking-section{gap:6%;padding-block:85px}
.booking-copy h2{font-size:35px}
.sms-sheet{padding:20px}
.calendar-confirm{margin-right:0;margin-left:10px;padding:12px}
.consult-workspace{grid-template-columns:1.4fr 1fr;gap:16px}
.medicine-head,.medicine-row{grid-template-columns:1fr}
.medicine-head span:last-child{display:none}
.medicine-row{padding:12px 16px;gap:6px}
.medicine-row select{width:100%}
.capture-demo{padding:15px}
.medicine-pack{width:160px}
.workspace-top{padding:15px}
.workspace-top .demo-label{display:none}
.scribe-section{gap:7%;padding-block:90px}
.scribe-copy h2{font-size:36px}
.finish-layout{gap:7%}
.finish-copy h2{font-size:38px}
.report-paper{padding:23px;min-height:480px}
.report-paper h3{font-size:22px}
.completion-path ol{gap:20px}
.care-copy h2{font-size:32px}
.care-section{gap:7%;padding-block:90px}
.questions{gap:8%}
.closing h2{font-size:54px}
}

@media(max-width:650px){html{scroll-padding-top:24px}
.wrap,.content-wrap{width:calc(100% - 40px)}
body{font-size:14px}
.site-header{height:76px}
.brand{font-size:18px;gap:8px}
.site-header .brand img{width:29px;height:29px}
.header-link{font-size:10px;gap:7px}
.header-link svg{width:15px;height:15px}
.hero{padding-top:40px}
.hero h1{font-size:clamp(44px,9.7vw,63px);line-height:1.04;letter-spacing:-.06em}
.hero-copy p{font-size:12px;padding:0 20px;margin:18px 0 22px}
.button{min-height:48px;padding:13px 18px;font-size:12px;gap:18px}
.hero-scene{height:336px;margin-top:48px;width:calc(100% - 32px)}
.scene-arc{inset:12px -32vw -130px}
.hero-record-layer{width:100%;margin-left:0;left:0;top:18px}
.hero-record{transform:rotate(-2deg);border-radius:10px}
.product-toolbar{padding:13px 15px}
.small-brand{font-size:11px;gap:6px}
.small-brand img{width:18px;height:18px}
.demo-label{font-size:8px}
.hero-record-body{padding:18px 16px 10px}
.patient-title{gap:9px}
.patient-title h3{font-size:17px}
.patient-title small{font-size:7px}
.patient-title .avatar{width:32px;height:32px;font-size:9px}
.patient-title .status{display:none}
.record-tabs{margin-top:18px;font-size:8px;gap:20px}
.record-tabs span{padding-bottom:8px}
.record-summary>div{padding:10px 0;gap:9px}
.record-summary p{font-size:10px}
.record-summary small{font-size:8px}
.summary-icon{width:27px;height:27px}
.record-action{font-size:9px;padding-top:10px}
.hero-paper-layer{width:165px;left:2%;top:-12px;opacity:.8}
.mini-referral{min-height:240px;padding:14px}
.mini-referral h3{font-size:10px}
.mini-referral .ink-lines{height:20px}
.hero-medicine-layer{left:auto;right:0;top:286px}
.floating-medicine{padding:11px 14px;gap:9px;border-radius:8px}
.floating-medicine .icon-box{width:29px;height:29px}
.floating-medicine .icon-box svg{width:18px;height:18px}
.floating-medicine strong{font-size:10px}
.floating-medicine small{font-size:7px}
.floating-medicine div>span{font-size:7px}
.hero-booking-layer{display:none}
.hero-caption{font-size:8px;margin-top:24px}
.intro{padding:75px 0 48px}
.intro-mark{width:39px;height:39px;margin-bottom:20px}
.intro-mark svg{width:19px;height:19px}
.intro h2{font-size:26px;line-height:1.25}
.intro p{font-size:11px;margin-top:20px}
.intro p br{display:none}
.referral-stage{padding:38px 20px 28px;justify-content:flex-start}
.referral-heading .stage-kicker{font-size:8px;margin-bottom:12px}
.referral-heading h2{font-size:27px;max-width:320px;margin-inline:auto}
.referral-heading p{font-size:10px;margin-top:12px;max-width:270px;margin-inline:auto}
.extraction-scene{height:390px;min-height:0;width:100%;margin:29px auto 18px;flex:1;max-height:500px}
.document-stack{left:5%;top:0;width:70%;height:310px}
.source-document{padding:16px 16px 30px}
.source-document .paper-masthead{font-size:6px}
.document-title{font-size:18px;margin:10px 0}
.document-grid strong{font-size:7px}
.document-grid small{font-size:6px}
.document-grid span{font-size:6px}
.source-document h4{margin:10px 0 5px;font-size:7px}
.source-document p{font-size:7px}
.med-line{font-size:6px;margin:4px 0}
.source-document .ink-lines{height:25px}
.source-document .paper-foot{font-size:6px;left:16px;right:16px;bottom:14px}
.organised-record{left:16%;top:115px;width:84%;max-width:345px;border-radius:12px;z-index:3}
.organised-record .product-toolbar{padding:12px}
.organised-record .small-brand{font-size:10px}
.organised-record .status{font-size:7px}
.organised-body{padding:18px}
.organised-body>small{font-size:9px}
.organised-body h3{font-size:26px;margin:9px 0 18px}
.organised-body h3 br{display:none}
.extracted-row{min-height:49px;margin-top:6px;padding:9px 8px}
.extracted-row strong{font-size:10px}
.extracted-row div>span{font-size:8px}
.extract-icon{height:28px;width:28px}
.record-review{font-size:8px;margin-top:16px}
.extraction-bridge{display:none}
.travelling-field{font-size:8px;padding:7px 10px}
.extraction-caption{flex-direction:column;gap:0;align-items:center;text-align:center;font-size:10px;min-height:52px}
.extraction-caption .text-link{font-size:10px}
.booking-section{grid-template-columns:1fr;gap:32px;padding-block:70px}
.booking-copy h2{font-size:36px}
.booking-copy p{font-size:13px;max-width:42ch;margin-top:20px}
.booking-copy .muted-detail{font-size:11px}
.booking-example{padding-top:0}
.sms-sheet{padding:21px}
.sms-top{margin-bottom:17px}
.sms-message{font-size:11px}
.booking-options button{padding:11px 7px}
.booking-options button strong{font-size:11px}
.calendar-confirm{margin-left:14px;margin-right:0}
.calendar-confirm>div>span{font-size:8px}
.example-caption{font-size:8px;margin-top:14px}
.consult-section{padding:65px 0 35px}
.consult-heading{text-align:left}
.stage-kicker{font-size:8px;margin-bottom:16px}
.consult-heading h2{font-size:35px}
.consult-heading h2 br{display:none}
.consult-heading h2 span{display:block}
.consult-heading p{font-size:12px;margin-top:20px}
.desktop-break{display:none}
.consult-workspace{grid-template-columns:1fr;gap:20px;margin-top:30px}
.medicine-head,.medicine-row{grid-template-columns:1fr 143px}
.medicine-head span:last-child{display:block}
.medicine-head{font-size:7px;padding:18px 15px 6px}
.medicine-row{padding:15px;gap:8px}
.medicine-row h4{font-size:10px}
.medicine-row small{font-size:8px}
.medicine-row select{font-size:8px;padding:8px 19px 8px 7px;min-height:36px}
.medicine-bottom{padding:12px 15px;flex-direction:row;align-items:center;gap:10px}
.medicine-bottom>span{font-size:8px}
.medicine-bottom .text-link{max-width:130px;font-size:8px;text-align:left}
.clinical-note{padding:0 15px 15px;font-size:8px}
.capture-demo{margin-top:0;padding:20px}
.camera-window{height:170px}
.medicine-pack{width:205px;height:116px}
.capture-title{font-size:12px}
.capture-demo>p{font-size:9px}
.capture-result{font-size:11px}
.capture-result small{font-size:9px}
.consult-under{align-items:flex-start;flex-direction:column;gap:15px}
.consult-under>span{max-width:45ch}
.scribe-section{display:flex;flex-direction:column;gap:32px;padding-block:70px}
.scribe-copy{order:-1;width:100%}
.scribe-copy h2{font-size:36px}
.scribe-copy p{font-size:13px;max-width:42ch;margin-top:20px}
.scribe-copy p+p{font-size:11px;margin-top:15px}
.plain-proof{font-size:10px;margin-top:18px}
.scribe-visual{width:100%}
.note-editor textarea{font-size:12px;min-height:150px}
.voice-strip{margin-left:0;margin-right:15px;padding:16px}
.finish-section{padding:66px 0 34px}
.finish-layout{grid-template-columns:1fr;gap:38px}
.finish-copy h2{font-size:39px}
.finish-copy h2 br:first-child{display:none}
.finish-copy>p{font-size:13px;margin:21px 0}
.report-paper{padding:25px;margin:0 7px;min-height:460px}
.report-paper h3{font-size:25px}
.report-paper p{font-size:11px}
.report-paper h4{font-size:9px}
.report-person{font-size:12px}
.completion-path{margin-top:46px;padding-top:25px}
.completion-path ol{grid-template-columns:1fr;gap:24px;margin:25px 0}
.completion-path li{gap:15px}
.completion-path strong{font-size:12px}
.completion-path p{font-size:11px;max-width:38ch}
.completion-path .beta-note{font-size:9px}
.care-section{display:flex;flex-direction:column;gap:29px;padding-block:70px}
.care-image{width:100%}
.care-image img{aspect-ratio:1.3}
.care-copy{width:100%}
.care-copy h2{font-size:34px}
.care-copy p{margin-top:20px;font-size:12px;max-width:42ch}
.care-copy .care-last{font-size:17px}
.questions{grid-template-columns:1fr;gap:30px;padding:5px 0 60px}
.questions h2{font-size:30px}
.questions h2 br{display:none}
.questions>div>p{margin-top:12px;font-size:11px}
summary{font-size:11px;padding:19px 0}
details>p{font-size:11px}
.closing{flex-direction:column;align-items:flex-start;gap:28px;padding:55px 0}
.closing h2{font-size:48px}
.closing p{font-size:12px;margin-top:19px}
.closing-action p{font-size:9px;margin-top:4px}
.site-footer{gap:16px;padding:25px 0}
.site-footer>span{margin-left:0;font-size:9px}
.site-footer>button{margin-left:0;font-size:9px}
.footer-small{flex-direction:column;gap:6px;padding-top:5px;font-size:7px}
.site-footer .brand{font-size:15px}
}

@media(max-width:380px){.wrap,.content-wrap{width:calc(100% - 32px)}
.hero-scene{width:calc(100% - 24px)}
.hero-copy p{font-size:11px}
.hero h1{font-size:43px}
.header-link{font-size:9px}
.hero-record-body{padding:16px 13px 10px}
.patient-title h3{font-size:16px}
.organised-body h3{font-size:23px}
.extracted-row div>span{font-size:7px}
.medicine-head,.medicine-row{grid-template-columns:1fr 130px}
.editor-bottom{padding:8px 12px;gap:8px}
.editor-bottom>span{font-size:7px}
.finish-copy h2{font-size:35px}
}

.journey-nav.on-dark a{color:#c0cfe4}
.journey-nav.on-dark a[aria-current="step"]{color:#fff}
.journey-nav.on-dark .nav-dot{border-color:#a7bfdc}
.journey-nav.on-dark a[aria-current="step"] .nav-dot{background:#fff;border-color:#fff;box-shadow:0 0 0 4px #416595}
.journey-nav:not(.is-visible){visibility:hidden}
.keyboard-input{scroll-behavior:auto}
.booking-example:focus-within{clip-path:none!important}

.extraction-caption{gap:6px}
.extraction-caption button:focus-visible{outline-offset:3px}

@media(max-width:650px) and (max-height:740px){.referral-stage{padding:26px 20px 18px}
.referral-heading h2{font-size:25px}
.referral-heading p{font-size:9px;margin-top:10px}
.referral-heading .stage-kicker{margin-bottom:10px}
.extraction-scene{margin:24px auto 14px}
.organised-record{top:18px}
.organised-body{padding:16px}
.organised-body h3{font-size:24px;margin:9px 0 15px}
.extracted-row{min-height:47px}
.record-review{margin-top:14px}
.document-stack{width:72%;height:310px}
.motion-reduced .organised-record{top:auto}
}

/* Motion-off is a complete editorial composition, with no pinned scroll tax. */
html.motion-reduced{scroll-behavior:auto}
.motion-reduced .referral-act{height:auto!important}
.motion-reduced .referral-stage{position:relative;height:auto;min-height:0;padding-block:55px}
.motion-reduced .extraction-scene{height:490px;flex:none}
.motion-reduced .travelling-field{display:none}
.motion-reduced .hero-paper-layer,.motion-reduced .hero-record-layer,.motion-reduced .hero-medicine-layer{transform:none!important}
.motion-reduced .document-stack,.motion-reduced .organised-record,.motion-reduced .extracted-row{transform:none!important;opacity:1!important}
.motion-reduced .booking-example,.motion-reduced .report-paper{clip-path:none!important}
.motion-reduced .source-key{background:transparent;box-shadow:none}
.motion-reduced .intro p,.motion-reduced .consult-heading,.motion-reduced .scribe-visual{transform:none!important;opacity:1!important;transition:opacity 120ms ease}
.motion-reduced .button,.motion-reduced .text-link,.motion-reduced .small-button,.motion-reduced .booking-options button{transform:none!important}
.keyboard-input button,.keyboard-input a{transition:none!important}
.keyboard-input button:active,.keyboard-input .button:active{transform:none!important}

@media(max-width:650px){.motion-reduced .extraction-scene{height:auto;display:flex;flex-direction:column;gap:35px;margin-top:35px}
.motion-reduced .document-stack{position:relative;left:9%;width:78%;height:315px;top:auto}
.motion-reduced .organised-record{position:relative;left:0;top:auto;width:100%;max-width:none}
.motion-reduced .extraction-caption{margin-top:14px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
button,a{transition:color 120ms ease,background-color 120ms ease!important}
button:active,.button:active,.button:hover{transform:none!important}
}

/* Care in the foreground: photography and a separate, live interface plane. */
.human-hero{padding-top:52px;overflow:clip}
.human-hero .hero-copy{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;text-align:left}
.human-hero h1{font-size:clamp(60px,6.5vw,92px);letter-spacing:-.04em;line-height:1.02}
.hero-introduction{max-width:365px;padding-bottom:4px}
.human-hero .hero-copy p{font-size:15px;margin:0 0 22px;line-height:1.75}
.hero-secondary{display:flex;align-items:center;gap:9px;width:fit-content;font-size:11px;color:var(--soft);margin-top:14px;min-height:28px}
.hero-secondary svg{width:15px;height:15px}
.human-hero-scene{position:relative;margin-top:46px;padding-bottom:38px}
.hero-photo-window{height:clamp(420px,42vw,590px);border-radius:14px;overflow:hidden;background:#e9e7df}
.hero-consult-photo{width:100%;height:100%;object-fit:cover;object-position:50% 48%;transform:scale(1.015)}
.hero-visit-card{position:absolute;left:32px;bottom:0;width:330px;padding:22px 24px 18px;background:#fff;border-radius:12px;box-shadow:0 20px 50px -25px #17314d66;z-index:2}
.hero-visit-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}
.hero-visit-top .small-brand{font-size:12px}
.hero-visit-top .status{font-size:8px}
.hero-visit-card h3{font-size:24px;letter-spacing:-.04em}
.hero-visit-card>p{font-size:10px;color:var(--soft);margin:7px 0 14px}
.hero-visit-line{display:flex;align-items:center;gap:9px;padding:9px 0;border-top:1px solid #edf0f5;font-size:10px}
.hero-visit-line>svg:first-child{width:15px;height:15px;color:var(--blue)}
.hero-visit-card>a{display:flex;justify-content:space-between;align-items:center;color:var(--blue);font-size:11px;font-weight:650;padding-top:12px}
.hero-visit-card>a svg{width:16px;height:16px}
.hero-human-note{position:absolute;bottom:66px;right:32px;display:flex;align-items:center;gap:9px;background:#fff;padding:12px 16px;border-radius:6px;font-size:11px;box-shadow:0 8px 30px -18px #14324d44}
.care-dot{height:7px;width:7px;border-radius:50%;background:#59816b}
.hero-photo-caption{display:flex;justify-content:space-between;gap:20px;margin-top:24px;font-size:10px;color:var(--soft)}
.hero-photo-caption>span:last-child{font-size:9px;color:#647183}
.intro{padding-top:94px}
.consult-story{background:#fff;margin:0;position:relative}
.consult-stage{width:min(1240px,calc(100% - 112px));margin:0 auto;padding:70px 0 60px}
.consult-story-top{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:32px}
.consult-story-top h2{font-size:clamp(34px,3.5vw,50px);letter-spacing:-.04em;line-height:1.08}
.consult-story-top>p{font-size:13px;line-height:1.8;color:var(--ink);padding-bottom:3px}
.consult-story-top>p span{font-size:11px;color:var(--soft)}
.consult-step-nav{display:flex;gap:28px;margin-bottom:25px}
.consult-step-nav button{position:relative;display:flex;align-items:center;gap:10px;flex:1;text-align:left;background:transparent;color:var(--soft);border-top:1px solid #dce4ee;padding:14px 0 5px;min-height:44px;font-size:11px;font-weight:600}
.consult-step-nav button>span{font-size:9px;color:#74849b;font-variant-numeric:tabular-nums}
.consult-step-nav button>i{height:2px;position:absolute;top:-1px;left:0;right:0;background:var(--blue);transform:scaleX(0);transform-origin:0 50%}
.consult-step-nav button[aria-current=step]{color:var(--blue)}
.consult-step-nav button[aria-current=step]>span{color:var(--blue)}
.consult-frames{position:relative;display:grid;gap:90px}
.consult-frame{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,.9fr);gap:44px;align-items:center}
.consult-photo{position:relative;overflow:hidden;border-radius:12px;background:#edece6;isolation:isolate}
.consult-photo>img{width:100%;height:100%;min-height:500px;object-fit:cover;object-position:50% 50%}
.consult-photo figcaption{position:absolute;bottom:18px;left:20px;right:20px;max-width:fit-content;background:#fff;padding:8px 12px;font-size:9px;color:#45586d;border-radius:5px}
.consult-story-copy{position:relative;z-index:3;padding-bottom:3px}
.consult-story-copy h3{font-size:38px;line-height:1.1;letter-spacing:-.04em}
.consult-story-copy h3 span{color:var(--blue)}
.consult-story-copy>p{font-size:13px;line-height:1.75;color:var(--soft);margin-top:18px;max-width:35ch}
.consult-product{position:relative;margin:26px 0 12px -64px;width:calc(100% + 64px);padding:20px 22px;background:#fff;border-radius:12px;box-shadow:0 20px 60px -25px #244a7959}
.mini-product-top{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:11px;font-weight:650;padding-bottom:16px;border-bottom:1px solid #e9edf3}
.mini-product-top>span:first-child{display:flex;align-items:center;gap:8px}
.mini-product-top svg{width:16px;height:16px;color:var(--blue)}
.capture-suggestion{display:flex;gap:14px;align-items:center;margin:22px 0}
.sample-pack-mark{display:grid;place-items:center;background:#eaf0fc;color:var(--blue);width:42px;height:50px;border-radius:6px;flex-shrink:0}
.capture-suggestion small{display:block;font-size:7px;letter-spacing:.05em;color:#64758a;margin-bottom:5px}
.capture-suggestion strong{font-size:16px;display:block;line-height:1.3;letter-spacing:-.02em}
.capture-suggestion div>span{font-size:10px;color:var(--soft);display:block;margin-top:6px}
.illustrated-action{display:flex;align-items:center;justify-content:center;gap:10px;padding:11px 14px;background:var(--blue);color:#fff;border-radius:6px;font-size:11px;font-weight:600}
.illustrated-action svg{width:15px;height:15px}
.product-footnote{margin-top:10px!important;font-size:9px!important;color:#65748b;text-align:center}
.pack-focus{position:absolute;left:55%;top:38%;width:16%;height:25%;pointer-events:none}
.pack-focus i{position:absolute;width:18px;height:18px;border-color:#fff;border-style:solid;border-width:0;filter:drop-shadow(0 1px 2px #16294755)}
.pack-focus i:nth-child(1){top:0;left:0;border-top-width:2px;border-left-width:2px;border-top-left-radius:5px}
.pack-focus i:nth-child(2){top:0;right:0;border-top-width:2px;border-right-width:2px;border-top-right-radius:5px}
.pack-focus i:nth-child(3){bottom:0;left:0;border-bottom-width:2px;border-left-width:2px;border-bottom-left-radius:5px}
.pack-focus i:nth-child(4){bottom:0;right:0;border-bottom-width:2px;border-right-width:2px;border-bottom-right-radius:5px}
.pack-focus>span{position:absolute;height:1px;background:#fff;left:8px;right:8px;top:0;box-shadow:0 2px 5px #26456644}
.illustrated-timer{display:flex;gap:6px;align-items:center;font-size:10px;font-weight:500;font-variant-numeric:tabular-nums;color:#6d4a49}
.illustrated-timer i{display:block;background:#c14e49;width:6px;height:6px;border-radius:50%}
.dictation-lines{padding:20px 0 17px;min-height:102px;overflow:hidden}
.dictation-lines p{font-size:13px;line-height:1.7;letter-spacing:-.01em}
.dictation-lines p+p{color:var(--soft);margin-top:8px}
.dictation-ready{display:flex;gap:8px;align-items:center;font-size:11px;color:#426951;background:#eff6f0;padding:11px 12px;border-radius:5px}
.dictation-ready svg{width:15px;height:15px}
.dictation-ready>span{font-size:9px;margin-left:auto}
.draft-flow{display:flex;gap:12px;align-items:center;margin:17px 0;color:var(--soft);font-size:10px}
.draft-flow svg{width:15px;height:15px}
.draft-flow span:last-child{border:1px solid #d8e2f6;padding:5px 9px;border-radius:4px;color:var(--blue);font-weight:600}
.scroll-report{padding:0 0 15px}
.scroll-report>strong{font-size:14px;font-weight:650}
.scroll-report>p{font-size:10px;color:var(--soft);margin-top:5px}
.report-ink{display:grid;gap:5px;margin-top:12px}
.report-ink i{display:block;background:#dce3ed;height:2px;width:92%;transform-origin:left}
.report-ink i:nth-child(2){width:79%}
.report-ink i:nth-child(3){width:61%}
.consult-story-copy>.text-link{font-size:11px;margin-top:4px;min-height:36px}
.consult-story-foot{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--soft);margin-top:22px}
.consult-story-foot>span:last-child{font-size:9px}
.consult-pinned .consult-story{height:340svh}
.consult-pinned .consult-stage{height:100svh;position:sticky;top:0;display:flex;flex-direction:column;justify-content:center;padding-block:36px}
.consult-pinned .consult-frames{height:min(56svh,580px);min-height:430px;display:block}
.consult-pinned .consult-frame{position:absolute;inset:0;height:100%}
.consult-pinned .consult-photo{height:100%}
.consult-pinned .consult-photo>img{min-height:0}
.consult-pinned .consult-story-top{margin-bottom:25px}
.consult-pinned .consult-story-top h2{font-size:42px}
.consult-pinned .consult-step-nav{margin-bottom:20px}
.consult-pinned .consult-story-copy h3{font-size:36px}
.consult-pinned .consult-story-copy>p{font-size:12px;margin-top:15px}
.consult-pinned .consult-product{margin-top:20px}
.consult-section{padding-top:74px}
.consult-heading h2{font-size:40px}
.consult-heading p{font-size:13px}
.dictation-strip{display:flex;align-items:center;gap:13px;border-radius:8px;padding:14px 18px;background:#eef3fb;margin:12px -14px 0 30px;color:var(--soft);font-size:10px}
.dictation-strip>svg{width:16px;height:16px;margin-left:auto;color:var(--blue)}
.questions{padding-top:100px}
@media(hover:hover) and (pointer:fine){.hero-secondary:hover{color:var(--blue)}.consult-step-nav button:hover{color:var(--blue)}}
@media(max-width:1100px){
.human-hero .hero-copy{gap:32px}.hero-introduction{max-width:310px}.human-hero .hero-copy p{font-size:13px}
.consult-frame{gap:30px;grid-template-columns:minmax(0,1.6fr) minmax(285px,1fr)}.consult-story-copy h3{font-size:32px}.consult-pinned .consult-story-copy h3{font-size:32px}.consult-product{margin-left:-40px;width:calc(100% + 40px)}
.consult-stage{width:calc(100% - 96px)}.consult-photo figcaption{font-size:8px;left:14px;right:14px}
.consult-story-top h2,.consult-pinned .consult-story-top h2{font-size:36px}
}
@media(max-width:999px){
.human-hero .hero-copy{gap:25px}.human-hero h1{font-size:60px}.hero-introduction{max-width:270px}.human-hero .hero-copy p{font-size:12px}.human-hero .button{font-size:12px;padding-inline:18px}.hero-secondary{font-size:10px}
.hero-photo-window{height:430px}.hero-visit-card{left:24px;width:300px;padding:20px}.hero-visit-card h3{font-size:22px}.hero-human-note{right:24px;font-size:9px;bottom:61px}.hero-photo-caption{font-size:9px}
.consult-stage{width:calc(100% - 72px);padding-block:60px}.consult-story-top{align-items:flex-start;flex-direction:column;gap:18px}.scroll-instruction{display:none}.consult-story-top>p{font-size:12px}.consult-story-top>p br{display:none}.consult-step-nav{gap:20px;margin-bottom:32px}.consult-step-nav button{font-size:10px;line-height:1.5;gap:8px}.consult-frame{grid-template-columns:1fr;gap:26px}.consult-photo{aspect-ratio:1.77}.consult-photo>img{min-height:0}.consult-story-copy{display:grid;grid-template-columns:1fr 1.3fr;column-gap:32px;align-items:start}.consult-story-copy h3{font-size:33px;grid-column:1}.consult-story-copy>p{grid-column:1;font-size:12px;margin-top:14px;max-width:35ch}.consult-product{grid-column:2;grid-row:1 / 4;width:auto;margin:0}.consult-story-copy>.text-link{grid-column:1;align-self:start;font-size:10px;margin-top:15px}.consult-frames{gap:68px}.consult-story-foot{margin-top:35px;font-size:9px}.consult-story-foot>span:last-child{font-size:8px}.consult-step-nav button>i{display:none}
}
@media(max-width:650px){
.human-hero{padding-top:34px}.human-hero .hero-copy{display:block;text-align:left}.human-hero h1{font-size:clamp(46px,11.9vw,70px);letter-spacing:-.04em}.hero-introduction{max-width:340px;margin-top:23px;padding:0}.human-hero .hero-copy p{padding:0;font-size:12px;line-height:1.8;margin-bottom:20px}.hero-secondary{display:none}.human-hero-scene{width:calc(100% - 24px);margin-top:30px;padding-bottom:0}.hero-photo-window{height:auto;aspect-ratio:1.4;border-radius:10px}.hero-consult-photo{object-position:56% 50%}.hero-visit-card{position:relative;left:auto;bottom:auto;width:calc(100% - 36px);margin:-30px auto 0;padding:18px 20px 14px}.hero-visit-top{margin-bottom:15px}.hero-visit-card h3{font-size:22px}.hero-visit-card>p{margin-bottom:10px}.hero-visit-line{padding:7px 0}.hero-visit-card>a{padding-top:9px}.hero-human-note{display:none}.hero-photo-caption{flex-direction:column;gap:5px;text-align:center;font-size:9px;margin-top:20px}.hero-photo-caption>span:last-child{font-size:7px}.intro{padding-top:70px}
.consult-stage{width:calc(100% - 40px);padding-top:28px;padding-bottom:45px}.consult-story-top h2{font-size:34px;line-height:1.1}.consult-story-top{gap:14px;margin-bottom:18px}.consult-story-top>p{font-size:11px}.consult-step-nav{gap:14px;margin-bottom:25px}.consult-step-nav button{display:block;font-size:9px;padding-top:10px;line-height:1.6}.consult-step-nav button>span{display:block;font-size:8px;margin-bottom:3px}.consult-frame{gap:23px}.consult-photo{margin-inline:-8px;border-radius:9px;aspect-ratio:1.65}.consult-photo figcaption{font-size:7px;padding:5px 8px;bottom:10px;left:10px;right:10px}.consult-story-copy{display:block;padding-inline:4px}.consult-story-copy h3{font-size:33px}.consult-story-copy h3 br{display:none}.consult-story-copy h3 span{display:block}.consult-story-copy>p{font-size:12px;max-width:42ch;line-height:1.8;margin-top:14px}.consult-product{width:auto;margin:23px 0 10px;padding:18px 20px}.consult-story-copy>.text-link{font-size:11px;margin-top:6px}.consult-frames{gap:55px}.consult-story-foot{flex-direction:column;gap:6px;margin-top:30px}.consult-story-foot>span:last-child{font-size:7px}.mini-product-top{font-size:10px}.capture-suggestion strong{font-size:15px}.consult-section{padding-top:55px}.consult-heading h2{font-size:33px}.dictation-strip{margin-left:10px;margin-right:0}.questions{padding-top:65px}
}
.motion-reduced .hero-consult-photo,.motion-reduced .hero-visit-card,.motion-reduced .consult-photo>img,.motion-reduced .consult-product,.motion-reduced .dictation-lines p,.motion-reduced .report-ink i{transform:none!important;opacity:1!important}
.motion-reduced .pack-focus>span{display:none}

/* A short window uses complete flowing frames rather than a cramped pin. */
@media(min-width:1000px) and (max-height:849px){.consult-frame{align-items:center}.consult-photo{height:540px}.consult-story-copy{min-height:0}}
/* Keep the referral benefit and its illustration in the same first view. */
.referral-chapter{scroll-margin-top:0}
.referral-chapter .referral-stage{padding-top:34px;padding-bottom:22px}
.referral-chapter .referral-heading h2{font-size:clamp(27px,2.65vw,38px);line-height:1.18;letter-spacing:-.04em}
.referral-chapter .referral-heading h2 span{color:#64748a}
.referral-chapter .referral-heading p{max-width:650px;margin:14px auto 0;font-size:12px;line-height:1.7}
.referral-chapter .extraction-scene{margin-top:28px}
@media(max-width:650px){
.referral-chapter .referral-stage{padding:26px 20px 18px}
.referral-chapter .referral-heading h2{font-size:25px;max-width:355px;line-height:1.15}
.referral-chapter .referral-heading p{font-size:10px;max-width:325px;margin-top:12px;line-height:1.6}
.referral-chapter .extraction-scene{margin-top:24px}
}
@media(max-width:650px) and (max-height:740px){
.referral-chapter .referral-stage{padding-top:20px;padding-bottom:14px}
.referral-chapter .referral-heading h2{font-size:23px;line-height:1.12}
.referral-chapter .referral-heading p{font-size:9px;margin-top:10px}
.referral-chapter .extraction-scene{margin-top:20px}
}
/* Short or zoomed windows must not clip the document behind a pinned stage. */
@media(min-width:651px) and (max-height:699px),(max-height:599px){
.referral-chapter .referral-act{height:auto!important}
.referral-chapter .referral-stage{position:relative;height:auto;min-height:0;overflow:visible;padding-top:30px;padding-bottom:24px}
.referral-chapter .referral-heading h2{font-size:clamp(23px,3vw,32px)}
.referral-chapter .extraction-scene{height:420px;min-height:420px;flex:none}
.referral-chapter .extraction-caption{justify-content:center;margin-top:12px}
.referral-chapter #organise-button{display:none}
.referral-chapter .travelling-field{display:none}
}
@media(max-width:650px) and (max-height:599px){
.referral-chapter .extraction-scene{display:flex;flex-direction:column;height:auto;min-height:0;gap:28px}
.referral-chapter .document-stack{position:relative;left:9%;top:0;width:78%;height:315px;flex-shrink:0}
.referral-chapter .organised-record{position:relative;left:0;top:0;width:100%;max-width:none}
}