/* Site 5. One flock, one story. Owner/lead pass preserved in ../v2-pass4b-home.css.
   A single responsive system: cream paper, forest tides, peach and ochre cut paper.
   App screens are upright, with one shared border/radius/shadow treatment. */
:root{color-scheme:light dark;--paper:#f5f1e8;--ink:#252335;--muted:#625d62;--forest:#286957;--teal:#286957;--peach:#f3bd96;--ochre:#e9b951;--night:#211e3e;--white:#fffaf0;--soft:#ebe7dc;--line:#28695755;--frame:#fffaf0;--shadow:0 18px 34px #172d2425;--blob:44% 56% 58% 42% / 51% 42% 58% 49%;font-family:ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-size:18px;line-height:1.55;-webkit-font-smoothing:antialiased}main{overflow:hidden}img{display:block;max-width:100%;height:auto}svg{display:block}picture{display:block}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid #252335;outline-offset:3px;box-shadow:0 0 0 6px #fffaf0}a:hover{text-decoration-thickness:2px}h1,h2,h3,p,figure,blockquote{margin:0}h1,h2,h3{font-weight:900;letter-spacing:-.045em;line-height:1.02}h2{font-size:clamp(48px,5.7vw,82px)}h3{font-size:24px;letter-spacing:-.025em;line-height:1.15}p{margin-top:18px}.wrap{width:calc(100% - 96px);max-width:1380px;margin-inline:auto}.wrap>*{min-width:0}.eyebrow{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:850;line-height:1.5;margin:0 0 20px}.caption,figcaption,.footer-copy{font-size:13px;line-height:1.55;color:var(--muted)}.section-heading>p:not(.eyebrow){max-width:520px;font-size:20px;line-height:1.5;margin-top:24px}.section-heading h2 span{color:var(--teal)}.skip-link{position:fixed;top:12px;left:12px;z-index:50;background:var(--ink);color:var(--paper);padding:12px 20px;transform:translateY(-180%)}.skip-link:focus{transform:none}
.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:8px;text-decoration:none;font-size:34px;font-weight:900;letter-spacing:-.05em;line-height:1;flex:none}.brand img{width:49px;height:49px;object-fit:contain}.edition{font-size:11px;padding:7px 9px;background:var(--soft);border-radius:var(--blob);letter-spacing:0;margin-left:3px}.header-nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:750}.header-nav>a{text-decoration:none}.pill{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:14px 24px;background:var(--ink);color:var(--paper);border-radius:40px;text-decoration:none;font-size:14px;font-weight:800;line-height:1.4;transition:transform .2s,background .2s}.pill:hover{transform:translateY(-3px);background:var(--forest);color:var(--white)}.light-pill{background:var(--white);color:#252335}.light-pill:hover,.light-pill:focus-visible{background:#ffd9b0;color:#252335}.text-link{display:inline-block;font-size:15px;font-weight:800;margin-top:25px}.text-link span{margin-left:12px}.downloads{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.store-button{display:inline-flex;align-items:center;gap:11px;padding:11px 17px;background:#252335;color:#fffaf0;border:1px solid #ffffff40;border-radius:12px;text-decoration:none;font-size:20px;font-weight:700;line-height:1.13;min-height:62px;white-space:nowrap;transition:transform .2s}.store-button svg{flex:none;width:24px;height:28px}.store-button small{display:block;font-size:10px;font-weight:500;margin-bottom:3px;letter-spacing:.02em}.store-button:hover{transform:translateY(-3px);background:#285f51}
.hero{position:relative;padding:30px 0 150px}.hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:30px;align-items:center;z-index:1}.hero-copy{position:relative;z-index:4;min-width:0}.hero h1{font-size:clamp(60px,6.7vw,100px);line-height:.99;letter-spacing:-.053em}.hero h1 span{color:var(--teal);display:block}.hero .lede{font-size:18px;line-height:1.55;max-width:510px;margin-top:28px}.price-note{font-size:13px;margin-top:17px}.hero-start{display:inline-block;font-size:14px;font-weight:700;margin-top:20px}.hero-start span{margin-left:10px}.hero-scene{position:relative;height:630px;min-width:0}.hero-sun{position:absolute;left:50%;top:50%;width:105%;height:auto;aspect-ratio:1;border-radius:var(--blob);background:var(--peach);transform:translate(-50%,-50%) rotate(-8deg)}.hero-phone,.device{border:7px solid #302c3b;border-radius:40px;overflow:hidden;box-shadow:var(--shadow);background:var(--frame)}.hero-phone{position:absolute;height:96%;aspect-ratio:720/1561;left:50%;top:2%;transform:translateX(-50%);z-index:3}.hero-phone img{width:100%;height:auto}.hero-bird{position:absolute;left:59%;bottom:3%;width:44%;z-index:5;filter:drop-shadow(0 18px 12px #163e3a18)}.spark{position:absolute;color:#a26324;font-size:60px;line-height:1;left:0;top:5%;transform:rotate(-10deg)}.hero-wave{position:absolute;bottom:-1px;left:0;width:100%;height:130px;fill:var(--soft)}.tide-line{fill:none;stroke:var(--forest);stroke-width:2;opacity:.45}
/* Numbers lead the story: one dashboard, a visible revenue link, four even panels. */
.numbers-section{position:relative;background:var(--soft);padding:20px 0 100px}.numbers-section .section-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:0 70px;align-items:end}.numbers-section .section-heading .eyebrow{grid-column:1/-1}.numbers-section .section-heading>p:last-child{margin-bottom:8px;max-width:390px}.dashboard-stage{position:relative;display:grid;grid-template-columns:1fr 290px 1fr;gap:60px;align-items:center;max-width:1100px;margin:55px auto 0;padding:15px 0 25px}.dashboard-blob{position:absolute;inset:2% 15% 0;background:var(--forest);border-radius:var(--blob);transform:rotate(-8deg)}.dashboard-phone{position:relative;width:290px;z-index:2;grid-column:2;grid-row:1;transform:none}.dashboard-phone img{width:100%}.dashboard-note{position:relative;z-index:3;background:var(--paper);padding:28px;border:2px solid var(--frame);border-radius:22px;box-shadow:var(--shadow)}.dashboard-note .eyebrow{margin-bottom:10px}.dashboard-note>strong{font-size:64px;line-height:1;letter-spacing:-.05em;display:block}.dashboard-note p{font-size:16px;line-height:1.5;margin-top:15px}.note-installs{grid-column:1;grid-row:1}.note-revenue{grid-column:3;grid-row:1;text-decoration:none;border-color:var(--ochre)}.number-link{display:block;color:var(--teal);font-size:14px;font-weight:800;margin-top:20px}.breakdown-link{text-align:center;margin-top:25px;color:var(--teal);font-size:14px;font-weight:800}.breakdown-link svg{width:100%;height:45px;margin-top:16px;fill:none;stroke:var(--line);stroke-width:2}.details-stage{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;position:relative}.detail-arc{display:none}.detail-card{min-width:0}.detail-card>.detail-shot,.screen-card{display:block;position:relative;overflow:hidden;border:4px solid var(--frame);border-radius:20px;box-shadow:var(--shadow);background:#f5f1e8;isolation:isolate}.detail-card img{width:100%;position:relative;background:#f5f1e8}.detail-card figcaption{margin-top:22px;text-align:center}.detail-card h3{font-size:22px;color:var(--ink)}.detail-card figcaption p{font-size:14px;margin-top:9px;color:var(--muted)}.numbers-section>.wrap>.text-link{display:table;margin:32px auto 0;color:var(--teal)}.image-fallback{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:18px;color:#252335;background:#f5f1e8;font-size:14px;line-height:1.4;text-align:center;z-index:0}.image-fallback strong{font-size:clamp(22px,3vw,42px);letter-spacing:-.04em;line-height:1.1}.image-fallback+img{position:relative;z-index:1;background:#f5f1e8}
/* Native sample Mac popover, hung from its coloured menu-bar bird. */
.mac-section{padding:100px 0 110px}.mac-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:center}.mac-scene{position:relative;min-height:650px;padding-top:60px;display:flex;justify-content:center;align-items:flex-start}.mac-blob{position:absolute;inset:6% -3% 5%;border-radius:var(--blob);background:var(--peach);transform:rotate(12deg)}.desktop-menubar{position:absolute;left:0;right:0;top:0;z-index:3;display:flex;align-items:center;gap:16px;padding:8px 17px;height:46px;background:var(--frame);border:2px solid var(--paper);border-radius:14px;box-shadow:0 5px 18px #172d2415;font-size:12px;color:var(--ink)}.menu-app{font-weight:850}.menu-file{font-size:11px}.menu-bird{display:flex;align-items:center;justify-content:center;gap:4px;margin-left:auto;background:var(--soft);padding:2px 9px;border-radius:7px}.menu-bird img{width:26px;height:26px}.menu-bird b{font-size:12px}.menu-clock{font-size:11px}.mac-popover{position:relative;width:340px;max-width:78%;border-width:4px;overflow:visible}.mac-popover:before{content:"";position:absolute;right:28%;top:-18px;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:15px solid var(--frame)}.mac-popover img{width:100%;border-radius:15px}.mac-popover .image-fallback{border-radius:15px}
/* The chart loop holds its result while the next search gets underway. */
.find-section{background:var(--forest);color:var(--white);position:relative;padding:95px 0 145px;border-radius:50% 50% 0 0 / 3% 3% 0 0}.find-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:0 60px;align-items:end}.find-heading .eyebrow{grid-column:1/-1;color:var(--peach)}.find-heading h2 span{color:var(--peach)}.find-heading>p:last-child{font-size:22px;max-width:350px;margin-bottom:7px}.search-scene{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:center;gap:30px;position:relative;padding:45px 0 30px}.search-demo{position:relative;z-index:3;color:#252335;min-width:0}.search-bar{display:flex;align-items:center;gap:18px;background:#fffaf0;padding:22px 26px;border-radius:20px;font-size:27px;font-weight:700;box-shadow:var(--shadow)}.search-bar svg{fill:none;stroke:#286957;stroke-width:2.4;flex:none}.how-typed{display:inline-block;overflow:hidden;white-space:nowrap;width:8ch;animation:how-type 12s steps(8,end) infinite}.how-caret{width:3px;height:1.1em;background:#286957;margin-left:-10px;animation:how-blink .9s steps(1) infinite}.how-stage{position:relative;margin-top:16px;min-height:268px}.how-stage>*{position:absolute;left:0;right:0;top:0}.search-result{display:flex;align-items:center;gap:16px;background:#fffaf0;border:2px solid #f3bd96;border-radius:18px;padding:23px;box-shadow:var(--shadow)}.tideline-icon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:#286957;color:#fffaf0;font-size:38px;line-height:1}.search-result>div{min-width:0}.search-result strong{font-size:23px;font-weight:850;letter-spacing:-.03em;display:block}.search-result>div>span{display:block;font-size:13px;margin-top:3px}.how-found{z-index:3;opacity:0;animation:how-found 12s linear infinite}.how-watch{margin-left:auto;background:#286957;color:#fffaf0;font-weight:800;font-size:14px;padding:10px 19px;border-radius:30px;animation:how-press 12s ease-in-out infinite}.how-checking{display:flex;align-items:center;gap:14px;background:#fffaf0;border:2px solid #f3bd96;border-radius:18px;padding:28px 22px;font-size:17px;font-weight:700;opacity:0;z-index:4;animation:how-checking 12s linear infinite}.how-dots{display:inline-flex;gap:5px}.how-dots i{width:7px;height:7px;border-radius:50%;background:#286957;animation:how-dot 1s ease-in-out infinite}.how-dots i:nth-child(2){animation-delay:.15s}.how-dots i:nth-child(3){animation-delay:.3s}.how-ranks{list-style:none;margin:0;padding:0;display:grid;gap:9px}.how-ranks li{display:flex;align-items:center;justify-content:space-between;background:#fffaf0;border-radius:16px;padding:12px 22px;font-size:17px;font-weight:800;opacity:1;animation:how-rank 12s linear infinite}.how-ranks li:nth-child(2){animation-name:how-rank2}.how-ranks li:nth-child(3){animation-name:how-rank3}.how-ranks small{display:block;font-size:12px;font-weight:600;margin-top:1px;color:#625d62}.how-ranks strong{font-size:40px;line-height:1;letter-spacing:-.04em}.how-steps{list-style:none;display:flex;gap:12px;margin:12px 0 0;padding:0;counter-reset:how}.how-steps li{counter-increment:how;flex:1;font-size:12px;font-weight:800;color:#fffaf0;border-top:3px solid #fffaf050;padding-top:8px}.how-steps li::before{content:counter(how) ". "}.explorer-orbit{position:relative;width:100%;aspect-ratio:1;max-width:380px;justify-self:center}.explorer-sun{position:absolute;inset:10% 0 2%;background:var(--peach);border-radius:var(--blob);transform:rotate(10deg)}.explorer-orbit img{position:absolute;width:100%;height:100%;object-fit:contain;inset:0;transform:rotate(4deg);z-index:2}.find-foot{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:20px}.find-foot p{margin:0;font-size:18px}.find-foot .pill{flex:none}.rank-fine{font-size:13px;color:#fffaf0;max-width:680px;margin-top:24px}.section-wave{position:absolute;bottom:-1px;width:100%;height:95px;fill:var(--paper)}.section-wave .tide-line{display:none}
@keyframes how-type{0%,30%{width:8ch}32%{width:0}40%,100%{width:8ch}}
@keyframes how-blink{50%{opacity:0}}
@keyframes how-found{0%,38%{opacity:0;transform:translateY(7px)}40%,54%{opacity:1;transform:none}56%,100%{opacity:0}}
@keyframes how-press{0%,48%{transform:none}50%{transform:scale(.9);background:#194a3d}53%,100%{transform:none}}
@keyframes how-checking{0%,52%{opacity:0}54%,73%{opacity:1}75%,100%{opacity:0}}
@keyframes how-dot{50%{transform:translateY(-4px)}}
@keyframes how-rank{0%,40%,73%,100%{opacity:1;transform:none}42%,70%{opacity:0;transform:translateY(5px)}}
@keyframes how-rank2{0%,40%,77%,100%{opacity:1;transform:none}42%,74%{opacity:0;transform:translateY(5px)}}
@keyframes how-rank3{0%,40%,81%,100%{opacity:1;transform:none}42%,78%{opacity:0;transform:translateY(5px)}}
/* A distinct country moment, with installs as large as the chart positions. */
.rankings-section{padding:45px 0 105px}.rankings-heading{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:70px;align-items:end}.rankings-heading h2{font-size:clamp(44px,5.1vw,74px)}.rankings-heading>p{font-size:19px;max-width:370px;margin-bottom:5px}.country-ranks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:45px;padding:35px 30px;background:var(--peach);border-radius:46% 54% 8% 9% / 8% 10% 8% 10%}.country-card{min-width:0;border:3px solid var(--frame);background:var(--paper);border-radius:22px;padding:26px;box-shadow:var(--shadow)}.country-top{display:flex;align-items:center;gap:10px}.country-top>span{font-size:28px}.country-top h3{font-size:21px}.chart-place{font-size:82px;letter-spacing:-.06em;line-height:1;display:block;margin-top:20px}.country-card>p{font-size:13px;margin-top:8px}.installs-line{display:flex;align-items:center;gap:14px;border-top:2px solid var(--line);padding-top:20px;margin-top:22px;min-height:85px;color:var(--teal)}.installs-line strong{font-size:48px;line-height:1;letter-spacing:-.05em}.installs-line span{font-size:15px;line-height:1.4;font-weight:650}

/* Retained paper-letter and passport artwork from the owner’s current page. */
.letter-section{background:var(--peach);color:#211e3e;position:relative;padding:105px 0 155px;border-radius:48% 48% 0 0/5% 5% 0 0}
.letter-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:100px;align-items:center}
.letter-section .section-heading h2 span{color:#8b391e}
.letter-section .caption{color:#614538;font-size:13px!important;line-height:1.6!important}
.letter-scene{height:530px;position:relative}
.envelope-back{position:absolute;left:0;right:0;bottom:36px;height:350px;border-radius:10px;background:#dba352;transform:rotate(-7deg);box-shadow:0 20px 40px #86402922}
.envelope-back:before{content:"";position:absolute;left:0;right:0;top:-140px;height:170px;background:#dba352;clip-path:polygon(0 100%,50% 0,100% 100%)}
.review-paper{position:absolute;left:6%;right:6%;top:0;padding:28px;background:#fffaf0;box-shadow:0 8px 24px #723c2020;transform:rotate(-7deg);z-index:1;transition:transform .45s;height:430px;border-radius:6px}
.letter-scene:hover .review-paper{transform:rotate(-4deg) translateY(-20px)}
.letter-top{display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:800;letter-spacing:.08em;gap:8px}
.review-app{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:850;margin-top:8px}
.review-app .tideline-icon{width:24px;height:24px;border-radius:6px;font-size:23px}
.stars{font-size:26px;letter-spacing:.09em;color:#9f4d23;margin-top:19px}
.review-paper blockquote{font-weight:850;font-size:30px;letter-spacing:-.04em;line-height:1.08;margin-top:12px}
.review-body{font-size:14px;line-height:1.5;margin-top:14px;max-width:320px}
.review-author{font-size:11px;margin-top:17px;color:#625b6c}
.envelope-front{position:absolute;left:0;right:0;bottom:30px;height:270px;background:#edbc75;clip-path:polygon(0 0,50% 54%,100% 0,100% 100%,0 100%);transform:rotate(-7deg);z-index:2;border-radius:0 0 10px 10px}
.envelope-front:after{content:"";position:absolute;inset:0;background:#e8b263;clip-path:polygon(0 100%,50% 35%,100% 100%)}
.envelope-seal{position:absolute;z-index:3;left:45%;bottom:135px;background:#286957;color:#fffaf0;border-radius:50%;width:50px;height:50px;text-align:center;font-size:33px;font-weight:850;transform:rotate(-7deg);box-shadow:0 2px 5px #211e3e20}
.letter-bird{position:absolute;z-index:4;width:230px;bottom:-18px;right:-60px;transform:rotate(5deg)}
.letter-wave{position:absolute;bottom:-1px;height:115px;width:100%;fill:var(--night)}
.letter-wave .tide-line{display:none}
.passport-section{background:var(--night);color:#fffaf0;position:relative;padding:35px 0 175px}
.passport-top{display:flex;justify-content:space-between;gap:30px}
.passport-section .eyebrow{color:#bde1bf}
.passport-section .section-heading h2 span{color:#e9b951}
.passport-section .section-heading>p{max-width:470px}
.passport-objects{position:relative;height:505px;margin-top:50px}
.stamp-fan{position:absolute;left:2%;top:45px;width:60%;height:350px}
.stamp{position:absolute;width:215px;height:287px;color:#211e3e;background:#fffaf0;--stamp-color:#e9b951;padding:13px;filter:drop-shadow(0 20px 20px #0003);mask:radial-gradient(circle at 4px 4px,transparent 3px,#000 3.5px) -4px -4px/12px 12px; -webkit-mask:radial-gradient(circle at 4px 4px,transparent 3px,#000 3.5px) -4px -4px/12px 12px}
.stamp:before{content:"";position:absolute;inset:8px;z-index:-1;background:#fffaf0}
.stamp.peach{--stamp-color:#f3bd96;left:0;top:25px;transform:rotate(-17deg)}
.stamp.green{--stamp-color:#397d6b;left:28%;top:-15px;transform:rotate(-3deg)}
.stamp.gold{left:55%;top:14px;transform:rotate(13deg)}
.stamp{transition:transform .3s}
.stamp-fan:hover .stamp.peach{transform:rotate(-22deg) translateX(-10px)}
.stamp-fan:hover .stamp.gold{transform:rotate(18deg) translateX(10px)}
.stamp-top{position:relative;height:143px;padding:11px 8px;background:var(--stamp-color);display:flex;justify-content:space-between;align-items:flex-start;overflow:hidden}
.stamp-top:after{content:"";position:absolute;height:25px;bottom:-18px;left:-10%;width:130%;border-radius:50%;background:#fffaf0;transform:rotate(3deg);opacity:.35}
.stamp-top>span:first-child{font-size:8px;font-weight:850;letter-spacing:.12em}
.stamp-top>span:nth-child(2){font-size:9px;text-align:center;font-weight:750;line-height:1}
.stamp-top>span strong{display:block;font-size:34px;font-weight:900;letter-spacing:-.05em;margin-top:5px}
.stamp-top>b{position:absolute;left:14px;top:48px;font-size:39px}
.stamp-top img{position:absolute;width:66px;bottom:6px;right:9px}
.stamp.green .stamp-top{color:#fffaf0}
.stamp-country{display:block;font-size:19px;font-weight:900;letter-spacing:-.035em;line-height:1.1;margin:15px 6px 0}
.stamp-bottom{position:absolute;bottom:18px;left:19px;right:19px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:7px}
.stamp-bottom>span{font-size:12px;color:#236a58;font-weight:800;border-block:1px solid #9abfb0;padding:2px}
.stamp-bottom small{width:100%;font-size:9px;font-weight:700}
.stamp-bottom svg{width:40px;fill:none;stroke:#6d9c8b;stroke-width:1}
.travel-postcard{position:absolute;width:270px;right:15px;top:0;transform:rotate(9deg);z-index:4;background:#f5f1e8;padding:9px;box-shadow:0 20px 25px #0002}
.travel-postcard figcaption{color:#211e3e;font-size:12px;text-align:center;padding-block:8px 2px}
.traveller-bird{position:absolute;width:220px;bottom:0;left:48%;z-index:5}
.passport-scribble{position:absolute;bottom:38px;left:4%;font-size:43px;line-height:1.03;letter-spacing:-.03em;font-weight:850;color:#bbd9b8;transform:rotate(-8deg)}
.passport-foot{display:flex;align-items:center;justify-content:space-between;gap:80px}
.passport-foot>p{max-width:425px;font-size:19px}
.share-minis{display:flex;align-items:center;gap:20px}
.share-minis a{width:125px;box-shadow:0 8px 18px #0003;transform:rotate(-7deg);transition:transform .2s}
.share-minis a:nth-child(2){transform:rotate(7deg);margin-left:-18px}
.share-minis a:hover{transform:rotate(0) translateY(-8px)}
.share-minis span{font-weight:750;font-size:17px;line-height:1.3;color:#e9b951}
.passport-section .caption{color:#d5cce0;font-size:11px;margin-top:25px}
.passport-wave{position:absolute;bottom:-1px;width:100%;height:140px;fill:var(--paper)}
.passport-wave .tide-line{display:none}
/* Paper objects retain their character, with fewer colours and room to breathe. */
.letter-section{padding:95px 0 150px;background:var(--peach)}.letter-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:95px}.letter-section .section-heading h2 span{color:#286957}.letter-section .section-heading>p{color:#252335}.letter-scene{margin-inline:20px}.review-paper{color:#252335}.letter-bird{right:-35px}.letter-wave{fill:var(--night)}.perch-stamp{flex:none;display:flex;flex-direction:column;align-items:center;gap:3px;width:62px;padding:8px;background:#fffaf0;transform:rotate(6deg);filter:drop-shadow(0 2px 3px #211e3e30);-webkit-mask:linear-gradient(#000 0 0) center/calc(100% - 8px) calc(100% - 8px) no-repeat,radial-gradient(circle,#000 2.9px,transparent 3.1px) 0 0/8px 8px;mask:linear-gradient(#000 0 0) center/calc(100% - 8px) calc(100% - 8px) no-repeat,radial-gradient(circle,#000 2.9px,transparent 3.1px) 0 0/8px 8px}.perch-stamp-art{display:flex;align-items:flex-end;justify-content:center;width:100%;height:44px;background:#286957}.perch-stamp-art img{width:38px;height:38px;object-fit:contain}.perch-stamp-label{font-size:6px;font-weight:900;letter-spacing:.08em;color:#286957;white-space:nowrap}
.passport-section{padding-top:40px}.passport-top{align-items:center}.passport-section .eyebrow{color:var(--peach)}.passport-section .section-heading h2 span{color:var(--ochre)}.stamp{mask:linear-gradient(#000 0 0) center/calc(100% - 12px) calc(100% - 12px) no-repeat,radial-gradient(circle at 4px 4px,transparent 3px,#000 3.5px) -4px -4px/12px 12px;-webkit-mask:linear-gradient(#000 0 0) center/calc(100% - 12px) calc(100% - 12px) no-repeat,radial-gradient(circle at 4px 4px,transparent 3px,#000 3.5px) -4px -4px/12px 12px}.stamp.green{--stamp-color:#e9b951}.stamp.green .stamp-top{color:#252335}.stamp.peach{--stamp-color:#f3bd96}.stamp.gold{--stamp-color:#e9b951}.passport-scribble{color:var(--peach)}.travel-postcard{border:4px solid #fffaf0;border-radius:18px;padding:0 0 8px;overflow:hidden;box-shadow:var(--shadow)}.travel-postcard img{border-radius:13px 13px 0 0}.travel-postcard figcaption{position:relative;z-index:2;background:#f5f1e8}.share-minis a{position:relative;display:block;border:3px solid #fffaf0;border-radius:12px;overflow:hidden;background:#f5f1e8}.share-minis span.image-fallback{color:#252335;font-size:10px}.share-minis .image-fallback strong{font-size:24px}.share-minis .image-fallback span{color:#252335;font-size:10px}.globe-scene{position:relative;flex:none;width:300px;height:300px;margin:0 35px 0 0}.globe{position:absolute;inset:30px;border-radius:50%;overflow:hidden;background:#286957;box-shadow:inset -16px -8px 25px #102f3950,0 22px 35px #0003;isolation:isolate}.globe:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset -20px -12px 24px #152d3a55,inset 12px 8px 15px #fffaf02b;pointer-events:none}.globe-land{position:absolute;top:0;left:0;height:100%;width:400%;background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAwIiBoZWlnaHQ9IjYwMCIgdmlld0JveD0iMCAwIDEyMDAgNjAwIj4KICA8dGl0bGU+QSB3b3JsZCBjdXQgZnJvbSBvY2hyZSBwYXBlciwgb24gYSBmb3Jlc3QgZ3JlZW4gc2VhPC90aXRsZT4KICA8ZGVmcz4KICAgIDxmaWx0ZXIgaWQ9ImN1dC1zaGFkb3ciIHg9Ii04JSIgeT0iLTglIiB3aWR0aD0iMTE2JSIgaGVpZ2h0PSIxMjQlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgogICAgICA8ZmVEcm9wU2hhZG93IGR4PSIxIiBkeT0iNyIgc3RkRGV2aWF0aW9uPSIzIiBmbG9vZC1jb2xvcj0iIzEyM2YzMyIgZmxvb2Qtb3BhY2l0eT0iLjUyIi8+CiAgICA8L2ZpbHRlcj4KICAgIDxmaWx0ZXIgaWQ9InBhcGVyLWdyYWluIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIj4KICAgICAgPGZlVHVyYnVsZW5jZSB0eXBlPSJmcmFjdGFsTm9pc2UiIGJhc2VGcmVxdWVuY3k9Ii4zOCAuNjIiIG51bU9jdGF2ZXM9IjMiIHN0aXRjaFRpbGVzPSJzdGl0Y2giIHNlZWQ9IjE5Ii8+CiAgICAgIDxmZUNvbG9yTWF0cml4IHR5cGU9InNhdHVyYXRlIiB2YWx1ZXM9IjAiLz4KICAgICAgPGZlQ29tcG9uZW50VHJhbnNmZXI+PGZlRnVuY0EgdHlwZT0ibGluZWFyIiBzbG9wZT0iLjIyIi8+PC9mZUNvbXBvbmVudFRyYW5zZmVyPgogICAgICA8ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgbW9kZT0ic29mdC1saWdodCIvPgogICAgPC9maWx0ZXI+CiAgPC9kZWZzPgogIDxyZWN0IHdpZHRoPSIxMjAwIiBoZWlnaHQ9IjYwMCIgZmlsbD0iIzI4Njk1NyIvPgogIDxnIGZpbGw9IiNlOWI5NTEiIHN0cm9rZT0iI2Y1ZjFlOCIgc3Ryb2tlLW9wYWNpdHk9Ii40NiIgc3Ryb2tlLXdpZHRoPSIyLjIiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGZpbHRlcj0idXJsKCNjdXQtc2hhZG93KSI+CiAgICA8IS0tIFRoZSB1bmV2ZW4gY3V0IGVkZ2VzIGFyZSBpbnRlbnRpb25hbDogdGhpcyBpcyBhIHBhcGVyIG9iamVjdCwgbm90IGEgbWFwIFVJLiAtLT4KICAgIDxwYXRoIGQ9Ik02NyAxMTIgMTA1IDg0IDEzOSA4MSAxNTkgNjMgMTk3IDcyIDIxNiA2NSAyNDcgODAgMjc2IDY5IDMwMCA4NSAzMjEgODEgMzUzIDEwMiAzNTkgMTI0IDM0NSAxNDMgMzY0IDE2NSAzNDEgMTc3IDMyMyAyMDEgMzEyIDIxOSAyOTAgMjI0IDI3NiAyNDUgMjU5IDI1MyAyNDkgMjc5IDIzMCAyNzIgMjIxIDI0NiAyMDIgMjMwIDE4MyAyMjIgMTcwIDIwMSAxNDEgMTk1IDEzMiAxNzQgMTA2IDE2NCA5NiAxNDAgNzcgMTM5WiIvPgogICAgPHBhdGggZD0iTTI0MyAyNTcgMjYxIDI0OSAyODQgMjY1IDI5MiAyODQgMzEzIDI4OCAzMjkgMzA1IDMxNSAzMTYgMjk4IDMwNCAyNzcgMjk1IDI3MCAyODAgMjUzIDI4MVoiLz4KICAgIDxwYXRoIGQ9Ik0zMjAgMzEyIDM0NCAyOTIgMzczIDI5NSAzOTggMzA4IDQyMSAzMTIgNDQzIDMzNyA0NTEgMzYzIDQzOCAzOTIgNDIxIDQwOSA0MTQgNDM3IDM5NyA0NTQgMzg5IDQ4NCAzNzMgNTAzIDM2NSA1MzEgMzUwIDU0NiAzNDAgNTI5IDM0NSA1MDUgMzM0IDQ4MyAzMzUgNDYwIDMyMiA0MzQgMzIzIDQxMiAzMTAgMzg5IDMxMiAzNjkgMjk4IDM0NyAzMDcgMzI2WiIvPgogICAgPHBhdGggZD0iTTQwNyA1MiA0MzMgMzEgNDYyIDI3IDQ4NyA0MiA0ODEgNjcgNDY1IDkwIDQ0NSAxMDggNDI3IDk4IDQyMiA3N1oiLz4KICAgIDxwYXRoIGQ9Ik01NzUgMTUzIDU4OCAxNDAgNjA0IDE0NyA2MDkgMTY2IDU5NiAxODAgNTgzIDE3NFoiLz4KICAgIDxwYXRoIGQ9Ik02MTAgMTIxIDYyNyAxMDcgNjQ1IDExMyA2NTQgMTAwIDY3MCAxMDUgNjc5IDEyNyA3MDIgMTI3IDcxOSAxNDcgNzMzIDE1MCA3NDIgMTcxIDcyNCAxODQgNzA1IDE3MyA2ODkgMTgyIDY3MSAxNzAgNjU0IDE3NiA2NDYgMTYwIDYyNCAxNjUgNjEwIDE1MVoiLz4KICAgIDxwYXRoIGQ9Ik02NzIgMTEwIDY2MCA5MiA2NjUgNzAgNjgxIDU3IDY5NSA2NiA2OTggODMgNjg4IDEwM1oiLz4KICAgIDxwYXRoIGQ9Ik02MjUgMTk4IDY1MyAxODcgNjgwIDE5MyA2OTcgMTg0IDcyMiAyMDEgNzQxIDIxNiA3NTIgMjQ0IDc0OSAyNzAgNzYxIDI4MSA3NTIgMjk4IDczMyAzMDYgNzIzIDMzMSA3MDYgMzUzIDY5NSAzODMgNjc3IDM5NSA2NTggMzgwIDY0OSAzNTIgNjMzIDMzNiA2MzEgMzA3IDYxNiAyODcgNjA4IDI1OSA1OTYgMjQ4IDYwMSAyMjYgNjE1IDIxNVoiLz4KICAgIDxwYXRoIGQ9Ik03MjQgMzYyIDczNSAzNDEgNzQ0IDMzOCA3NDkgMzU2IDc0MSAzODAgNzMwIDM4OSA3MjQgMzgyWiIvPgogICAgPHBhdGggZD0iTTcyNCAxMjkgNzQyIDEwOCA3NzIgMTEyIDc5MyA5NCA4MjQgOTkgODQyIDc2IDg3NCA2OSA5MDMgNzcgOTI3IDY3IDk1NyA4OCA5ODMgODIgMTAwMiA5OCAxMDMxIDk1IDEwNTQgMTEyIDEwODUgMTE2IDExMDkgMTQwIDExMDEgMTU1IDEwNzIgMTUxIDEwNTYgMTcxIDEwMzIgMTc4IDEwMTcgMTk4IDk5OSAyMDEgMTAwNCAyMjQgOTg5IDI0MiA5NzUgMjMwIDk2MSAyMzEgOTQ4IDI1MiA5MjkgMjU3IDkyNSAyODkgOTA3IDMwMCA4OTQgMjc1IDg4MSAyNTEgODYzIDI0NiA4NTAgMjIzIDgzNCAyMzkgODE5IDI3MSA4MDIgMjY4IDc5MiAyNDQgNzc5IDIzNSA3NjcgMjEzIDc0NSAyMDYgNzI3IDE4MSA3MzcgMTY2WiIvPgogICAgPHBhdGggZD0iTTk0MSAyNjMgOTU4IDI3MCA5NjggMjkxIDk4OSAyOTggMTAwMCAzMTYgOTg4IDMyMiA5NzAgMzA4IDk1NyAzMDQgOTQ4IDI4NVoiLz4KICAgIDxwYXRoIGQ9Ik05ODEgMzUyIDEwMDQgMzQ5IDEwMjYgMzU3IDEwMzggMzcxIDEwMjQgMzc4IDEwMDggMzcxIDk5MiAzNzIgOTc4IDM2MloiLz4KICAgIDxwYXRoIGQ9Ik0xMDc2IDIyOCAxMDg2IDIxNCAxMDk0IDIxOCAxMDkyIDIzNSAxMDgwIDI0OCAxMDcyIDI0M1oiLz4KICAgIDxwYXRoIGQ9Ik05OTMgNDM1IDEwMTcgNDIwIDEwNDIgNDI1IDEwNjAgNDEzIDEwODAgNDIzIDEwOTMgNDQzIDEwOTggNDY3IDEwODQgNDg0IDEwNjMgNDgyIDEwNDYgNDk1IDEwMjUgNDg1IDEwMDIgNDg2IDk4NSA0NzAgOTg0IDQ0OVoiLz4KICAgIDxwYXRoIGQ9Ik0xMDY5IDUwMiAxMDgyIDUwMiAxMDg2IDUxNSAxMDc2IDUyMyAxMDY3IDUxNloiLz4KICAgIDxwYXRoIGQ9Ik0xMTQyIDQ3NiAxMTUyIDQ3MCAxMTU5IDQ3OCAxMTU0IDQ5MyAxMTQ0IDUwNSAxMTM3IDUwMyAxMTQ1IDQ4OFogTTExMzIgNTA5IDExNDEgNTA0IDExNDYgNTEyIDExMzIgNTMwIDExMjAgNTM2IDExMTggNTI4WiIvPgogIDwvZz4KICA8ZyBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZhZjAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgb3BhY2l0eT0iLjExIiBzdHJva2Utd2lkdGg9IjEiPgogICAgPHBhdGggZD0ibTg2IDMxMiAyNi03bTMyIDE2OCAzMSA0bTM4Mi0zMzkgMTktNW0tMjcgMzY0IDMwLTRtMjg5LTg1IDM0IDJtMjY1LTI0NSAyNCA2bS05NiAzNjEgMzItNW0tNTEzLTc1IDE5IDdtLTQ2MS0yMDUgMjEgMm01NjAtMTc1IDMwIDRtMTkwIDIyMiAyNS02bS0zMzUgMjQ3IDI3IDQiLz4KICA8L2c+CiAgPHJlY3Qgd2lkdGg9IjEyMDAiIGhlaWdodD0iNjAwIiBmaWxsPSIjZjVmMWU4IiBvcGFjaXR5PSIuMTIiIGZpbHRlcj0idXJsKCNwYXBlci1ncmFpbikiLz4KPC9zdmc+Cg==') 0 0 / 50% 100% repeat-x;animation:globe-turn 32s linear infinite}.globe-scene .pin{position:absolute;display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:var(--blob);background:#fffaf0;font-size:29px;box-shadow:0 8px 15px #0003}.globe-scene .p1{left:-6px;top:150px}.globe-scene .p2{left:30px;top:15px}.globe-scene .p3{right:63px;top:0}.globe-scene .p4{right:-6px;top:100px}.globe-scene .p5{right:30px;bottom:0}@keyframes globe-turn{to{transform:translateX(-50%)}}
/* Large, trimmed wire birds: top is the exact curve point; feet stay planted. */
.widgets-section{position:relative;padding:210px 0 200px;overflow:hidden}.wire{position:absolute;left:0;right:0;height:120px;pointer-events:none}.wire svg{position:absolute;inset:0;width:100%;height:120px;overflow:visible}.wire path{fill:none;stroke:var(--teal);stroke-width:3;vector-effect:non-scaling-stroke}.wire img{position:absolute;width:85px;height:auto;transform:translate(-50%,-100%);max-width:none}.wire-a{top:65px}.wire-b{bottom:18px}.wire-b img{width:75px}.widget-layout{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:60px;align-items:center}.widget-scene{position:relative;height:460px}.widget-blob{position:absolute;inset:0 2%;border-radius:var(--blob);background:var(--ochre);transform:rotate(-14deg)}.widget-scene picture{position:absolute;border:3px solid var(--frame);border-radius:22px;overflow:hidden;box-shadow:var(--shadow);background:var(--paper)}.widget-scene picture img{width:100%}.today-widget{width:85%;left:0;top:36%;z-index:2}.rank-widget{width:36%;right:0;top:6%;z-index:3}
/* The ending is a set of tickets, with a bird resting on the price itself. */
.start-section{padding:85px 0 75px;background:var(--soft);border-radius:50% 50% 0 0 / 3% 3% 0 0}.start-section .section-heading{max-width:1000px}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:45px 0 0}.steps li{position:relative;padding:30px;background:var(--paper);border-radius:16px;border:2px solid var(--frame);box-shadow:0 10px 20px #182d2410}.steps li:before,.steps li:after{content:"";position:absolute;top:75px;width:20px;height:20px;border-radius:50%;background:var(--soft)}.steps li:before{left:-11px}.steps li:after{right:-11px}.steps li>span{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--blob);background:var(--forest);color:#fffaf0;font-size:28px;font-weight:850;margin-bottom:30px}.steps h3{font-size:25px}.steps p{font-size:16px;line-height:1.5;margin-top:15px}.steps .text-link{font-size:14px;margin-top:18px}.price-layout{position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:65px;align-items:center;padding:120px 0 85px}.price-copy h2{font-size:clamp(42px,4.8vw,69px)}.price-copy h2 span{color:var(--teal)}.price-copy>p:last-child{font-size:20px}.price-ticket{position:relative;justify-self:center;width:100%;max-width:380px;padding:38px;background:var(--ochre);color:#252335;border-radius:22px;transform:rotate(3deg);box-shadow:var(--shadow)}.price-ticket:before,.price-ticket:after{content:"";position:absolute;width:30px;height:30px;top:64%;border-radius:50%;background:var(--soft)}.price-ticket:before{left:-15px}.price-ticket:after{right:-15px}.price-ticket .eyebrow{color:#51431e}.price-ticket .price{font-size:100px;line-height:1;font-weight:900;letter-spacing:-.05em;margin:0}.price-ticket .price>span{font-size:24px;vertical-align:top;letter-spacing:-.02em;display:inline-block;margin-top:17px;margin-right:5px}.price-ticket .once{font-size:24px;font-weight:750;margin:9px 0 23px}.price-ticket .pill{background:#252335;color:#fffaf0;position:relative;z-index:2}.price-ticket .pill:hover{background:#286957}.price-bird{position:absolute;width:145px;right:5px;top:-90px;z-index:2;pointer-events:none}.data-note{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:10px 60px;border-top:2px solid var(--line);padding:40px 0 0;align-items:start}.data-note h3{font-size:31px}.data-note p{font-size:16px;line-height:1.65;margin:0}.data-note .text-link{grid-column:2;margin-top:5px;font-size:14px}.closing{position:relative;padding:160px 0 85px;background:var(--forest);color:#fffaf0;text-align:center}.closing-wave{position:absolute;top:-1px;left:0;width:100%;height:100px;fill:var(--soft);transform:rotate(180deg)}.closing-wave .tide-line{display:none}.closing>.wrap{position:relative}.closing-bird{position:absolute;right:0;top:-145px;width:175px;transform:rotate(7deg)}.closing h2{font-size:clamp(48px,6.5vw,92px)}.closing h2 span{color:var(--peach)}.closing .eyebrow{color:#fffaf0}.closing .downloads{justify-content:center;margin-top:35px}.closing>.wrap>p:last-child{font-size:14px;margin-top:20px}.site-footer{padding-block:40px;background:var(--paper)}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-nav{display:flex;gap:25px;font-size:14px;font-weight:650;flex-wrap:wrap}.site-footer .brand{font-size:28px}.footer-copy{margin-top:10px}.footer-copy span{float:right}.sample-note{margin-top:28px;max-width:750px}
/* Dark mode uses a warm charcoal paper; navy belongs to Passport alone.
   Native Mac exports remain intentionally cream paper, not colour-filtered UI. */

@media(min-width:1600px){.hero-scene{height:720px}.hero-inner{gap:65px}.hero .lede{font-size:20px;max-width:570px}.hero{padding-bottom:155px}.hero-bird{width:43%}.dashboard-stage{grid-template-columns:1fr 310px 1fr;max-width:1180px;gap:70px}.dashboard-phone{width:310px}.mac-scene{min-height:635px}.mac-popover{width:380px}.passport-objects{height:535px}.stamp{width:240px;height:320px}.stamp-top{height:170px}.stamp-country{font-size:23px}.stamp-top>b{font-size:43px;top:65px}.stamp-top img{width:78px}.travel-postcard{width:305px;right:30px}.traveller-bird{width:240px}.widget-scene{height:500px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero-inner{gap:26px}.hero h1{font-size:clamp(51px,6.5vw,72px)}.hero-scene{height:560px}.hero .lede{font-size:17px}.store-button{font-size:17px;gap:8px;padding:11px 13px}.store-button svg{width:21px}.header-nav{gap:22px}.hero-bird{width:47%;left:56%}.dashboard-stage{grid-template-columns:1fr 260px 1fr;gap:25px}.dashboard-phone{width:260px}.dashboard-note{padding:20px}.dashboard-note>strong{font-size:49px}.dashboard-note p{font-size:15px}.details-stage{gap:18px}.detail-card h3{font-size:20px}.mac-layout{gap:45px}.mac-scene{min-height:535px}.mac-popover{width:310px;max-width:88%}.menu-file{display:none}.mac-section h2{font-size:60px}.letter-layout{gap:50px}.letter-scene{margin-inline:0}.letter-bird{width:190px;right:-20px}.review-paper{padding:23px}.review-paper blockquote{font-size:28px}.stamp{width:180px;height:250px}.stamp-top{height:119px}.stamp-country{font-size:18px}.stamp-top img{width:50px}.stamp-top>span:first-child{font-size:6px}.stamp-top>b{font-size:30px;top:45px}.stamp-top>span strong{font-size:28px}.stamp-bottom>span{font-size:10px}.travel-postcard{width:235px;right:8px}.traveller-bird{width:195px}.passport-objects{height:450px}.passport-foot{gap:35px}.share-minis a{width:105px}.share-minis{gap:15px}.passport-foot>p{font-size:17px}.widget-layout{gap:35px}.widget-scene{height:375px}.steps li{padding:24px}.steps h3{font-size:23px}.price-layout{gap:40px}.price-ticket{padding:30px}.price-ticket .price{font-size:83px}.rankings-heading{gap:40px}.country-ranks{gap:16px;padding:28px 20px}.country-card{padding:20px}.country-top h3{font-size:18px}.chart-place{font-size:70px}}
@media(max-width:800px){.wrap{width:calc(100% - 48px)}.site-header{height:88px}.brand{font-size:30px}.brand img{width:42px;height:42px}.header-nav>a:first-child{display:none}.header-nav{font-size:13px;gap:18px}.header-nav .pill{padding:12px 17px}.hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:20px}.hero h1{font-size:50px}.hero-scene{height:530px}.hero-sun{width:120%}.hero .lede{font-size:16px}.hero .eyebrow{max-width:270px}.hero .downloads{gap:8px}.store-button{font-size:15px;min-height:54px;padding:10px 12px}.store-button small{font-size:9px}.store-button svg{width:20px;height:25px}.hero-phone{height:88%;top:5%}.hero-bird{bottom:0;left:53%;width:55%}.spark{font-size:40px}.hero{padding-top:25px;padding-bottom:120px}.hero-wave{height:105px}h2{font-size:55px}.section-heading>p:not(.eyebrow){font-size:18px}.numbers-section .section-heading{gap:0 30px}.dashboard-stage{grid-template-columns:1fr 240px 1fr;gap:18px;margin-top:40px}.dashboard-phone{width:240px}.dashboard-note{padding:17px}.dashboard-note>strong{font-size:37px}.dashboard-note p{font-size:13px}.dashboard-note .eyebrow{font-size:11px}.number-link{font-size:12px}.details-stage{gap:28px 20px;grid-template-columns:repeat(2,minmax(0,1fr));max-width:610px;margin-inline:auto}.detail-card h3{font-size:22px}.breakdown-link svg{display:none}.breakdown-link{margin:25px 0}.detail-card figcaption{margin-top:18px}.mac-layout{gap:35px}.mac-section h2{font-size:51px}.mac-scene{min-height:465px}.mac-popover{max-width:95%;width:280px}.desktop-menubar{padding:7px 10px;gap:8px}.menu-clock{font-size:10px}.search-scene{grid-template-columns:minmax(0,1.7fr) minmax(0,.8fr);gap:15px}.find-heading{gap:0 30px}.find-heading>p:last-child{font-size:19px}.search-bar{padding:20px}.search-result{padding:18px;gap:9px}.search-result>div>span{font-size:11px}.how-watch{padding:9px 13px}.how-ranks li{font-size:15px}.how-checking{font-size:15px;padding:25px 18px}.rankings-heading{grid-template-columns:1fr;gap:0}.rankings-heading h2{font-size:55px}.rankings-heading>p{max-width:540px;font-size:18px}.country-ranks{padding:25px 15px;gap:12px}.country-card{padding:15px}.country-top{display:block}.country-top h3{font-size:18px;margin-top:8px}.chart-place{font-size:64px}.installs-line{gap:8px;display:block}.installs-line strong{font-size:43px}.installs-line span{font-size:13px;display:block;margin-top:8px}.letter-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:35px}.letter-scene{height:460px}.review-paper{left:4%;right:4%;height:390px;padding:20px;transform:rotate(-4deg)}.review-paper blockquote{font-size:24px}.review-body{font-size:13px}.envelope-back{height:300px;transform:rotate(-4deg)}.envelope-front{height:230px;transform:rotate(-4deg)}.envelope-seal{bottom:122px;width:43px;height:43px;font-size:29px}.letter-bird{width:155px;right:-20px;bottom:0}.letter-section h2{font-size:50px}.letter-top>span:first-child{font-size:8px}.perch-stamp{width:50px;padding:6px}.perch-stamp-art{height:33px}.perch-stamp-art img{width:29px;height:29px}.perch-stamp-label{font-size:5px}.passport-top{gap:25px}.globe-scene{width:230px;height:230px;margin:0 5px 0 0}.globe{inset:22px}.globe-scene .pin{width:43px;height:43px;font-size:23px}.globe-scene .p1{top:112px}.globe-scene .p3{right:42px}.globe-scene .p4{top:90px}.passport-objects{height:440px}.stamp-fan{left:0;width:65%;top:50px}.stamp{width:159px;height:226px;padding:10px}.stamp-top{height:102px;padding:9px 6px}.stamp-top>span:first-child{font-size:6px}.stamp-top>b{font-size:27px;left:10px;top:42px}.stamp-top img{width:47px}.stamp-country{font-size:16px;margin-top:12px}.stamp-bottom{left:15px;right:15px;bottom:15px;gap:5px}.stamp-bottom svg{width:25px}.stamp-bottom small{font-size:8px}.travel-postcard{width:190px;right:8px;top:25px}.traveller-bird{left:50%;width:175px;bottom:5px}.passport-scribble{font-size:35px}.passport-foot{gap:25px}.passport-foot>p{font-size:16px}.share-minis{gap:12px}.share-minis a{width:95px}.share-minis>span{display:none}.widget-layout{grid-template-columns:1fr;gap:35px}.widget-scene{width:80%;height:440px;margin-inline:auto}.widgets-section .section-heading{max-width:540px}.steps{gap:16px}.steps li{padding:21px}.steps h3{font-size:21px}.steps p{font-size:15px}.price-copy h2{font-size:43px}.price-ticket{padding:27px}.price-ticket .price{font-size:70px}.price-ticket .price>span{font-size:20px;margin-top:12px}.price-ticket .pill{padding:12px 17px;font-size:13px;gap:14px}.price-ticket .once{font-size:22px}.price-bird{width:130px;top:-80px}.data-note{gap:10px 30px}.data-note h3{font-size:28px}.data-note p{font-size:15px}.closing h2{font-size:63px}.closing-bird{width:140px;top:-135px}.footer-nav{gap:17px;font-size:13px}}
@media(max-width:600px){body{font-size:16px}.wrap{width:calc(100% - 40px)}.site-header{height:80px;gap:10px}.brand{font-size:29px;gap:5px}.brand img{width:37px;height:37px}.edition{font-size:10px;padding:6px;margin-left:2px}.header-nav>a:not(.pill){display:none}.header-nav .pill{font-size:12px;padding:12px 14px;gap:9px}.hero{padding:28px 0 90px}.hero-inner{display:flex;flex-direction:column;gap:35px}.hero-copy{width:100%}.hero h1{font-size:clamp(44px,12.3vw,70px);line-height:1.01;max-width:530px}.hero .eyebrow{max-width:none;margin-bottom:23px}.hero .lede{font-size:16px;margin-top:24px;max-width:480px}.hero .downloads,.closing .downloads{gap:8px;flex-wrap:nowrap;margin-top:25px}.store-button{font-size:15px;padding:10px 11px;gap:7px;min-height:54px}.store-button small{font-size:8px}.store-button svg{width:19px;height:25px}.price-note{font-size:12px;margin-top:15px}.hero-start{font-size:13px;margin-top:17px}.hero-scene{width:100%;height:520px;max-width:420px}.hero-phone{height:95%;top:1%}.hero-sun{width:103%;height:auto;aspect-ratio:1;top:48%}.hero-bird{width:45%;left:56%;bottom:4%}.spark{left:2%;top:5%;font-size:40px}.hero-wave{height:88px}.eyebrow{font-size:11px;letter-spacing:.12em;margin-bottom:18px}h2{font-size:clamp(43px,11.8vw,64px)}.section-heading>p:not(.eyebrow){font-size:17px;margin-top:20px}.numbers-section{padding:20px 0 65px}.numbers-section .section-heading{display:block}.numbers-section .section-heading>p:last-child{max-width:420px}.dashboard-stage{grid-template-columns:1fr;gap:0;margin-top:35px;padding:0 0 110px;max-width:400px}.dashboard-blob{inset:8% -3% 9%;transform:rotate(-8deg)}.dashboard-phone{grid-column:1;grid-row:1;width:235px;justify-self:center;border-width:6px;border-radius:33px}.note-installs{display:none}.note-revenue{position:absolute;bottom:0;right:0;width:78%;padding:18px 20px}.dashboard-note>strong{font-size:40px}.dashboard-note .eyebrow{font-size:11px;margin-bottom:7px}.dashboard-note p{font-size:14px;margin-top:8px}.dashboard-note p br{display:none}.number-link{font-size:13px;margin-top:10px}.details-stage{gap:27px 14px}.detail-card>.detail-shot{border-width:3px;border-radius:14px}.detail-card figcaption{margin-top:15px}.detail-card h3{font-size:18px;line-height:1.1}.detail-card figcaption p{font-size:13px;margin-top:7px}.breakdown-link{font-size:13px;margin:29px 0 22px}.numbers-section>.wrap>.text-link{font-size:14px;margin-top:30px}.mac-section{padding:65px 0 85px}.mac-layout{grid-template-columns:1fr;gap:38px}.mac-section h2{font-size:clamp(43px,11.8vw,64px)}.mac-scene{min-height:470px;max-width:420px;width:100%;margin-inline:auto}.mac-popover{width:295px;max-width:84%}.desktop-menubar{padding:8px 13px;font-size:12px}.menu-file{display:inline}.mac-blob{inset:7% -4% 0}.find-section{padding:65px 0 110px;border-radius:50% 50% 0 0 / 1.5% 1.5% 0 0}.find-heading{display:block}.find-heading h2 br{display:none}.find-heading h2 span{display:block}.find-heading>p:last-child{font-size:18px;max-width:320px;margin-top:22px}.search-scene{display:block;padding:30px 0 0}.search-bar{padding:19px 18px;gap:12px;font-size:24px}.search-bar svg{width:24px;height:24px}.how-stage{min-height:254px;margin-top:12px}.how-ranks li{padding:13px 17px;font-size:15px;border-radius:15px}.how-ranks strong{font-size:35px}.how-ranks small{font-size:11px}.how-steps{gap:9px;margin-top:5px}.how-steps li{font-size:11px;line-height:1.4}.search-result{padding:18px 13px;gap:10px}.search-result strong{font-size:21px}.search-result .tideline-icon{width:40px;height:40px;font-size:32px;border-radius:10px}.how-watch{padding:9px 12px;font-size:12px}.how-checking{font-size:14px;padding:24px 17px;gap:12px}.explorer-orbit{width:190px;height:190px;max-width:55%;margin:22px 0 0 auto}.find-foot{display:block;margin-top:-12px}.find-foot p{font-size:16px;max-width:340px}.find-foot .pill{margin-top:22px;font-size:14px}.rank-fine{font-size:13px;line-height:1.6}.section-wave{height:65px}.rankings-section{padding:25px 0 70px}.rankings-heading h2{font-size:clamp(41px,10.8vw,62px)}.rankings-heading>p{font-size:17px;margin-top:20px}.country-ranks{grid-template-columns:1fr;gap:15px;padding:24px 16px;margin-top:30px;border-radius:var(--blob)}.country-card{padding:20px;display:grid;grid-template-columns:minmax(0,1fr) 85px;gap:0 10px;align-items:center;border-radius:18px}.country-top{display:flex;grid-column:1;gap:10px}.country-top h3{font-size:19px;margin:0}.country-top>span{font-size:26px}.chart-place{grid-column:2;grid-row:1/3;font-size:57px;margin:0;text-align:right}.country-card>p{grid-column:1;font-size:12px;margin-top:6px}.installs-line{grid-column:1/-1;display:flex;gap:14px;min-height:0;margin-top:17px;padding-top:14px}.installs-line strong{font-size:37px}.installs-line span{font-size:14px;margin:0}.installs-line span br{display:none}.letter-section{padding:65px 0 105px}.letter-layout{display:flex;flex-direction:column-reverse;gap:38px;align-items:stretch}.letter-section h2{font-size:clamp(45px,12vw,65px)}.letter-section .section-heading h2 br{display:none}.letter-section .section-heading h2 span{display:block}.letter-section .section-heading>p:not(.eyebrow){font-size:18px;max-width:350px}.letter-section .section-heading>p:last-child{font-size:16px;margin-top:12px}.letter-scene{width:calc(100% - 20px);margin-inline:auto;height:440px;max-width:430px}.review-paper{padding:20px;left:3%;right:3%;top:0;height:370px}.review-paper blockquote{font-size:27px}.review-body{font-size:13px}.letter-top>span:first-child{font-size:8px}.envelope-back{height:285px;bottom:22px}.envelope-front{height:210px;bottom:18px}.envelope-seal{bottom:110px}.letter-bird{width:150px;right:-17px;bottom:-7px}.letter-wave{height:75px}.passport-section{padding-top:35px;padding-bottom:110px}.passport-top{display:block}.passport-section .section-heading h2{font-size:clamp(48px,12vw,68px)}.globe-scene{width:235px;height:235px;margin:25px auto 0}.passport-objects{margin-top:30px;height:600px}.stamp-fan{top:20px;left:0;width:100%;height:260px}.stamp{width:145px;height:210px;padding:10px}.stamp-top{height:95px}.stamp-top>b{font-size:27px;top:36px}.stamp-top img{width:44px;right:3px}.stamp-top>span:first-child{font-size:5.5px}.stamp-top>span:nth-child(2){font-size:7px}.stamp-top>span strong{font-size:25px}.stamp-country{font-size:15px;margin:10px 3px 0}.stamp-bottom{left:14px;right:14px;bottom:13px}.stamp-bottom>span{font-size:9px}.stamp-bottom small{font-size:7px}.stamp.peach{left:6px;top:23px;transform:rotate(-12deg)}.stamp.green{left:calc(50% - 72px);top:0;transform:rotate(-2deg);z-index:1}.stamp.gold{left:auto;right:6px;top:32px;transform:rotate(12deg);z-index:2}.stamp-fan:hover .stamp.peach{transform:rotate(-12deg)}.stamp-fan:hover .stamp.gold{transform:rotate(12deg)}.travel-postcard{width:183px;top:294px;right:11px;transform:rotate(6deg)}.travel-postcard figcaption{font-size:12px;padding:7px 5px}.traveller-bird{left:0;bottom:0;width:155px}.passport-scribble{left:8px;bottom:230px;font-size:34px}.passport-foot{display:flex;flex-direction:column;align-items:flex-start;gap:30px}.passport-foot>p{font-size:17px;margin:0;max-width:350px}.share-minis{padding-left:8px;gap:18px;width:100%;max-width:400px}.share-minis a{width:95px;flex:none}.share-minis>span{display:block;font-size:16px;max-width:120px}.passport-wave{height:80px}.widgets-section{padding-top:180px;padding-bottom:165px}.wire-a{top:60px}.wire-b{bottom:12px}.wire img{width:65px}.wire-b img{width:61px}.widget-layout{gap:35px}.widget-scene{width:100%;height:320px;max-width:410px}.widget-blob{inset:0 2%}.today-widget{width:87%;top:40%}.rank-widget{width:38%;top:4%;right:0}.widget-scene picture{border-width:2px;border-radius:16px}.start-section{padding:65px 0 55px}.start-section .section-heading h2{font-size:clamp(40px,10.6vw,58px)}.steps{grid-template-columns:1fr;gap:17px;margin-top:30px}.steps li{padding:25px 23px 25px 85px;min-height:130px}.steps li>span{position:absolute;left:22px;top:24px;width:42px;height:42px;font-size:25px;margin:0}.steps li:before,.steps li:after{top:50%;margin-top:-10px}.steps h3{font-size:23px}.steps p{font-size:15px;margin-top:10px}.steps .text-link{font-size:14px;margin-top:12px}.price-layout{grid-template-columns:1fr;gap:105px;padding:65px 0}.price-copy h2{font-size:clamp(37px,10.4vw,56px);line-height:1.05}.price-copy>p:last-child{font-size:18px}.price-ticket{width:88%;max-width:340px;padding:30px}.price-ticket .price{font-size:89px}.price-ticket .price>span{font-size:22px;margin-top:16px}.price-ticket .once{font-size:24px}.price-ticket .pill{font-size:14px;padding:13px 20px;gap:20px}.price-bird{width:142px;top:-89px;right:8px}.data-note{display:block;padding-top:30px}.data-note h3{font-size:29px}.data-note p{font-size:15px;margin-top:17px}.data-note .text-link{margin-top:17px}.closing{padding-top:125px;padding-bottom:65px}.closing-wave{height:70px}.closing-bird{width:105px;top:-125px;right:0}.closing h2{font-size:clamp(40px,10.8vw,60px);line-height:1.04}.closing .eyebrow{max-width:285px;margin-inline:auto}.closing .downloads{justify-content:center}.closing>.wrap>p:last-child{font-size:13px}.site-footer{padding-block:32px}.footer-row{display:block}.footer-nav{gap:17px;margin-top:27px;font-size:13px}.footer-copy span{float:none;display:block;margin-top:5px}.sample-note{margin-top:25px}.footer-copy{margin-top:15px}}
@media(max-width:374px){.wrap{width:calc(100% - 36px)}.brand{font-size:26px}.brand img{width:33px;height:33px}.header-nav .pill{padding:11px 12px;font-size:11px}.hero h1{font-size:44px}.store-button{font-size:14px;gap:6px;padding:10px}.store-button svg{width:18px}.hero-scene{height:485px}.hero-bird{width:46%}.dashboard-phone{width:222px}.detail-card h3{font-size:17px}.detail-card figcaption p{font-size:12px}.mac-scene{min-height:435px}.menu-file{font-size:10px}.search-result{gap:8px}.search-result>div>span{font-size:10px}.how-watch{padding:8px 10px}.country-ranks{padding-inline:12px}.country-top h3{font-size:18px}.review-paper blockquote{font-size:24px}.review-paper{padding:18px}.stamp{width:132px;height:204px}.stamp.green{left:calc(50% - 66px)}.stamp-top{height:91px}.stamp-country{font-size:14px}.stamp-bottom>span{font-size:8px}.stamp-bottom svg{width:20px}.share-minis{gap:14px}.share-minis a{width:87px}.share-minis>span{font-size:15px}.travel-postcard{width:172px}.traveller-bird{width:145px}.passport-scribble{font-size:31px}.widget-scene{height:298px}.price-ticket .price{font-size:80px}.steps li{padding-left:78px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.how-typed{width:8ch}.how-caret,.how-found,.how-checking{display:none}.how-ranks li{opacity:1;transform:none}.pill:hover,.store-button:hover,.detail-card>.detail-shot:hover{transform:none}.letter-scene:hover .review-paper{transform:rotate(-4deg)}.share-minis a:hover{transform:rotate(-7deg)}.share-minis a:nth-child(2):hover{transform:rotate(7deg)}}

/* Site 5 completion. The number card is the link: no guessed screenshot overlays.
   All screenshot pixels remain visible while loading; their text fallback sits below. */
.image-fallback + img { background: transparent; }
.detail-card.revenue > .detail-shot { border-color: var(--ochre); }

/* One centerline owns the menu item and the popover. The triangle tip meets
   the 46px menu bar's bottom: 60px panel + 4px border - 18px offset = 46px. */
.desktop-menubar { justify-content: space-between; }
.menu-bird { position: absolute; left: 50%; transform: translateX(-50%); margin: 0; }
.menu-file { margin-right: auto; }
.mac-popover:before { right: auto; left: calc(50% - 12px); }
@media (min-width: 601px) and (max-width: 1100px) { .menu-file { display: none; } }
@media (max-width: 600px) { .menu-file { display: none; } }

/* Each boundary and its wire share the same quadratic curve, shifted 30px.
   y(t) = endpoint - 160*t*(1-t), x(t) = viewportWidth*t. Site 6 anchors each
   bird by its painted soles; the page script follows the rendered tangent. */
.widgets-section { padding-top: 250px; padding-bottom: 225px; }
.wire-a { top: 0; height: 200px; }
.wire-b { bottom: 0; height: 160px; }
.wire svg { height: 100%; }
.wire .wire-edge { fill: var(--soft); stroke: none; }
.wire .wire-line { fill: none; stroke: var(--teal); stroke-width: 3; }
.wire img {
 /* These anchors are the midpoint of the two opaque orange soles in each
    source asset, not the bottom of its transparent image rectangle. */
 transform-origin: var(--foot-x) var(--foot-y);
 transform: translate(calc(-1 * var(--foot-x)), calc(-1 * var(--foot-y))) rotate(var(--wire-angle, 0deg));
}
.wire img[src$="wire-perky-site5.webp"] { --foot-x: 42.487047%; --foot-y: 97.865854%; }
.wire img[src$="wire-settled-site5.webp"] { --foot-x: 43.478261%; --foot-y: 98.138298%; }
.wire img[src$="wire-resting-site5.webp"] { --foot-x: 41.951220%; --foot-y: 98.033708%; }
.start-section { border-radius: 0; }
@media (max-width: 600px) {
 .widgets-section { padding-top: 225px; padding-bottom: 190px; }
 .wire img { width: 70px; }
 .wire-b img { width: 65px; }
}

.wire-a .wire-edge { fill: var(--night); }

/* Stable frames and readable content even while a screenshot is unavailable. */
.hero-phone img, .dashboard-phone img { aspect-ratio: 720 / 1561; }
.detail-card img { aspect-ratio: 600 / 1025; }
.mac-popover img { aspect-ratio: 840 / 1036; }
.today-widget img { aspect-ratio: 840 / 392; }
.rank-widget img { aspect-ratio: 1; }
[data-fallback]::before {
 content: attr(data-fallback); position: absolute; inset: 0; z-index: 0;
 display: flex; align-items: center; justify-content: center; white-space: pre-line;
 padding: 12px; background: var(--paper); color: var(--ink);
 text-align: center; font-size: 16px; font-weight: 750; line-height: 1.6;
}
.hero-phone picture, .dashboard-phone picture, .widget-scene picture img { position: relative; z-index: 1; }
.rank-widget[data-fallback]::before { font-size: 13px; }
.find-heading .eyebrow { color: var(--white); }

/* Site 6: keep the backing shape on the phone's centre at each breakpoint:
   desktop 2% + 96%/2, tablet 5% + 88%/2, mobile 1% + 95%/2. */
@media (min-width: 601px) and (max-width: 800px) {
 .hero-sun { top: 49%; }
}
@media (max-width: 600px) {
 .hero-sun { top: 48.5%; }
}

/* Globe background embeds the unchanged globe-map-site5.svg bytes so local
   WebKit previews and served pages paint the same paper continents. */

/* A failed replaced image can ignore its ratio in legacy WebKit. The frame
   also owns the ratio, independently of the image's load/decode state. */
.dashboard-phone picture { aspect-ratio: 720 / 1561; }
.detail-card > .detail-shot { aspect-ratio: 600 / 1025; }
.mac-popover { aspect-ratio: 840 / 1036; }
.today-widget { aspect-ratio: 840 / 392; }
.rank-widget { aspect-ratio: 1; }

/* Keep a broken wide widget image from imposing a square min-content height. */
.widget-scene .today-widget img {
 position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain;
}

/* Site 6: both dashboard callouts share a row, so their labels, numbers and
   copy start together even though only Revenue has a link beneath its copy. */
@media (min-width: 601px) {
 .dashboard-stage { grid-template-rows: 1fr auto 1fr; }
 .dashboard-phone { grid-row: 1 / 4; }
 .dashboard-note { grid-row: 2; align-self: stretch; }
}
@media (min-width: 601px) and (max-width: 1100px) {
 .dashboard-note .eyebrow { min-height: 3em; }
}

/* Site 6: the resting bird's opaque feet are at y=340 in its 400px artwork.
   Anchor that point to the ticket edge at every responsive bird size. */
.price-bird { top: 0; transform: translateY(-85%); }

/* The envelope's front, back and seal share the front flap's V (50%,54%)
   as their rotation origin. Its lower corners and fold stay joined on resize. */
.letter-scene {
 --envelope-front-height: 270px;
 --envelope-bottom: 30px;
 --envelope-angle: -7deg;
 --envelope-fold-depth: calc(var(--envelope-front-height) * .46);
}
.envelope-front, .envelope-back {
 bottom: var(--envelope-bottom);
 transform: rotate(var(--envelope-angle));
 transform-origin: 50% calc(100% - var(--envelope-fold-depth));
}
.envelope-front { height: var(--envelope-front-height); }
.envelope-seal {
 left: 50%;
 bottom: calc(var(--envelope-bottom) + var(--envelope-fold-depth));
 transform: translate(-50%,50%) rotate(var(--envelope-angle));
 display: flex; align-items: center; justify-content: center;
}
@media (max-width: 800px) {
 .letter-scene { --envelope-front-height: 230px; --envelope-angle: -4deg; }
}
@media (max-width: 600px) {
 .letter-scene { --envelope-front-height: 210px; --envelope-bottom: 18px; }
}

/* Matching heading slots keep ticket descriptions on one shared baseline. */
@media (min-width: 601px) and (max-width: 1100px) {
 .steps h3 { min-height: 2.3em; }
}

/* Site 6: use each widget's real height to keep the two cards 16px apart.
   The ranking card must never cover the date or figures on Today. */
.widget-scene {
 display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 16px;
 height: auto; align-content: center; padding-bottom: 24px;
}
.widget-scene picture { position: relative; top: auto; right: auto; left: auto; }
.widget-scene .rank-widget { grid-row: 1; justify-self: end; }
.widget-scene .today-widget { grid-row: 2; justify-self: start; }

/* Phone: the green shape behind the dashboard stays a round blob, not a tall oval. */
@media (max-width: 600px) {
 .dashboard-blob { inset: auto; left: 50%; top: 50px; width: 112%; height: auto; aspect-ratio: 1; transform: translateX(-50%) rotate(-8deg); }
}
@media (max-width: 600px) {
 .country-ranks { border-radius: 36px; }
 .find-foot { margin-top: 22px; }
}

/* Keep Perch Post reachable from the compact navigation. */
@media(max-width:600px){.home-page .header-nav>a[href="/blog"]{display:block}.home-page .header-nav{gap:12px}}
@media(max-width:360px){.home-page .site-header .edition{display:none}}