@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#1e2740;--muted:#777a81;--green:#2d3b61;--paper:#f4f5f9;--line:#d8dbe5;--lime:#adbeee}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #6278b5;outline-offset:5px}.wrap{width:min(1180px,calc(100% - 100px));margin-inline:auto}.header{height:106px;display:flex;align-items:center;justify-content:space-between}.brand{font-family:'Manrope',sans-serif;font-size:31px;letter-spacing:-1.6px;font-weight:800;display:flex;align-items:center}.brand>span:not(.brand-mark){font-weight:500}.brand-mark{font-size:41px;margin-right:9px;font-weight:400;line-height:1}.brand i{width:6px;height:6px;background:#647ab6;border-radius:50%;align-self:flex-end;margin:0 0 8px 2px}.header nav{display:flex;gap:35px;font-size:13px;color:#5a5f6c}.header nav a:hover{color:var(--green)}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--green);color:#fff;border-radius:7px;padding:18px 23px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#202d4f;transform:translateY(-2px)}.button span{font-size:19px;line-height:1}.button-small{padding:13px 18px;font-size:12px;gap:20px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:697px;padding-top:32px;padding-bottom:65px;gap:20px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:700;letter-spacing:1.7px}.status-dot{display:inline-block;background:#6f7faa;width:6px;height:6px;border-radius:50%;flex:none}h1,h2,h3,p{margin:0}h1,h2{font-family:'Manrope',sans-serif;font-weight:500;letter-spacing:-2.7px}h1{font-size:66px;line-height:1.1;margin-top:23px}em{font-family:Georgia,serif;font-weight:400;color:#566387}h1 em{font-size:1.1em}p{color:var(--muted);font-size:14px;line-height:1.8}.hero-copy>p{margin-top:25px}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:29px}.text-link{background:none;padding:0;display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:600;color:var(--ink)}.play{border:1px solid #a8aebc;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-size:15px}.hero-note{margin-top:22px;font-size:10px;color:#858993;display:flex;gap:7px;align-items:center}.tiny-check{border:1px solid #949ebc;border-radius:50%;width:13px;height:13px;display:grid;place-items:center;font-size:8px}.hero-visual{position:relative;min-height:590px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 53%,#d1d8eb 0%,#dde3f2 38%,transparent 68%)}.orbit{position:absolute;width:480px;height:480px;border:1px solid #d6dae7;border-radius:50%;transform:rotate(-25deg)}.orbit-two{width:565px;height:370px;transform:rotate(-50deg);border-color:#dce0eb}.visual-caption{position:absolute;top:4px;right:24px;font-size:11px;color:#727b94;display:flex;align-items:center;gap:8px;transform:rotate(7deg)}.visual-caption span{font-size:26px}.phone{width:289px;background:#fff;border:6px solid #fff;border-radius:36px;transform:rotate(-5deg);box-shadow:10px 24px 55px #26304e20,0 0 0 1px #dee1e9;overflow:hidden;z-index:1}.phone-top{height:35px;display:flex;justify-content:space-between;padding:8px 18px;font-size:10px;font-weight:700}.chat-header{background:#fff;display:flex;align-items:center;gap:9px;padding:9px 7px 13px}.back{font-size:28px;color:#5e6a8b}.avatar{width:35px;height:35px;display:grid;place-items:center;background:#dde3f2;border-radius:50%;font-size:28px;color:#475374;flex:none}.chat-header strong{font-size:11px;display:block}.chat-header small{font-size:8px;color:#7e8494;display:flex;gap:4px;align-items:center;margin-top:4px}.chat-header .status-dot{width:4px;height:4px}.dots{margin-left:auto;margin-right:6px}.chat-body{background-color:#e8ebf3;background-image:radial-gradient(#b3bacf44 .7px,transparent .7px);background-size:13px 13px;padding:13px 11px 16px;display:flex;flex-direction:column;gap:10px;min-height:378px}.chat-date{align-self:center;font-size:7px;background:#fff9;padding:4px 9px;color:#888c96;border-radius:4px;margin-bottom:2px}.bubble{font-size:10px;line-height:1.6;padding:10px 11px 5px;border-radius:9px;box-shadow:0 1px 1px #151f3a0a;max-width:91%;position:relative}.incoming{background:#fff;align-self:flex-start;border-top-left-radius:2px}.outgoing{background:#cad4ef;align-self:flex-end;border-top-right-radius:2px}.bubble time{display:block;text-align:right;font-size:6px;color:#818798;margin-top:3px}.bubble time span{color:#719b99;margin-left:2px}.short{max-width:72%}.time-options{display:flex;gap:5px;margin:8px 0}.time-options span{border:1px solid #9fabca;border-radius:4px;padding:4px 10px;background:#eaeef9;font-size:9px}.chat-input{height:42px;background:#eff2f8;display:flex;align-items:center;gap:9px;padding:5px 10px;color:#848997}.chat-input>span:nth-child(2){background:white;border-radius:18px;padding:8px 10px;flex:1;font-size:9px}.mic{color:var(--green)}.phone-bottom{height:17px;display:flex;align-items:center;justify-content:center}.phone-bottom:after{content:'';width:90px;height:3px;background:#252935;border-radius:5px}.float-card{position:absolute;background:#fff;box-shadow:0 12px 35px #26304e10;border:1px solid #dde1eb;border-radius:10px;display:flex;align-items:center;gap:10px;padding:15px;z-index:2}.float-card strong{font-size:10px;display:block}.float-card small{display:block;font-size:8px;color:#9296a0;margin-top:5px}.appointment{right:-5px;top:117px;transform:rotate(4deg)}.float-icon,.clock-icon{height:31px;width:31px;display:grid;place-items:center;background:#e0e6f5;border-radius:9px;color:#55689c;font-size:17px}.spark{font-size:22px;color:#6679ae;margin-left:7px}.always{left:1px;bottom:63px;transform:rotate(3deg);padding:15px 17px}.clock-icon{font-size:25px}.online{font-size:10px;color:#4b5d8e;border:1px solid #d2d9eb;border-radius:20px;padding:5px 7px;margin-left:15px}.visual-star{position:absolute;bottom:2px;right:39px;color:#8091c0;font-size:67px;font-weight:300}.benefit-strip{border-block:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:28px}.benefit-strip>span{font-size:9px;letter-spacing:1.3px;color:#7e8495}.benefit-strip>div{font-size:12px;display:flex;align-items:center;gap:10px}.benefit-strip>div>span{font-size:21px;color:#61709a}.section{padding-block:95px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:38px}h2{font-size:40px;line-height:1.22;letter-spacing:-1.5px;margin-top:17px}.section-heading>p{font-size:12px;margin-bottom:5px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{border:1px solid var(--line);border-radius:12px;padding:26px 24px 23px;background:#ffffff33}.feature-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:33px}.feature-top>span:last-child{font-size:8px;letter-spacing:1.3px;color:#828898}.feature-icon{display:grid;place-items:center;background:#dde3f1;border-radius:9px;width:39px;height:39px;font-size:23px;color:#4d5a80}h3{font-size:17px;font-weight:500;letter-spacing:-.3px}.feature>p{font-size:12px;margin-top:12px;line-height:1.9;min-height:92px}.mini-message,.mini-task,.mini-calendar{margin-top:23px;min-height:48px;display:flex;align-items:center;background:#e6e9f2;border-radius:7px;padding:10px;font-size:9px;gap:8px}.mini-avatar{font-size:22px}.mini-message>span:last-child{margin-left:auto;font-size:17px;color:#7a86a8}.mini-calendar{justify-content:space-between;position:relative;padding:8px 13px}.mini-calendar>span{font-size:6px;text-align:center;color:#858c9e;padding:5px}.mini-calendar b{display:block;font-size:12px;font-weight:500;margin-top:4px;color:#424e6f}.mini-calendar .selected{background:#c3cde7;border-radius:5px}.mini-calendar>div{position:absolute;right:7px;bottom:-8px;background:white;border:1px solid #ccd3e7;border-radius:4px;padding:6px;color:#4f5f8b;font-size:7px}.mini-task>span:first-child{color:#4a5d91;background:#ccd5ec;border-radius:50%;padding:4px}.task-avatars{display:flex;margin-left:auto;align-items:center;font-size:8px}.task-avatars,.task-avatars span{border-radius:50%;background:#d0d6e4;width:22px;height:22px;justify-content:center;border:2px solid #e6e9f2}.task-avatars{width:auto;background:none;border:0}.task-avatars span{display:grid;place-items:center;margin-left:-2px}.demo-section{background:#e6e9f3;padding:78px 0}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:115px;align-items:center}.demo-copy>p{margin-top:21px;font-size:13px}.demo-tabs{margin-top:28px}.demo-tabs button{background:none;width:100%;text-align:left;border-top:1px solid #ccd2e1;padding:17px 12px;display:flex;align-items:center;gap:18px;color:#6e7589;font-size:12px}.demo-tabs button>span:first-child{font-size:9px;opacity:.7}.demo-tabs button>span:last-child{margin-left:auto;font-size:17px}.demo-tabs button[aria-selected=true]{color:var(--ink);background:#d5dbec;border-radius:6px;border-top-color:transparent;font-weight:600}.demo-window{background:#f7f8fb;border:1px solid #cfd5e4;border-radius:14px;box-shadow:0 16px 40px #222c4808;overflow:hidden}.demo-window-header{display:flex;align-items:center;padding:20px;gap:11px;border-bottom:1px solid #dadee9}.demo-window-header strong{font-size:12px;font-weight:600}.demo-window-header small{display:block;font-size:9px;color:#858b9b;margin-top:4px}.example-tag{font-size:7px;letter-spacing:1px;margin-left:auto;background:#dde3f2;padding:6px;border-radius:4px;color:#697391}#demo-panel{padding:23px;min-height:330px;display:flex;flex-direction:column;gap:16px}.demo-bubble{font-size:12px;line-height:1.7;max-width:88%;padding:14px 16px;border-radius:10px;animation:enter .35s ease both}.demo-bubble .speaker{display:block;font-size:9px;font-weight:600;margin-bottom:5px;color:#5d6783}.demo-bubble.incoming{border:1px solid #dee1e9}.demo-bubble.outgoing{background:#d8deef}.demo-result{font-size:10px;display:flex;gap:8px;align-self:center;margin-top:4px;color:#495a88}.demo-footer{padding:15px;border-top:1px solid #dee2ed;color:#878d9f;font-size:8px;display:flex;justify-content:center;align-items:center;gap:7px}.clinic-section{display:grid;grid-template-columns:1fr 1fr;gap:115px;align-items:center}.clinic-section>div>p{max-width:355px;margin-top:22px;font-size:13px}.clinic-section .text-link{margin-top:27px;border-bottom:1px solid #a3acc6;padding-bottom:7px}.principles article{display:flex;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.principles article:first-child{padding-top:0}.principles article:last-child{border:0}.principles article>span{color:#687599;font-size:24px;min-width:24px}.principles h3{font-size:15px}.principles p{font-size:12px;margin-top:8px}.cta{background:#253151;border-radius:16px;padding:57px 30px 50px;text-align:center;position:relative;overflow:hidden;color:#fff}.cta .eyebrow{justify-content:center;color:#acb6d1;font-size:9px}.cta h2{font-size:43px;line-height:1.25;margin-top:21px;position:relative}.cta p{color:#b4bacb;font-size:12px;margin-top:16px}.button-light{background:#b9c8f0;color:#252f4a;margin-top:27px}.button-light:hover{background:#d5def6}.cta small{display:block;font-size:9px;color:#a3abc2;margin-top:15px}.cta-flower{position:absolute;right:-45px;top:5px;font-size:330px;line-height:1;color:#36405e;transform:rotate(15deg);pointer-events:none}footer{display:flex;align-items:center;justify-content:space-between;padding-block:38px;gap:22px}footer .brand{font-size:24px}footer .brand-mark{font-size:30px}footer>span{font-size:10px;color:#808695}footer>small{font-size:9px;color:#8f939f}dialog{border:1px solid var(--line);border-radius:18px;background:var(--paper);padding:38px;width:min(480px,calc(100% - 30px));color:var(--ink);max-height:90vh}dialog::backdrop{background:#12192ca8;backdrop-filter:blur(5px)}dialog h2{font-size:30px;letter-spacing:-1px}dialog>p{font-size:12px;margin-top:15px}.close-dialog{position:absolute;top:12px;right:16px;background:none;font-size:26px;color:var(--ink)}form{display:grid;gap:15px;margin-top:25px}label{display:grid;gap:7px;font-size:11px;font-weight:600}input{border:1px solid #cbd1e1;padding:13px;border-radius:6px;background:#fff;font-size:12px;width:100%;color:var(--ink)}form small{font-size:10px;line-height:1.6;color:var(--muted)}#demo-success{margin-top:25px}#demo-success p{font-size:13px;margin:13px 0 20px}.success-icon{display:grid;place-items:center;width:40px;height:40px;background:#d4dbed;border-radius:50%;margin-bottom:20px}body.modal-open{overflow:hidden}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
[hidden]{display:none!important}
.hero-visual{overflow:clip}
@media(min-width:1450px){.hero{min-height:760px}.hero-visual{transform:scale(1.06)}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}h1{font-size:55px}.hero{gap:0}.hero-visual{transform:scale(.9);margin-right:-22px;margin-left:-25px}.appointment{right:-10px}.always{left:-15px}.demo-grid,.clinic-section{gap:55px}.benefit-strip{gap:15px}.benefit-strip>div{font-size:10px}.feature{padding:21px 17px}.feature>p{min-height:116px}}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}.header{height:85px}.header nav{display:none}.brand{font-size:27px}.brand-mark{font-size:34px}.button-small{font-size:10px;padding:11px 13px;gap:12px}.hero{grid-template-columns:1fr;padding-top:27px;padding-bottom:26px}.hero-copy{text-align:center}.eyebrow{font-size:8px;letter-spacing:1.4px}.hero-copy>.eyebrow{justify-content:center}h1{font-size:54px;margin-top:20px;letter-spacing:-2px}.hero-copy>p{font-size:13px;margin-top:22px}.hero-actions{justify-content:center;gap:20px}.hero-actions>.button{padding:16px 18px;gap:18px;font-size:12px}.text-link{font-size:11px}.hero-note{justify-content:center;font-size:9px}.hero-visual{margin:26px -8px -9px;min-height:560px;transform:none}.phone{width:266px}.chat-body{min-height:360px}.bubble{font-size:9px}.orbit-one{width:330px;height:430px}.orbit-two{width:355px;height:320px}.visual-caption{top:4px;right:19px;font-size:9px}.appointment{right:0;top:117px;padding:11px 9px;gap:7px;transform:rotate(4deg)}.float-card strong{font-size:9px}.float-card small{font-size:7px}.float-icon{width:24px;height:24px}.spark{display:none}.always{left:0;bottom:36px;padding:12px;gap:8px}.online{margin-left:4px;font-size:8px}.visual-star{bottom:1px;right:10px;font-size:50px}.benefit-strip{flex-wrap:wrap;justify-content:center;gap:17px 22px;padding-block:25px}.benefit-strip>span{width:100%;text-align:center;font-size:8px}.benefit-strip>div{font-size:9px;gap:6px}.benefit-strip>div>span{font-size:17px}.section{padding-block:62px}.section-heading{display:block;margin-bottom:28px}h2{font-size:33px}.section-heading>p{margin-top:20px}.feature-grid{grid-template-columns:1fr;gap:14px}.feature{padding:23px}.feature-top{margin-bottom:23px}.feature>p{min-height:0}.mini-message,.mini-task,.mini-calendar{margin-top:20px}.mini-calendar{max-width:270px}.demo-section{padding-block:52px}.demo-grid,.clinic-section{grid-template-columns:1fr;gap:35px}.demo-copy>p{font-size:12px}.demo-tabs{margin-top:24px}.demo-window-header{padding:17px}#demo-panel{padding:18px;min-height:330px}.demo-bubble{font-size:11px}.clinic-section{gap:40px}.principles article{padding:21px 0}.cta{padding:45px 20px;border-radius:12px}.cta h2{font-size:31px}.cta-flower{font-size:240px;right:-99px;top:48px}.cta p{font-size:11px;position:relative}.cta .button{position:relative;font-size:12px}.cta small{position:relative;font-size:8px}footer{flex-wrap:wrap;padding-block:30px;gap:17px}footer>span{font-size:9px}footer>small{width:100%;border-top:1px solid var(--line);padding-top:18px;font-size:8px}dialog{padding:32px 24px}.desktop{display:none}}
@media(max-width:360px){h1{font-size:46px}.hero-actions{gap:12px}.hero-visual{margin-inline:-12px}.appointment{right:-4px}.float-card small{font-size:6px}.always{left:-4px}.orbit-two{width:310px}.hero-actions .text-link{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Option 2 — porcelain, deep blue and warm coral. */
:root{--ink:#202d50;--muted:#697187;--green:#344bc4;--paper:#faf9f7;--line:#e0e2eb;--lime:#f7b29c}
body{background:var(--paper)}
.brand i,.status-dot{background:#df8975}
em{color:#5465c2}
.header nav{color:#626a80}
.button{background:#344bc4;box-shadow:0 5px 16px #344bc410;border-radius:9px}
.button:hover{background:#273ba6}
.hero{min-height:750px}
.hero-visual{background:none;isolation:isolate;overflow:clip;min-height:640px}
.hero-visual::before{content:'';position:absolute;inset:55px 10px 25px;border-radius:46% 54% 61% 39%;background:radial-gradient(ellipse at 30% 25%,#dfe4ff 0%,#e8eafa 45%,#f8ddd3 100%);transform:translateY(var(--wash-y,0px)) rotate(-12deg);z-index:-1}
.orbit{border-color:#cbd1eb99}.orbit-two{border-color:#d4c0b699}
.visual-caption{color:#626e9d}.visual-caption span,.visual-star{color:#da8b78}
.phone{box-shadow:12px 30px 55px #28346924}
.chat-body{background-color:#f0f1f7;background-image:radial-gradient(#a7aecb44 .7px,transparent .7px)}
.outgoing,.demo-bubble.outgoing{background:#e5e9ff}
.time-options span{background:#f5f6ff;border-color:#c2cbed}
.float-card{border-color:#e5e6f0;box-shadow:0 14px 40px #303b6315}
.float-icon,.clock-icon{color:#c27461;background:#fff0e9}
.online{color:#5465a6;border-color:#dce1f6}
.feature{background:#fff;border-color:#e5e6ed;box-shadow:0 8px 30px #202d5003;transition:box-shadow .3s,border-color .3s}
.feature:hover{border-color:#c3caee;box-shadow:0 16px 35px #3348780c}
.feature-icon{background:#eceeff;color:#5c6dcc}
.feature:nth-child(2) .feature-icon{background:#fff0e8;color:#c37b65}
.mini-message,.mini-task,.mini-calendar{background:#f1f3fb}
.mini-calendar .selected,.mini-task>span:first-child{background:#e0e5ff}
.demo-section{position:relative;isolation:isolate;overflow:clip;background:#edf0fb;padding-block:100px}
.demo-section::before{content:'';position:absolute;width:440px;height:440px;left:-180px;top:60px;border:1px solid #d6dcf2;border-radius:50%;transform:translateY(var(--section-y,0px));z-index:-1}
.demo-section::after{content:'';position:absolute;width:360px;height:360px;right:-190px;bottom:-80px;border:60px solid #e0e5f7;border-radius:50%;transform:translateY(var(--section-y,0px));z-index:-1}
.demo-window{background:#fcfcff;border-color:#dce1f1;box-shadow:0 24px 65px #34427014}
.demo-tabs button{border-color:#d9deed;color:#727d99}
.demo-tabs button[aria-selected=true]{background:#dfe5ff;color:#344990}
.example-tag{background:#e9edff;color:#5e6eaa}.demo-result{color:#5466a0}
.principles article>span{color:#cb8675}
.cta{background:#243567;isolation:isolate;padding-block:72px}
.cta .eyebrow{color:#bec9f1}.cta p{color:#c1cae4}.cta small{color:#bcc5e1}
.cta-flower{color:#3c5089;z-index:-1}
.cta::before{content:'';position:absolute;width:310px;height:310px;border-radius:50%;border:1px solid #5c6faa;left:-140px;top:-100px;transform:translateY(var(--cta-y,0px));z-index:-1}
.button-light{background:#f6bba8;color:#343653;box-shadow:none}.button-light:hover{background:#ffd0bf}
.scroll-cue{display:flex;align-items:center;gap:10px;margin-top:30px;font-size:9px;color:#77819c;letter-spacing:1.5px;text-transform:uppercase}
.scroll-cue span{width:20px;height:31px;border:1px solid #b8c0da;border-radius:20px;display:grid;place-items:center;color:#6879ba}
.option-link{position:fixed;bottom:18px;left:18px;z-index:5;background:#ffffffee;border:1px solid #dfe3f0;border-radius:30px;padding:10px 15px;box-shadow:0 4px 20px #1b285e0d;font-size:10px;color:#677293;backdrop-filter:blur(10px)}
.scroll-progress{position:fixed;top:0;left:0;height:3px;background:#dc9783;width:100%;transform:scaleX(0);transform-origin:left;z-index:20;pointer-events:none}
.motion-ready [data-reveal]{opacity:0;translate:0 35px;transition:opacity .75s ease,translate .85s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
.motion-ready [data-reveal].revealed{opacity:1;translate:0 0}
@media(max-width:900px){.hero{min-height:auto}.hero-visual{min-height:600px}.scroll-cue{justify-content:center;margin-top:25px}.demo-section{padding-block:62px}.cta{padding-block:50px}.option-link{bottom:10px;left:10px;font-size:9px;padding:8px 11px}}
@media(prefers-reduced-motion:reduce){.motion-ready [data-reveal]{opacity:1;translate:none}.scroll-progress{display:none}}
