/* Black, white and neutral grey. Motion always supports the content. */
.reading-progress{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--forest);transform:scaleX(var(--reading-progress,0));transform-origin:left;z-index:2}
.site-header{view-transition-name:site-header}
.desktop-nav{font-size:14px;gap:23px}
.brand img{transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.brand:hover img{transform:rotate(-7deg)}
.eyebrow,.hero-copy .eyebrow,.questions-grid .eyebrow,.download-inner>.eyebrow,.story-intro .eyebrow,.audience-heading>.eyebrow,.about-grid>.eyebrow{font-size:12px;color:#6b6b6b}
.text-link,.nav-cta,.story-intro .text-link,.privacy-inner>.text-link,.footer-top>.text-link{font-size:14px}
.footer-bottom,.footer-bottom nav,.launch-note{font-size:12px}
.hero-copy .eyebrow{justify-content:center;letter-spacing:.12em}
.hero-line{display:block;overflow:hidden;color:var(--ink);padding-bottom:.09em;margin-bottom:-.07em;line-height:1.12}
.hero-line>span{display:block;animation:hero-arrive 1.15s cubic-bezier(.2,.75,.25,1) both}
.hero-line:nth-child(2)>span{animation-delay:.15s;color:#797979}
.hero-description{animation:soft-arrive 1s .38s both}
.hero-actions{animation:soft-arrive 1s .52s both}
.hero-stage-backdrop{background:#e8e8e8}
.hero-stage-backdrop::after{background:radial-gradient(ellipse at 50% 15%,#f9f9f9,transparent 70%)}
.hero-stage .device-hardware{animation:device-arrive 1.3s .22s both}
.hero-stage .device-screen{animation:device-arrive 1.3s .22s both}
.hero-phone .device-hardware,.hero-phone .device-screen{animation-delay:.4s}
.preview-disclosure{font-size:12px;color:#727272}
.scroll-cue{font-size:12px;letter-spacing:.06em}
.motion-enhanced [data-reveal]{opacity:0;transform:translateY(32px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.8,.2,1)}
.motion-enhanced [data-reveal].is-revealed{opacity:1;transform:none}
.audience-grid article:nth-child(2){transition-delay:.1s}
.audience-grid article:nth-child(3){transition-delay:.2s}
.audience-grid article{transition:transform .4s,box-shadow .4s}
.audience-grid article.is-revealed:hover{transform:translateY(-7px);box-shadow:0 20px 40px #33333310}
.purpose-tags span{font-size:12px}
.chapter-kicker,.chapter-footnote{font-size:12px}
.feature-points li{font-size:14px}
.story-device-caption{font-size:14px;gap:4px}
.story-device-caption small{font-size:12px}
.story-screen-number{font-size:12px;letter-spacing:.12em;color:#6f6f6f;font-variant-numeric:tabular-nums}
.ui-pin .icon{width:15px;height:15px;color:inherit}
.ui-status-pill{background:#ededed;border-color:#d7d7d7;color:#626262}
.ui-user-location{animation:location-pulse 3s ease-out infinite}
.route-trace{stroke-dasharray:1800;stroke-dashoffset:0}
.screen-layer.is-active .route-trace,.showcase-slide[data-state='active'] .route-trace{animation:trace-route 3s ease-out both}
.screen-layer.is-active .ui-chart-bar,.showcase-slide[data-state='active'] .ui-chart-bar{transform-origin:bottom;animation:grow-chart .85s cubic-bezier(.2,.8,.2,1) both}
.ui-chart-bar:nth-child(2){animation-delay:.06s!important}.ui-chart-bar:nth-child(3){animation-delay:.12s!important}.ui-chart-bar:nth-child(4){animation-delay:.18s!important}.ui-chart-bar:nth-child(5){animation-delay:.24s!important}.ui-chart-bar:nth-child(6){animation-delay:.3s!important}.ui-chart-bar:nth-child(7){animation-delay:.36s!important}
.privacy-inner p{color:#cbcbcb}
.download-plans-link{margin-top:27px;justify-content:center;color:#444444}
.faq-list details[open] p{animation:answer-arrive .35s ease-out}

/* The phone collection slides in depth, with the selected screen in front. */
.showcase-section{padding:95px 0 80px;background:var(--paper);overflow:clip}
.showcase-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;align-items:end;margin-bottom:40px}
.showcase-heading .eyebrow{margin-bottom:20px}
.showcase-heading>p{max-width:370px;font-size:16px;line-height:1.85;color:#787878;margin-left:auto}
.showcase-shell{display:grid;grid-template-columns:.92fr 1.08fr;background:#313131;color:#fbfbfb;border-radius:28px;overflow:hidden;isolation:isolate}
.showcase-copy{padding:50px 0 42px 49px;display:flex;flex-direction:column;min-width:0;position:relative;z-index:5}
.showcase-overline{font-size:12px;letter-spacing:.13em;color:#cbcbcb}
.showcase-narrative{margin-top:62px;min-height:250px;max-width:390px}
.showcase-narrative h3{font-size:clamp(38px,3.8vw,53px);font-weight:500;letter-spacing:-.05em;line-height:1.08;color:#fbfbfb}
.showcase-narrative p{font-size:16px;line-height:1.85;color:#cacaca;margin-top:27px;max-width:335px;min-height:90px}
.showcase-bottom{margin-top:auto;padding-top:35px;max-width:330px}
.showcase-controls{display:flex;align-items:center;gap:10px}
.round-control{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #8e8e8e;background:transparent;color:#f3f3f3;border-radius:50%;padding:0;transition:background .25s,color .25s,transform .25s;flex-shrink:0}
.round-control:hover{background:#efefef;color:#353535;transform:translateY(-2px)}
.round-control:disabled{opacity:.45;cursor:default}
.round-control .icon{width:20px;height:20px}
.play-control{margin-left:auto;width:38px;height:38px;border-color:#6e6e6e}
#showcase-position{font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:.09em;margin-left:8px;color:#cacaca}
.showcase-timer{height:2px;overflow:hidden;background:#535353;margin-top:22px;border-radius:3px}
.showcase-timer-fill{display:block;width:100%;height:100%;background:#dbdbdb;transform:scaleX(0);transform-origin:left}
.showcase-disclosure{font-size:12px;line-height:1.6;color:#adadad;margin-top:17px}
.showcase-viewport{position:relative;min-width:0;height:638px;perspective:1200px;overflow:hidden;touch-action:pan-y;background:radial-gradient(ellipse at 54% 46%,#6f6f6f3b,transparent 64%)}
.showcase-slide{position:absolute;left:50%;top:50%;width:400px;max-width:100%;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.65);visibility:hidden;transition:transform .95s cubic-bezier(.22,.7,.17,1),opacity .7s,filter .7s;will-change:transform;transform-style:preserve-3d}
.showcase-slide[data-state='active']{opacity:1;visibility:visible;transform:translate(-50%,-50%) translateZ(35px);z-index:3;filter:brightness(1)}
.showcase-slide[data-state='previous']{opacity:.52;visibility:visible;transform:translate(-50%,-50%) translateX(-225px) rotateY(24deg) rotate(-7deg) scale(.78);z-index:2;filter:brightness(.72)}
.showcase-slide[data-state='next']{opacity:.52;visibility:visible;transform:translate(-50%,-50%) translateX(225px) rotateY(-24deg) rotate(7deg) scale(.78);z-index:2;filter:brightness(.72)}
.showcase-slide .device-hardware{filter:drop-shadow(0 16px 13px #17171760)}
.showcase-slide[data-state='hidden']{will-change:auto}
.showcase-tabs{display:flex;justify-content:center;gap:8px;margin-top:25px;flex-wrap:wrap}
.showcase-tabs button{font-size:14px;padding:10px 17px;border-radius:30px;background:transparent;border:1px solid #dcdcdc;color:#6b6b6b;line-height:1.6;transition:background .3s,border-color .3s,color .3s}
.showcase-tabs button:hover{border-color:#7f7f7f;background:#f1f1f1}
.showcase-tabs button[aria-selected='true']{background:#353535;color:#fafafa;border-color:#353535}
.showcase-section:not(.is-playing) .ui-user-location{animation-play-state:paused}
.showcase-slide:not([data-state='active']) .ui-user-location{animation:none}

/* Additional app illustrations share the same presentation canvas. */
.ui-home-intro{font-size:11px;color:#8c8c8c;margin:0 19px 19px}
.ui-next-stop{margin:0 18px;background:#ededed;border:1px solid #dfdfdf;border-radius:13px;padding:17px}
.ui-overline{font-size:9px;letter-spacing:.08em;color:#7c7c7c}
.ui-next-stop>div:not(.ui-next-stop-footer){display:flex;gap:11px;align-items:center;margin-top:18px}
.ui-next-stop strong{display:block;font-size:17px;letter-spacing:-.03em}
.ui-next-stop small{display:block;font-size:10px;color:#8b8b8b;margin-top:4px}
.ui-next-stop .ui-business-icon{background:#fcfcfc;width:42px;height:43px}
.ui-next-stop-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d9d9d9;margin-top:18px;padding-top:13px;font-size:10px;color:#8a8a8a}
.ui-next-stop-footer .icon{width:14px;height:14px}
.ui-home-stats{display:flex;gap:10px;margin:15px 18px 18px}
.ui-home-stats>div{flex:1;border:1px solid #e7e7e7;border-radius:10px;padding:14px;background:#ffffff}
.ui-home-stats strong{font-size:26px;letter-spacing:-.05em;display:block;color:#606060}
.ui-home-stats small{font-size:9px;display:block;color:#a0a0a0;margin-top:3px}
.ui-shortcut{display:flex;align-items:center;gap:11px;padding:15px 0;border-bottom:1px solid #e7e7e7}
.ui-shortcut>div{flex:1}
.ui-shortcut strong{display:block;font-size:11px;font-weight:650}
.ui-shortcut small{display:block;font-size:9px;color:#9a9a9a;margin-top:4px}
.ui-shortcut>.icon{color:#888888;width:18px;height:18px}
.ui-shortcut>.icon:last-child{width:14px;height:14px;color:#acacac}
.ui-home-message{display:flex;align-items:center;gap:8px;font-size:10px;color:#9c9c9c;margin-top:23px}
.ui-home-message .icon{width:15px;height:15px}
.ui-territory-map{position:relative;height:275px;overflow:hidden;margin:3px 18px 20px;border-radius:12px}
.ui-territory-overlay{position:absolute;inset:0;width:100%;height:100%}
.ui-territory-swatch{width:27px;height:29px;border-radius:8px;background:#9c9c9c;border:1px solid #878787}
.ui-territory-swatch.is-light{background:#d1d1d1;border-color:#c0c0c0}
.showcase-slide[data-state='active'] .territory-outline{animation:territory-in 1.6s ease-out both}
.ui-followup-tabs{display:flex;gap:17px;margin:1px 18px 21px;border-bottom:1px solid #e8e8e8;font-size:10px;color:#9c9c9c}
.ui-followup-tabs>span{padding:10px 2px 12px}
.ui-followup-tabs>span:first-child{border-bottom:2px solid #767676;color:#5a5a5a}
.ui-followup-tabs b{background:#ececec;padding:2px 5px;border-radius:4px;font-size:9px;margin-left:5px}
.ui-followup-card{padding:14px;background:#ffffff;border:1px solid #e6e6e6;border-radius:10px;margin-bottom:12px}
.ui-followup-card>div{display:flex;align-items:center;gap:9px}
.ui-followup-card>div>div{flex:1}
.ui-followup-card strong{font-size:12px;display:block}
.ui-followup-card>div small{display:block;font-size:9px;color:#a4a4a4;margin-top:3px}
.ui-followup-card>div>span:last-child{font-size:10px;color:#868686}
.ui-followup-card p{font-size:10px;line-height:1.7;margin-top:13px;color:#969696}
.ui-followup-card>small{display:flex;align-items:center;gap:5px;color:#acacac;font-size:8px;margin-top:10px}
.ui-followup-card>small .icon{width:11px;height:11px}

@keyframes hero-arrive{from{transform:translateY(112%)}to{transform:translateY(0)}}
@keyframes soft-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes device-arrive{from{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur(0)}}
@keyframes showcase-time{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes trace-route{from{stroke-dashoffset:1800}to{stroke-dashoffset:0}}
@keyframes grow-chart{from{transform:scaleY(.02)}to{transform:scaleY(1)}}
@keyframes location-pulse{0%,100%{box-shadow:0 0 0 6px #97979715}50%{box-shadow:0 0 0 13px #97979730}}
@keyframes territory-in{from{opacity:0;stroke-dashoffset:100}to{opacity:1;stroke-dashoffset:0}}
@keyframes answer-arrive{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@keyframes page-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@view-transition{navigation:auto}
::view-transition-old(root){animation:soft-arrive .2s reverse both}
::view-transition-new(root){animation:page-enter .4s ease-out both}

@media(max-width:1100px){.showcase-copy{padding-left:32px}.showcase-narrative{margin-top:52px}.showcase-narrative h3{font-size:43px}.showcase-viewport{height:600px}.showcase-slide{width:375px}.showcase-heading{gap:40px}.showcase-slide[data-state='previous']{transform:translate(-50%,-50%) translateX(-185px) rotateY(24deg) rotate(-7deg) scale(.78)}.showcase-slide[data-state='next']{transform:translate(-50%,-50%) translateX(185px) rotateY(-24deg) rotate(7deg) scale(.78)}.showcase-bottom{max-width:300px}.desktop-nav{gap:17px;font-size:13px}}
@media(max-width:980px){.desktop-nav,.nav-cta{display:none}.menu-toggle{display:flex}}
@media(max-width:760px){.hero-line{line-height:1.14}.hero-copy .eyebrow{font-size:12px;letter-spacing:.08em}.hero-description{font-size:16px}.hero-actions .button{font-size:14px}.scroll-cue{font-size:10px}.preview-disclosure{font-size:12px}.showcase-section{padding:64px 0 58px}.showcase-heading{display:block;margin-bottom:29px}.showcase-heading h2{font-size:39px}.showcase-heading>p{margin:22px 0 0;max-width:none}.showcase-heading .eyebrow{margin-bottom:18px}.showcase-shell{grid-template-columns:1fr;border-radius:23px}.showcase-viewport{order:-1;height:446px;margin-top:8px}.showcase-slide{width:281px;max-width:none}.showcase-slide[data-state='active']{transform:translate(-50%,-50%)}.showcase-slide[data-state='previous']{transform:translate(-50%,-50%) translateX(-174px) rotateY(24deg) rotate(-7deg) scale(.76)}.showcase-slide[data-state='next']{transform:translate(-50%,-50%) translateX(174px) rotateY(-24deg) rotate(7deg) scale(.76)}.showcase-copy{padding:6px 26px 28px}.showcase-overline{font-size:12px}.showcase-narrative{margin-top:18px;min-height:165px;max-width:none}.showcase-narrative h3{font-size:35px;max-width:340px;min-height:77px}.showcase-narrative p{font-size:16px;margin-top:17px;min-height:87px;max-width:none}.showcase-bottom{padding-top:22px;max-width:none}.showcase-tabs{gap:7px;margin-top:21px}.showcase-tabs button{font-size:14px;padding:8px 13px}.showcase-controls{gap:9px}.showcase-disclosure{font-size:12px}.chapter-kicker,.chapter-footnote{font-size:12px}.story-device-caption{font-size:12px;gap:1px}.story-screen-number{display:none}.story-device-caption small{font-size:12px}.story-device{width:calc((var(--mobile-device-height) - 67px)*.667)}.feature-points li{font-size:14px}.privacy-inner p{font-size:16px}.faq-list summary{font-size:16px}.purpose-tags span{font-size:12px}.download-inner>.eyebrow{font-size:12px}.store-badge small{font-size:12px}.store-badge strong{font-size:18px}.store-badge{padding:12px}.store-badge>.icon{display:none}.footer-top>p{font-size:14px}.footer-bottom nav{font-size:14px}.footer-top>.text-link{font-size:12px}.launch-note{font-size:12px}}
@media(max-width:380px){.showcase-viewport{height:401px}.showcase-slide{width:260px}.showcase-narrative h3{font-size:31px}.showcase-copy{padding-inline:21px}.store-badges{flex-wrap:wrap}.showcase-tabs button{font-size:13px;padding-inline:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.hero-line>span,.hero-description,.hero-actions{opacity:1;transform:none}.motion-enhanced [data-reveal]{opacity:1;transform:none}.reading-progress{transition:none}.showcase-slide{will-change:auto}.showcase-timer-fill{transform:scaleX(0)!important}}