:root{--ink:#18343c;--muted:#5c6a6b;--paper:#fffefa;--line:#d7ddda;--red:#ba3f35;--sage:#e9eee8;--navy:#173941}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}button,a,video{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,video:focus-visible{outline:3px solid var(--red);outline-offset:5px}img{max-width:100%;display:block}.wrap{width:min(1180px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;top:-100px;left:20px;background:white;padding:12px;z-index:99}.skip:focus{top:15px}.site-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;width:min(1280px,calc(100% - 80px));margin:auto;padding:28px 0;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-size:21px;letter-spacing:-.6px}.brand img{border-radius:10px}.brand strong{font-weight:650}.site-header nav{display:flex;gap:32px;font-size:14px;font-weight:550}.site-header nav a:hover{color:var(--red)}.hero{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:50px;padding-block:78px 66px;min-height:800px}.eyebrow{text-transform:uppercase;letter-spacing:2.1px;font-size:11px;font-weight:700;margin:0 0 24px;line-height:1.6}.live-dot{display:inline-block;height:7px;width:7px;border-radius:50%;background:var(--red);margin-right:8px;vertical-align:1px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(54px,5.8vw,80px);letter-spacing:-4px;line-height:1.06;font-weight:620;margin-bottom:28px}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--red);letter-spacing:-3.5px}p.intro{font-size:18px;line-height:1.75;color:var(--muted);max-width:450px;margin-bottom:24px}.promise{font-weight:600;font-size:14px}.actions{display:flex;align-items:center;gap:26px;margin-top:30px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:14px 22px;border-radius:7px;font-weight:600;font-size:14px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--ink);color:white}.primary:hover{background:#28515a}.text-link{font-size:14px;font-weight:600;border-bottom:1px solid #a4b4b6;padding:5px 0}.text-link span{margin-left:8px}.release-note{font-size:12px;color:var(--muted);margin:20px 0 0}.device-stage{position:relative;display:flex;align-items:center;justify-content:center;gap:22px;padding:15px 0 50px}.rays{position:absolute;inset:5% -9% 8%;border-radius:50%;background:radial-gradient(ellipse at center,#e1e7df 0%,#eef0e8 45%,transparent 70%);z-index:-1}.device-figure{margin:0;width:46%;max-width:252px}.iphone-figure{transform:translateY(-12px) rotate(-5deg)}.android-figure{transform:translateY(55px) rotate(5deg)}.phone{background:#f5f3ee;border:7px solid #233239;border-radius:35px;overflow:hidden;box-shadow:0 5px 0 2px #8f999c,0 27px 37px -20px #182b3c55;position:relative;isolation:isolate}.phone-top{height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;position:relative;font-size:10px;font-weight:650;line-height:1;background:#f5f3ee}.island{height:15px;width:60px;background:#151c21;position:absolute;left:50%;transform:translateX(-50%);top:4px;border-radius:12px}.camera{height:9px;width:9px;background:#151c21;position:absolute;left:50%;transform:translateX(-50%);top:8px;border-radius:50%}.phone img{width:100%;height:auto}.home-indicator{height:20px;position:relative;background:#f5f3ee}.home-indicator:after{content:"";position:absolute;bottom:6px;width:35%;height:3px;background:#18212b;border-radius:4px;left:32.5%}.android{border-radius:28px;border-width:6px;box-shadow:0 3px 0 1px #929c9e,0 27px 37px -20px #182b3c55}.android .home-indicator:after{width:27%;left:36.5%}figcaption{font-size:12px;text-align:center;margin-top:20px;font-weight:650}figcaption span{display:block;color:var(--muted);font-size:10px;font-weight:400}.quiet-band{border-block:1px solid var(--line);padding:19px 0}.quiet-band .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.quiet-band span:first-child{color:var(--ink);font-weight:650}.section{padding-block:98px}.section-heading{max-width:670px;margin-bottom:56px}h2{font-size:clamp(35px,3.8vw,50px);line-height:1.13;letter-spacing:-1.9px;font-weight:580;margin-bottom:24px}.section-heading>p:last-child{max-width:520px;color:var(--muted)}.explorer{background:var(--sage);display:grid;grid-template-columns:1fr 1.1fr;gap:80px;padding:65px 85px;border-radius:20px;align-items:center}.explorer-image{max-width:280px;margin:auto;width:100%}.compact{transform:rotate(-2deg)}.explorer-copy{min-width:0}.tabs{display:flex;gap:3px;margin-bottom:48px;padding-bottom:12px;border-bottom:1px solid #c9d3cb}.tabs button{background:none;border:0;padding:10px 12px;color:var(--muted);font-size:13px;cursor:pointer;border-radius:6px}.tabs button[aria-selected="true"]{color:var(--ink);background:#fff;font-weight:650;box-shadow:0 2px 7px #1739410d}.feature-number{font-size:11px;color:#63766c;letter-spacing:2px;font-weight:650;margin-bottom:20px}h3{font-size:34px;letter-spacing:-1.2px;line-height:1.15;font-weight:580;margin-bottom:20px}#feature-description{font-size:16px;color:var(--muted)}#feature-points{padding:0;list-style:none;margin:24px 0 35px}#feature-points li{padding:9px 0 9px 22px;font-size:14px;position:relative;border-bottom:1px solid #d4ddd4}#feature-points li:before{content:"↗";position:absolute;left:0;color:var(--red)}.small-note{font-size:12px;color:var(--muted);line-height:1.65;margin:0}.preview-section{background:#f2f6f6}.video-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:36px}.video-heading h2{margin-bottom:0}.video-heading>p{max-width:320px;font-size:15px;color:var(--muted)}.video-shell{overflow:hidden;border-radius:15px;background:#102e36;box-shadow:0 18px 50px -35px #18343c80}.video-shell video{width:100%;display:block;aspect-ratio:16/9;object-fit:contain}.video-meta{display:flex;justify-content:space-between;gap:25px;margin-top:18px;font-size:12px;color:var(--muted)}.video-meta a{text-decoration:underline;text-underline-offset:4px;white-space:nowrap}.story{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.story>img{height:470px;width:100%;object-fit:cover;border-radius:15px}.story p{color:var(--muted);font-size:16px}.story .eyebrow{font-size:11px;color:var(--ink)}.signature{font-weight:650;color:var(--ink)!important;margin-top:28px}.signature span{display:block;font-size:12px;color:var(--muted);font-weight:400}.contact-band{background:var(--navy);color:#f7f5f0;padding-block:60px}.contact-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}.contact-band .eyebrow{color:#b8c9c6}.contact-band h2{font-size:38px;margin-bottom:16px}.contact-band p:last-child{font-size:14px;color:#d1dbd8;margin-bottom:0}.light{background:var(--paper);color:var(--ink);white-space:nowrap}.site-footer{padding-block:52px 24px;display:grid;grid-template-columns:1fr auto;gap:30px}.footer-name{font-size:20px;font-weight:650;letter-spacing:-.5px}.site-footer p{font-size:12px;color:var(--muted);margin:12px 0 0}.footer-links{display:flex;gap:24px;font-size:13px;align-self:start;margin-top:8px}.site-footer .copyright{grid-column:1/-1;border-top:1px solid var(--line);padding-top:22px;font-size:11px}.document{max-width:760px;padding-block:70px 85px}.document h1{font-size:52px;letter-spacing:-2px}.document h2{font-size:25px;letter-spacing:-.5px;margin-top:35px;margin-bottom:12px}.document p,.document li{font-size:16px;color:var(--muted)}.document a{text-decoration:underline;text-underline-offset:4px}.document .contact-address{font-size:clamp(17px,4vw,24px);color:var(--ink);overflow-wrap:anywhere}.document .notice{background:var(--sage);padding:22px;border-radius:10px;margin-block:28px}.document .back-link{font-size:13px;display:inline-block;margin-bottom:35px}.support-list{padding-left:20px}.support-list li{margin-block:12px}@media(max-width:1050px){.wrap{width:calc(100% - 60px)}.hero{gap:35px;min-height:700px;padding-top:65px}.device-stage{gap:14px}.device-figure{width:47%}h1{font-size:64px}.phone{border-radius:28px;border-width:6px}.phone-top{height:28px;padding-inline:10px;font-size:8px}.island{width:48px;height:13px}.hero-copy .intro{font-size:17px}.explorer{padding:50px;gap:50px}.story{gap:45px}.story>img{height:450px}}@media(max-width:750px){.site-header{width:calc(100% - 40px);padding-block:20px}.brand{font-size:18px;gap:9px}.brand img{width:35px;height:35px}.site-header nav{gap:16px;font-size:12px}.site-header nav a:first-child{display:none}.wrap{width:calc(100% - 40px)}.hero{grid-template-columns:1fr;gap:38px;padding-block:48px 44px;min-height:0}.hero-copy{max-width:520px}.eyebrow{font-size:10px;margin-bottom:18px}h1{font-size:64px;letter-spacing:-3px}h1 em{letter-spacing:-3px}.intro{max-width:500px!important}.device-stage{max-width:480px;margin:auto;width:100%;gap:24px;padding-top:12px;padding-bottom:65px}.device-figure{max-width:205px}.android-figure{transform:translateY(42px) rotate(5deg)}.quiet-band .wrap{display:grid;grid-template-columns:1fr 1fr;gap:9px 18px;font-size:11px}.section{padding-block:64px}h2{font-size:39px}.section-heading{margin-bottom:30px}.explorer{grid-template-columns:1fr;padding:30px 24px;gap:40px}.explorer-image{order:2;max-width:235px}.explorer-copy{order:1}.tabs{margin-bottom:28px}.tabs button{padding:10px 14px}.small-note{font-size:11px}.video-heading{display:block}.video-heading>p{margin-top:22px}.video-meta{flex-direction:column;gap:0}.video-meta p{margin-bottom:8px}.video-meta a{margin-bottom:14px}.story{grid-template-columns:1fr;gap:32px}.story>img{height:280px}.story h2{font-size:36px}.contact-band{padding-block:44px}.contact-band .wrap{align-items:flex-start;flex-direction:column;gap:26px}.contact-band h2{font-size:33px}.site-footer{grid-template-columns:1fr;padding-top:36px;gap:20px}.footer-links{gap:24px;flex-wrap:wrap;margin:0}.site-footer .copyright{margin-top:0}.document{padding-block:45px}.document h1{font-size:42px}.phone-top{font-size:9px}.phone{border-width:6px}.brand span{white-space:nowrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
/* Keep the decorative glow within the phone stage on narrow screens. */
.rays{inset:5% 0 8%}
@media(max-width:750px){h1{font-size:54px;letter-spacing:-2.7px}h1 em{letter-spacing:-2.7px}}

.clinician-credit{font-size:14px;color:var(--muted);margin-top:-8px}

.opening-preview{display:flex;align-items:center;justify-content:space-between;gap:32px;margin:38px 0 28px;padding:30px 0;border-block:1px solid var(--line)}.opening-preview .eyebrow{margin-bottom:12px}.opening-preview h3{font-size:26px;margin-bottom:12px}.opening-preview p:last-child{font-size:14px;color:var(--muted);margin:0}.opening-preview button{border:0;cursor:pointer;white-space:nowrap}#opening-dialog{border:1px solid #30454b;border-radius:18px;background:#081014;color:var(--paper);padding:20px;width:min(430px,calc(100% - 28px));max-height:94dvh;overflow:auto}#opening-dialog::backdrop{background:#031015c9;backdrop-filter:blur(7px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px}.dialog-heading h2{font-size:19px;letter-spacing:-.3px;margin:0}.dialog-heading button{border:1px solid #526267;border-radius:7px;color:var(--paper);background:none;padding:7px 12px;font-size:13px;cursor:pointer}#opening-video{display:block;background:#020203;width:100%;max-height:72dvh;aspect-ratio:390/844;object-fit:contain;border-radius:8px}#opening-dialog>p{font-size:11px;color:#becacb;margin:12px 0 0}@media(max-width:750px){.opening-preview{flex-direction:column;align-items:flex-start;gap:24px}.opening-preview h3{font-size:25px}.opening-preview button{white-space:normal}}

/* A gentle entrance: the second device emerges from behind the iPhone. */
.hero h1 em{display:block;animation:none}
.device-stage{--device-gap:22px;--android-y:55px;isolation:isolate}
.iphone-figure{position:relative;z-index:2}
.android-figure{position:relative;z-index:1;animation:none}
.android-figure figcaption{animation:none}
@keyframes guidance-arrive{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:translateX(0)}}
@keyframes android-arrive{from{transform:translate(calc(-100% - var(--device-gap)),-12px) rotate(-5deg)}to{transform:translate(0,var(--android-y)) rotate(5deg)}}
@keyframes caption-arrive{from{opacity:0}to{opacity:1}}
#tour-line{min-height:2.3em;max-width:760px;font-size:clamp(30px,3.4vw,45px)}
.video-heading>div{flex:1;min-width:0}.video-heading>p{flex:0 0 260px}
.sunrise-figure{margin:0;min-width:0}
.sunrise-figure button{display:block;border:0;padding:0;background:#162c3a;border-radius:15px;overflow:hidden;cursor:pointer;width:100%;aspect-ratio:1000/564}
.sunrise-figure video,.sunrise-figure img{display:block;width:100%;height:100%;object-fit:cover}
.sunrise-figure [hidden]{display:none}
.sunrise-figure figcaption{font-size:11px;font-weight:400;color:var(--muted);margin-top:12px}
@media(max-width:1050px){.device-stage{--device-gap:14px}}
@media(max-width:750px){.device-stage{--device-gap:24px;--android-y:42px}#tour-line{min-height:3.45em}.video-heading>p{max-width:100%}}
@media(prefers-reduced-motion:reduce){.hero h1 em,.android-figure,.android-figure figcaption{animation:none}.sunrise-figure figcaption{display:none}}

/* Replayable entrances begin when each element is actually in view. */
.hero h1 em.is-arriving{animation:guidance-visible 3.2s .25s cubic-bezier(.2,.7,.3,1) both}
.device-stage.is-arriving .android-figure{animation:android-visible 4.4s .6s cubic-bezier(.25,.65,.25,1) both}
.device-stage.is-arriving .android-figure figcaption{animation:caption-arrive 1s 3.8s both}
@keyframes guidance-visible{0%,10%{opacity:0;transform:translateX(65px)}100%{opacity:1;transform:translateX(0)}}
@keyframes android-visible{0%,20%{transform:translate(calc(-100% - var(--device-gap)),-12px) rotate(-5deg)}100%{transform:translate(0,var(--android-y)) rotate(5deg)}}
.replay-intro{display:inline-flex;align-items:center;gap:9px;color:var(--muted);border:0;border-bottom:1px solid #bbc8c8;background:none;padding:3px 0;font-size:12px;cursor:pointer;margin-top:14px}
.replay-intro:hover{color:var(--red)}
@media(prefers-reduced-motion:reduce){.hero h1 em.is-arriving,.device-stage.is-arriving .android-figure,.device-stage.is-arriving .android-figure figcaption{animation:none}.replay-intro{display:none}}
/* Keep the text's entrance within its column on narrow screens. */
.hero-copy{overflow-x:clip}

/* Compact, single-device tour: keep its changing heading and phone in one view. */
.preview-section{padding-block:48px}
.video-heading{display:block;text-align:center;max-width:640px;margin:0 auto 16px}
.video-heading .eyebrow{margin-bottom:10px}
#tour-line{font-size:clamp(25px,3vw,32px);line-height:1.15;min-height:2.3em;max-width:640px;margin:0;overflow-wrap:anywhere}
.video-shell{width:fit-content;max-width:100%;margin-inline:auto;background:#fffefa;box-shadow:none;border-radius:12px}
.video-shell video{display:block;width:auto;height:min(52vh,420px);max-width:100%;aspect-ratio:9/17;object-fit:contain}
.video-meta{justify-content:center;align-items:baseline;max-width:600px;margin:12px auto 0;gap:18px}
.video-meta p{margin:0}
@media(max-width:750px){.video-meta{flex-direction:row;flex-wrap:wrap;gap:6px 18px}.video-meta a{margin:0}.video-shell video{height:min(50vh,400px)}#tour-line{min-height:2.3em}.video-heading{margin-bottom:12px}.preview-section{padding-block:36px}}

/* Match the larger single-phone reference while keeping the heading nearby. */
.preview-section{padding-block:32px}
.video-heading{margin-bottom:8px}
.video-shell video{height:min(68vh,600px)}
@media(max-width:750px){.preview-section{padding-block:28px}.video-shell video{height:min(62vh,520px,calc((100vw - 40px)*17/9))}}

/* Give each promise its own breathing room, including the changing tour heading. */
.promise{display:flex;flex-wrap:wrap;gap:.25em 1em;word-spacing:.08em}
.promise span,.spaced-phrases span{white-space:nowrap}
#tour-line.spaced-phrases{display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;gap:.2em .65em;letter-spacing:-.5px;word-spacing:.08em}

.audience-line{font-size:15px;line-height:1.6;color:var(--ink);max-width:450px;margin:0 0 22px;padding-left:14px;border-left:2px solid #ba3f35}

/* Release announcement stays beside the app icon at every screen size. */
.site-header{gap:26px}.brand{flex-shrink:0}.site-header nav{flex-shrink:0}
.release-announcement{display:flex;align-items:center;flex:1;min-width:0;max-width:540px;background:#8e241e;color:#fff;border:1px solid #ac3830;border-radius:9px;box-shadow:0 3px 12px #8e241e18;overflow:hidden}
.release-window{overflow:hidden;flex:1;min-width:0;padding-block:12px}
.release-track{display:flex;width:max-content;animation:release-scroll 19s linear infinite}
.release-track span{flex:none;white-space:nowrap;padding-inline:22px 55px;font-size:15px;font-weight:700;letter-spacing:.15px}
.release-toggle{align-self:stretch;border:0;border-left:1px solid #ffffff35;background:transparent;color:white;cursor:pointer;min-width:36px;font-size:15px;padding:0 10px}
.release-toggle:hover{background:#ffffff15}.release-announcement:hover .release-track,.release-announcement:focus-within .release-track,.release-announcement.is-paused .release-track{animation-play-state:paused}
@keyframes release-scroll{to{transform:translateX(-50%)}}
@media(max-width:1100px){.site-header{flex-wrap:wrap;gap:16px}.release-announcement{max-width:none}.site-header nav{width:100%;justify-content:flex-end}}
@media(max-width:750px){.site-header{column-gap:12px;row-gap:12px}.site-header .brand span{display:none}.site-header .brand img{width:42px;height:42px}.release-window{padding-block:11px}.release-track span{font-size:14px;padding-inline:16px 40px}.site-header nav{justify-content:center;gap:28px}.site-header nav a:first-child{display:inline}}
@media(prefers-reduced-motion:reduce){.release-track{animation:none;width:auto}.release-track span{white-space:normal;padding-inline:14px;font-size:13px;line-height:1.4}.release-track span+span,.release-toggle{display:none}}

.sunrise-figure .sunrise-title{font-size:clamp(26px,2.6vw,36px);font-weight:650;letter-spacing:-1px;line-height:1.2;text-align:center;margin:0 0 20px;color:var(--ink)}
