/* Toubib Med — a standalone companion to the Doctorspolis homepage. */
:root{--ink:#1b392e;--green:#245f4b;--muted:#65746a;--cream:#faf9f5;--sage:#e9eddf;--line:#dce2d5;--yellow:#f1e5bb;--max:1216px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
img,video{display:block;max-width:100%}
button,summary,a{touch-action:manipulation}
button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible,video:focus-visible{outline:3px solid #82aa43;outline-offset:5px}
::selection{background:#d4e4b5;color:var(--ink)}
[hidden]{display:none!important}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-family:Manrope,Arial,sans-serif;letter-spacing:-.045em}
h2{font-size:clamp(2rem,3.6vw,3.15rem);font-weight:600;line-height:1.18}
h1 em,h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.04em;color:var(--green)}
p{color:var(--muted)}
.wrap{width:min(var(--max),calc(100% - 96px));margin-inline:auto}
.icon{width:24px;height:24px;flex:none}
.skip{position:fixed;z-index:100;top:-80px;left:20px;background:var(--green);color:white;padding:12px 20px;border-radius:8px}.skip:focus{top:12px}
.family-bar{background:#214f40;color:#eef2e5;font-size:.7rem;letter-spacing:.01em}
.family-bar>.wrap{display:flex;justify-content:space-between;align-items:center;min-height:34px;gap:16px}
.family-bar a{display:flex;gap:10px;align-items:center}.family-bar a:hover{text-decoration:underline;text-underline-offset:3px}
.family-bar [lang=ar]{font-family:'Noto Sans Arabic',sans-serif;font-size:.75rem}
.site-header{position:sticky;top:0;z-index:30;background:rgb(250 249 245 / 95%);backdrop-filter:blur(18px);border-bottom:1px solid #245f4b15}
.nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:11px;font:700 1.32rem/1.15 Manrope,Arial,sans-serif;letter-spacing:-.05em;white-space:nowrap}
.brand img{width:43px;height:43px;border-radius:11px;flex:none;border:1px solid #dbe2d6}
.brand b{font-weight:500;color:var(--green)}
.brand small{display:block;letter-spacing:.18em;font:600 .47rem/1.8 'DM Sans',sans-serif;margin-top:4px;color:var(--muted)}
.nav-links{display:flex;gap:28px;align-items:center;font-size:.82rem;color:#586b5f}
.nav-links a{padding:12px 0}.nav-links a:hover{color:var(--green)}
.nav-tools{display:flex;align-items:center;gap:18px}
.language{display:flex;align-items:center;gap:2px}
.language button{background:transparent;border:0;border-radius:50%;font-size:.7rem;font-weight:700;width:32px;height:32px;padding:0}
.language button.active{background:var(--sage);color:var(--green)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:12px 21px;border-radius:50px;font-size:.79rem;font-weight:600;min-height:44px;transition:background .2s,transform .2s}
.button.primary{background:var(--green);color:white}.button.primary:hover{background:#194934;transform:translateY(-2px)}
.button .icon{width:17px;height:17px}
.menu-btn{display:none;background:transparent;border:1px solid var(--line);width:40px;height:40px;border-radius:9px;align-items:center;justify-content:center;padding:8px}
.eyebrow{font-size:.63rem;letter-spacing:.16em;font-weight:700;color:var(--green);display:flex;gap:10px;align-items:center;margin-bottom:25px}
.status-dot{width:6px;height:6px;flex:none;border-radius:50%;background:#6f8f4e;box-shadow:0 0 0 4px #6f8f4e10}
.med-hero{padding:55px 0 68px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:60px}
.hero-copy{padding:13px 0}
.hero-copy h1{font-size:clamp(2.7rem,4.8vw,4.25rem);font-weight:600;line-height:1.06;letter-spacing:-.065em;margin:0 0 27px}
.hero-copy h1>span{display:block;white-space:nowrap}.hero-copy h1 em{display:block;margin-top:5px;font-size:1.07em;line-height:1.03}
.hero-intro{font-size:.99rem;line-height:1.85;max-width:420px;margin-bottom:30px}
.store-links{display:flex;align-items:stretch;flex-wrap:wrap;gap:12px}
.store-badge{display:flex;align-items:center;gap:11px;background:#193d2e;color:white;min-height:60px;border:1px solid #193d2e;border-radius:12px;padding:10px 14px;min-width:177px;transition:transform .2s,background .2s}
.store-badge:hover{background:#2c604b;transform:translateY(-3px)}
.store-icon{width:25px;height:29px;flex:none}
.store-badge>span:nth-child(2){display:block;white-space:nowrap}.store-badge small{font-size:.55rem;display:block;line-height:1.45;letter-spacing:.01em;color:#e1e9de}.store-badge strong{font-size:1rem;line-height:1.3;font-weight:600;display:block;letter-spacing:-.02em}
.external-arrow{font-size:.9rem;line-height:1;color:#c2d3c5;margin-inline-start:auto;align-self:flex-start}
.watch-link{display:inline-flex;align-items:center;gap:10px;font-size:.76rem;font-weight:600;margin-top:24px}.watch-link:hover{color:var(--green)}
.play-circle{border:1px solid #bbc8b6;border-radius:50%;display:grid;place-items:center;width:31px;height:31px}.play-circle .icon{width:14px;height:14px;margin-inline-start:-2px}
.muted{color:var(--muted)}
.hero-note{display:flex;align-items:center;gap:7px;color:#6c786b;font-size:.66rem;margin-top:27px}.hero-note .icon{width:14px;height:14px}
.hero-visual{height:568px;position:relative;background:#e8ecdf;border-radius:160px 26px 26px 26px;isolation:isolate}
.visual-arc{position:absolute;inset:42px -45px 48px 25px;border-radius:50%;border:1px solid #cad4bc;transform:rotate(-25deg);z-index:-1}.visual-arc:after{content:'';position:absolute;inset:40px;border:1px solid #d5dcc8;border-radius:50%}
.visual-kicker{position:absolute;top:35px;inset-inline-end:30px;font-size:.52rem;letter-spacing:.17em;font-weight:700;color:#5b6c52}
.phone-front,.phone-back{position:absolute;padding:7px;background:#243e31;border:1px solid #4f6758;border-radius:33px;box-shadow:0 23px 40px #18362425;overflow:hidden;line-height:0}
.phone-front img,.phone-back img{width:100%;height:auto;border-radius:25px}
.phone-front{width:225px;top:72px;left:50px;transform:rotate(-6deg);z-index:2}
.phone-back{width:193px;top:96px;right:27px;transform:rotate(9deg);background:#768773;border-color:#83947e;padding:6px;z-index:1}
.routine-note{position:absolute;z-index:3;display:flex;gap:12px;align-items:center;background:#fffffff2;border:1px solid #e3e9dc;border-radius:14px;padding:16px 21px;right:-18px;bottom:65px;box-shadow:0 10px 32px #213e2510}
.routine-note>.icon{background:#e6efdb;border-radius:50%;width:31px;height:31px;padding:7px;color:var(--green)}
.routine-note strong{display:block;font-size:.75rem;font-weight:700;letter-spacing:-.015em}.routine-note div>span{display:block;color:#59674f;font-size:.6rem;margin-top:2px}
.demo-caption{text-align:center;font-size:.58rem;color:#59674f;line-height:1.6}
.hero-visual>.demo-caption{position:absolute;bottom:-27px;inset-inline:20px}
.benefits-strip{background:#f0f2e8;border-block:1px solid #e0e5d8}
.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);padding-block:25px;gap:28px}
.benefits-grid>div{display:flex;gap:15px;align-items:center;font-size:.8rem;font-weight:500;border-inline-end:1px solid #d3ddcd;justify-content:center}.benefits-grid>div:last-child{border:0}.benefits-grid .icon{width:21px;height:21px;color:var(--green)}
.section{padding:100px 0}
.app-layout{display:grid;grid-template-columns:1fr .9fr;gap:100px;align-items:center}
.app-copy .eyebrow{margin-bottom:20px}.section-intro{font-size:.9rem;max-width:430px;line-height:1.8;margin-top:22px}
.preview-tabs{margin-top:30px;border-top:1px solid var(--line)}
.preview-tab{display:flex;align-items:flex-start;gap:18px;text-align:start;width:100%;background:transparent;border:0;border-bottom:1px solid var(--line);padding:22px 12px 22px 0;position:relative;transition:background .2s}
.step-number{color:#59674f;font:400 1.2rem/1.4 Georgia,serif;padding-top:1px;width:28px;flex:none}
.preview-tab>span:nth-child(2){flex:1;min-width:0}.preview-tab strong{font-size:.86rem;display:block;font-weight:600;margin-bottom:5px;line-height:1.5}.preview-tab>span>span{display:block;color:var(--muted);font-size:.77rem;line-height:1.75}
.preview-tab>.icon{width:18px;height:18px;margin-top:4px;opacity:.4;transition:transform .2s}
.preview-tab[aria-selected=true]{background:#eef2e6}.preview-tab[aria-selected=true]:before{content:'';position:absolute;inset-inline-start:-14px;top:0;bottom:0;width:3px;background:var(--green)}
.preview-tab[aria-selected=true] .step-number{color:var(--green)}.preview-tab[aria-selected=true]>.icon{opacity:1;transform:translateX(3px)}
.preview-tab:hover{background:#f0f2e8}
.fine-print{font-size:.63rem;line-height:1.8;margin-top:22px;max-width:440px}
.app-preview{background:#eeeede;border-radius:24px;position:relative;min-width:0;padding:28px 35px 22px;overflow:hidden}
.preview-label{display:flex;align-items:center;justify-content:center;gap:9px;font-size:.54rem;letter-spacing:.2em;color:#6b755e;margin-bottom:25px}
.screen-panel{max-width:235px;margin-inline:auto;padding:7px;background:#2c4234;border:1px solid #73806d;box-shadow:0 20px 30px #182a1e17;border-radius:30px;overflow:hidden}.screen-panel img{border-radius:22px;width:100%;height:auto}
.app-preview .demo-caption{margin-top:22px}
.video-section{background:#214f40;color:#fbfcf4;position:relative}
.video-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:36px}
.video-heading h2 em{color:#dbe9bd}.video-heading .eyebrow{color:#c0d0ae;margin-bottom:20px}.video-heading>p{max-width:290px;color:#c0d2c5;font-size:.87rem;line-height:1.8;margin-bottom:8px}
.video-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:20px}
.film-title{font-size:.59rem;letter-spacing:.17em;color:#c0d2c5;display:flex;gap:15px}
.video-formats{display:flex;gap:4px;border:1px solid #90ae922e;border-radius:30px;padding:3px}
.video-formats button{background:transparent;border:0;border-radius:30px;color:#cedecc;font-size:.64rem;padding:6px 15px}.video-formats button[aria-pressed=true]{background:#dfe9ce;color:#214f40}
.video-stage{background:#193f33;border:1px solid #9ab59026;border-radius:18px;overflow:hidden;display:grid;place-items:center;min-height:200px}
.video-stage video{width:100%;height:auto;max-height:700px;aspect-ratio:16/9;object-fit:contain;background:#193f33}.video-stage.portrait video{width:auto;max-width:100%;height:min(680px,75vh);aspect-ratio:9/16}
.video-bottom{display:flex;justify-content:space-between;align-items:start;gap:40px;padding-top:16px}.video-bottom>p{font-size:.63rem;color:#b6cbb8}.video-transcript{max-width:460px;color:#d8e6d1;font-size:.68rem}.video-transcript summary{cursor:pointer;text-align:end;text-underline-offset:4px}.video-transcript p{font-size:.75rem;line-height:1.8;color:#c0d2c5;margin-top:15px}
.everyday-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.everyday-grid>figure{align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.everyday-grid figure img{width:100%;aspect-ratio:1/1.1;object-fit:cover;border-radius:120px 22px 22px 22px;object-position:49% 50%}.everyday-grid figcaption{margin-top:15px;font-family:Georgia,serif;font-style:italic;font-size:1rem;color:#6c7f60;text-align:center}
.care-detail{display:flex;gap:18px;margin-top:30px}.care-detail>.icon{width:23px;height:23px;color:#5c7d4b;margin-top:2px}.care-detail h3{font-size:.95rem;letter-spacing:-.025em;font-weight:700;margin-bottom:9px}.care-detail p{font-size:.82rem;line-height:1.85}
.text-link{display:inline-flex;gap:8px;align-items:center;font-size:.77rem;color:var(--green);font-weight:600;margin-top:12px;text-decoration:underline;text-decoration-color:#bdcbb6;text-underline-offset:4px}.text-link:hover{text-decoration-color:var(--green)}
.language-labels{display:flex;gap:7px;margin-top:14px}.language-labels>span{min-width:34px;min-height:29px;display:grid;place-items:center;border:1px solid #d6dfcb;border-radius:6px;font-size:.58rem;font-weight:600;color:#557043}
.faq-section{padding-top:40px;padding-bottom:100px}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:110px}.faq-grid>div:first-child>p{font-size:.84rem;max-width:270px;margin-top:23px}.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line);padding:23px 0}.faq-list summary{font-size:.89rem;font-weight:600;cursor:pointer;list-style:none;display:flex;gap:18px;justify-content:space-between;align-items:center;line-height:1.6}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:1.2rem;font-weight:400;color:#60824f;flex:none}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:.8rem;line-height:1.9;padding-top:14px;max-width:94%}
.download-section{background:#e8eddb;padding:70px 0 72px;border-top:1px solid #dce4cf}
.download-inner{text-align:center}.download-icon{margin:0 auto 23px;width:65px;height:65px;border:1px solid #d0dac4;border-radius:18px}.download-inner .eyebrow{justify-content:center;font-size:.58rem;margin-bottom:18px}.download-inner h2{font-size:clamp(2.2rem,4.3vw,3.7rem);line-height:1.15;letter-spacing:-.055em}.download-inner>p{font-size:.9rem;margin-top:20px}.download-inner .store-links{justify-content:center;margin-top:28px}.download-inner .download-note{font-size:.62rem;margin-top:20px;color:#59674f}
.med-footer{background:#faf9f5;padding:34px 0 24px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:26px;border-bottom:1px solid var(--line)}.footer-brand{display:flex;align-items:center;gap:10px;font:700 1rem Manrope,Arial,sans-serif;letter-spacing:-.04em}.footer-brand>span{display:grid;place-items:center;width:29px;height:29px;background:var(--green);color:white;border-radius:8px;font-size:1.2rem}.footer-top nav{display:flex;align-items:center;gap:28px;font-size:.71rem;color:#5a6c5b}.footer-top nav a:hover{color:var(--green);text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;gap:40px;font-size:.59rem;color:#59674f;padding-top:22px}.footer-bottom p{max-width:500px;text-align:end;color:#59674f}
html[dir=rtl] body,html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h1 em,html[dir=rtl] h2 em{font-family:'Noto Sans Arabic',Arial,sans-serif;letter-spacing:0;font-style:normal}
html[dir=rtl] h1{font-size:3.6rem;line-height:1.5}html[dir=rtl] h1 em{line-height:1.5}
html[dir=rtl] h2{line-height:1.6}html[dir=rtl] .hero-copy h1>span{white-space:normal}
html[dir=rtl] .phone-front,html[dir=rtl] .phone-back{direction:ltr}html[dir=rtl] .preview-tab>.icon{transform:rotate(180deg)}
html[dir=rtl] .eyebrow,html[dir=rtl] .visual-kicker{letter-spacing:0}
@media(min-width:1440px){.hero-grid{gap:80px}.hero-visual{height:600px}.phone-front{width:238px;top:75px;left:58px}.phone-back{width:208px;top:101px;right:29px}.routine-note{bottom:68px}}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.hero-grid{gap:36px;grid-template-columns:1.07fr 1fr}.hero-copy h1{font-size:3.6rem}.hero-visual{height:540px}.phone-front{left:30px;top:80px;width:205px}.phone-back{right:20px;width:175px;top:113px}.routine-note{right:-10px;padding:14px 16px;bottom:54px}.nav-links{gap:20px}.nav-tools{gap:12px}.nav{gap:18px}.store-links{gap:9px}.store-badge{min-width:165px;padding:10px 12px}.app-layout{gap:65px}.everyday-grid{gap:55px}.faq-grid{gap:75px}}
@media(max-width:980px){.nav{min-height:76px}.nav-links{display:none;position:absolute;top:76px;left:0;right:0;padding:24px 32px;background:var(--cream);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:5px;box-shadow:0 20px 30px #1b392e0a}.nav-links.open{display:flex}.menu-btn{display:flex}.nav-tools{margin-inline-start:auto}.hero-grid{gap:32px}.hero-copy h1{font-size:3rem}.hero-visual{height:495px}.phone-front{width:180px;left:21px;top:78px}.phone-back{width:148px;right:19px;top:100px}.routine-note{right:-10px;bottom:56px;padding:12px 14px}.routine-note strong{font-size:.65rem}.routine-note div>span{font-size:.54rem}.hero-intro{font-size:.89rem}.store-badge{min-width:148px;padding:10px;gap:8px}.store-badge strong{font-size:.91rem}.store-badge small{font-size:.5rem}.store-icon{width:22px;height:25px}.external-arrow{display:none}.visual-kicker{font-size:.44rem;inset-inline-end:20px}.eyebrow{font-size:.54rem}.hero-note{font-size:.6rem}.app-layout{gap:45px;grid-template-columns:1.1fr .9fr}.app-preview{padding:25px 24px 20px}.app-preview .screen-panel{max-width:210px}.benefits-grid{gap:16px}.benefits-grid>div{font-size:.69rem;gap:10px}.section{padding:75px 0}.everyday-grid{gap:40px}.everyday-grid figure img{aspect-ratio:1/1.45}.faq-grid{gap:50px;grid-template-columns:.8fr 1.2fr}.faq-section{padding-top:20px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.family-bar [lang=ar]{display:none}.family-bar>.wrap{justify-content:center;font-size:.62rem}.nav{min-height:72px;gap:15px}.nav-links{top:72px}.brand{font-size:1.1rem;gap:8px}.brand img{width:36px;height:36px}.brand small{font-size:.39rem}.nav-tools{gap:10px}.nav-download{display:none}.language button{width:28px;height:30px;font-size:.64rem}.menu-btn{width:36px;height:36px}.med-hero{padding:39px 0 34px}.hero-grid{grid-template-columns:1fr;gap:34px}.hero-copy{padding:0}.hero-copy h1{font-size:clamp(2.75rem,8.5vw,4rem);margin-bottom:23px;line-height:1.04}.hero-copy h1>span{white-space:normal}.hero-copy h1 em{margin-top:7px}.hero-copy .eyebrow{font-size:.58rem;margin-bottom:22px}.hero-intro{font-size:.94rem;max-width:480px;line-height:1.8;margin-bottom:25px}.store-links{gap:10px}.store-badge{min-width:157px;min-height:58px;padding:10px 13px;gap:10px}.store-badge strong{font-size:1rem}.store-badge small{font-size:.52rem}.store-icon{width:25px;height:28px}.watch-link{margin-top:20px;font-size:.72rem}.hero-note{margin-top:18px}.hero-visual{height:485px;border-radius:110px 20px 20px 20px;max-width:490px;width:100%;margin-inline:auto}.phone-front{width:197px;left:15%;top:59px}.phone-back{width:170px;right:12%;top:78px}.visual-kicker{top:23px;font-size:.48rem;inset-inline-end:27px}.routine-note{bottom:58px;right:9px}.routine-note strong{font-size:.7rem}.routine-note div>span{font-size:.57rem}.hero-visual>.demo-caption{bottom:16px}.benefits-grid{padding-block:22px;gap:11px}.benefits-grid>div{flex-direction:column;text-align:center;justify-content:flex-start;font-size:.65rem;line-height:1.5;padding-inline:6px;gap:10px}.benefits-grid .icon{width:20px;height:20px}.section{padding:62px 0}.app-layout{grid-template-columns:1fr;gap:32px}.app-copy .eyebrow{font-size:.53rem}.section-intro{max-width:520px}.preview-tabs{margin-top:25px}.preview-tab{padding:18px 10px 18px 8px;gap:12px}.preview-tab strong{font-size:.86rem}.preview-tab>span>span{font-size:.78rem}.preview-tab[aria-selected=true]:before{inset-inline-start:-4px}.fine-print{font-size:.65rem;max-width:none}.app-preview{padding:24px 30px;max-width:490px;width:100%;margin-inline:auto}.app-preview .screen-panel{max-width:225px}.app-preview .demo-caption{margin-top:20px}.video-heading{display:block;margin-bottom:27px}.video-heading>p{max-width:400px;font-size:.85rem;margin-top:20px}.video-heading h2{font-size:2.3rem}.video-stage{border-radius:12px;min-height:0}.video-stage.portrait video{height:min(650px,74vh)}.video-toolbar{gap:10px}.film-title{font-size:.5rem;letter-spacing:.09em;gap:7px}.video-formats button{padding:6px 10px;font-size:.6rem}.video-bottom{display:block}.video-transcript{margin-top:12px;max-width:100%}.video-transcript summary{text-align:start}.everyday-grid{grid-template-columns:1fr;gap:36px}.everyday-grid>figure{order:2}.everyday-grid figure img{aspect-ratio:1.5/1;border-radius:80px 18px 18px 18px}.everyday-grid figcaption{font-size:.9rem}.care-detail{margin-top:25px}.care-detail p{font-size:.85rem}.faq-section{padding-top:14px}.faq-grid{grid-template-columns:1fr;gap:30px}.faq-grid>div:first-child>p{max-width:350px;margin-top:18px}.faq-list details{padding-block:21px}.faq-list summary{font-size:.88rem}.faq-list details p{max-width:100%;font-size:.82rem}.download-section{padding:52px 0}.download-inner h2{font-size:clamp(2rem,7vw,2.85rem)}.download-inner>p{font-size:.85rem}.download-inner .download-note{font-size:.58rem}.med-footer{padding:28px 0}.footer-top{align-items:start;gap:23px;flex-direction:column}.footer-top nav{gap:20px;flex-wrap:wrap;font-size:.65rem}.footer-bottom{display:block;font-size:.6rem}.footer-bottom p{text-align:start;max-width:440px;margin-top:15px}.eyebrow{font-size:.57rem}html[dir=rtl] h1{font-size:2.8rem;line-height:1.4}html[dir=rtl] h2{font-size:2rem}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.brand{font-size:1rem;gap:6px}.brand img{width:32px;height:32px}.nav-tools{gap:5px}.nav{gap:8px}.language button{width:25px}.hero-copy h1{font-size:2.65rem}.store-links{gap:8px}.store-badge{min-width:0;flex:1;padding:10px;gap:8px}.store-badge strong{font-size:.91rem}.store-badge small{font-size:.48rem}.store-icon{width:23px}.hero-visual{height:448px}.phone-front{width:177px;left:10%;top:60px}.phone-back{width:154px;right:8%;top:80px}.routine-note{bottom:47px;right:8px;padding:11px 12px}.routine-note strong{font-size:.63rem}.video-heading h2{font-size:2rem}.film-title{letter-spacing:0}.download-inner h2{font-size:2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Keep the demonstration label clear of both phone frames at every size. */
.hero-visual>.demo-caption{bottom:-27px}