@import url('./demo.css?v=57d93d5c3fe9');
:root{color-scheme:light;--ink:#1e2326;--paper:#f5f3ef;--muted:#737575;--line:#24282a26;--mint:#e8ebf0;--accent:#294ed0;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}a,button{outline-offset:5px}:focus-visible{outline:2px solid #557ee9}p,figure{margin:0}h1,h2,h3{font-weight:500;margin:0;letter-spacing:-.055em}em{font-style:normal}svg{display:block}button svg{pointer-events:none}img{display:block;max-width:100%}.skip{position:fixed;top:-80px;left:20px;z-index:100;padding:16px;background:var(--paper);color:var(--ink)}.skip:focus{top:16px}.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:500;line-height:1.6}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-right:9px}
/* Photography and an iPhone share the hero; one live device carries the story below. */
.site-header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:5;top:0;width:100%;color:#fff}.wordmark{display:flex;align-items:center;font-size:32px;font-weight:650;letter-spacing:-1.8px;gap:7px}.wordmark svg{width:37px;height:29px;stroke:currentColor;stroke-width:4.2;stroke-linecap:round;fill:none}.site-header nav{display:flex;gap:32px;font-size:13px}.site-header nav a{border-bottom:1px solid transparent;padding:7px 0}.site-header nav a:hover{border-color:#ffffff90}.nav-cta{font-size:13px;background:#ffffff16;backdrop-filter:blur(14px);border:1px solid #ffffff60;border-radius:30px;padding:13px 20px;display:flex;gap:30px;transition:background .2s}.nav-cta:hover{background:#ffffff30}.hero{position:relative;isolation:isolate;height:min(900px,100svh);min-height:690px;padding:165px 5% 115px;display:flex;align-items:flex-end;overflow:hidden;background:#343e46;color:#fff}.hero-media{position:absolute;inset:0;z-index:-2;overflow:hidden}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:50% 55%;transform:translate3d(0,var(--hero-shift,0px),0) scale(1.035);will-change:transform}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0c1216a8 0%,#0c12164a 36%,transparent 70%),linear-gradient(180deg,#11192160,transparent 25%,transparent 62%,#11171b80)}.hero-copy{max-width:690px;animation:hero-in 1.1s var(--ease) both}.hero .eyebrow{margin-bottom:22px;font-size:10px;letter-spacing:.17em;color:#f7f7f5}.hero h1{font-size:clamp(85px,8.35vw,132px);line-height:.94;letter-spacing:-.065em;font-weight:500}.hero-description{font-size:16px;line-height:1.65;color:#eeefed;margin-top:25px;text-shadow:0 1px 8px #0002}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:47px;min-height:53px;border-radius:3px;padding:0 22px;font-size:13px;font-weight:550;transition:background .2s,transform .25s}.primary{background:#f8f7f3;color:#20262b}.primary:hover{background:#fff;transform:translateY(-2px)}.release-note{font-size:11px;line-height:1.6;color:#e3e5e4}.hero-bottom{position:absolute;left:5%;right:5%;bottom:30px;display:flex;justify-content:space-between;align-items:center;color:#e9e9e4;font-size:9px;letter-spacing:.1em;padding-top:18px;border-top:1px solid #ffffff35}.hero-bottom a span{margin-left:32px}.motion-toggle{font-size:10px;letter-spacing:.02em;padding:5px 0}.motion-toggle span{margin-left:10px}
/* An editorial spread, rather than a row of UI cards. */
.editorial{max-width:1400px;margin:0 auto;padding:112px 6% 108px}.editorial-intro{display:grid;grid-template-columns:1.35fr 1fr;gap:25px 65px}.editorial-intro .eyebrow{grid-column:1/-1;color:#727979;margin-bottom:6px}.editorial-intro h2{font-size:clamp(37px,3.5vw,54px);line-height:1.08}.editorial-intro>p:last-child{align-self:end;font-size:15px;line-height:1.85;color:#686e70;justify-self:end}.photo-pair{display:grid;grid-template-columns:.82fr 1.18fr;gap:7%;margin-top:68px;align-items:start}.everyday-photo{padding-top:75px}.photo-window{overflow:hidden;background:#dedbd4}.everyday-photo .photo-window{aspect-ratio:4/5}.away-photo .photo-window{aspect-ratio:1.12}.photo-window img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease);transform:scale(1.025)}.everyday-photo img{object-position:50% 53%}.away-photo img{object-position:50% 58%}.photo-pair figure:hover img{transform:scale(1.065)}.photo-pair figcaption{display:flex;justify-content:space-between;gap:15px;padding-top:18px;font-size:11px;line-height:1.5;color:#686d70}.photo-pair figcaption span:first-child{font-size:9px;letter-spacing:.08em;color:#262d32}
/* One clear product story and a persistent interactive device. */
.experience{background:#e9edf0;padding:85px max(6%,calc((100vw - 1215px)/2)) 60px;scroll-margin-top:0}.experience-intro{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:0 0 50px}.experience-intro .eyebrow{grid-column:1/-1;color:#667277}.experience-intro h2{font-size:clamp(43px,4.3vw,65px);line-height:1.04}.experience-intro>p:last-child{align-self:end;justify-self:center;color:#616e75;font-size:16px;line-height:1.75}.intro-link{display:inline-flex;gap:30px;margin-top:14px;font-size:12px;color:#263e52;border-bottom:1px solid #abb6bd;padding-bottom:5px}.demo-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.story-step{min-height:610px;padding-top:145px;max-width:415px;opacity:.4;transition:opacity .55s}.story-step.active{opacity:1}.chapter{font-size:10px;letter-spacing:.11em;color:#4e6575;margin-bottom:28px}.story-step h3{font-size:clamp(42px,4.5vw,62px);line-height:1.03;letter-spacing:-.055em}.story-step>p:not(.chapter){font-size:16px;line-height:1.8;color:#64717a;margin-top:24px;max-width:335px}.text-action{padding:12px 0 10px;margin-top:24px;border-bottom:1px solid #7e8d9655;font-size:13px;display:inline-flex;gap:35px;align-items:center}.text-action span{transition:transform .2s}.text-action:hover span{transform:translate(3px,-3px)}.step-footnote{font-size:11px;line-height:1.7;color:#6d7a82;margin-top:19px;max-width:300px}.phone-sticky{top:30px;padding:25px 0;scroll-margin-top:15px}.phone{transform:none;background:linear-gradient(135deg,#91989f,#31373c 15%,#8f969c 42%,#22272c 62%,#a8adb0 91%,#41484c);box-shadow:0 0 0 1px #a0a7ab,0 0 0 3px #24292d,0 40px 70px #3c4c5a30;color:#eeeef7}.phone:focus-within,.phone:hover{transform:none}.phone-shadow{inset:90px -30px -35px;background:radial-gradient(ellipse,#66768315,transparent 65%)}.phone-side-label{color:#7e8d97;font-size:8px;right:-15px}.demo-caption{color:#3f5363;font-size:12px;margin-top:25px}.demo-caption button{color:#677c8a;font-size:11px}.demo-disclaimer{font-size:10px;color:#667781;line-height:1.6}.app-input{color-scheme:dark}.app-view h3{color:#eeeef7}.app-content button{color:inherit}.app-content .app-primary{color:#20212d}.app-content .map-replay{color:#192019}.app-content .keep{color:#152316}.app-content .week-strip .selected,.app-content .calendar-grid .selected{color:#181924}
/* Quartz stays distinctive in the product, with a quiet dark atlas moment. */
.world-section{position:relative;min-height:700px;background:#11161d;color:#eff0f1;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;padding:65px 7%;overflow:hidden}.world-copy .eyebrow{color:#a3adb7;margin-bottom:30px}.world-copy h2{font-size:clamp(52px,5.2vw,80px);line-height:1.02}.world-copy>p:not(.eyebrow){font-size:16px;color:#a0aab6;line-height:1.8;margin-top:24px}.world-copy .text-action{border-color:#8392a060;color:#e3e7ed}.globe-stage{position:relative;height:560px;width:100%;min-width:0}.globe-stage canvas{width:100%;height:100%;object-fit:contain;cursor:grab;touch-action:pan-y}.globe-stage>p{text-align:center;font-size:9px;letter-spacing:.12em;margin-top:-15px;color:#a0adbb}.globe-stage>p span{margin-left:15px}
.widget-section{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center;max-width:1300px;margin:0 auto;padding:110px 7%}.widget-scene{height:440px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;isolation:isolate;overflow:hidden;background:#172431;color:#fff}.widget-wallpaper{position:absolute;inset:0;background:linear-gradient(180deg,#15233222,#15233255),url('./assets/blue-hour-walk.webp') center 42%/cover;z-index:-1}.home-widget{width:240px;height:225px;position:relative;border-radius:29px;background:linear-gradient(120deg,#111d29ad,#31424a66);border:1px solid #ffffff45;box-shadow:0 15px 40px #07152045,inset 0 1px #ffffff21;padding:25px;text-align:left;transition:transform .35s var(--ease);backdrop-filter:blur(28px)}.home-widget:hover{transform:translateY(-5px)}.widget-brand{display:flex;justify-content:space-between;font-size:18px;font-weight:600;letter-spacing:-.07em}.widget-brand>span{font-size:16px;font-weight:400}.home-widget small{display:block;font-size:9px;letter-spacing:.1em;color:#c0cbd4;margin-top:27px}.home-widget strong{font-size:28px;font-weight:500;letter-spacing:-.055em;display:block;margin-top:8px}.widget-place{display:block;font-size:11px;color:#d1d9dd;margin-top:7px}.widget-progress{height:2px;border-radius:2px;background:#ffffff25;margin-top:22px}.widget-progress:before{content:"";display:block;background:#e1e7f0;width:62%;height:100%}.widget-under{position:absolute;bottom:20px;font-size:8px;letter-spacing:.1em;color:#e2e8ec}.widget-copy .eyebrow{color:#6b7278;margin-bottom:27px}.widget-copy h2{font-size:65px;line-height:1.04}.widget-copy>p:not(.eyebrow){font-size:16px;color:#687178;line-height:1.8;margin-top:24px;max-width:310px}
.privacy-section{max-width:1300px;margin:0 auto;padding:45px 7% 100px}.privacy-top{display:grid;grid-template-columns:1fr 1fr;gap:24px}.privacy-top .eyebrow{grid-column:1/-1;color:#687178}.privacy-top h2{font-size:64px;line-height:1.02}.privacy-top>p:last-child{align-self:end;max-width:310px;color:#687178;font-size:16px;line-height:1.8;justify-self:end}.privacy-details{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;border-top:1px solid var(--line);padding-top:30px;margin-top:55px}.privacy-details span{font-size:10px;color:#6c7b87}.privacy-details h3{font-size:21px;letter-spacing:-.035em;margin:20px 0 15px}.privacy-details p{font-size:13px;line-height:1.85;color:#687178}.privacy-section details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:40px;padding:21px 0}.privacy-section summary{font-size:12px;cursor:pointer;display:flex;justify-content:space-between;color:#4c5c69;list-style:none}.privacy-section details p{font-size:12px;line-height:1.9;max-width:850px;color:#687178;margin-top:20px}
.closing{position:relative;isolation:isolate;overflow:hidden;min-height:540px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;padding:75px 6%}.closing>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 65%}.closing:after{content:"";position:absolute;inset:0;z-index:-1;background:#10171c7a}.closing .eyebrow{margin-bottom:24px;color:#eff1f1}.closing h2{font-size:clamp(63px,6.5vw,96px);line-height:.97;margin-bottom:33px}.closing-status{display:block;margin-top:19px;color:#e0e5e8;font-size:11px}footer{padding:35px 5%;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#687178;gap:20px}footer .wordmark{font-size:28px;color:#232a2e}footer>div{display:flex;align-items:center;gap:25px}footer button{font-size:11px;color:inherit;padding:0}dialog{border:1px solid #c8cdcf;border-radius:5px;padding:34px;background:var(--paper);color:var(--ink);max-width:560px;width:90%;max-height:85svh;box-shadow:0 20px 70px #0005}dialog::backdrop{background:#10182090;backdrop-filter:blur(8px)}dialog h2{font-size:31px;line-height:1.1;margin-bottom:22px}dialog p{font-size:13px;color:#5d6b74;line-height:1.8;margin-bottom:17px}dialog a{text-decoration:underline}dialog form{display:flex;justify-content:flex-end}dialog form button{font-size:28px;padding:0 0 10px}.no-script{padding:30px;text-align:center}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.visible{opacity:1;transform:none}.paused *,body.page-hidden *{animation-play-state:paused!important}.paused .photo-window img{transition:none;transform:none}.paused .reveal{transition:none;opacity:1;transform:none}.reduced .reveal{opacity:1;transform:none}.reduced *,.reduced *:before,.reduced *:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reduced .hero-photo{transform:none!important}
@keyframes hero-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.hero{padding-left:max(5%,calc((100vw - 1400px)/2));padding-right:max(5%,calc((100vw - 1400px)/2))}}
@media(max-height:850px) and (min-width:801px){.phone{width:286px;height:590px;border-radius:48px}.phone-screen{border-radius:40px}.phone-sticky{top:10px;padding-top:15px}.app-view{padding-left:15px;padding-right:15px}.swipe-card{height:290px}.app-globe{width:225px;height:200px}.story-step{min-height:590px}.phone-side-label{right:-6px}.demo-caption{margin-top:20px}.week-strip{margin-top:15px}.timeline-row{min-height:53px}}
@media(max-width:1100px){.hero h1{font-size:90px}.hero{min-height:680px}.hero-photo{object-position:56% 50%}.editorial-intro{gap:25px}.editorial-intro h2{font-size:40px}.editorial-intro>p:last-child{font-size:14px}.demo-layout{gap:25px}.story-step h3{font-size:45px}.world-section{min-height:620px;padding-left:6%;padding-right:3%}.globe-stage{height:460px}.privacy-details{gap:30px}}
@media(max-width:800px){.site-header{height:82px;padding:0 6%}.site-header nav{display:none}.wordmark{font-size:29px}.wordmark svg{width:32px}.nav-cta{font-size:11px;padding:11px 15px;gap:18px}.hero{height:93svh;min-height:700px;max-height:920px;padding:145px 6% 116px}.hero-photo{object-position:57% 50%}.hero:after{background:linear-gradient(180deg,#11192160,transparent 25%,#11171b55 53%,#11171bce 100%),linear-gradient(90deg,#0c121637,transparent 90%)}.hero h1{font-size:clamp(68px,13vw,100px);line-height:.96;letter-spacing:-.065em}.hero .eyebrow{font-size:9px;letter-spacing:.11em;max-width:350px;margin-bottom:20px}.hero-description{font-size:14px;line-height:1.6;margin-top:23px}.hero-actions{gap:18px;margin-top:25px}.release-note{font-size:10px}.button{font-size:12px;min-height:51px;gap:28px;padding:0 21px}.hero-bottom{font-size:8px;left:6%;right:6%;bottom:25px;gap:15px}.hero-bottom>span{display:none}.hero-bottom a span{margin-left:14px}.motion-toggle{font-size:9px}.editorial{padding:72px 6%}.editorial-intro{display:block}.editorial-intro .eyebrow{font-size:9px;margin-bottom:23px}.editorial-intro h2{font-size:36px;line-height:1.08}.editorial-intro>p:last-child{font-size:14px;line-height:1.8;margin-top:24px}.photo-pair{grid-template-columns:1fr 1fr;gap:16px;margin-top:35px}.everyday-photo{padding-top:45px}.everyday-photo .photo-window{aspect-ratio:.67}.away-photo .photo-window{aspect-ratio:.67}.photo-pair figcaption{display:block;padding-top:13px;font-size:11px;line-height:1.6}.photo-pair figcaption span:first-child{font-size:8px;display:block;margin-bottom:7px;letter-spacing:.04em}.experience{padding:65px 6%}.experience-intro{display:block;margin-bottom:28px}.experience-intro .eyebrow{font-size:10px;margin-bottom:24px}.experience-intro h2{font-size:42px;line-height:1.05}.experience-intro>p:last-child{font-size:14px;margin-top:22px}.intro-link{display:none}.demo-layout{display:flex;flex-direction:column-reverse;gap:38px}.phone-sticky{position:relative;top:0;max-width:100%;padding:15px 0}.phone{width:310px;height:637px;transform:none}.phone-side-label{display:none}.demo-caption{margin-top:24px}.demo-disclaimer{font-size:10px}.story-column{display:grid;grid-template-columns:1fr 1fr;gap:25px}.story-step{padding:25px 0;min-height:0;opacity:1;border-top:1px solid #8494a640}.story-step .chapter{font-size:8px;margin-bottom:20px}.story-step h3{font-size:29px;line-height:1.08}.story-step>p:not(.chapter){font-size:12px;line-height:1.75;margin-top:16px}.text-action{font-size:11px;gap:13px;margin-top:15px;padding-top:10px;line-height:1.5}.step-footnote{display:none}.swipe-card{height:330px}.world-section{padding:65px 6% 50px;display:flex;flex-direction:column;align-items:start;gap:15px}.world-copy .eyebrow{font-size:9px;margin-bottom:26px}.world-copy h2{font-size:52px}.world-copy>p:not(.eyebrow){font-size:14px}.globe-stage{height:360px;max-width:450px;align-self:center}.widget-section{display:flex;flex-direction:column-reverse;padding:70px 6%;gap:35px;align-items:stretch}.widget-copy .eyebrow{font-size:9px;margin-bottom:23px}.widget-copy h2{font-size:51px}.widget-copy>p:not(.eyebrow){font-size:14px;max-width:320px}.widget-scene{height:380px;min-height:380px}.privacy-section{padding:20px 6% 70px}.privacy-top{display:block}.privacy-top .eyebrow{font-size:9px;margin-bottom:23px}.privacy-top h2{font-size:51px}.privacy-top>p:last-child{font-size:14px;margin-top:24px;max-width:330px}.privacy-details{display:block;margin-top:30px;padding:0}.privacy-details>div{padding:23px 0;border-bottom:1px solid var(--line)}.privacy-details span{float:right}.privacy-details h3{margin:0 0 12px;font-size:20px}.privacy-details p{max-width:330px}.privacy-section summary{font-size:11px}.closing{min-height:480px;padding:70px 6%}.closing>img{object-position:57% center}.closing h2{font-size:61px}.closing .eyebrow{font-size:9px}.closing-status{font-size:10px}footer{padding:29px 6%;flex-wrap:wrap;gap:24px}footer>div{width:100%;justify-content:space-between;font-size:10px;gap:10px}footer>div button{font-size:10px}}
@media(max-width:370px){.hero h1{font-size:58px}.hero .eyebrow{font-size:8px}.hero-actions{gap:12px}.release-note{font-size:9px}.phone{width:286px;max-width:100%;height:610px}.swipe-card{height:305px}.story-column{gap:17px}.story-step h3{font-size:26px}.experience-intro h2{font-size:37px}.editorial-intro h2{font-size:33px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.hero-photo{transform:none!important}}
@media(max-width:800px){.phone-shadow{left:0;right:0}}

/* Product-led photo hero. One quiet device, with the same Plan as the live demo. */
.hero-copy{max-width:58%}.hero h1{font-size:clamp(78px,8.1vw,125px)}
.hero-preview{--preview-scale:.82;position:absolute;right:9%;bottom:112px;width:calc(326px * var(--preview-scale));height:calc(670px * var(--preview-scale));transform:translateY(var(--device-shift,0px)) rotate(5deg);transform-origin:50% 70%;animation:device-arrive 1.3s var(--ease) both}
.hero-device{width:326px;height:670px;transform:scale(var(--preview-scale));transform-origin:top left;pointer-events:none}
.hero-device .phone{width:326px;height:670px;border-radius:52px;padding:8px;transform:none;box-shadow:0 0 0 1px #e2e4e8,0 0 0 3px #49515b,22px 35px 65px #020a1375}
.hero-device .phone-screen{border-radius:44px;background:linear-gradient(135deg,#252631,#111219 45%,#0c0d11)}
.hero-device .phone-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(121deg,#eaf3ff13,transparent 28%,transparent 55%,#cbd6ff07 65%,transparent 80%);pointer-events:none;border-radius:inherit}
.hero-device .app-content{overflow:hidden}.hero-device .app-view{animation:none;padding:10px 18px}.hero-device .app-date h3{font-size:27px}.hero-device .week-strip{margin-top:24px}.hero-device .timeline-row{min-height:70px}.hero-device .event strong{font-size:14px}.hero-device .event small{font-size:11px}.hero-device .timeline-time{font-size:10px}.hero-device .day-route{font-size:12px}
.hero-preview figcaption{display:flex;justify-content:space-between;gap:16px;margin-top:19px;font-size:8px;letter-spacing:.08em;color:#f1f3f4;white-space:nowrap;text-shadow:0 1px 8px #111a}
.hero-preview figcaption span{color:#e6e9eb99}
@keyframes device-arrive{from{opacity:0;translate:0 28px}to{opacity:1;translate:0 0}}
/* The frame stays still. Only the app surface changes, in scroll direction. */
.story-step{min-height:82svh;padding-top:25svh;transition:opacity .45s var(--ease)}
.story-step:last-child{min-height:100svh}
.phone-sticky{padding-top:5px;top:24px;--chapter-rgb:140,151,184}
.phone-sticky[data-chapter=discover]{--chapter-rgb:139,162,155}.phone-sticky[data-chapter=map]{--chapter-rgb:124,150,173}.phone-sticky[data-chapter=passport]{--chapter-rgb:147,136,184}
.phone-shadow{inset:20% -8% 0;background:radial-gradient(ellipse,rgba(var(--chapter-rgb),.22),transparent 67%);transition:background .7s ease}
.story-position{max-width:326px;margin:0 auto 20px;display:flex;align-items:center;gap:13px;color:#5a6b78;font-size:11px;font-variant-numeric:tabular-nums}
#story-number{color:#233a4a}#story-name{min-width:58px}.story-rule{height:1px;background:#73869430;flex:1;overflow:hidden}.story-rule i{display:block;height:1px;background:#4b6172;transform:scaleX(.25);transform-origin:left;transition:transform .65s var(--ease)}
.mobile-story-title{display:none}
.screen-outgoing{position:absolute!important;left:0;right:0;z-index:2;flex:none;background:#0c0d11;pointer-events:none;overflow:hidden!important}
.screen-outgoing .app-view{animation:none}.app-view{animation:none}
#follow-story{color:#2b485e}#follow-story[hidden]{display:none}
.demo-caption{gap:0;flex-wrap:wrap;min-height:25px}.demo-caption button{margin-left:12px}.demo-caption:has(#follow-story:not([hidden])) #reset-demo{display:none}
.paused .hero-preview{animation:none}.reduced .hero-preview{transform:rotate(5deg)}
@media(min-width:801px) and (max-height:850px){.hero-preview{--preview-scale:.75;bottom:105px}.phone-sticky{top:10px}.story-position{max-width:286px;margin-bottom:14px}.demo-caption{margin-top:18px}}
@media(min-width:801px) and (max-width:1100px){.hero h1{font-size:78px}.hero-preview{right:7%;--preview-scale:.72}.hero-description{font-size:15px}.hero-actions{gap:18px}}
@media(max-width:800px){
 .hero{height:850px;min-height:100svh;max-height:none;align-items:flex-start;padding-top:140px}
 .hero-copy{max-width:85%}.hero h1{font-size:76px}.hero-description{position:absolute;bottom:245px;left:6%;max-width:190px;font-size:14px}.hero-description br{display:none}.hero-actions{position:absolute;bottom:127px;left:6%;display:block}.hero-actions .release-note{display:block;margin-top:14px}
 .hero-preview{--preview-scale:.69;right:7%;bottom:120px}.hero:after{background:linear-gradient(90deg,#11192165,transparent 90%),linear-gradient(180deg,#11192155,transparent 45%,#11171b9c)}
 .demo-layout{display:grid;grid-template-columns:1fr;gap:0;align-items:start}.story-column,.phone-sticky{grid-area:1/1}.story-column{display:block}.story-step{min-height:90svh;border:0;max-width:none;padding:0;opacity:0!important;visibility:hidden}.story-step:last-child{min-height:110svh}
 .phone-sticky{position:sticky;top:20px;max-width:100%;padding:0 0 10px;--demo-scale:.82}
 .phone-stage{width:calc(326px * var(--demo-scale));height:calc(670px * var(--demo-scale));margin:0 auto}
 .phone-sticky .phone{width:326px;height:670px;max-width:none;transform:scale(var(--demo-scale));transform-origin:top left;border-radius:52px}
 .phone-sticky .phone-screen{border-radius:44px}.phone-shadow{inset:10% -30px -25px}
 .story-position{max-width:290px;margin:0 auto 12px}.mobile-story-title{display:block;font-size:26px;text-align:center;margin-bottom:21px;letter-spacing:-.045em;line-height:1.1}
 .demo-caption{margin-top:18px;font-size:11px}.demo-disclaimer{font-size:9px}.phone-sticky .app-view{padding-left:18px;padding-right:18px}
}
@media(max-width:500px){
 .hero{height:830px;padding-top:130px}.hero h1{font-size:68px}.hero .eyebrow{font-size:8px;max-width:none;letter-spacing:.09em;margin-bottom:19px}
 .hero-preview{--preview-scale:.56;right:7%;bottom:115px}.hero-preview figcaption{font-size:7px;letter-spacing:.02em;margin-top:16px}.hero-preview figcaption span{display:none}
 .hero-description{bottom:260px;max-width:135px;font-size:13px;line-height:1.7}.hero-actions{bottom:135px}.hero-actions .button{min-height:45px;padding:0 13px;font-size:11px;gap:11px}.hero-actions .release-note{font-size:9px;max-width:135px}
 .hero-photo{object-position:54% 50%}.hero-copy{max-width:100%}
}
@media(max-width:370px){.hero h1{font-size:61px}.hero-preview{--preview-scale:.52;right:6%}.hero-description{max-width:125px}.demo-caption button{margin-left:8px}}
.hero-preview figcaption{position:absolute;top:100%;left:0;right:0}
@media(max-width:800px){.phone-sticky{--demo-scale:.82}}
@media(max-width:800px) and (max-height:760px){.phone-sticky{--demo-scale:.72}}
@media(max-width:800px) and (max-height:660px){.phone-sticky{--demo-scale:.59}}

.paused .story-rule i,.paused .phone-shadow{transition:none}
@media(max-width:800px){.hero-copy{animation:none;transform:none}}

/* Native app captures, kept whole: source labels and the real four-tab UI stay visible. */
.hero-preview{height:calc(700px * var(--preview-scale));bottom:126px}
.hero-device{height:700px;pointer-events:auto}
.hero-device .hero-native-phone{height:700px;padding:7px;border-radius:51px}
.native-capture{display:block;position:relative;width:100%;height:100%;padding:0;border-radius:44px;overflow:hidden;background:#090b11;text-align:left;color:#fff}
.native-capture:focus-visible{outline-offset:-4px;outline:3px solid #d4d5ff}
.native-screen{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:translateY(7px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.native-screen.is-visible{opacity:1;transform:none}
.hero-native-phone .island{z-index:2;top:11px;width:93px;height:26px;pointer-events:none}
.hero-preview figcaption{margin-top:18px;align-items:center;font-size:8px}
.hero-screen-switch{display:flex;gap:18px;align-items:center}
.hero-screen-switch button{font-size:12px;letter-spacing:0;padding:7px 0;border-bottom:1px solid transparent;color:#ffffff9c;min-height:32px}
.hero-screen-switch button[aria-pressed=true]{color:#fff;border-color:#fff}
.hero-preview figcaption>span{font-size:7px;letter-spacing:.08em}
.paused .native-screen,.reduced .native-screen{transition:none}
/* Discover follows the native hierarchy: date, large preview, place, visit, clear actions. */
.discover-native{padding:8px 16px 12px}
.discover-native .discover-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}
.discover-date{font-size:14px;font-weight:550;padding:9px 0;display:flex;gap:10px;align-items:center}
.discover-date span{font-weight:400;color:#b0adbd}
.discover-native .discover-filter{width:34px;height:34px;display:grid;place-items:center;border:1px solid #ffffff20;background:#ffffff07;border-radius:50%;padding:8px}
.discover-filter svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;fill:none}
.swipe-deck{position:relative;isolation:isolate;margin-bottom:17px}
.next-card-edge{position:absolute;inset:5px 9px -7px;border:1px solid #ffffff25;border-radius:23px;background:#14151e;z-index:-1}
.discover-native .swipe-card{height:auto;min-height:0;border:1px solid #ffffff27;border-radius:23px;overflow:hidden;background:linear-gradient(140deg,#20212b,#14151e);touch-action:pan-y;cursor:grab;transition:transform .2s var(--ease)}
.discover-native .swipe-card:after{display:none}
.discover-native .swipe-image{height:225px;position:relative;overflow:hidden}
.discover-native .swipe-image img{width:100%;height:100%;object-fit:cover;opacity:1}
.discover-native .swipe-preview{top:auto;bottom:11px;left:11px;border:1px solid #ffffff20;background:#171922c9;backdrop-filter:blur(10px);padding:7px 10px;border-radius:20px;font-size:9px;letter-spacing:0;color:#f1effb}
.discover-native .swipe-info{position:static;padding:15px 16px 16px}
.discover-native .swipe-info>span{font-size:10px;color:#a2a4b3}
.discover-native .swipe-info h3{font-size:24px;line-height:1.1;margin:10px 0 8px;letter-spacing:-.04em}
.discover-native .swipe-info p{font-size:12px;color:#acaebd;line-height:1.5}
.discover-native .swipe-info small{display:block;margin-top:15px;font-size:10px;color:#aaadbd}
.discover-native .swipe-feedback{font-size:15px;top:24px;left:18px;transform:rotate(-9deg);color:#e7e2ff;background:#151622ba;backdrop-filter:blur(10px);border:1px solid #ded6ff60;border-radius:10px;padding:13px}
.discover-native .swipe-controls{display:flex;gap:10px;margin:0 0 12px}
.discover-native .swipe-controls .undo{width:25px;height:43px;flex-shrink:0;color:#b1adbf}
.discover-native .swipe-controls .skip-place{width:43px;height:43px;border-radius:14px;background:linear-gradient(130deg,#ffffff0d,#ffffff02);flex-shrink:0}
.discover-native .swipe-controls .keep{width:auto;flex:1;height:43px;border-radius:14px;background:#eeecf8;color:#181921;font-size:19px;display:flex;align-items:center;justify-content:center;gap:4px}
.discover-native .swipe-controls .keep span{font-size:12px;font-weight:600}
.discover-native>.center{font-size:10px;color:#9da1b2}
@media(min-width:801px) and (max-height:850px){.hero-preview{bottom:120px;--preview-scale:.72}.discover-native .swipe-image{height:177px}.discover-native .swipe-info{padding:12px 13px}.discover-native .swipe-info h3{font-size:21px}.discover-native .swipe-info small{margin-top:11px}.discover-native .discover-header{margin-bottom:12px}}
@media(max-width:800px){.hero-preview{bottom:132px}.hero-screen-switch{gap:16px}.hero-preview figcaption>span{display:none}.discover-native .swipe-image{height:225px}}
@media(max-width:500px){.hero-preview{bottom:125px}.hero-screen-switch button{font-size:11px;padding:7px 0}.hero-preview figcaption{margin-top:13px}.hero-actions .button{font-size:11px}}

/* Show the change a person makes, not only the atmosphere around the app. */
.hero-description{max-width:440px}
.hero-preview{bottom:151px}
.hero-preview figcaption{display:flex;flex-wrap:wrap;gap:6px 16px}
.hero-preview figcaption #hero-scene-caption{flex-basis:100%;font-size:11px;letter-spacing:0;color:#fff;line-height:1.5;white-space:normal;text-shadow:0 1px 8px #0009}
.day-spread{display:grid;grid-template-columns:.75fr 1.25fr;gap:6%;margin-top:58px;align-items:start}
.day-photo{padding-top:65px}
.day-photo .photo-window{aspect-ratio:.78}
.day-photo img{height:100%;width:100%;object-fit:cover;object-position:center 55%}
.day-photo figcaption{padding-top:22px}
.day-photo figcaption>span,.walk-proof-heading>span{font-size:10px;letter-spacing:.08em;color:#606b70}
.day-photo figcaption p{margin-top:12px;font-size:24px;letter-spacing:-.035em}
.walk-proof{min-width:0}
.walk-art{position:relative;background:#181c2c;overflow:hidden;isolation:isolate}
#walk-proof-map{width:100%;height:auto;display:block}
.walk-art-label{position:absolute;top:22px;left:24px;font-size:10px;letter-spacing:.15em;color:#fff;background:#1116248c;padding:9px 12px;border:1px solid #ffffff20;border-radius:2px;backdrop-filter:blur(12px)}
.walk-art-credit{position:absolute;bottom:11px;right:13px;color:#f5f4fb;font-size:8px;text-shadow:0 1px 4px #000;background:#12172890;padding:3px 5px}
.walk-proof figcaption{padding-top:22px}
.walk-proof-heading h3{font-size:29px;line-height:1.1;letter-spacing:-.045em;margin:12px 0 25px}
.walk-proof label{display:flex;justify-content:space-between;font-size:12px;color:#374b58;cursor:ew-resize}
#walk-progress{appearance:none;-webkit-appearance:none;display:block;width:100%;height:38px;margin:7px 0 0;background:transparent;cursor:ew-resize;touch-action:pan-y;outline-offset:2px}
#walk-progress::-webkit-slider-runnable-track{height:3px;background:linear-gradient(90deg,#64738f var(--walk-progress,36%),#c7ccd1 var(--walk-progress,36%));border-radius:2px}
#walk-progress::-moz-range-track{height:3px;background:#c7ccd1;border-radius:2px}
#walk-progress::-moz-range-progress{height:3px;background:#64738f}
#walk-progress::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#f7f7fb;border:1px solid #a1a7b5;box-shadow:0 2px 5px #18233722,inset 0 0 0 7px #fff;margin-top:-10px}
#walk-progress::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#f7f7fb;border:1px solid #a1a7b5;box-shadow:0 2px 5px #18233722,inset 0 0 0 7px #fff}
.walk-range-labels{display:flex;justify-content:space-between;font-size:10px;color:#69747a}
#walk-sample-note{font-size:11px;line-height:1.65;color:#737b7f;margin-top:17px;max-width:410px}
.day-principle{font-size:14px;line-height:1.7;color:#59656d;border-top:1px solid var(--line);padding-top:24px;margin-top:50px}
.experience-intro h2{font-size:clamp(37px,4.1vw,61px)}
@media(min-width:801px) and (max-width:1100px){.hero-actions{gap:14px}.hero-actions .button{gap:25px}.hero-description{max-width:375px;font-size:15px}}
@media(max-width:800px){.day-spread{grid-template-columns:.7fr 1.3fr;gap:24px;margin-top:35px}.day-photo{padding-top:65px}.day-photo figcaption>span,.walk-proof-heading>span{font-size:8px;line-height:1.7;display:block}.day-photo figcaption p{font-size:20px}.walk-proof-heading h3{font-size:24px}.walk-art-label{font-size:8px;top:15px;left:15px}.walk-art-credit{font-size:7px}.walk-proof label{font-size:11px}.day-principle{font-size:13px;margin-top:33px}.hero-description{max-width:190px}.hero-preview figcaption #hero-scene-caption{font-size:10px}}
@media(max-width:500px){
 .hero-description{max-width:141px;font-size:14px;bottom:260px}.hero-actions .button{max-width:145px;line-height:1.4;text-align:left;padding:0 12px;gap:8px}.hero-actions .button span{font-size:15px}.hero-preview{bottom:142px}.hero-preview figcaption #hero-scene-caption{font-size:10px;max-width:175px}
 .editorial-intro h2{font-size:34px}.day-spread{display:flex;flex-direction:column;gap:28px}.day-photo{padding:0;display:grid;grid-template-columns:100px 1fr;gap:20px;align-items:center;width:100%}.day-photo .photo-window{aspect-ratio:.9}.day-photo figcaption{padding:0}.day-photo figcaption p{font-size:21px;max-width:190px}.walk-proof{width:100%}.walk-proof-heading>span{font-size:9px}.walk-proof-heading h3{font-size:27px}.walk-proof label{font-size:12px}.walk-range-labels{font-size:10px}#walk-sample-note{font-size:11px}.experience-intro h2{font-size:38px}
}

/* One continuous day: shared baselines, full-size photography, a living route. */
.day-editorial{max-width:1440px;margin:auto;padding:88px 6% 74px;--day-progress:.36}
.day-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:end;margin-bottom:44px}
.day-intro .eyebrow{color:#68716b;margin-bottom:22px;font-size:11px}
.day-intro h2{font-size:clamp(38px,4.5vw,65px);line-height:1.04;letter-spacing:-.055em;text-wrap:balance}
.day-intro>p{font-size:16px;line-height:1.75;max-width:310px;justify-self:end;color:#626a65}
.day-sequence{padding:0 0 28px;margin:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;border-top:1px solid #bec6bc;position:relative}
.day-sequence:before{content:'';position:absolute;top:-1px;left:0;width:100%;height:2px;background:#506e5c;transform:scaleX(var(--day-progress));transform-origin:left}
.day-sequence li{position:relative;padding-top:21px;display:grid;grid-template-columns:48px 1fr;gap:5px 12px}
.day-sequence li:before{content:'';position:absolute;top:-4px;width:7px;height:7px;background:#f5f3ef;border:1px solid #728772;border-radius:50%}
.day-sequence time{font-size:12px;line-height:1.7;color:#68746b;font-variant-numeric:tabular-nums}
.day-sequence span{font-size:16px;letter-spacing:-.025em}
.day-sequence small{grid-column:2;font-size:12px;color:#6f786f}
.day-spread{display:grid;grid-template-columns:1.1fr 1fr;gap:12px;margin:0;align-items:start}
.day-photo{display:block;position:relative;padding:0;min-width:0;height:clamp(380px,44vw,570px);overflow:hidden;background:#2b322c}
.day-photo .photo-window{height:100%;aspect-ratio:auto}
.day-photo img{object-position:center 47%;transform:scale(var(--day-photo-scale,1.04));transition:none}
.day-photo:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#0c1613aa);pointer-events:none}
.day-photo figcaption{position:absolute;bottom:30px;left:30px;right:25px;z-index:1;padding:0;color:#fff}
.day-photo figcaption>span{color:#e3e8e1;font-size:10px;letter-spacing:.11em}
.day-photo figcaption p{font-size:clamp(30px,3vw,44px);line-height:1.05;margin-top:13px;letter-spacing:-.04em;max-width:none}
.walk-art{height:clamp(380px,44vw,570px);background:#171d29}
#walk-proof-map{height:100%;width:100%;object-fit:cover}
.walk-art:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#121723e8);pointer-events:none}
.walk-art-label{top:23px;left:24px;padding:0;border:0;background:none;backdrop-filter:none;font-size:10px;color:#f3f5f7}
.walk-art-caption{position:absolute;left:27px;bottom:43px;right:20px;z-index:1;color:#fff}
.walk-art-caption>span{font-size:10px;letter-spacing:.12em;color:#e0e4ec}
.walk-art-caption h3{font-size:clamp(27px,2.8vw,40px);line-height:1.06;letter-spacing:-.045em;margin-top:13px}
.walk-art-credit{z-index:2;bottom:9px;right:12px;font-size:9px;padding:4px 6px}
.walk-proof figcaption{padding-top:18px;display:flex;align-items:center;gap:20px}
.walk-proof label{font-size:12px;white-space:nowrap;color:#4c5e53;gap:15px}
#walk-progress{min-width:0;margin:0;height:32px}
.day-end{display:flex;justify-content:space-between;align-items:start;gap:32px;margin-top:25px;padding-top:22px;border-top:1px solid #ccd0c8}
#walk-sample-note{font-size:12px;color:#70786e;line-height:1.65;max-width:490px;margin:0}
.day-end>a{display:flex;gap:28px;align-items:center;font-size:14px;white-space:nowrap;border-bottom:1px solid #8b9788;padding:5px 0 8px}
.story-step h3{transform:translateY(10px);transition:transform .7s var(--ease)}
.story-step.active h3{transform:none}
.widget-wallpaper{transform:scale(1.08) translateY(var(--scene-shift,0px))}
.closing>img{transform:scale(1.06) translateY(var(--scene-shift,0px))}
.reduced .day-photo img,.reduced .widget-wallpaper,.reduced .closing>img{transform:none!important}
.paused .story-step h3,.reduced .story-step h3{transform:none;transition:none}
@media(max-width:800px){
 .day-editorial{padding:62px 6% 52px}.day-intro{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.day-intro h2{font-size:44px}.day-intro>p{justify-self:start;font-size:15px;max-width:440px}.day-intro>p br{display:none}.day-intro .eyebrow{font-size:10px;margin-bottom:19px}
 .day-sequence{gap:12px;padding-bottom:25px}.day-sequence li{display:flex;flex-direction:column;gap:8px;padding-top:17px}.day-sequence span{font-size:14px;line-height:1.3}.day-sequence small{font-size:11px}.day-sequence time{font-size:11px}
 .day-spread{gap:10px;grid-template-columns:1fr 1fr}.day-photo,.walk-art{height:360px}.day-photo figcaption{left:20px;bottom:24px}.day-photo figcaption p{font-size:31px}.walk-art-caption{left:20px;bottom:42px}.walk-art-caption h3{font-size:29px}.walk-art-label{top:18px;left:18px;font-size:9px}
 .walk-proof figcaption{display:block;padding-top:15px}.walk-proof label{justify-content:space-between;font-size:12px}.day-end{margin-top:16px;gap:26px}.day-end>a{white-space:normal;line-height:1.4;min-width:130px}.story-step h3{transform:none}
}
@media(max-width:500px){
 .day-intro h2{font-size:37px}.day-spread{display:grid;grid-template-columns:1fr;gap:12px}.day-photo{height:260px;width:100%}.day-photo img{object-position:center 43%}.day-photo figcaption p{font-size:33px}.walk-art{height:330px}.walk-art-caption h3{font-size:31px}.walk-proof figcaption{display:flex;gap:20px}.day-end{display:block;margin-top:20px;padding-top:20px}.day-end>a{width:max-content;margin-top:18px}.day-photo figcaption>span{font-size:10px}
}

/* Original app symbols, without extra panels or looping decoration. */
.product-glyph{width:24px;height:24px;flex:none}
.story-step .chapter-icon{width:44px;height:44px;color:#4a626e;margin-bottom:22px;stroke-width:1.35}
.story-step[data-step=discover] .chapter-icon{color:#4a7064}
.story-step[data-step=passport] .chapter-icon{color:#706682}
.privacy-details .trust-icon{width:42px;height:42px;color:#465d51;stroke-width:1.35;margin-bottom:25px}
.privacy-details h3{font-size:22px;line-height:1.2;margin:0 0 14px}
.privacy-details p{font-size:15px;line-height:1.7;color:#5c666b}
.trust-link{display:flex;align-items:center;gap:9px;margin-top:28px;color:#455d50;font-size:14px}
.trust-link .product-glyph{width:17px;height:17px}
.trust-link a{padding:5px 0;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#455d5055}
.trust-link a span{margin-left:12px}
.privacy-section summary{font-size:14px}.privacy-section details p{font-size:14px;line-height:1.8}.privacy-section details a{text-decoration:underline;text-underline-offset:3px}.privacy-section details strong{font-weight:600;color:#344349}
@media(max-width:800px){.story-step .chapter-icon{width:32px;height:32px;margin-bottom:18px}.privacy-details>div{display:grid;grid-template-columns:34px 1fr;gap:0 20px;padding:27px 0}.privacy-details .trust-icon{width:30px;height:30px;grid-row:1/3;margin:0}.privacy-details h3{font-size:21px;margin:0 0 10px}.privacy-details p{font-size:15px;grid-column:2;max-width:100%}.privacy-section summary{font-size:14px}.trust-link{margin-top:24px}}
/* Native terrain captures: the actual renderer is the visual source of truth. */
#map-styles{scroll-margin-top:30px}
.native-terrain-art>img{width:100%;height:100%;object-fit:cover;object-position:center 50%;display:block}
.native-terrain-art .walk-art-label{padding:7px 10px;background:#09111bc9;max-width:calc(100% - 40px);border-radius:2px;line-height:1.5}
.walk-proof figcaption{display:block;padding-top:9px}
.terrain-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:15px 12px;padding-top:7px}
.terrain-picker button{padding:0 0 9px;text-align:left;border-bottom:1px solid #a8b2a766;color:#6a726b;min-width:0;font-size:13px;min-height:44px;transition:color .2s,border-color .2s}
.terrain-thumbnail{display:block;aspect-ratio:1.4;overflow:hidden;border-radius:5px;background:#10151f;margin-bottom:9px;outline:1px solid #10201a18;outline-offset:2px;transition:outline-color .2s}
.terrain-thumbnail img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%;pointer-events:none}
.terrain-picker button[aria-pressed=true] .terrain-thumbnail{outline:2px solid #254735}
.terrain-picker button:hover .terrain-thumbnail{outline-color:#254735}
.terrain-picker button:hover,.terrain-picker button[aria-pressed=true]{color:#193b2b;border-color:#254735}
.terrain-picker button[aria-pressed=true]{box-shadow:0 1px #254735;font-weight:600}
.terrain-caption{font-size:12px;line-height:1.6;color:#637162;margin-top:13px;min-height:20px}
.native-walk-link{display:flex;align-items:center;gap:20px;font-size:13px;color:#334f40;padding:12px 0 4px}
.native-walk-dialog{border:1px solid #ffffff30;padding:20px;background:#10131b;color:#f4f3fa;border-radius:22px;width:min(440px,92vw);max-height:94dvh;overflow:auto;margin:auto}
.native-walk-dialog::backdrop{background:#10131be8;backdrop-filter:blur(12px)}
.native-walk-dialog form{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.native-walk-dialog h2{font-size:21px;letter-spacing:-.03em;font-weight:500}
.native-walk-dialog form button{font-size:27px;width:40px;height:40px}
.native-walk-dialog video{width:100%;height:70dvh;object-fit:contain;background:#070b14;display:block}
.native-walk-dialog p{font-size:11px;color:#a4aab9;margin-top:14px;line-height:1.5}
@media(max-width:500px){.terrain-picker{gap:14px 10px}.terrain-picker button{font-size:14px}.terrain-caption{font-size:12px}}

.home-widget .widget-brand{display:flex;align-items:center;justify-content:space-between}.home-widget .widget-brand>span{font-size:25px}.home-widget .widget-brand small{font-size:13px;letter-spacing:0;color:#a4a5b5}.home-widget strong{margin-top:36px}.home-widget .widget-place{margin-top:36px}

/* Public native movement examples: visible evidence, with controls outside app screens. */
.terrain-viewport{position:absolute;inset:0;overflow:hidden;cursor:grab;touch-action:pan-y;user-select:none}
.terrain-viewport.dragging{cursor:grabbing}
.terrain-viewport img{width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;max-width:none}
.native-terrain-art .walk-art-caption,.native-terrain-art .walk-art-label{pointer-events:none}
.terrain-camera{position:absolute;right:14px;top:16px;z-index:3;display:flex;flex-direction:column;gap:7px}
.terrain-camera button{width:37px;height:37px;border:1px solid #ffffff45;background:#121b27db;backdrop-filter:blur(12px);color:#fff;border-radius:50%;font-size:21px;display:grid;place-items:center}
.terrain-camera button:disabled{opacity:.4}
.native-terrain-art .walk-art-label{max-width:calc(100% - 85px)}
.movement-section{background:#0d121c;color:#eff0f6;padding:74px max(6%,calc((100% - 1268px)/2)) 35px;scroll-margin-top:0}
.movement-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:end;margin-bottom:45px}
.movement-heading .eyebrow{font-size:11px;color:#abaec2;margin-bottom:21px}
.movement-heading h2{font-size:clamp(37px,4.5vw,62px);line-height:1.05;letter-spacing:-.055em}
.movement-heading>p{font-size:16px;line-height:1.75;color:#a8afbe;max-width:300px;justify-self:end}
.movement-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5%;align-items:start}
.movement-example{min-width:0}
.movement-example figcaption{min-height:115px}
.movement-example figcaption>span{color:#969fb1;font-size:10px;letter-spacing:.13em}
.movement-example h3{font-size:23px;line-height:1.15;margin:10px 0 9px;letter-spacing:-.035em}
.movement-example figcaption p{color:#a8afbe;font-size:13px;line-height:1.6;max-width:250px}
.native-example-phone{display:block;position:relative;width:100%;max-width:278px;margin:0 auto;padding:5px;border-radius:36px;background:linear-gradient(135deg,#8e96a644,#171e29,#6b768b55);border:1px solid #727e9666;box-shadow:0 12px 25px #0002;overflow:hidden;line-height:0}
.native-example-phone img,.native-example-phone video{display:block;width:100%;height:auto;aspect-ratio:1206/2622;object-fit:contain;background:#080b11;border-radius:30px}
.native-example-phone [hidden]{display:none!important}
.example-expand{position:absolute;bottom:22px;right:16px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#dce2ff;color:#142032;font-size:19px;line-height:1;box-shadow:0 3px 12px #0004}
.movement-detail{font-size:12px;line-height:1.65;color:#9fa9bb;margin-top:17px}
.movement-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px;flex-wrap:wrap}
.walk-state-switch{display:flex;gap:12px}
.walk-state-switch button{font-size:12px;color:#8d9ab0;padding:10px 0;border-bottom:1px solid transparent}
.walk-state-switch button[aria-pressed=true]{color:#e5ddff;border-color:#c9b5f4}
.movement-play{min-height:40px;border:1px solid #e1dafa50;border-radius:22px;padding:8px 12px;color:#e1dafa;font-size:12px;background:#c1b3e50b}
.movement-play.selected{background:#c1b3e521}
.movement-pan{font-size:12px;color:#aab6ce;display:flex;justify-content:space-between;gap:12px;padding:12px 0;min-height:42px;width:100%;border-bottom:1px solid #ffffff18}
.movement-pan.selected{color:#eee7ff}
.movement-note{font-size:11px;line-height:1.7;color:#8692a7;border-top:1px solid #ffffff1c;margin-top:30px;padding-top:20px}
.native-example-dialog{margin:auto;padding:18px;border:1px solid #ffffff40;border-radius:23px;background:#0d121c;color:#fff;width:min(440px,94vw);max-height:96dvh;overflow:auto}
.native-example-dialog::backdrop{background:#0a0f19e8;backdrop-filter:blur(10px)}
.native-example-dialog form{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.native-example-dialog h2{font-size:21px;letter-spacing:-.035em}.native-example-dialog form button{width:40px;height:40px;font-size:27px}
.native-example-dialog>img{width:100%;height:75dvh;object-fit:contain;display:block}
.native-example-dialog>p{font-size:11px;color:#9aa7bd;margin:13px 0 0}
@media(max-width:800px){.movement-section{padding:58px 6% 30px}.movement-heading{grid-template-columns:1fr;gap:20px;margin-bottom:35px}.movement-heading>p{justify-self:start;max-width:450px;font-size:15px}.movement-examples{gap:3%}.movement-example h3{font-size:20px}.movement-example figcaption{min-height:135px}.native-example-phone{padding:3px;border-radius:27px}.native-example-phone img,.native-example-phone video{border-radius:24px}.movement-controls{gap:4px}.movement-play{font-size:11px}.movement-example figcaption p{font-size:12px}}
@media(max-width:560px){.movement-examples{grid-template-columns:1fr 1fr;gap:33px 18px}.walking-example{grid-column:1/-1;grid-row:1;width:100%}.walking-example .native-example-phone{max-width:278px}.walking-example figcaption{min-height:0;margin-bottom:22px;text-align:center}.walking-example figcaption p{max-width:none}.walking-example .movement-controls,.walking-example .movement-pan,.walking-example .movement-detail{max-width:278px;margin-left:auto;margin-right:auto}.movement-example figcaption{min-height:125px}.movement-example h3{font-size:21px}.movement-example figcaption p{font-size:12px}.movement-detail{font-size:11px}.native-example-phone{border-radius:24px;padding:3px}.native-example-phone img{border-radius:20px}.walking-example .native-example-phone{border-radius:34px;padding:5px}.walking-example .native-example-phone img,.walking-example .native-example-phone video{border-radius:28px}.movement-heading h2{font-size:42px}.example-expand{width:27px;height:27px;font-size:16px;bottom:14px;right:11px}.terrain-camera button{width:38px;height:38px}}