@import url("/atlas-fonts.css");
:root{
  color-scheme:dark;--ink:#080d16;--paper:#f2f1ed;--muted:#c0c8d4;--accent:#c5b2f0;--line:#ffffff20;
  --gutter:clamp(24px,6vw,104px);--radius:16px;--ease:cubic-bezier(.22,1,.36,1);
  --type-body:20px; --type-support:16px; --type-label:15px; --type-control:18px;
  font-family:var(--font-zh-rounded);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);isolation:isolate;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.3;cursor:default}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}
.wrap{width:calc(100% - var(--gutter)*2);max-width:1320px;margin-inline:auto}
/* A static celestial backdrop stays behind the globe, including its WebGL fallback. */
.world-background{position:fixed;inset:0;z-index:0;pointer-events:none;background:url("/assets/atlas-stars.svg") center / 1440px 1000px repeat}
.earth-stage{position:absolute;inset:0;width:100%;height:100%}
.earth-fallback{position:absolute;left:72%;top:50%;transform:translate(-50%,-50%);width:min(94vh,1050px);height:min(94vh,1050px);object-fit:contain;opacity:.65;mix-blend-mode:screen;transition:opacity .5s}
.earth-stage.is-ready .earth-fallback{opacity:0;pointer-events:none}
#earth-canvas{position:absolute;inset:0;pointer-events:auto}#earth-canvas canvas{display:block;width:100%;height:100%;cursor:grab}#earth-canvas canvas:active{cursor:grabbing}
.world-vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#080d16f5 0%,#080d16c2 32%,#080d162b 66%,#080d1615),linear-gradient(0deg,#080d1699,transparent 30%,transparent 78%,#080d1680)}
.nav,main,footer{position:relative;z-index:2;pointer-events:none}.nav a,.nav nav,main a,main button,footer a{pointer-events:auto}
.nav{height:100px;display:flex;align-items:center;gap:32px;border-bottom:1px solid #ffffff10}
.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:550;letter-spacing:.5px}.brand img{width:30px;height:30px;border-radius:9px}
.nav nav{display:flex;align-items:center;gap:28px;margin-left:auto;font-size:var(--type-control);color:#c0c6d0}.nav nav a{padding:16px 0;transition:color .2s}.nav nav a:hover{color:#fff}
.preview-badge{font-size:var(--type-label);color:#aeb6c5;letter-spacing:2px;text-transform:uppercase}
.nav-download{display:flex;align-items:center;gap:24px;min-height:44px;border:1px solid #ffffff30;border-radius:25px;font-size:var(--type-control);padding:0 20px;background:#ffffff06}
.hero{display:grid;grid-template-columns:47% 53%;align-items:center;min-height:calc(100svh - 100px);padding:48px 0 112px}
.hero-copy{position:relative;z-index:2;pointer-events:none}.hero-copy a,.hero-copy button{pointer-events:auto}
.eyebrow{font-size:var(--type-label);letter-spacing:2.5px;line-height:1.6;color:var(--accent);display:flex;align-items:center;gap:14px;margin:0}
.eyebrow:before{content:"";display:block;width:24px;height:1px;background:currentColor;opacity:.65}.eyebrow>span{display:none}
h1,h2{font-family:var(--font-zh-rounded);font-weight:750}
h1{font-size:clamp(44px,4.5vw,72px);line-height:1.36;letter-spacing:0;margin:30px 0 24px;white-space:nowrap}h1 span{color:var(--accent)}
.intro{font-size:clamp(20px,1.7vw,24px);line-height:1.8;letter-spacing:1px;color:var(--muted);margin:0}
.actions{display:flex;flex-wrap:wrap;gap:26px;align-items:center;margin-top:34px}.primary{display:inline-flex;align-items:center;gap:30px;min-height:50px;padding:0 23px;border-radius:28px;background:var(--paper);color:#19202b;font-size:var(--type-control);font-weight:550;transition:transform .25s var(--ease),background .2s}.primary:hover{transform:translateY(-2px);background:white}
.quiet-link{font-size:var(--type-control);color:#bdc4d0;padding:14px 0}.quiet-link span{margin-left:10px}
.privacy-hint{font-size:var(--type-support);color:#b2bece;margin-top:17px;letter-spacing:.3px}
.destinations{margin-top:40px;max-width:440px}.small-label{font-size:var(--type-label);letter-spacing:2px;color:#abb5c5}.destination-row{display:flex;margin-top:15px;border-top:1px solid var(--line);gap:12px}
.destination-row button{flex:1;min-width:0;overflow-wrap:anywhere;position:relative;min-height:70px;padding:16px 0 10px;text-align:left;background:none;border:0;border-top:1px solid transparent;margin-top:-1px;font-size:var(--type-control);color:#e4e7ed;transition:color .2s,border-color .2s}
.destination-row button span{display:block;margin-top:6px;font-size:var(--type-support);letter-spacing:0;color:#b2bece}.destination-row button:hover,.destination-row button[aria-pressed=true]{color:var(--accent);border-top-color:var(--accent)}
.earth-column{position:relative;align-self:stretch;pointer-events:none;min-height:340px}
.trip-card{position:absolute;right:0;bottom:6px;display:flex;align-items:center;gap:14px;width:290px;padding:12px;border-radius:14px;background:#111b28b3;border:1px solid #ffffff1a;backdrop-filter:blur(16px);pointer-events:auto}
.trip-image{width:52px;height:52px;flex-shrink:0;border-radius:7px;background-image:url('./assets/travel-editorial-grid.webp');background-size:300% auto;background-position:0 0}
.trip-card strong{display:block;margin-top:7px;font-size:var(--type-support);font-weight:500;letter-spacing:.4px}.trip-card p{font-size:var(--type-support);line-height:1.7;margin:5px 0 0;color:#a5afbe}.trip-card .small-label{font-size:var(--type-label);color:var(--accent)}.card-arrow{margin-left:auto;color:var(--accent)}
.earth-hud{position:fixed;inset:0;z-index:5;pointer-events:none}.earth-hud button{pointer-events:auto}
.earth-controls{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);display:flex;padding:4px;border:1px solid #ffffff1c;border-radius:28px;background:#111925be;backdrop-filter:blur(16px)}
.earth-controls button{display:grid;place-items:center;width:44px;min-height:44px;padding:0;border:0;background:none;border-radius:50%;color:#bcc5d2;transition:background .2s,color .2s}.earth-controls button:hover:not(:disabled){background:#ffffff12;color:#fff}.earth-controls button[aria-pressed=true]{color:var(--accent);background:#b3a0ed15}
.earth-controls svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.earth-caption{position:absolute;left:50%;bottom:85px;transform:translateX(-50%);display:flex;align-items:center;gap:7px;font-size:var(--type-support);line-height:1.5;color:#b2bdcb;padding:5px 10px;background:#080d1699;border-radius:20px;white-space:nowrap;max-width:calc(100% - 32px)}.live-dot{width:3px;height:3px;border-radius:50%;background:var(--accent)}
.enable-earth{position:absolute;right:24px;bottom:24px;min-height:44px;padding:0 18px;border-radius:25px;background:#202636e8;border:1px solid #b9afd344;font-size:var(--type-control);white-space:nowrap}.enable-earth span{margin-left:6px}
.location-label{position:absolute;left:0;top:0;min-height:44px;padding:0 15px;border-radius:25px;background:#101a27d9;border:1px solid #ffffff29;font-size:var(--type-control);letter-spacing:1px;backdrop-filter:blur(12px)}
body[data-chapter=content] .location-label,.journey-open .location-label{visibility:hidden}
.story{min-height:95svh;padding:100px 0 150px;display:flex;align-items:center}
.story-grid{display:grid;grid-template-columns:43% 57%;gap:0;align-items:center;pointer-events:auto;padding:44px;background:#0c1522d6;border:1px solid #ffffff14;border-radius:20px;backdrop-filter:blur(14px)}
h2{font-size:36px;line-height:1.55;letter-spacing:0;margin:26px 0 20px}.story p:not(.eyebrow){font-size:var(--type-body);line-height:1.95;color:var(--muted)}
.story-grid>img{width:100%;height:340px;object-fit:cover;border-radius:12px}.story-steps{display:flex;gap:30px;margin-top:36px;font-size:var(--type-support);color:#c5ccd6}.story-steps b{display:block;font-size:var(--type-support);font-weight:400;color:var(--accent);letter-spacing:2px;margin-bottom:10px}
.privacy-section{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:56px 0;margin-bottom:140px;border-top:1px solid #ffffff25;pointer-events:auto;background:linear-gradient(90deg,#080d16d9,#080d1680);border-bottom:1px solid #ffffff15}
.privacy-section h2{font-size:32px;margin-bottom:0}.privacy-section p:not(.eyebrow){color:var(--muted);font-size:var(--type-body);line-height:2.2}.privacy-section a{display:inline-block;min-height:44px;padding-top:15px;color:var(--accent);font-size:var(--type-support)}
footer{display:flex;justify-content:space-between;gap:24px;font-size:var(--type-support);color:#9aa5b5;line-height:1.7;margin-bottom:120px;padding:24px 0;border-top:1px solid #ffffff14}
.no-js{text-align:center;padding:18px;font-size:var(--type-support)}
/* Journey: quiet typography on the left, geographic memories on the right. */
.photo-leaders{position:fixed;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible}.photo-leaders line{stroke:#d8cdf1;stroke-width:.7;stroke-dasharray:2 6}
.journey-photos{position:fixed;right:7%;top:17%;width:43%;height:60%;z-index:4;pointer-events:none}
.journey-photos figure{position:absolute;margin:0;width:clamp(135px,13vw,196px);padding:0;background:#101b29;border:1px solid #ffffff38;border-radius:12px;box-shadow:0 12px 40px #0005;overflow:hidden}
.journey-photos figure:nth-child(1){left:2%;top:0}.journey-photos figure:nth-child(2){right:0;top:27%}.journey-photos figure:nth-child(3){left:14%;bottom:0}
.demo-photo{aspect-ratio:1.22;background-image:url('./assets/travel-editorial-grid.webp');background-size:300% auto;background-repeat:no-repeat;background-position-y:var(--photo-row,0%)}
.photo-one{background-position-x:0%}.photo-two{background-position-x:50%}.photo-three{background-position-x:100%}
.journey-photos figcaption{font-size:var(--type-support);letter-spacing:.8px;padding:12px 13px;color:#dfe5ed}
.journey-actions{display:none}.journey-open .journey-actions{display:flex;flex-direction:column;align-items:flex-start;gap:22px;margin-top:32px}
.journey-actions button{background:none;border:0;border-bottom:1px solid #ffffff35;padding:10px 0;min-height:44px;font-size:var(--type-control);color:#e3e6ef}.journey-actions span{font-size:var(--type-support);color:#9da9b9}
.journey-open .story{min-height:100svh;padding:100px 0 140px}.journey-open .story-grid{display:block;width:37%;max-width:470px;margin-left:var(--gutter);margin-right:auto;padding:0;background:none;border:0;border-radius:0;backdrop-filter:none;pointer-events:none}.journey-open .story-grid button{pointer-events:auto}
.journey-open .story-grid>img{display:none}.journey-open .story h2{font-size:clamp(30px,3.1vw,48px);line-height:1.5;max-width:410px;margin:30px 0 24px}.journey-open .hero .trip-card{visibility:hidden}
.journey-open .story .journey-route{font-size:var(--type-support);color:var(--accent);letter-spacing:1px;margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.journey-open .story-steps{display:none}
body[data-journey-visible=false] .journey-photos,body[data-journey-visible=false] .photo-leaders{visibility:hidden}body[data-journey-visible=false] .journey-photos figure{visibility:hidden!important}
@media(min-width:1600px){.journey-open .story-grid{margin-left:max(var(--gutter),calc((100vw - 1320px)/2))}}
@media(min-width:721px) and (max-width:1050px){:root{--gutter:32px}.nav{gap:20px}.nav nav{gap:16px;font-size:16px}.preview-badge{display:none}.hero{grid-template-columns:51% 49%}h1{font-size:46px}.actions{gap:16px}.primary{padding:0 18px;gap:18px}.intro{font-size:var(--type-body)}.trip-card{width:246px}.story-grid{padding:30px}.journey-open .story-grid{width:40%}.journey-open .story h2{font-size:32px}}
@media(max-width:720px){
 :root{--gutter:24px;--type-body:18px;--type-control:16px;--type-label:14px}.nav{height:82px;gap:12px}.brand{font-size:18px;gap:9px}.brand img{width:28px;height:28px}.nav nav{margin-left:auto}.nav nav>a,.nav-download{display:none}.preview-badge{font-size:var(--type-label);letter-spacing:1.6px}
 .hero{display:flex;flex-direction:column;align-items:stretch;min-height:calc(100svh - 82px);padding:35px 0 124px}.hero-copy{text-align:left}.eyebrow{font-size:var(--type-label);letter-spacing:2px}
 h1{font-size:clamp(36px,10.8vw,48px);line-height:1.4;margin:24px 0 19px;letter-spacing:0}.intro{font-size:18px;line-height:1.8}.actions{gap:20px;margin-top:26px}.primary{font-size:var(--type-control);min-height:46px;gap:22px;padding:0 20px}.quiet-link{font-size:var(--type-control)}.quiet-link span{margin-left:4px}.privacy-hint{font-size:var(--type-support);margin-top:14px}
 .destinations{margin-top:30px;max-width:100%}.destinations>.small-label{font-size:var(--type-label)}.destination-row{gap:14px;margin-top:12px}.destination-row button{font-size:var(--type-control);min-height:65px;padding-top:12px}.destination-row button span{font-size:var(--type-support)}
 .earth-column{height:155px;min-height:155px;margin-top:18px}.trip-card{right:0;bottom:0;width:250px;background:#101c2bbb}.trip-image{width:44px;height:44px}.trip-card strong{font-size:var(--type-support)}.trip-card p{font-size:var(--type-support)}
 .world-vignette{background:linear-gradient(90deg,#080d16d9,#080d1645),linear-gradient(180deg,#080d1680,transparent 68%,#080d1670)}.earth-fallback{left:70%;top:65%;width:140vw;height:140vw}
 .earth-controls{left:12px;bottom:16px;transform:none;padding:3px}.earth-controls button{width:44px;min-height:44px}.earth-controls svg{width:16px;height:16px}.enable-earth{right:12px;bottom:20px;padding:0 13px;min-height:44px;font-size:var(--type-control)}.earth-caption{bottom:79px;max-width:calc(100% - 28px);width:max-content;font-size:var(--type-support);white-space:normal;text-align:center;line-height:1.5;background:#080d16c9}
 .story{min-height:90svh;padding:65px 0 120px}.story-grid{display:flex;flex-direction:column;align-items:stretch;padding:27px;gap:28px;border-radius:18px;background:#0c1522eb}.story h2{font-size:29px;margin:20px 0 16px}.story p:not(.eyebrow){font-size:var(--type-body)}.story-grid>img{height:185px}.story-steps{gap:26px;margin-top:26px;font-size:var(--type-support)}
 .privacy-section{display:block;padding:38px 0;margin-bottom:95px}.privacy-section h2{font-size:28px}.privacy-section p:not(.eyebrow){font-size:var(--type-body);margin-top:25px}footer{flex-wrap:wrap;font-size:var(--type-support);gap:14px;margin-bottom:115px}
 .journey-photos{position:absolute;left:24px;right:24px;top:calc(var(--journey-top,0px) + 48px);width:auto;height:270px}.journey-photos figure{width:112px;border-radius:9px}.journey-photos figure:nth-child(1){left:0;top:0}.journey-photos figure:nth-child(2){right:0;top:21%}.journey-photos figure:nth-child(3){left:6%;bottom:0}.journey-photos figcaption{font-size:var(--type-support);padding:9px 10px;letter-spacing:.4px}.demo-photo{aspect-ratio:1.2}
 .journey-open .story{padding:358px 0 130px;align-items:flex-start}.journey-open .story-grid{width:calc(100% - 48px);max-width:none;margin:0 auto;padding:24px 0 0;border-top:1px solid #ffffff30;background:linear-gradient(180deg,#080d1655,#080d1600)}.journey-open .story h2{font-size:29px;line-height:1.5;margin:20px 0 18px}.journey-open .story-description{font-size:var(--type-body);max-width:300px}.journey-open .story .journey-route{margin-top:20px;padding-top:17px;font-size:var(--type-support);letter-spacing:.4px}.journey-open .journey-actions{gap:18px;margin-top:18px}.journey-actions span{font-size:var(--type-support)}
 .journey-open .world-vignette{background:linear-gradient(180deg,#080d1620 0%,#080d1626 32%,#080d16dc 48%,#080d16f5 75%)}
}
@media(max-width:360px){:root{--gutter:20px}.brand{font-size:18px}.actions{gap:14px}.primary{gap:14px;padding:0 16px}.quiet-link{font-size:var(--type-control)}.journey-photos{left:20px;right:20px}.journey-photos figure{width:102px}.journey-open .story-grid{width:calc(100% - 40px)}.journey-open .story h2{font-size:27px}.enable-earth{right:8px;padding:0 10px}.earth-controls{left:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

@media(min-width:721px) and (max-height:600px){
 .journey-photos{right:4%;top:24%;width:47%;height:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
 .journey-photos figure{position:relative;width:100%;inset:auto!important;border-radius:9px}
 .journey-photos figure:nth-child(2){margin-top:35px}.journey-photos figure:nth-child(3){margin-top:70px}
 .journey-photos figcaption{padding:10px 8px;font-size:var(--type-support);letter-spacing:0}
}
@media(min-width:721px) and (max-height:600px){
 .journey-open .earth-controls{left:auto;right:4%;transform:none}
 .journey-open .earth-caption{left:auto;right:4%;transform:none;max-width:47%;white-space:normal;text-align:center}
}
@media(min-width:721px) and (max-height:450px){
 .journey-photos{top:6%}.journey-photos figure:nth-child(n){margin-top:0}.journey-photos .demo-photo{aspect-ratio:1.65}
}
/* Atlas photo annotations: white-rimmed covers with the app's violet count badge. */
.atlas-photo-pins{position:fixed;inset:0;z-index:4;pointer-events:none;transition:opacity .3s ease}
.atlas-photo-pin{position:absolute;width:58px;height:58px;transform:translate(-50%,-100%);border:0;background:none;padding:0;pointer-events:auto;touch-action:pan-y;color:#fff}
.pin-image{display:block;width:100%;height:100%;border:1.5px solid #fff;border-radius:13px;background-image:url('./assets/travel-editorial-grid.webp');background-size:300% auto;background-position:0 var(--photo-row);box-shadow:0 4px 16px #0006;transition:transform .2s ease}
.pin-count{position:absolute;right:-8px;top:-8px;display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;background:#7d4af2;border:1px solid #fff;border-radius:11px;font-size:14px;font-weight:650}
.pin-name{position:absolute;left:50%;top:calc(100% + 8px);transform:translateX(-50%);white-space:nowrap;padding:4px 9px;border-radius:14px;background:#111b2cbb;font-size:14px;letter-spacing:.5px;backdrop-filter:blur(8px)}
.atlas-photo-pin:hover .pin-image,.atlas-photo-pin:focus-visible .pin-image{transform:scale(1.12)}
.atlas-photo-pin:active .pin-image{transform:scale(1.25)}
.journey-open .atlas-photo-pins,body[data-chapter=content] .atlas-photo-pins{opacity:0;visibility:hidden;pointer-events:none}
.journey-open .atlas-photo-pin,body[data-chapter=content] .atlas-photo-pin{pointer-events:none}
.atlas-photo-pins.is-static{position:absolute;left:60%;right:8%;top:36vh;bottom:auto;display:flex;gap:34px;flex-wrap:wrap}
.atlas-photo-pins.is-static .atlas-photo-pin{position:relative;transform:none;left:auto!important;top:auto!important}
.journey-open .story .route-caption{font-size:var(--type-support);color:#99a7bb;letter-spacing:.5px;margin-top:8px}
@media(max-width:720px){
 .atlas-photo-pin{width:48px;height:48px}.pin-image{border-radius:11px}.pin-count{font-size:14px;min-width:20px;height:20px}.pin-name{font-size:14px}
 .atlas-photo-pins.is-static{top:590px;left:var(--gutter);right:var(--gutter);gap:28px}.atlas-photo-pins.is-static .atlas-photo-pin{width:44px;height:44px}
 .hero .trip-card{bottom:-16px}
}

/* The geographic covers now own the hero entry; avoid duplicating a floating trip card. */
.hero .trip-card{display:none}
/* Shared site entry points retain the full-world backdrop and website typeface. */
.site-explore{padding:70px 0 110px;position:relative;z-index:2}
.explore-heading{margin-bottom:34px}.explore-heading h2{font-size:36px;line-height:1.4}
.explore-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.explore-card{padding:30px;min-height:260px;border:1px solid var(--line);border-radius:18px;background:#111b2ae8;display:flex;flex-direction:column;transition:transform .25s var(--ease),border-color .25s}
.explore-card:hover{transform:translateY(-4px);border-color:#c5b2f060}
.explore-number{font-size:var(--type-label);letter-spacing:2px;color:var(--accent)}
.explore-card h3{font-size:21px;line-height:1.5;margin:30px 0 12px;font-weight:650}
.explore-card p{font-size:var(--type-body);line-height:1.9;color:var(--muted);margin:0 0 28px}
.explore-link{font-size:var(--type-support);color:#d6c4f4;margin-top:auto}
footer.site-footer{display:block;padding:42px 0 120px;font-size:var(--type-support);position:relative;z-index:2}
.footer-top{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:35px}
.footer-identity small{font-size:var(--type-support)}.footer-identity strong{font-size:22px;font-weight:700;color:var(--paper)}.footer-identity p{color:var(--muted);margin:12px 0 26px;font-size:var(--type-support)}
.footer-top h3{font-size:var(--type-support);color:var(--paper);font-weight:500;margin:0 0 18px}
.footer-top a{display:block;width:fit-content;padding:7px 0;color:var(--muted);line-height:1.7}.footer-top a:hover{color:var(--accent)}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:42px;padding-top:22px;border-top:1px solid var(--line);font-size:var(--type-support)}
@media(max-width:720px){
 .nav{flex-wrap:wrap;height:auto;min-height:102px;padding:20px 0 12px;gap:16px}.nav nav{display:flex;width:100%;margin:0;justify-content:space-between;gap:16px;order:2}.nav nav a{display:block!important;font-size:var(--type-support);min-height:32px;padding-top:8px}
 .hero{padding-top:22px}h1{font-size:clamp(32px,9.8vw,44px)}
 .site-explore{padding:34px 0 60px}.explore-heading h2{font-size:29px}.explore-grid{grid-template-columns:1fr;gap:14px}.explore-card{padding:24px;min-height:0}.explore-card h3{margin-top:22px}.explore-card p{margin-bottom:20px}
 footer.site-footer{margin-bottom:0;padding-bottom:140px}.footer-top{grid-template-columns:1fr 1fr;gap:30px 20px}.footer-identity{grid-column:1 / -1}.footer-bottom{flex-direction:column;gap:12px}
}
/* Four stable chapters share one camera; entering a chapter never reflows it. */
.story,.journey-open .story{min-height:100svh;padding:110px 0 150px}
.story-grid,.journey-open .story-grid{display:block;width:37%;max-width:470px;margin-left:var(--gutter);margin-right:auto;padding:0;background:none;border:0;border-radius:0;backdrop-filter:none;pointer-events:none}
.story h2,.journey-open .story h2{font-size:clamp(30px,3.1vw,48px);line-height:1.5;margin:30px 0 24px}
.story .journey-route{font-size:var(--type-support);color:var(--accent);letter-spacing:.6px;margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.story .route-caption{font-size:var(--type-support);color:#99a7bb;margin-top:8px}
.journey-actions,.journey-open .journey-actions{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-top:30px}
.scene-choices{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0 20px}
.scene-choices button{min-height:44px;padding:10px 17px;border-radius:24px;border:1px solid #ffffff28;background:#101a28cc;font-size:var(--type-control);transition:background .2s,border-color .2s}
.scene-choices button[aria-pressed=true]{border-color:#c5b2f088;background:#a88cdb24;color:#e7d9ff}
.scene-choices button:hover{border-color:var(--accent)}
.privacy-section{min-height:100svh;padding:110px 0 150px;margin-bottom:0;border:0;background:none;pointer-events:none;align-items:center}
.scene-copy{width:40%;max-width:480px}.privacy-section h2{font-size:clamp(30px,3.1vw,48px);line-height:1.5;margin:30px 0 24px}
.privacy-section .privacy-disclosure{font-size:var(--type-support);line-height:2.2;margin-top:38px;color:#a4b1c3}
.scene-note,.privacy-section .scene-note{font-size:var(--type-support)!important;color:#9da9b9!important;line-height:1.9}
.related-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:30px;font-size:var(--type-support);color:var(--accent)}.related-links a{min-height:44px;padding:10px 0}
body[data-scene=privacy] .atlas-photo-pins{visibility:visible;opacity:1}body[data-scene=privacy] .atlas-photo-pin{pointer-events:auto}
.demo-photo,.pin-image{background-image:url('./assets/global-memories-landscape.webp');background-size:400% 300%;background-position:var(--photo-x,0%) var(--photo-y,0%)}
.portrait-cover .pin-image,.photo-two,.photo-three{background-image:url('./assets/personal-album-portraits.webp')}
.photo-two{aspect-ratio:.88}.photo-three{aspect-ratio:1.15}
.atlas-photo-pins.is-static{position:fixed;left:56%;right:5%;top:36%;padding:12px 16px 48px;flex-wrap:nowrap;overflow-x:auto;gap:35px;pointer-events:auto}
.atlas-photo-pins.is-static .atlas-photo-pin{flex:0 0 58px}
body[data-scene=privacy] .world-vignette{background:linear-gradient(90deg,#080d16ee 0%,#080d16a0 35%,#080d1620 70%)}
@media(min-width:1600px){.story-grid,.journey-open .story-grid{margin-left:max(var(--gutter),calc((100vw - 1320px)/2))}}
@media(max-width:720px){
 .story,.journey-open .story{padding:358px 0 130px;align-items:flex-start;min-height:105svh}
 .story-grid,.journey-open .story-grid{width:calc(100% - var(--gutter)*2);max-width:none;margin:0 auto;padding:24px 0 0;border-top:1px solid #ffffff30;background:linear-gradient(180deg,#080d1655,#080d1600)}
 .story h2,.journey-open .story h2,.privacy-section h2{font-size:29px;line-height:1.5;margin:20px 0 18px}
 .story .journey-route,.journey-open .story .journey-route{margin-top:20px;padding-top:17px;font-size:var(--type-support)}
 .privacy-section{display:flex;align-items:flex-start;min-height:110svh;padding:65px 0 400px}.scene-copy{width:100%;max-width:none}
 .privacy-section p:not(.eyebrow){margin-top:20px}.privacy-section .privacy-disclosure{font-size:var(--type-support);margin-top:24px}
 .scene-choices{gap:8px;margin:22px 0 16px}.scene-choices button{padding:10px 14px;font-size:var(--type-control)}
 .atlas-photo-pins.is-static{top:65%;left:var(--gutter);right:var(--gutter);gap:28px}.atlas-photo-pins.is-static .atlas-photo-pin{flex-basis:48px}
 .photo-two{aspect-ratio:.88}.photo-three{aspect-ratio:1.2}
}

/* Two distinct images per demo album: a place and the people who remember it. */
.journey-photos figure{width:clamp(175px,17vw,245px)}
.journey-photos figure:nth-child(1){left:0;top:3%}
.journey-photos figure:nth-child(2){right:0;top:60%}
.demo-photo,.photo-two{aspect-ratio:1}
@media(max-width:720px){.journey-photos figure{width:45%;max-width:155px}.journey-photos figure:nth-child(2){top:25%}}
@media(min-width:721px) and (max-height:600px){.journey-photos{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-photos figure{width:100%;max-width:210px}}
/* Each visual belongs to its chapter; no album or plan is pinned over the footer. */
.chapter-section.story,.chapter-section.privacy-section{position:relative;display:block;width:100%;min-height:105svh;padding:110px 0 150px;margin:0;overflow:clip}
.chapter-layout{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:clamp(44px,6vw,100px)}
.chapter-copy{max-width:470px}.chapter-copy h2{font-size:clamp(30px,3.1vw,48px);line-height:1.5;margin:28px 0 24px}
.chapter-copy .story-description{font-size:var(--type-body);line-height:1.8;color:var(--muted)}
.chapter-media{min-width:0;position:relative;padding-top:50px;pointer-events:auto}
#story .journey-photos{position:relative;inset:auto;width:100%;height:auto;display:block;visibility:visible!important;opacity:1;z-index:auto}
#story .journey-photos figure{position:relative;inset:auto!important;width:100%;max-width:none;margin:0;padding:0;background:#111b2ae8;border:1px solid #ffffff20;border-radius:12px;box-shadow:0 18px 46px #0003;visibility:visible!important}
.album-spread{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.album-spread figure:nth-child(2){margin-top:105px!important}
#story .demo-photo{aspect-ratio:1}
#story .journey-photos figcaption{font-size:var(--type-support);letter-spacing:0;padding:15px}
.album-heading{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:30px}
.album-avatar{display:block;width:40px;height:40px;flex-shrink:0;border-radius:50%;background:url('./assets/personal-album-portraits.webp') 0 0/400% 300%;border:1px solid #fff5}
.album-heading strong{display:block;font-size:var(--type-support);font-weight:550}.album-heading div>span{display:block;font-size:var(--type-support);color:var(--muted);margin-top:7px}.album-edition{margin-left:auto;font-size:var(--type-support);color:var(--accent);letter-spacing:2px}
.album-foot{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:18px;margin-top:24px;color:#aab5c5;font-size:var(--type-support);line-height:1.6}
.portrait-cover .pin-image,.photo-two{background-image:url('./assets/personal-album-portraits.webp')}
.collab-steps{display:flex;flex-wrap:wrap;gap:10px 20px;list-style:none;margin:28px 0;padding:0;font-size:var(--type-support);color:#c3cbd8;line-height:1.8}.collab-steps b{display:block;font-size:var(--type-support);font-weight:500;color:var(--accent);margin-bottom:7px}
.collab-album,.plan-panel{background:linear-gradient(145deg,#152132f0,#0e1725f5);border:1px solid #ffffff24;border-radius:22px;padding:28px;box-shadow:0 25px 70px #0003;backdrop-filter:blur(18px)}
.panel-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.panel-kicker{font-size:var(--type-label);letter-spacing:2.2px;color:var(--accent)}.panel-heading h3{font-size:21px;line-height:1.45;margin:10px 0 0;font-weight:600}
.status-pill{font-size:var(--type-support);white-space:nowrap;border:1px solid #c5b2f04a;background:#b28ad410;padding:7px 10px;border-radius:20px;color:#d5c9ef}
.member-row{display:flex;align-items:center;gap:0;margin-bottom:24px}.member-avatar{display:grid;place-items:center;flex:0 0 35px;height:35px;font-size:var(--type-support);border-radius:50%;border:2px solid #172132;background:#514165;color:#eee4ff}.member-avatar.companion{background:#30465d;margin-left:-6px}.member-row>div{margin-left:11px}.member-row strong{font-size:var(--type-support);font-weight:500;display:block}.member-row div>span{font-size:var(--type-support);line-height:1.6;display:block;color:#a9b6c9;margin-top:3px}
.contribution-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contribution-grid figure{margin:0;overflow:hidden;border-radius:12px;border:1px solid #ffffff18;background:#0d1724}.contribution-grid .demo-photo{aspect-ratio:1}.contribution-grid figcaption{display:flex;align-items:center;gap:8px;padding:12px 10px;font-size:var(--type-support);line-height:1.6}.contribution-grid small{display:block;font-size:var(--type-support);color:#a3aec0;margin-top:2px}.contributor-dot{flex:0 0 24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#ffffff0d;color:var(--accent);font-size:var(--type-support)}
.missing-perspective{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed #c5b2f052;border-radius:12px;background:#c5b2f005;padding:16px}.missing-perspective>span{font-size:30px;font-weight:200;color:var(--accent);margin-bottom:14px}.missing-perspective strong{font-size:var(--type-support);font-weight:500}.privacy-section .missing-perspective p{font-size:var(--type-support);line-height:1.8;margin:12px 0 0}
.contribution-status{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:22px;padding-top:19px;border-top:1px solid var(--line)}.contribution-mark{color:var(--accent);font-size:var(--type-support)}.privacy-section .contribution-status p{font-size:var(--type-support);line-height:1.7;margin:0;flex:1}.contribution-status strong{font-size:var(--type-support);white-space:nowrap;font-weight:500;color:var(--accent)}
.privacy-section .demo-disclosure,.plan-panel .demo-disclosure{font-size:var(--type-support)!important;line-height:1.7!important;color:#9eaac0!important;margin:17px 0 0!important}
body[data-scene=privacy] .atlas-photo-pins{visibility:hidden;opacity:0}body[data-scene=privacy] .atlas-photo-pin{pointer-events:none}
.plan-prompts{display:grid;gap:10px;margin:28px 0}.plan-prompts .small-label{margin-bottom:3px}.plan-prompts button{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;font-size:var(--type-control);line-height:1.6;background:#111d2be8;border:1px solid #ffffff1c;border-radius:12px;padding:13px 16px;min-height:48px}.plan-prompts button[aria-pressed=true]{border-color:#bfa6ee80;background:#28243ad9;color:#e4d6fb}.plan-prompts button>span{color:var(--accent)}
.plan-panel .plan-request{display:flex;gap:10px;margin:0 0 20px;font-size:var(--type-support)!important;line-height:1.8!important;padding:13px 15px;background:#c5b2f008;border:1px solid #c5b2f018;border-radius:12px;color:#c7cddd!important}.plan-request>span:first-child{color:var(--accent)}
.plan-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:var(--type-support);color:#e3e5eb;margin-bottom:22px}.plan-meta small{font-size:var(--type-support);color:#9ca9bd;margin-left:7px}
.plan-days{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:20px}.plan-days button{flex:1;padding:12px 6px;min-height:44px;background:none;border:0;border-bottom:2px solid transparent;color:#9ba9bf;font-size:var(--type-control);letter-spacing:1px}.plan-days button[aria-pressed=true]{color:#e1cef9;border-bottom-color:var(--accent)}
.day-place{font-size:var(--type-support);letter-spacing:1.5px;color:var(--accent)}.day-content h4{margin:10px 0 8px;font-size:18px;font-weight:550;line-height:1.5}.plan-panel .day-content p{font-size:var(--type-support);line-height:1.8;margin:0;color:#aeb9c9;min-height:44px}.day-stop{display:flex;align-items:center;gap:10px;font-size:var(--type-support);margin-top:16px;padding:14px 0;border-top:1px solid #ffffff10;color:#c6cfdd}.day-stop time{font-size:var(--type-support);color:var(--accent)}.planned-dot{font-size:var(--type-support);color:#acbad0;margin-left:auto;white-space:nowrap}
.plan-checklist{border:0;border-top:1px solid var(--line);padding:18px 0 0;margin:14px 0 0;display:grid;grid-template-columns:1fr;gap:12px}.plan-checklist legend{padding:0 10px 0 0;font-size:var(--type-support);color:#e2e5ed}.plan-checklist legend>span{font-size:var(--type-support);color:var(--accent);margin-left:8px}.plan-checklist label{display:flex;align-items:center;gap:8px;font-size:var(--type-support);min-height:44px;cursor:pointer;pointer-events:auto}.plan-checklist input{accent-color:#bba2eb;width:15px;height:15px;margin:0;cursor:pointer;pointer-events:auto}.plan-checklist label:has(:checked){color:#aeb5c5}
@media(min-width:721px) and (max-width:1100px){.chapter-layout{gap:36px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.collab-album,.plan-panel{padding:22px}.panel-heading h3{font-size:18px}.contribution-grid figcaption{padding:10px 8px}.contributor-dot{display:none}.plan-checklist{grid-template-columns:1fr}.day-stop{flex-wrap:wrap}}
@media(max-width:720px){
 .chapter-section.story,.chapter-section.privacy-section{padding:70px 0 100px;min-height:0;overflow:clip}
 .chapter-layout{grid-template-columns:minmax(0,1fr);gap:38px}.chapter-copy{max-width:none}.chapter-copy h2,.journey-open .story h2{font-size:29px}.chapter-copy .story-description{font-size:var(--type-body)}
 .chapter-media{padding-top:0}.album-media{grid-row:1}#story .album-spread{gap:12px}#story .album-spread figure:nth-child(2){margin-top:48px!important}#story .journey-photos figcaption{font-size:var(--type-support);padding:11px}.album-heading{margin-bottom:23px}.album-foot{font-size:var(--type-support)}.album-heading strong{font-size:var(--type-support)}.album-edition{font-size:var(--type-support)}
 .collab-album,.plan-panel{padding:20px;border-radius:18px}.panel-heading h3{font-size:18px}.panel-heading{gap:10px;margin-bottom:20px}.status-pill{font-size:var(--type-support);padding:6px 8px}.contributor-dot{display:none}.contribution-grid figcaption{padding:10px 8px}.privacy-section .privacy-disclosure{font-size:var(--type-support)}
 .plan-prompts button{font-size:var(--type-control)}.plan-checklist{gap:10px}.day-stop{flex-wrap:wrap}.day-content h4{font-size:17px}.plan-panel .day-content p{min-height:0}.plan-media{padding-top:80px}.album-heading{padding-top:10px}
}

/* Leave a clear geographic window between the copy and the feature sheet. */
.collab-album,.plan-panel{max-width:470px;margin-left:auto}

.album-media{max-width:470px;width:100%;margin-left:auto}

/* Production locales share the approved composition and accessible footer. */
html[data-atlas-home]:not(:lang(zh)) {font-family:var(--font-rounded)}
.atlas-language-switch{display:flex;flex-wrap:wrap;gap:12px 22px;margin:24px 0;font-size:var(--type-support);color:var(--muted)}
.atlas-language-switch a{padding:8px 0;min-height:44px;display:inline-flex;align-items:center}
.atlas-language-switch a[aria-current=page]{color:var(--accent);text-decoration:underline;text-underline-offset:5px}
.footer-compliance{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:var(--type-support);color:var(--muted);padding-bottom:24px}
.footer-compliance a{display:inline-flex;align-items:center;gap:6px;min-height:32px}
html[data-atlas-home] .plan-checklist label{min-width:0;overflow-wrap:anywhere}
@media(max-width:720px){html[data-atlas-home] .plan-checklist{grid-template-columns:1fr}html[data-atlas-home] .plan-meta{flex-wrap:wrap}html[data-atlas-home] .earth-caption{max-width:calc(100% - 28px)}}
html[data-atlas-home]:not(:lang(zh)) h1{white-space:normal;font-family:var(--font-rounded);font-size:clamp(36px,3.7vw,60px);line-height:1.2}
.device-note{font-size:var(--type-support);line-height:1.8;color:var(--muted);margin:8px 0 0}
/* Geographic windows are real layout space, never an overlay on the footer. */
.chapter-layout{grid-template-columns:minmax(0,.95fr) minmax(220px,1fr) minmax(0,1.12fr);gap:32px;align-items:center}
.route-window{position:relative;height:360px;min-width:0;pointer-events:none;border-top:1px solid #ffffff15;border-bottom:1px solid #ffffff15;isolation:isolate}
.route-map{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:var(--route-reveal,1)}
.route-shadow{stroke:#07121f;stroke-width:4;opacity:.7}
.route-stroke{stroke:#e0cdfb;stroke-width:1.65}
.route-stops{position:absolute;inset:0;opacity:var(--route-reveal,1)}
.route-stop{position:absolute;display:block;width:44px;height:44px;margin:-22px 0 0 -22px;border:0;padding:0;background:none;color:#f0eafa;font:inherit}
.route-stop i{position:absolute;left:19px;top:19px;width:6px;height:6px;background:#eee6fa;border-radius:50%;box-shadow:0 0 0 3px #080d1699}
.route-stop>span{position:absolute;top:calc(var(--label-y,14px) + 22px);left:22px;transform:translateX(-50%);white-space:nowrap;display:flex;flex-direction:column;gap:5px;align-items:center;padding:8px 10px;border-radius:8px;background:#0b1627db;border:1px solid #ffffff20;font-size:var(--type-support);line-height:1.4}
.route-stop small{font-size:var(--type-support);letter-spacing:1.4px;color:#bdaccf}
button.route-stop{pointer-events:auto;cursor:pointer}
button.route-stop>span{pointer-events:auto;min-height:44px;cursor:pointer}
.route-stop.is-active i{background:#d8b8ff;box-shadow:0 0 0 4px #b381e526,0 0 14px #bc8ef066}
.route-stop.is-active>span{border-color:#c39bed88;background:#211d35ed}
.route-region{position:absolute;bottom:12px;left:0;right:0;text-align:center;color:#acb9cb;font-size:var(--type-support);letter-spacing:1px}
.actions .app-store-badge,.nav-download.app-store-badge{padding:0;border:0;border-radius:0;background:none;min-height:44px;display:inline-flex;align-items:center;box-shadow:none;transform:none}
.app-store-badge img{display:block;height:44px;width:auto}
.app-store-badge:hover{background:none;transform:none;opacity:.85}
.brand img{border-radius:9px}
html:not(:lang(zh)) :is(.footer-compliance,.footer-icp,.footer-police){display:none}
@media(min-width:721px) and (max-width:1150px){
 .chapter-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px 44px}
 .chapter-copy{grid-column:1;grid-row:1}.route-window{grid-column:1;grid-row:2;height:270px}
 .chapter-media{grid-column:2;grid-row:1 / span 2;align-self:center}
}
@media(max-width:720px){
 .chapter-layout{grid-template-columns:minmax(0,1fr);gap:32px}.chapter-copy,.route-window,.chapter-media{grid-column:auto;grid-row:auto}
 .route-window{height:300px}.album-media{grid-row:auto}.plan-media{padding-top:0}
 .app-store-badge img{height:40px}.nav-download.app-store-badge img{height:40px}
}
@media(max-width:720px){html[data-atlas-home]:not(:lang(zh)) h1{font-size:clamp(30px,8.2vw,38px);line-height:1.35}}

.route-land{fill:#234343b8;stroke:#82b8bd88;stroke-width:.65;stroke-linejoin:round}
/* One globe contracts into the product screen; stars remain in world space. */
.product-reveal{height:220svh;position:relative}
.product-sticky{position:sticky;top:0;height:100svh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%;padding-block:28px}
.app-copy{max-width:500px}.app-copy h2{font-size:clamp(36px,4.4vw,62px);line-height:1.3;letter-spacing:-.025em;margin:27px 0 22px}
.app-copy>p:not(.eyebrow){font-size:var(--type-body);line-height:1.9;color:var(--muted);margin:0 0 28px}
.app-copy .app-download{pointer-events:auto;display:inline-flex;margin-bottom:18px}
.app-copy .app-privacy{font-size:var(--type-support)!important;margin:0!important}.app-scroll-note{display:block;color:#aeb9cb;font-size:var(--type-support);letter-spacing:.5px;margin-top:30px}
.phone-position{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}
.iphone-device{--phone-height:min(690px,80svh);height:var(--phone-height);aspect-ratio:320 / 670;position:relative;container-type:inline-size;opacity:var(--phone-frame,1);border-radius:44px;border:1px solid #9493a17d;box-shadow:0 0 0 3px #171921,0 0 0 4px #6b6c7755,0 26px 70px #0008,inset 0 0 0 6px #030509;background:transparent}
.iphone-device:before,.iphone-device:after{content:"";position:absolute;left:-5px;width:3px;height:7%;top:19%;border-radius:2px;background:linear-gradient(#777980,#24252b)}.iphone-device:after{left:auto;right:-5px;top:28%;height:11%}
.iphone-screen{position:absolute;inset:7px;border-radius:34px;overflow:hidden;background:linear-gradient(#142037a6,transparent 31%,transparent 68%,#142037a6)}
.phone-globe-window{position:absolute;left:4%;right:4%;top:26%;bottom:20%}
.phone-static-earth{width:100%;height:100%;object-fit:contain;filter:brightness(.95)}
.reveal-enhanced .phone-static-earth{display:none}
.phone-chrome{position:absolute;inset:0;opacity:var(--phone-chrome,1);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f3f2fa;pointer-events:none}
.phone-chrome svg{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.phone-status{position:absolute;left:8%;right:8%;top:3.8%;display:flex;justify-content:space-between;align-items:center;font-size:4cqw;font-weight:650}
.phone-status>svg{width:17cqw;height:6cqw;stroke-width:2}
.dynamic-island{position:absolute;width:32cqw;height:8cqw;background:#020306;border-radius:5cqw;left:50%;top:50%;transform:translate(-50%,-50%)}
.phone-top-bar{position:absolute;left:5%;right:5%;top:10.5%;display:flex;align-items:center;gap:3cqw;font-size:4.8cqw}
.phone-top-bar strong{flex:1;text-align:center;font-weight:600;white-space:nowrap}.phone-top-bar strong span{font-size:4cqw;color:#aeb6c8}
.phone-avatar{width:11cqw;height:11cqw;border-radius:50%;border:1px solid #ffffff65;background:url('./assets/personal-album-portraits.webp') 0 0 / 400% 300%}
.phone-top-bar>svg{width:6.5cqw;height:6.5cqw;margin:2cqw}
.phone-stats{position:absolute;top:21%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:3cqw;white-space:nowrap;font-size:3.7cqw;padding:2.7cqw 4cqw;border:1px solid #ffffff20;border-radius:8cqw;background:#172338b3;backdrop-filter:blur(12px);color:#b4bfd1}
.phone-stats b{font-size:4.1cqw;color:#eee8fd;margin-right:1cqw}.phone-stats i{height:3cqw;width:1px;background:#ffffff30}
.phone-bottom-bar{position:absolute;left:5%;right:5%;bottom:6.5%;display:flex;justify-content:space-between;align-items:center}
.phone-tabs{display:flex;align-items:center;padding:1.4cqw;border:1px solid #ffffff30;background:#2632459c;border-radius:10cqw;backdrop-filter:blur(15px);box-shadow:0 2px 12px #0003}
.phone-tabs>span{display:flex;align-items:center;gap:1.6cqw;padding:3cqw 3.8cqw;font-size:4cqw;color:#c4ccda}.phone-tabs>span:first-child{background:#ffffff13;border-radius:9cqw;color:#f0ecff}
.phone-tabs svg{width:4.5cqw;height:4.5cqw}.phone-search{display:grid;place-items:center;width:13.5cqw;height:13.5cqw;border-radius:50%;border:1px solid #ffffff30;background:#2632459c;backdrop-filter:blur(15px)}.phone-search svg{width:6cqw;height:6cqw}
.phone-home-indicator{position:absolute;width:35%;height:1.5%;max-height:5px;border-radius:5px;background:#e5e8ef;bottom:1.7%;left:32.5%}
.phone-demo-note{margin:0;font-size:var(--type-support);color:#aeb9cb;letter-spacing:.6px;opacity:var(--phone-chrome,1)}
body[data-scene=app] .world-vignette{opacity:.15}
body[data-scene=app] .earth-hud{visibility:hidden;pointer-events:none}
body[data-scene=app] .atlas-photo-pins{opacity:var(--app-pin-opacity,0);visibility:visible;transition:none}
body[data-scene=app] .atlas-photo-pin{width:var(--app-pin-size,34px);height:var(--app-pin-size,34px);pointer-events:auto}
body[data-scene=app] .pin-image{border-radius:9px;border-width:1px}.pin-count{transition:none}
body[data-scene=app] .pin-count{min-width:15px;height:15px;font-size:8px;right:-5px;top:-5px;padding:0 3px}
body[data-scene=app] .pin-name{font-size:8px;padding:3px 5px;top:calc(100% + 4px);letter-spacing:0}
body:not(.reveal-enhanced) .product-reveal{background:var(--ink) url('/assets/atlas-stars.svg') center / 1440px 1000px}
@media(max-width:720px){
 .product-reveal{height:230svh}.product-sticky{grid-template-columns:1fr;gap:19px;align-content:center;padding-block:18px}.app-copy{max-width:100%;text-align:center}
 .app-copy .eyebrow{font-size:var(--type-label);margin:0}.app-copy h2{font-size:30px;line-height:1.2;margin:12px 0}.app-copy>p:not(.eyebrow){font-size:var(--type-body);line-height:1.7;margin:0 0 14px}.app-copy .app-download{margin-bottom:9px}.app-copy .app-privacy{font-size:var(--type-support)!important}.app-scroll-note{display:none}
 .iphone-device{--phone-height:min(470px,52svh,calc(100svh - 370px));border-radius:35px}.iphone-screen{border-radius:27px}.phone-position{gap:10px}.phone-demo-note{font-size:var(--type-support)}
}
@media(max-height:540px) and (min-width:721px){.product-sticky{padding-block:18px}.app-copy h2{font-size:30px;margin:15px 0}.app-copy>p:not(.eyebrow){font-size:var(--type-body);margin-bottom:14px}.app-scroll-note{margin-top:12px}.phone-position{gap:9px}.iphone-device{border-radius:29px}.iphone-screen{border-radius:23px}}
@media(prefers-reduced-motion:reduce){.product-reveal{height:110svh}}

.phone-space{position:absolute;inset:0;background:var(--ink);opacity:0;pointer-events:none}
body:not(.reveal-enhanced) .product-reveal{height:auto;min-height:100svh}

@media(max-width:720px) and (max-height:620px){.product-sticky{gap:12px;padding-block:12px}.app-copy h2{font-size:25px;margin:8px 0}.app-copy .eyebrow{display:none}.app-copy>p:not(.eyebrow){font-size:var(--type-body);margin-bottom:10px}.iphone-device{--phone-height:calc(100svh - 340px)}}

/* Useful, crawlable reading after the globe-to-iPhone reveal. */
.home-help{padding-block:80px 56px;pointer-events:auto}
.help-heading{max-width:720px}.help-heading h2{font-size:clamp(28px,3vw,42px);line-height:1.35;margin:20px 0}
.help-heading>p:last-child{font-size:var(--type-body);line-height:1.8;color:var(--muted);max-width:600px}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:36px 0 56px}
.guide-grid>a{position:relative;padding:26px 26px 42px;border:1px solid var(--line);border-radius:var(--radius);background:#0c1423f5;transition:border-color .2s}
.guide-grid>a:hover{border-color:var(--accent)}.guide-number{font-size:var(--type-label);color:var(--accent);letter-spacing:2px}
.guide-grid h3{font-size:22px;font-weight:600;line-height:1.5;margin:18px 0 12px}.guide-grid p{font-size:var(--type-body);line-height:1.8;color:var(--muted);margin:0}.guide-arrow{position:absolute;right:24px;bottom:18px;color:var(--accent)}
.home-answers{max-width:880px}.home-answers>h3{font-size:22px;margin:0 0 20px}.home-answers details{border-top:1px solid var(--line);background:#080d16e8;padding:0 18px}.home-answers details:last-child{border-bottom:1px solid var(--line)}
.home-answers summary{cursor:pointer;min-height:56px;padding-block:18px;font-size:var(--type-body);line-height:1.5;color:var(--paper)}.home-answers summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.home-answers p{margin:0;padding:0 0 22px;max-width:760px;font-size:var(--type-body);line-height:1.85;color:var(--muted)}.home-answers p a{display:inline-block;margin-inline-start:.4em;color:var(--accent);text-decoration:underline;text-underline-offset:4px}
@media(max-width:720px){.home-help{padding-block:60px 40px}.guide-grid{grid-template-columns:1fr;gap:12px;margin:28px 0 40px}.guide-grid>a{padding:22px 24px 34px}.guide-grid h3{font-size:20px;margin-top:12px}.home-answers details{padding-inline:12px}}

/* Readable labels need room to wrap, especially in translated narrow layouts. */
.album-heading>div,.panel-heading>div,.member-row>div{min-width:0}
.album-foot{flex-wrap:wrap}
.contribution-grid figcaption{align-items:flex-start;overflow-wrap:anywhere}
.route-stop>span{width:max-content;max-width:170px;white-space:normal;text-align:center;letter-spacing:0}
.plan-meta small{display:inline-block;margin-left:0}
.day-stop{flex-wrap:wrap}.day-stop>span:not(.planned-dot){min-width:0;overflow-wrap:anywhere}
.phone-demo-note{line-height:1.5;text-align:center}
@media(max-width:720px){.nav nav{gap:8px;flex-wrap:wrap}.nav nav a{min-height:44px}.footer-top a{min-height:44px}.intro{letter-spacing:0}.destination-row{gap:10px}.destination-row button span{letter-spacing:0}.album-edition{letter-spacing:0}.contribution-grid{grid-template-columns:1fr}.contribution-grid .demo-photo{aspect-ratio:1.4}.plan-checklist{grid-template-columns:1fr}.phone-demo-note{font-size:var(--type-label)}}
@media(max-height:540px) and (min-width:721px){.app-copy .eyebrow{font-size:var(--type-label)}.app-copy h2{margin:10px 0}.app-copy>p:not(.eyebrow){line-height:1.6}.app-scroll-note{display:none}}
@media(max-width:720px) and (max-height:620px){.earth-caption{display:none}}
/* Landscape phones keep the product frame beside the copy rather than below it. */
@media(max-width:720px) and (max-height:420px) and (min-aspect-ratio:1/1){
 .product-sticky{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;align-content:center;padding-block:16px}
 .app-copy{text-align:left}.app-copy h2{font-size:25px}.app-copy>p:not(.eyebrow){line-height:1.5;margin-bottom:10px}
 .iphone-device{--phone-height:min(300px,75svh)}.phone-position{min-width:0;gap:8px}.phone-demo-note{font-size:var(--type-label);letter-spacing:0}
}

@media(min-width:721px){.nav nav a{font-weight:500}.destination-row button{min-height:86px}.album-heading strong,.member-row strong{font-size:18px}.plan-panel .day-content p{font-size:18px}.footer-top h3{font-size:18px}}

@media(max-width:400px){.enable-earth{bottom:80px}.earth-caption{bottom:134px}}