/* A separate visual world for the doctor pitch. Motion tells the story. */
.cinematic{--paper:#fff;--ink:#181923;--green:#6553ce;--green-dark:#201b3a;--lime:#d8f99d;--line:#e5e3ed;background:#fff}
.cinematic .header{background:#101014ed;color:#fff;border-color:#ffffff0c;backdrop-filter:blur(24px)}
.cinematic .header.is-scrolled{border-color:#ffffff16}
.cinematic .nav-wrap{height:76px}
.cinematic .brand{font-size:23px;font-weight:650;letter-spacing:-.8px}
.cinematic .header .brand>span{color:#d8f99d}
.cinematic .header .brand img{width:29px;height:29px}
.cinematic .header nav{gap:27px;color:#bfbfc9;font-size:12px;margin-right:4px}
.cinematic .header nav a:hover{color:#fff}
.cinematic .nav-cta{color:#17171e;background:#d8f99d;border-color:#d8f99d;font-size:12px;padding-inline:20px}
.cinematic .nav-cta:hover{background:#e5ffb8;box-shadow:0 0 22px #c5f89820}
.cinematic .header .motion-toggle{color:#d0cfda;min-width:60px;display:none;font-size:10px}
.js-ready .cinematic .header .motion-toggle{display:flex}
.cinematic #read-progress{background:linear-gradient(90deg,#b29df9,#d8f99d)}
.cinematic .hero{background:#101014;color:#fff;isolation:isolate;padding-bottom:43px}
.cinematic .hero-copy{padding-top:56px}
.cinematic .hero-copy>.eyebrow{font-size:9px;color:#c5c4d1;letter-spacing:2px}
.cinematic .hero-copy>.eyebrow .status-dot{background:#d8f99d;box-shadow:0 0 16px #d8f99d60,0 0 0 4px #c4e2a311}
.cinematic .hero h1{font-size:clamp(80px,9.5vw,136px);line-height:.96;letter-spacing:-7px;font-weight:650;margin-top:27px}
.cinematic .hero h1 .hero-line{display:inline-block;color:#f7f6fd}
.cinematic .hero h1 .hero-colour{background:linear-gradient(110deg,#efeaff 5%,#bbb0ff 40%,#d8f99d 90%);background-size:180% 100%;background-clip:text;-webkit-background-clip:text;color:transparent}
.cinematic .hero-description{color:#b0aebd;font-size:16px;line-height:1.7;margin-top:27px}
.cinematic .hero-actions{gap:27px;margin-top:25px}
.cinematic .hero-actions .button{background:#f5f4fc;color:#181820;border-color:#f5f4fc;box-shadow:0 6px 30px #ccc2ff15}
.cinematic .hero-actions .button:hover{background:#ddd8fc;box-shadow:0 8px 32px #bdb4ff25}
.cinematic .hero .text-button{color:#d1ccdf;font-size:12px}
.cinematic .hero .text-button:hover{color:#fff}
.cinema-aurora{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
.cinema-aurora>i{position:absolute;display:block;width:680px;height:680px;border-radius:50%;filter:blur(85px);opacity:.2;top:39%;left:calc(50% - 390px);background:radial-gradient(ellipse,#7355d3,transparent 68%)}
.cinema-aurora>i:nth-child(2){background:radial-gradient(ellipse,#c1f49b,transparent 65%);width:460px;height:460px;left:calc(50% - 40px);top:51%;opacity:.12;animation-delay:-6s}
.cinema-aurora>i:nth-child(3){background:radial-gradient(ellipse,#bd89d7,transparent 68%);width:350px;height:350px;left:12%;top:35%;opacity:.1;animation-delay:-11s}
.cinema-grid{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff02 1px,transparent 1px),linear-gradient(90deg,#ffffff02 1px,transparent 1px);background-size:100px 100px;mask-image:linear-gradient(transparent 30%,#000)}
.cinematic .journey{margin-top:58px}
.cinematic .stage{height:492px;transform:perspective(1200px) translateY(var(--hero-drift,0px)) rotateX(var(--hero-tilt,0deg));transform-origin:center 75%}
.cinematic .stage-halo{width:680px;height:400px;top:90px;background:radial-gradient(ellipse,#8069c447,transparent 69%)}
.cinematic .orbit{border-color:#b3a0ef3a}
.cinematic .orbit-one{width:830px;height:210px;top:62%;transform:translate(-50%,-50%) rotate(-14deg)}
.cinematic .orbit-two{width:1060px;height:305px;top:62%;border-color:#a6a09138;opacity:.6}
.cinematic .stage-label{color:#9993aa;font-size:8px;letter-spacing:1.4px;top:34px}
.cinematic .stage-label>span{background:#615675}
.cinematic .patient-note{top:108px;left:5.8%}
.cinematic .tiny-label{font-size:7px;letter-spacing:1px;color:#a09aad}
.cinematic .patient-note p{font-size:49px;letter-spacing:-2.7px;line-height:1.16;margin-top:19px;color:#f4f1fc}
.cinematic .patient-note p>span{color:#ccedaa}
.cinematic .patient-note>svg{stroke:#a28bcf}
.cinematic .phone-frame{color:#21202b;background:#faf9ff;border-color:#dbd7e6;box-shadow:0 0 0 1px #f6f3ff,4px 2px 0 2px #6b626f,0 22px 75px #08060d99}
.cinematic .phone-top>i{background:#1b1824}
.cinematic .phone-brand{border-color:#e8e4f1}
.cinematic .phone-content{color:#272131}
.cinematic .phone-kicker{color:#786b95}
.cinematic .date-row>span.selected{background:#7661cf;border-color:#7661cf}
.cinematic .time-row>span.selected{background:#f0ebfc;border-color:#aa9ace;color:#6a539e}
.cinematic .mock-button{background:#7460ce}
.cinematic .doctor-avatar{background:#f5e4d9;color:#927962}
.cinematic .desk-card{color:#24212e;background:#f7f5ff;box-shadow:0 25px 50px #03000770;border-color:#fff;top:89px}
.cinematic .desk-top{color:#5b4d7d}
.cinematic .desk-card h3{color:#292436}
.cinematic .desk-row{border-color:#e8e3f1}
.cinematic .desk-bottom{border-color:#e8e3f1}
.cinematic .journey[data-step="1"] .new-patient,.cinematic .journey[data-step="2"] .new-patient{background:#ece6f8}
.cinematic .confirmation-card{background:#f0f6e6;color:#243322;border-color:#e2eed4;box-shadow:0 15px 50px #02050350;bottom:10px}
.cinematic .confirmation-icon{background:#dae9c9;color:#547140}
.cinematic .payment-check{color:#745fbb;background:#ece6fc;box-shadow:0 0 0 8px #f2edfc}
.cinematic .receipt{background:#f0edf7;border-color:#e4dfee}
.cinematic .arrival-ticket{background:#f2eff9;border-color:#e0d9ee}
.cinematic .ticket-icon{background:#e7dff4;color:#7c65a6}
.cinematic .phone-home{background:#272133}
.stage-energy{position:absolute;inset:0;pointer-events:none;z-index:-1}
.stage-energy>i{position:absolute;top:190px;left:13%;width:7px;height:7px;box-shadow:0 0 20px #c9b9ff;background:#c9b9ff;border-radius:50%}
.stage-energy>i:nth-child(2){top:73px;left:72%;width:4px;height:4px;background:#dafbb0;box-shadow:0 0 20px #dafbb0;animation-delay:-2s}
.stage-energy>i:nth-child(3){top:375px;left:80%;width:5px;height:5px;animation-delay:-4s}
.cinematic .demo-controls{margin-top:27px}
.cinematic .journey-tabs{background:#25232d;border-color:#38343f;padding:5px}
.cinematic .journey-tabs button{color:#bab4c8;font-size:12px;min-height:40px}
.cinematic .journey-tabs button[aria-selected="true"]{color:#25202e;background:#eae4fb}
.cinematic .demo-note{color:#9c95ab;font-size:10px;margin-top:15px}
.cinematic .proof-section{background:#f7f7fb;border-color:#eeedf4;padding-block:75px 30px}
.cinematic .proof-intro>.eyebrow{color:#7862af}
.cinematic .proof-intro h2{font-size:45px;letter-spacing:-2px}
.cinematic .proof-intro h2>span{color:#81798e}
.cinematic .proof-grid{max-width:1010px;margin-block:45px 33px}
.cinematic .proof-stat+.proof-stat{border-color:#dedbe8}
.cinematic .proof-stat>strong{font-size:98px;color:#574576;letter-spacing:-5px}
.cinematic .proof-stat:nth-child(2)>strong{color:#806bb1}
.cinematic .proof-stat:nth-child(3)>strong{color:#ae89bd}
.cinematic .proof-stat>strong .count-value{font-size:1em;letter-spacing:inherit}
.cinematic .proof-stat p{color:#716a80;font-size:14px}
.cinematic .source-note{color:#706879}
.cinematic .stories-section{padding-block:92px 78px}
.cinematic .section-heading h2{font-size:44px;color:#24202e}
.cinematic .section-heading h2>span{color:#93899c}
.cinematic .section-heading .eyebrow{color:#7b6e95}
.cinematic .story-card{border-color:#e7e3eb;border-radius:23px;box-shadow:0 10px 35px #29203504}
.cinematic .story-metric>strong{color:#705592}
.cinematic .story-content>p{color:#74677d}
.cinematic .image-tag{color:#594b66}
.cinematic .story-details{border-color:#e9e1ee}
.cinematic .expand-icon{background:#f0ebf7;color:#8b6bac}
.cinematic .ownership-section{background:#eeebfa;color:#2a233b;position:relative}
.cinematic .ownership-layout{padding-block:91px}
.cinematic .ownership-copy .eyebrow{color:#7a6b95}
.cinematic .ownership-copy h2{font-size:77px;letter-spacing:-4px}
.cinematic .ownership-copy h2>span{color:#8e6ac2}
.cinematic .ownership-copy>p:not(.eyebrow){color:#796f89}
.cinematic .light-link{color:#705691;border-color:#b8a0ce}
.cinematic .light-link:hover{color:#a277cc;border-color:#a277cc}
.cinematic .own-app-icon{color:#6a4b8c;background:linear-gradient(145deg,#fbfce6,#d9e8b4);box-shadow:8px 12px 0 #c9cfad,0 24px 45px #796c9520;border-color:#fffffa}
.cinematic .brand-rings{border-color:#b9a7d147;background:radial-gradient(#cebdf135,transparent 70%)}
.cinematic .brand-rings:before,.cinematic .brand-rings:after{border-color:#b9a7d13b}
.cinematic .brand-showcase{margin-bottom:32px}
.cinematic .brand-showcase>p{color:#756582;background:#eeebfa;padding:5px 16px;border-radius:20px}
.satellite{position:absolute;background:#fff;color:#887299;box-shadow:0 5px 15px #8b769c12;padding:9px 13px;font-size:9px;border:1px solid #e6dced;border-radius:25px;white-space:nowrap}
.satellite-one{left:-12px;top:67px;rotate:-10deg}
.satellite-two{right:-25px;top:133px;rotate:9deg}
.satellite-three{left:25px;bottom:49px;rotate:-6deg}
.cinematic .ownership-list{background:transparent}
.cinematic .ownership-list li{border-color:#d8cde5;color:#665674}
.cinematic .ownership-list li>.icon:first-child,.cinematic .ownership-list .zero-icon{color:#9377b2}
.cinematic .ownership-list li>.tick{color:#9377b2}
.cinematic .ownership-note{color:#776786}
.cinematic .ownership-note a{color:#72508d}
.cinematic .closing-section{width:100%;position:relative;isolation:isolate;overflow:hidden;color:#fff;background:#101014;padding:100px 25px 85px}
.cinematic .closing-section:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 50% 100%,#8570b830,transparent 60%)}
.cinematic .closing-section h2{font-size:77px;letter-spacing:-4px}
.cinematic .closing-section h2>span{color:#d8f99d}
.cinematic .closing-section>.eyebrow{color:#9f99ac}
.cinematic .closing-section>p:not(.eyebrow){color:#b0a6be}
.cinematic .closing-section .button{background:#d8f99d;border-color:#d8f99d;color:#232821}
.cinematic .closing-section .button:hover{background:#e7ffb8}
.cinematic .closing-section .text-link{color:#d2c4e7}
.cinematic .closing-section .call-link{color:#aaa0b8}
.cinematic .footer{background:#101014;border-color:#ffffff15;color:#ece7f5}
.cinematic .numbers-note{border-color:#ffffff18}
.cinematic .numbers-note summary,.cinematic .numbers-note>p{color:#aba3b7}
.cinematic .footer-main>span,.cinematic .footer-main nav,.cinematic .copyright{color:#a59aaf}
.cinematic .footer-main a:hover{color:#d8f99d}
.cinematic dialog{color:#272232;background:#fcfbff;border-color:#e7ddf2}
.cinematic dialog::backdrop{background:#07060bbb}
.cinematic .dialog-footer{color:#85758f}
.cinematic .dialog-footer a{color:#715090}
.cinematic .button:focus-visible,.cinematic a:focus-visible,.cinematic button:focus-visible,.cinematic summary:focus-visible{outline-color:#b199de}
/* Decorative animation is viewport-gated; functional screen changes stay immediate. */
.js-ready .hero.is-active .hero-line{animation:cinema-word .95s cubic-bezier(.15,.75,.15,1) both}
.js-ready .hero.is-active .hero-colour{animation:cinema-word 1.05s .12s cubic-bezier(.15,.75,.15,1) both,colour-breathe 11s 1.3s ease-in-out infinite}
.js-ready .hero.is-in-view .cinema-aurora>i{animation:aurora-drift 17s ease-in-out infinite alternate}
.js-ready .hero.is-in-view .stage-energy>i{animation:light-orbit 8s ease-in-out infinite}
.js-ready .ownership-section.is-in-view .own-app-icon{animation:app-hover 7s ease-in-out infinite}
.js-ready .ownership-section.is-in-view .satellite{animation:satellite-hover 6s ease-in-out infinite}
.js-ready .ownership-section.is-in-view .satellite-two{animation-delay:-2s}
.js-ready .ownership-section.is-in-view .satellite-three{animation-delay:-4s}
.motion-paused .cinema-aurora>i,.motion-paused .stage-energy>i,.motion-paused .hero-line,.motion-paused .own-app-icon,.motion-paused .satellite,.motion-paused .float-slow{animation-play-state:paused!important}
.motion-paused .cinematic .hero-line{animation:none!important;opacity:1;transform:none;filter:none}
.cinematic .hero:not(.is-in-view) .float-slow{animation-play-state:paused}
@keyframes cinema-word{from{opacity:0;transform:translateY(28px) scale(.96);filter:blur(10px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes colour-breathe{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes aurora-drift{from{transform:translate(-25px,0) scale(.85)}to{transform:translate(40px,-50px) scale(1.2)}}
@keyframes light-orbit{0%,100%{transform:translate(0,0);opacity:.2}45%{transform:translate(30px,-20px);opacity:.9}75%{transform:translate(-12px,10px);opacity:.5}}
@keyframes app-hover{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-10px) rotate(-3deg)}}
@keyframes satellite-hover{0%,100%{translate:0 0}50%{translate:0 -7px}}
@media(max-width:1100px){
 .cinematic .hero h1{font-size:112px;letter-spacing:-6px}
 .cinematic .patient-note{left:1%}.cinematic .patient-note p{font-size:44px}.cinematic .tiny-label{font-size:6px}
 .cinematic .proof-stat>strong{font-size:85px}.cinematic .section-heading h2{font-size:37px}.cinematic .ownership-copy h2{font-size:65px}
 .cinematic .closing-section h2{font-size:67px}
}
@media(max-width:850px){
 .cinematic .header nav{gap:20px;font-size:10px;margin-right:0}.cinematic .nav-wrap{gap:18px}.cinematic .header .motion-toggle{min-width:44px}
 .cinematic .hero h1{font-size:101px;letter-spacing:-5px}.cinematic .stage{height:481px}.cinematic .orbit-one{width:670px}.cinematic .orbit-two{width:780px}
 .cinematic .proof-intro h2{font-size:38px}.cinematic .proof-stat>strong{font-size:73px}.cinematic .proof-stat p{font-size:12px}.cinematic .section-heading h2{font-size:33px}
 .cinematic .ownership-copy h2{font-size:54px}.cinematic .ownership-layout{gap:40px}.satellite-one{left:8px}.satellite-two{right:0}
}
@media(max-width:600px){
 .cinematic .nav-wrap{height:67px;gap:12px}.cinematic .header nav{display:none}.cinematic .header .brand{font-size:22px;margin-right:auto}
 .cinematic .header .brand img{width:26px;height:26px}.cinematic .header .motion-toggle{min-width:25px;width:25px;padding-inline:5px}
 .cinematic .header .motion-label{display:none}.cinematic .nav-cta{font-size:10px;padding:9px 13px;gap:12px;min-height:36px}
 .cinematic .hero{padding-bottom:34px}.cinematic .hero-copy{padding-top:49px}.cinematic .hero-copy>.eyebrow{font-size:7px;letter-spacing:1.5px}
 .cinematic .hero h1{font-size:clamp(63px,18vw,99px);letter-spacing:-4px;line-height:.99;margin-top:23px}
 .cinematic .hero-description{font-size:13px;line-height:1.75;margin-top:24px}
 .cinematic .hero-actions{gap:16px;margin-top:23px}.cinematic .hero-actions .button{font-size:11px}.cinematic .hero .text-button{font-size:10px}
 .cinematic .journey{margin-top:49px}.cinematic .stage{height:424px}
 .cinematic .stage-halo{width:500px;height:420px;top:10px}.cinematic .orbit-one{width:460px;height:150px;top:62%}.cinematic .orbit-two{width:560px;height:230px;top:62%}
 .cinematic .stage-energy>i{top:150px;left:1%}.cinematic .stage-energy>i:nth-child(2){top:28px;left:88%}.cinematic .stage-energy>i:nth-child(3){top:340px;left:92%}
 .cinematic .confirmation-card{bottom:0}.cinematic .journey-tabs button{font-size:11px;padding-inline:18px;min-height:38px}.cinematic .demo-controls{margin-top:27px}.cinematic .demo-note{font-size:9px}
 .cinematic .proof-section{padding-block:55px 27px}.cinematic .proof-intro h2{font-size:29px;letter-spacing:-1.3px}.cinematic .proof-grid{margin-block:31px 25px}
 .cinematic .proof-stat>strong{font-size:45px;letter-spacing:-2.5px}.cinematic .proof-stat p{font-size:10px}.cinematic .source-note{font-size:9px}
 .cinematic .stories-section{padding-block:55px 49px}.cinematic .section-heading h2{font-size:27px;letter-spacing:-1.3px}
 .cinematic .ownership-layout{padding-block:59px 45px;gap:67px}.cinematic .ownership-copy h2{font-size:61px;letter-spacing:-3px}.cinematic .brand-showcase{margin-bottom:24px}
 .cinematic .closing-section{padding:69px 20px 55px}.cinematic .closing-section h2{font-size:43px;letter-spacing:-2px}
 .cinematic .footer-main nav{font-size:10px}
}
@media(max-width:360px){
 .cinematic .hero h1{font-size:63px;letter-spacing:-3.5px}.cinematic .hero-description{font-size:12px}.cinematic .hero-actions{gap:13px}
 .cinematic .hero-actions .button{font-size:10px}.cinematic .hero .text-button{font-size:9px}
 .cinematic .proof-stat>strong{font-size:38px}.cinematic .proof-stat p{font-size:9px}.cinematic .section-heading h2{font-size:24px}
 .cinematic .closing-section h2{font-size:37px}
}
@media(prefers-reduced-motion:reduce){
 .cinematic .stage{transform:none}
 .js-ready .hero.is-active .hero-line{animation:none;opacity:1;transform:none;filter:none}
 .cinematic .cinema-aurora>i,.cinematic .stage-energy>i,.cinematic .own-app-icon,.cinematic .satellite{animation:none!important}
}