*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--r1-background);color:var(--r1-foreground);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}a,summary{touch-action:manipulation}a:focus-visible,summary:focus-visible{outline:3px solid var(--r1-accent);outline-offset:5px}img{max-width:100%;height:auto}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.symbol-library{position:absolute;width:0;height:0;overflow:hidden}.wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}.skip-link{position:absolute;top:-80px;left:16px;padding:12px 20px;background:var(--r1-accent);color:var(--r1-on-accent);z-index:20}.skip-link:focus{top:12px}.site-header{border-bottom:1px solid color-mix(in srgb,var(--r1-border) 25%,transparent);background:var(--r1-background)}.header-inner{display:flex;align-items:center;gap:var(--r1-space-xxxl);min-height:88px}.brand-link{display:inline-flex;align-items:center;min-height:48px;flex:none}.brand-link img{width:184px;height:40px}.header-inner nav{display:flex;gap:var(--r1-space-xxxl);margin-left:auto}.header-inner nav a,.footer-top nav a{font-size:14px;color:var(--r1-muted);display:inline-flex;align-items:center;min-height:48px}.header-inner nav a:hover,.footer-top nav a:hover{color:var(--r1-foreground)}.button{min-height:var(--r1-size-touch);padding:12px 20px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:var(--r1-radius-md);font-size:14px;font-weight:600;line-height:1.45;text-align:center;border:1px solid transparent;transition:background var(--r1-motion-fast),border-color var(--r1-motion-fast)}.button-primary{background:var(--r1-accent);color:var(--r1-on-accent)}.button-primary:hover{background:color-mix(in srgb,var(--r1-accent) 85%,var(--r1-foreground))}.button-secondary{background:var(--r1-surface);border-color:color-mix(in srgb,var(--r1-border) 50%,transparent)}.button-secondary:hover{background:var(--r1-surface-raised)}.button-text{color:var(--r1-muted);padding-inline:8px}.button-text:hover{color:var(--r1-foreground)}.hero{padding-block:88px 72px;display:grid;grid-template-columns:1fr 1.13fr;gap:var(--r1-space-page);align-items:center}.eyebrow{color:var(--r1-accent-text);font-size:12px;font-weight:500;letter-spacing:.04em;margin:0 0 24px;display:flex;align-items:center;gap:8px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--r1-accent);display:inline-block;flex:none}h1,h2,h3,p{overflow-wrap:break-word}h1{font-size:clamp(42px,4.5vw,64px);line-height:1.04;letter-spacing:-.055em;font-weight:500;margin:0 0 24px}h1 span{color:var(--r1-accent-text)}.hero-description{color:var(--r1-muted);font-size:18px;line-height:1.7;max-width:480px;margin:0}.actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:32px}.hero-note{display:flex;align-items:center;gap:8px;color:var(--r1-muted);font-size:12px;margin-top:24px}.hero-note .icon{width:16px;height:16px}.product-stage{margin:0;min-width:0}.stage-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--r1-muted);font-size:11px;margin-bottom:24px}.pill,.tiny-pill{border:1px solid color-mix(in srgb,var(--r1-border) 35%,transparent);border-radius:var(--r1-radius-pill);padding:5px 10px}.product-composition{position:relative;min-height:510px;display:flex;align-items:center;padding-bottom:48px}.dashboard-preview{width:90%;min-height:362px;display:flex;border:1px solid color-mix(in srgb,var(--r1-border) 45%,transparent);border-radius:var(--r1-radius-lg);background:var(--r1-surface);overflow:hidden}.preview-sidebar{width:50px;flex:none;display:flex;align-items:center;flex-direction:column;padding:20px 8px;gap:18px;border-right:1px solid color-mix(in srgb,var(--r1-border) 25%,transparent)}.preview-sidebar>img{margin-bottom:20px}.sidebar-icon{color:var(--r1-muted);display:grid;place-items:center;width:32px;height:32px;border-radius:var(--r1-radius-sm)}.sidebar-icon.selected{background:var(--r1-ready-surface);color:var(--r1-accent)}.sidebar-icon .icon{width:17px;height:17px}.preview-main{flex:1;padding:16px 20px 18px;min-width:0}.preview-toolbar{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:9px;color:var(--r1-muted);padding-bottom:24px}.tiny-pill{font-size:8px;padding:2px 8px}.preview-overline{font-size:9px;color:var(--r1-muted);margin:0 0 6px}.preview-main h2{font-size:25px;font-weight:500;line-height:1.2;letter-spacing:-.04em;margin:0 0 22px}.preview-tabs{display:flex;gap:16px;border-bottom:1px solid color-mix(in srgb,var(--r1-border) 25%,transparent);font-size:8px;color:var(--r1-muted);padding-bottom:10px}.preview-tabs .active{color:var(--r1-accent)}.care-card{display:flex;gap:10px;align-items:center;padding:14px 0}.icon-box{width:40px;height:40px;border-radius:var(--r1-radius-md);display:grid;place-items:center;color:var(--r1-accent);background:var(--r1-ready-surface);flex:none}.care-card .icon-box{width:30px;height:30px}.care-card .icon{width:16px;height:16px}.care-card strong,.care-card small{display:block}.care-card strong{font-size:10px;font-weight:500}.care-card small{font-size:8px;color:var(--r1-muted)}.care-arrow{margin-left:auto;color:var(--r1-muted)}.preview-small-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-right:64px}.preview-small-grid>div{padding:12px;background:var(--r1-surface-raised);border-radius:var(--r1-radius-sm)}.preview-small-grid .icon{width:15px;height:15px;color:var(--r1-muted);margin-bottom:8px}.preview-small-grid strong,.preview-small-grid small{display:block;font-size:9px}.preview-small-grid small{font-size:7px;color:var(--r1-muted);margin-top:4px}.preview-foot{display:flex;align-items:center;gap:6px;font-size:8px;color:var(--r1-muted);padding-top:20px}.preview-foot .status-dot{width:4px;height:4px}.phone-preview{position:absolute;bottom:0;right:0;width:220px;min-height:430px;padding:12px 14px 10px;background:var(--r1-background);border:1px solid var(--r1-border);border-radius:var(--r1-radius-sheet)}.phone-island{height:6px;width:42px;margin:0 auto 18px;background:var(--r1-surface-raised);border-radius:var(--r1-radius-pill)}.phone-heading{display:flex;align-items:center;gap:6px;font-size:10px}.phone-heading>span:last-child{margin-left:auto;font-size:8px;color:var(--r1-muted)}.phone-eyebrow{font-size:9px;color:var(--r1-muted);margin:18px 0 5px}.phone-preview h3{font-size:22px;line-height:1.12;letter-spacing:-.04em;font-weight:500;margin:0 0 16px}.exercise-preview{background:var(--r1-surface);border-radius:var(--r1-radius-lg);padding:12px}.exercise-preview>span{font-size:8px;color:var(--r1-accent)}.exercise-cutout{display:block;width:100%;height:120px;object-fit:contain;margin:4px auto 8px}.exercise-preview>strong{font-size:11px;font-weight:500;display:block}.exercise-preview>small{display:block;font-size:7px;color:var(--r1-muted);margin:3px 0 10px}.preview-action{display:flex;justify-content:space-between;align-items:center;border-radius:var(--r1-radius-sm);padding:8px 10px;background:var(--r1-accent);color:var(--r1-on-accent);font-size:9px;font-weight:600}.phone-meal{display:flex;align-items:center;gap:8px;padding:14px 0 12px}.phone-meal .icon{color:var(--r1-muted);width:18px;height:18px}.phone-meal strong,.phone-meal small{display:block;font-size:9px}.phone-meal small{font-size:7px;color:var(--r1-muted)}.phone-dock{display:flex;justify-content:space-around;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--r1-border) 25%,transparent);color:var(--r1-muted)}.phone-dock .icon{width:14px;height:14px}.phone-dock .icon:first-child{color:var(--r1-accent)}.product-stage figcaption{text-align:center;font-size:10px;color:var(--r1-muted);margin-top:16px}.audience-strip{border-block:1px solid color-mix(in srgb,var(--r1-border) 25%,transparent);padding-block:24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.audience-strip>span{font-size:12px;color:var(--r1-muted);max-width:210px}.audience-strip ul{display:flex;list-style:none;gap:48px;padding:0;margin:0;font-size:16px}.section{padding-block:88px}.section-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:80px;align-items:end;margin-bottom:40px}.section-heading .eyebrow{margin-bottom:16px}h2{font-size:clamp(28px,3vw,40px);line-height:1.18;letter-spacing:-.045em;font-weight:500;margin:0;max-width:600px}.section-heading>p{color:var(--r1-muted);margin:0;max-width:420px;font-size:16px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{border:1px solid color-mix(in srgb,var(--r1-border) 25%,transparent);border-radius:var(--r1-radius-card);padding:32px;background:var(--r1-surface);min-width:0}.feature-wide{grid-column:span 2;display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center}.feature-card h3{font-size:24px;font-weight:500;line-height:1.25;letter-spacing:-.035em;margin:24px 0 16px}.feature-card p{font-size:14px;color:var(--r1-muted);margin:0}.inline-link{display:inline-flex;align-items:center;gap:8px;font-size:12px;min-height:48px;margin-top:16px}.inline-link .icon{width:16px;height:16px}.context-map{display:flex;flex-direction:column;align-items:center;gap:24px;padding:16px 0;max-width:260px;justify-self:center;width:100%}.context-row{display:flex;justify-content:space-between;gap:16px;width:100%;font-size:10px;color:var(--r1-muted)}.context-row>span{padding:8px 12px;border:1px solid color-mix(in srgb,var(--r1-border) 35%,transparent);border-radius:var(--r1-radius-pill);background:var(--r1-background)}.context-core{display:flex;align-items:center;gap:14px;border:1px solid color-mix(in srgb,var(--r1-accent) 35%,transparent);border-radius:var(--r1-radius-card);padding:22px 24px;background:var(--r1-background)}.context-core>span{font-size:12px;line-height:1.4;color:var(--r1-muted)}.context-core strong{font-size:16px;color:var(--r1-foreground);font-weight:500}.detail-stack{display:grid;gap:8px;margin-top:24px;font-size:11px}.detail-stack>div{display:flex;align-items:center;gap:10px;background:var(--r1-background);border-radius:var(--r1-radius-sm);padding:9px 12px}.mini-check{color:var(--r1-accent)}.feature-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.feature-tags span{border:1px solid color-mix(in srgb,var(--r1-border) 30%,transparent);border-radius:var(--r1-radius-pill);font-size:10px;padding:4px 10px;color:var(--r1-muted)}.feature-privacy{grid-template-columns:100px 1fr}.privacy-mark{width:88px;height:100px;display:grid;place-items:center;color:var(--r1-accent)}.privacy-mark svg{width:72px;height:72px;stroke:currentColor;fill:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}.feature-privacy h3{margin-top:0}.feature-privacy .eyebrow{margin-bottom:12px}.professionals-section{background:var(--r1-surface);border-block:1px solid color-mix(in srgb,var(--r1-border) 20%,transparent)}.professional-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.professional-grid article{padding:24px 0 8px;border-top:1px solid color-mix(in srgb,var(--r1-border) 50%,transparent)}.professional-label{display:flex;align-items:center;gap:10px;color:var(--r1-accent);font-size:12px}.professional-label .icon{width:18px;height:18px}.professional-grid h3{font-size:26px;line-height:1.2;letter-spacing:-.035em;font-weight:500;margin:24px 0 16px}.professional-grid p{font-size:14px;color:var(--r1-muted);margin:0}.check-list{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:12px;font-size:12px}.check-list li{padding-left:20px;position:relative}.check-list li:before{content:'✓';position:absolute;left:0;color:var(--r1-accent)}.professional-note{font-size:12px;color:var(--r1-muted);border-top:1px solid color-mix(in srgb,var(--r1-border) 25%,transparent);padding-top:24px;margin:40px 0 0}.workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;list-style:none;padding:0;margin:0}.step{display:grid;place-items:center;width:40px;height:40px;background:var(--r1-ready-surface);color:var(--r1-accent);border-radius:var(--r1-radius-md);font-size:12px;margin-bottom:24px}.workflow h3{font-size:20px;font-weight:500;letter-spacing:-.03em;margin:0 0 12px}.workflow p{font-size:14px;color:var(--r1-muted);margin:0}.questions{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;padding-block:32px 88px}.questions h2{max-width:300px}.faq-list details{border-bottom:1px solid color-mix(in srgb,var(--r1-border) 30%,transparent)}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;padding:20px 0;font-size:14px;min-height:48px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:22px;font-weight:300;color:var(--r1-muted)}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{color:var(--r1-muted);font-size:14px;margin:0;padding-bottom:24px}.closing{display:flex;align-items:center;justify-content:space-between;gap:64px;border:1px solid color-mix(in srgb,var(--r1-border) 40%,transparent);border-radius:var(--r1-radius-card);padding:48px;background:var(--r1-surface)}.closing-copy{max-width:720px}.closing h2{max-width:600px}.closing p:not(.eyebrow){font-size:16px;color:var(--r1-muted);max-width:590px;margin:24px 0 0}.closing-logo{flex:none;width:140px;height:140px}.availability{display:block;color:var(--r1-muted);font-size:11px;margin-top:16px}.site-footer{padding-block:64px 32px}.footer-top{display:flex;align-items:center;gap:32px;padding-bottom:32px}.footer-top>p{font-size:12px;color:var(--r1-muted);margin:0}.footer-top nav{display:flex;gap:24px;margin-left:auto}.footer-bottom{border-top:1px solid color-mix(in srgb,var(--r1-border) 25%,transparent);padding-top:24px;display:flex;align-items:start;gap:32px;color:var(--r1-muted);font-size:10px}.footer-bottom p{margin:0;max-width:500px}.footer-bottom>a{margin-left:auto;min-height:48px;display:inline-flex;align-items:start}
@media(min-width:1500px){.hero{padding-block:104px 88px}.product-composition{min-height:540px}.dashboard-preview{min-height:390px}.preview-main{padding:24px}.preview-main h2{font-size:28px}.phone-preview{width:236px}.exercise-cutout{height:132px}}
@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.header-inner{gap:24px}.header-inner nav{gap:16px}.header-cta{padding-inline:14px}.hero{gap:24px}.hero h1{font-size:48px}.preview-small-grid{padding-right:32px}.phone-preview{width:194px}.preview-main{padding:14px}.preview-main h2{font-size:23px}.feature-card{padding:24px}.feature-wide{grid-template-columns:1fr}.context-map{display:none}.feature-privacy{grid-template-columns:70px 1fr}.privacy-mark{width:64px}.privacy-mark svg{width:56px;height:56px}.section-heading{gap:40px}.closing{gap:32px}.audience-strip ul{gap:24px}.professional-grid{gap:24px}}
@media(max-width:780px){.header-inner{flex-wrap:wrap;padding-block:16px;gap:8px 16px}.brand-link img{width:158px}.header-inner nav{order:3;width:100%;justify-content:space-between;margin:0}.header-cta{margin-left:auto;font-size:12px}.hero{grid-template-columns:1fr;padding-block:48px;gap:48px}.hero-copy{max-width:600px}.hero h1{font-size:56px}.hero-description{max-width:540px}.product-stage{width:min(580px,100%);margin:auto}.product-composition{min-height:500px}.phone-preview{width:220px}.preview-main{padding:20px}.preview-main h2{font-size:28px}.dashboard-preview{min-height:380px}.preview-small-grid{padding-right:64px}.audience-strip{align-items:start;flex-direction:column;gap:16px}.audience-strip>span{max-width:none}.audience-strip ul{flex-wrap:wrap;font-size:14px}.section{padding-block:64px}.section-heading{grid-template-columns:1fr;gap:24px;margin-bottom:32px}.feature-grid{grid-template-columns:1fr 1fr}.feature-wide{grid-column:span 2;grid-template-columns:1.2fr 1fr}.context-map{display:flex}.feature-privacy{grid-template-columns:80px 1fr}.professional-grid{grid-template-columns:1fr;gap:32px}.professional-grid h3{max-width:500px}.professional-grid p{max-width:600px}.workflow{gap:24px}.questions{grid-template-columns:1fr;gap:24px;padding-bottom:64px}.questions h2{max-width:none}.closing{padding:32px;gap:24px}.closing-logo{width:80px;height:80px}.footer-top{flex-wrap:wrap;gap:16px}.footer-top nav{width:100%;margin:0}.footer-bottom{flex-wrap:wrap;gap:16px}.footer-bottom>a{margin-left:0}}
@media(max-width:480px){.wrap{width:calc(100% - 40px)}.header-inner{gap:8px}.brand-link img{width:138px}.header-cta{padding:10px;font-size:11px;gap:6px}.header-cta .icon{width:15px;height:15px}.header-inner nav a{font-size:12px}.hero h1{font-size:42px;letter-spacing:-.05em}.hero-description{font-size:16px}.actions{gap:8px}.actions .button{flex:1 1 auto}.hero-note{align-items:start}.hero-note .icon{margin-top:2px}.stage-caption{font-size:9px;gap:8px}.stage-caption>span:last-child{max-width:80px;text-align:right}.product-composition{min-height:450px;padding-bottom:72px}.dashboard-preview{width:100%;min-height:325px}.preview-sidebar{width:35px;padding:12px 4px}.preview-sidebar>img{width:20px}.preview-main{padding:12px}.preview-main h2{font-size:22px}.preview-small-grid{padding-right:60px;grid-template-columns:1fr}.preview-small-grid>div:nth-child(2),.preview-foot{display:none}.preview-tabs{gap:12px;font-size:7px}.preview-toolbar{padding-bottom:16px}.phone-preview{width:166px;min-height:350px;padding:10px;right:-4px;border-radius:24px}.phone-preview h3{font-size:20px}.phone-eyebrow{margin-top:12px}.phone-island{margin-bottom:12px}.exercise-preview{padding:9px;border-radius:12px}.exercise-cutout{height:96px}.phone-preview .phone-meal{padding:10px 0}.phone-dock{padding-top:8px}.care-card strong{font-size:8px}.care-card small{font-size:7px}.care-card .icon-box{width:24px;height:24px}.feature-grid,.feature-wide{grid-template-columns:1fr}.feature-wide{grid-column:span 1}.feature-card{padding:24px}.feature-card h3{font-size:22px}.context-map{display:flex;padding:12px 0}.feature-privacy{grid-template-columns:1fr;gap:16px}.privacy-mark{height:56px}.workflow{grid-template-columns:1fr;gap:32px}.workflow li{display:grid;grid-template-columns:40px 1fr;gap:8px 16px}.workflow .step{grid-row:span 2;margin:0}.workflow h3{margin:0}.workflow p{grid-column:2}.closing{padding:28px 24px}.closing-logo{display:none}.closing h2{font-size:30px}.closing .actions{gap:12px}.closing .button{width:100%}.footer-top nav{gap:16px;flex-wrap:wrap}.footer-top nav a{font-size:12px}.footer-bottom{flex-direction:column}.audience-strip ul{gap:12px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{body{background:var(--r1-background);print-color-adjust:exact;-webkit-print-color-adjust:exact}.wrap{width:100%}.site-header nav,.header-cta,.actions,.skip-link,.faq-list,.footer-top nav{display:none}.hero{padding-block:24px}.section{padding-block:32px}.professional-grid article,.feature-card,.workflow li{break-inside:avoid}.questions{display:none}.closing{padding:24px}.site-footer{padding-block:24px}}
/* App narrative: content stays still; only decorative media moves. */
.app-story{padding-block:88px 32px;overflow:clip}
.story-intro{margin-bottom:64px}.story-intro h2{font-size:clamp(36px,5vw,64px);max-width:900px;line-height:1.08}.story-intro>p:last-child{max-width:520px;color:var(--r1-muted);font-size:18px;margin-top:24px}
.story-chapter{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-block:64px;min-height:760px;border-top:1px solid color-mix(in srgb,var(--r1-border) 25%,transparent)}
.story-copy{max-width:480px;min-width:0}.story-number{display:block;color:var(--r1-accent-text);font-size:12px;letter-spacing:.06em;margin-bottom:24px}.story-copy h3{font-size:clamp(32px,4vw,52px);font-weight:500;line-height:1.1;letter-spacing:-.045em;margin:0 0 24px}.story-copy>p{font-size:18px;color:var(--r1-muted);margin:0;line-height:1.7}.story-points{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:16px;font-size:14px}.story-points li{display:flex;gap:12px;align-items:baseline}.story-points li:before{content:'✓';color:var(--r1-accent-text)}
.story-visual{position:relative;isolation:isolate;display:grid;place-items:center;min-width:0;margin:0;padding:32px 16px}.story-phone{position:relative;width:min(300px,100%);height:auto;border:1px solid var(--r1-border);border-radius:32px;box-shadow:0 24px 64px #0003}.story-visual figcaption{position:relative;font-size:11px;color:var(--r1-muted);text-align:center;margin-top:24px}.story-orbit{position:absolute;z-index:-1;width:94%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--r1-accent) 22%,transparent);border-radius:50%;background:radial-gradient(circle,var(--r1-ready-surface),transparent 70%)}.story-reverse .story-copy{grid-column:2;grid-row:1}.story-reverse .story-visual{grid-column:1;grid-row:1}
@supports(animation-timeline:view()){
@media(prefers-reduced-motion:no-preference){
.story-phone{animation:story-depth linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
.story-orbit{animation:story-orbit-depth linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
.product-composition .phone-preview{animation:story-depth linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
}
}
@keyframes story-depth{from{transform:translateY(28px)}to{transform:translateY(-28px)}}
@keyframes story-orbit-depth{from{transform:translateY(-32px) scale(.94)}to{transform:translateY(32px) scale(1.04)}}
@media(max-width:780px){.app-story{padding-top:64px}.story-intro{margin-bottom:40px}.story-chapter{grid-template-columns:1fr;gap:24px;padding-block:40px;min-height:0}.story-copy{max-width:560px}.story-reverse .story-copy,.story-reverse .story-visual{grid-column:auto;grid-row:auto}.story-visual{padding:16px;max-width:440px;width:100%;justify-self:center}.story-phone{width:min(280px,100%)}.story-copy>p{font-size:16px}.story-intro>p:last-child{font-size:16px}.story-points{margin-top:24px}.story-number{margin-bottom:16px}@keyframes story-depth{from{transform:translateY(12px)}to{transform:translateY(-12px)}}@keyframes story-orbit-depth{from{transform:translateY(-12px)}to{transform:translateY(12px)}}}
@media(max-width:360px){.header-cta{font-size:10px;padding-inline:8px}.brand-link img{width:128px}.header-inner nav{flex-wrap:wrap;gap:4px 12px}.story-visual{padding-inline:8px}.story-phone{border-radius:24px}}
@media(prefers-reduced-motion:reduce){.story-phone,.story-orbit,.phone-preview{animation:none!important;transform:none!important}}
@media print{.app-story{padding-block:24px}.story-chapter{min-height:0;break-inside:avoid;gap:32px}.story-phone{max-height:420px;width:auto;max-width:100%;animation:none}.story-orbit{display:none}}
.privacy-page{max-width:760px;padding-block:64px}.privacy-page h1{font-size:clamp(32px,6vw,52px);line-height:1.15}.privacy-date{color:var(--r1-muted);font-size:14px}.privacy-contact{display:grid;gap:8px;padding:24px;background:var(--r1-surface);border-radius:var(--r1-radius-card);margin-block:32px}.privacy-contact a{overflow-wrap:anywhere;color:var(--r1-accent-text);min-height:48px;display:flex;align-items:center}.privacy-page nav{display:grid;gap:4px;border-bottom:1px solid var(--r1-border);padding-bottom:24px}.privacy-page nav a{min-height:48px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:4px}.privacy-page section{margin-top:40px}.privacy-page h2{font-size:24px}.privacy-page section p{color:var(--r1-muted);line-height:1.8}.privacy-page footer{margin-top:40px}
/* Motion layer (DS 2.1): decorative SVG only. Text and controls never move; no scripts (CSP). */
main{overflow-x:clip}
.hero-orbits,.story-deco,.context-links,.section-backdrop,.closing-orbit{pointer-events:none;overflow:visible}
.orbit-ring{fill:none;stroke:color-mix(in srgb,var(--r1-accent) 16%,transparent);stroke-width:1}
.orbit-ring-dotted{stroke:color-mix(in srgb,var(--r1-accent) 38%,transparent);stroke-width:2;stroke-linecap:round;stroke-dasharray:.5 11}
.orbit-ring-dashed{stroke-dasharray:22 16}
.orbit-dot{fill:var(--r1-accent)}.orbit-dot-soft{fill:color-mix(in srgb,var(--r1-accent) 55%,transparent)}
.m-spin{transform-box:fill-box;transform-origin:center}
/* hero */
.product-composition{isolation:isolate}
.hero-orbits{position:absolute;z-index:-1;left:50%;top:46%;width:min(116%,680px);aspect-ratio:1;translate:-50% -50%}
.dashboard-preview{position:relative;z-index:1}.phone-preview{z-index:2}
.stage-caption,.product-stage figcaption{position:relative;z-index:1}.stage-caption .pill{background:var(--r1-background)}.product-stage figcaption{width:fit-content;margin-inline:auto;padding-inline:12px;background:var(--r1-background)}
.eyebrow .status-dot{position:relative}.eyebrow .status-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--r1-accent);opacity:0}
/* story chapters */
.story-deco{position:absolute;z-index:-1;width:94%;aspect-ratio:1}
.deco-track{fill:none;stroke:color-mix(in srgb,var(--r1-border) 30%,transparent);stroke-width:1}
.deco-arc{fill:none;stroke:var(--r1-accent);stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:.32}
.deco-checkpoints circle{fill:var(--r1-background);stroke:color-mix(in srgb,var(--r1-accent) 55%,transparent);stroke-width:2}
.deco-checkpoints circle:nth-child(-n+4){fill:var(--r1-accent)}
.set-pips path{fill:none;stroke:color-mix(in srgb,var(--r1-border) 45%,transparent);stroke-width:7;stroke-linecap:round}
.set-pips path:nth-child(-n+6){stroke:var(--r1-accent)}
.deco-timer{fill:none;stroke:color-mix(in srgb,var(--r1-accent) 60%,transparent);stroke-width:2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
.chart-grid{fill:none;stroke:color-mix(in srgb,var(--r1-border) 25%,transparent);stroke-width:1;stroke-dasharray:2 6}
.chart-line{fill:none;stroke:var(--r1-accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}
.chart-gap{fill:none;stroke:var(--r1-muted);stroke-width:2;stroke-linecap:round;stroke-dasharray:3 8;opacity:.7}
.chart-sleep{fill:none;stroke:var(--r1-sleep);stroke-width:2;stroke-linecap:round;opacity:.55;stroke-dasharray:1;stroke-dashoffset:0}
.chart-points circle{fill:var(--r1-background);stroke:var(--r1-accent);stroke-width:2}
/* platform */
.context-map{position:relative;isolation:isolate}.context-row,.context-core{position:relative;z-index:1}
.context-links{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.context-links path{fill:none;stroke:color-mix(in srgb,var(--r1-accent) 45%,transparent);stroke-width:1.5;stroke-linecap:round;stroke-dasharray:2 7;vector-effect:non-scaling-stroke}
.privacy-mark svg{overflow:visible}.privacy-mark .m-draw-scroll{stroke-dasharray:1;stroke-dashoffset:0}
.privacy-pulse{stroke:color-mix(in srgb,var(--r1-accent) 45%,transparent);stroke-width:.5;transform-box:fill-box;transform-origin:center;opacity:0}
/* professionals */
.professionals-section{position:relative;overflow:clip;isolation:isolate}
.section-backdrop{position:absolute;z-index:-1;width:760px;aspect-ratio:1;right:-260px;top:50%;translate:0 -50%}
.section-backdrop circle{fill:none;stroke:color-mix(in srgb,var(--r1-accent) 9%,transparent);stroke-width:1}
.section-backdrop .backdrop-dot{fill:color-mix(in srgb,var(--r1-accent) 45%,transparent);stroke:none}
/* workflow connector */
.workflow{--flow-gap:40px;position:relative}
.workflow::before,.workflow::after{content:"";position:absolute;top:19.5px;left:20px;right:calc((100% - (var(--flow-cols,3) - 1) * var(--flow-gap)) / var(--flow-cols,3) - 20px);height:1px;background:color-mix(in srgb,var(--r1-border) 35%,transparent)}
.workflow::after{height:2px;top:19px;background:var(--r1-accent);transform-origin:0 50%}
.workflow .step{position:relative;z-index:1}
/* closing */
.closing-mark{position:relative;flex:none;display:grid;place-items:center;width:208px;aspect-ratio:1}.closing-mark>*{grid-area:1/1}.closing-orbit{width:100%;height:100%}
@media(max-width:780px){.workflow{--flow-gap:24px}.closing-mark{width:128px}.section-backdrop{width:560px;right:-280px}.hero-orbits{width:min(112%,600px)}}
@media(max-width:480px){.workflow::before,.workflow::after{display:none}.closing-mark{display:none}.section-backdrop{top:24%}}
/* Ambient loops (time-based) */
@media(prefers-reduced-motion:no-preference){
.m-spin{animation:r1-spin 90s linear infinite}.m-spin-reverse{animation-duration:70s;animation-direction:reverse}
.eyebrow .status-dot::after{animation:r1-ripple 2.4s var(--r1-motion-slow) ease-out infinite}
.deco-checkpoints circle{animation:r1-check 7.2s ease-in-out infinite both}
.deco-checkpoints circle:nth-child(2){animation-delay:.6s}.deco-checkpoints circle:nth-child(3){animation-delay:1.2s}.deco-checkpoints circle:nth-child(4){animation-delay:1.8s}.deco-checkpoints circle:nth-child(5){animation-delay:2.4s}.deco-checkpoints circle:nth-child(6){animation-delay:3s}
.set-pips path{animation:r1-set 8s ease-in-out infinite both}
.set-pips path:nth-child(2){animation-delay:.4s}.set-pips path:nth-child(3){animation-delay:.8s}.set-pips path:nth-child(4){animation-delay:1.2s}.set-pips path:nth-child(5){animation-delay:1.6s}.set-pips path:nth-child(6){animation-delay:2s}.set-pips path:nth-child(7){animation-delay:2.4s}.set-pips path:nth-child(8){animation-delay:2.8s}.set-pips path:nth-child(9){animation-delay:3.2s}.set-pips path:nth-child(10){animation-delay:3.6s}
.deco-timer{animation:r1-timer 9s linear infinite}
.chart-points circle{animation:r1-point 4s ease-in-out infinite}.chart-points circle:last-child{animation-name:r1-point-live;animation-duration:2.4s}
.context-links path{animation:r1-flow-dash 1.6s linear infinite}
.privacy-pulse{animation:r1-pulse 3.2s ease-out infinite}
}
@keyframes r1-spin{to{transform:rotate(360deg)}}
@keyframes r1-ripple{0%{transform:scale(1);opacity:.6}100%{transform:scale(3.4);opacity:0}}
@keyframes r1-check{0%,8%{fill:var(--r1-background)}14%,82%{fill:var(--r1-accent)}92%,100%{fill:var(--r1-background)}}
@keyframes r1-set{0%,6%{stroke:color-mix(in srgb,var(--r1-border) 45%,transparent)}12%,78%{stroke:var(--r1-accent)}90%,100%{stroke:color-mix(in srgb,var(--r1-border) 45%,transparent)}}
@keyframes r1-timer{from{stroke-dashoffset:0}to{stroke-dashoffset:1}}
@keyframes r1-point{0%,100%{stroke-width:2}50%{stroke-width:3}}
@keyframes r1-point-live{0%,100%{fill:var(--r1-background)}50%{fill:var(--r1-accent)}}
@keyframes r1-flow-dash{to{stroke-dashoffset:-18}}
@keyframes r1-pulse{0%{transform:scale(.8);opacity:.9}100%{transform:scale(1.6);opacity:0}}
/* Scroll-driven parallax and draw-on (progressive enhancement) */
@supports(animation-timeline:view()){
@media(prefers-reduced-motion:no-preference){
body::before{content:"";position:fixed;z-index:30;inset:0 0 auto;height:2px;background:var(--r1-accent);transform-origin:0 50%;animation:r1-grow linear both;animation-timeline:scroll(root)}
.hero-orbits{animation:r1-hero-drift linear both;animation-timeline:scroll(root);animation-range:0 100vh}
.dashboard-preview{animation:r1-dash-drift linear both;animation-timeline:scroll(root);animation-range:0 100vh}
.story-visual,.privacy-mark{view-timeline:--r1-deco block}
.story-deco{animation:r1-deco-drift linear both;animation-timeline:--r1-deco;animation-range:entry 0% exit 100%}
.deco-progress{animation-name:r1-deco-drift-flat}
.deco-arc{animation:r1-day linear both;animation-timeline:--r1-deco;animation-range:entry 20% cover 55%}
.m-draw-scroll{animation:r1-draw linear both;animation-timeline:--r1-deco;animation-range:entry 20% cover 50%}
.chart-sleep{animation-range:entry 35% cover 60%}.privacy-check{animation-range:entry 60% cover 55%}
.section-backdrop{animation:r1-backdrop linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
.closing-orbit{animation:r1-closing linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
.workflow{view-timeline:--r1-flow block}.workflow::after{animation:r1-grow linear both;animation-timeline:--r1-flow;animation-range:entry 80% cover 55%}
.workflow li{view-timeline:--r1-step block}.workflow .step{animation:r1-step steps(1,end) both;animation-timeline:--r1-step;animation-range:entry 90% cover 50%}
}
}
@keyframes r1-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes r1-hero-drift{from{transform:translateY(0) rotate(0)}to{transform:translateY(140px) rotate(-12deg)}}
@keyframes r1-dash-drift{from{transform:translateY(0)}to{transform:translateY(-36px)}}
@keyframes r1-deco-drift{from{transform:translateY(-44px) rotate(-18deg)}to{transform:translateY(44px) rotate(18deg)}}
@keyframes r1-deco-drift-flat{from{transform:translateY(-56px)}to{transform:translateY(56px)}}
@keyframes r1-day{from{stroke-dashoffset:1}to{stroke-dashoffset:.32}}
@keyframes r1-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes r1-backdrop{from{transform:translateY(-140px) rotate(-20deg)}to{transform:translateY(140px) rotate(20deg)}}
@keyframes r1-closing{from{transform:rotate(-40deg) scale(.92)}to{transform:rotate(40deg) scale(1.04)}}
@keyframes r1-step{from{background:var(--r1-ready-surface);color:var(--r1-accent)}to{background:var(--r1-accent);color:var(--r1-on-accent)}}
@media(max-width:780px){@keyframes r1-deco-drift{from{transform:translateY(-16px) rotate(-10deg)}to{transform:translateY(16px) rotate(10deg)}}@keyframes r1-deco-drift-flat{from{transform:translateY(-20px)}to{transform:translateY(20px)}}@keyframes r1-hero-drift{from{transform:translateY(0)}to{transform:translateY(60px) rotate(-8deg)}}}
@media(prefers-reduced-motion:reduce){.m-move{display:none}}
@media print{.m-move,.hero-orbits,.section-backdrop,.closing-mark,.story-deco{display:none}body::before{display:none}}
/* CMS-driven layouts: variable step count and the GEO summary block */
.workflow-2{--flow-cols:2;grid-template-columns:repeat(2,1fr)}.workflow-4{--flow-cols:4;grid-template-columns:repeat(4,1fr)}.workflow-5{--flow-cols:5;grid-template-columns:repeat(5,1fr)}
@media(max-width:1050px){.workflow-4,.workflow-5{grid-template-columns:repeat(2,1fr)}.workflow-4::before,.workflow-4::after,.workflow-5::before,.workflow-5::after{display:none}}
@media(max-width:480px){.workflow-2,.workflow-4,.workflow-5{grid-template-columns:1fr}}
.summary{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;padding-block:24px 64px;border-top:1px solid color-mix(in srgb,var(--r1-border) 25%,transparent);padding-top:64px}.summary h2{max-width:320px}
.summary-lead{font-size:18px;line-height:1.7;margin:0 0 24px;color:var(--r1-foreground)}
.summary-facts{list-style:none;padding:0;margin:0;display:grid;gap:12px;font-size:14px;color:var(--r1-muted)}.summary-facts li{padding-left:20px;position:relative}.summary-facts li:before{content:'✓';position:absolute;left:0;color:var(--r1-accent-text)}
@media(max-width:780px){.summary{grid-template-columns:1fr;gap:24px;padding-block:48px 32px}.summary-lead{font-size:16px}}
@media print{.summary{break-inside:avoid}}