:root {--header-height:73px}
html {scroll-padding-top:calc(var(--header-height) + 16px)}
[id] {scroll-margin-top:0}
.skip-link {position:fixed;left:20px;top:-100px;z-index:100;background:var(--amber-soft);color:#17100b;padding:12px 20px}
.skip-link:focus {top:10px}
.button,.text-link {font-weight:750;text-underline-offset:6px}.button {display:inline-flex;gap:24px;align-items:center;min-height:48px;padding:14px 22px;background:var(--amber-soft);color:#21140e;border-radius:8px;text-decoration:none}.text-link {display:inline-block;padding-block:12px;color:var(--amber-soft)}
.migration-cta:hover {background:#49301c}.hero .promise {font-size:0.9375rem;font-weight:500}.hero .lead{font-size:1.25rem}.hero-art{transform:none}
.tour {padding:0;background:#100d0b;border-block:1px solid var(--line)}.tour-stage{overflow:hidden;position:relative;padding:35px 0 20px;background:radial-gradient(ellipse at 80% 50%,#372113 0,transparent 60%),#100d0b}
.tour-heading {display:flex;justify-content:space-between;align-items:center;gap:25px}.tour-heading h2{font-size:clamp(1.875rem,3.6vw,3rem)}.tour-heading .eyebrow{margin-bottom:10px}
.tour-slide{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;padding:30px 0}.tour-copy {max-width:550px}.tour-copy h3{font-size:clamp(2.125rem,4.1vw,3.625rem);margin:20px 0;letter-spacing:-.035em;line-height:1.05}.tour-copy p:not(.chapter){font-size:1.125rem;color:var(--muted);max-width:480px}.tour-copy .detail-note{font-size:0.875rem!important}.chapter{color:var(--amber);font-weight:750;letter-spacing:.13em;font-size:0.875rem}
.tour-image{margin:0 auto;position:relative;width:240px;max-width:100%;height:450px;overflow:hidden;border-radius:24px;background:#2c1d11;box-shadow:var(--shadow)}.tour-image img{width:100%;height:auto;transform:translateY(-15%)}.tour-image figcaption{position:absolute;bottom:0;width:100%;padding:20px 8px 8px;background:linear-gradient(transparent,#100d0b 50%);text-align:center;color:var(--muted);font-size:0.75rem}
.tour-controls{display:none;align-items:center;justify-content:space-between;gap:20px}.chapter-links{display:flex;gap:8px}.chapter-links a {display:inline-flex;gap:10px;align-items:center;min-height:48px;border:1px solid var(--line);border-radius:6px;padding:8px 15px;text-decoration:none;font-size:0.875rem;color:var(--muted)}.chapter-links a[aria-current="step"]{background:var(--amber-soft);color:#21140e;border-color:var(--amber-soft)}.scroll-hint{color:var(--muted);font-size:0.875rem}.tour-progress{height:2px;background:var(--line);position:absolute;bottom:0;width:100%;display:none}.tour-progress span{display:block;height:100%;background:var(--amber);transform-origin:left;transform:scaleX(var(--progress,0))}
.tour.is-pinned{height:var(--tour-height,740vh)}.is-pinned .tour-stage{position:sticky;top:var(--header-height);height:calc(100vh - var(--header-height));display:flex;flex-direction:column;justify-content:space-between}.is-pinned .tour-window{overflow:clip;flex:1;min-height:0}.is-pinned .tour-track{display:flex;height:100%;transform:translate3d(calc(var(--progress,0) * var(--tour-travel,-400%)),0,0);will-change:transform}.is-pinned .tour-slide{flex:0 0 100%;height:100%;min-width:0;padding:20px 0}.is-pinned .tour-image{height:min(450px,100%)}.is-pinned .tour-controls{display:flex}.is-pinned .tour-progress{display:block}
.migration{background:linear-gradient(180deg,#24170f,#160f0a);border-bottom:1px solid var(--line)}.migration-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.migration-intro{position:sticky;top:130px}.migration-intro h2{font-size:clamp(2.5rem,5vw,4.0625rem)}.migration-intro>p:not(.eyebrow){max-width:470px;color:var(--muted)}.migration-intro .button{margin-top:15px}.detail-note{font-size:0.875rem;color:var(--muted)}.migration-step{padding:25px 0 60px;border-top:1px solid var(--line);min-height:280px}.step-number{font-size:1rem;color:var(--amber);font-variant-numeric:tabular-nums}.migration-step h3{font-size:1.875rem;line-height:1.13;margin:18px 0}.migration-step p{color:var(--muted);font-size:1.125rem}.migration-step strong{color:var(--ink);font-weight:600}.migration-step .detail-note{font-size:0.875rem}.file-label{display:inline-block;padding:10px 14px;border:1px solid var(--line);border-radius:5px;color:var(--amber-soft);font-size:0.875rem}
.migration-faq{margin-top:70px;max-width:900px}.migration-faq details{border-top:1px solid var(--line)}.migration-faq details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;padding:24px 30px 24px 0;font-size:1.25rem;font-weight:650}details>div{padding:0 25px 22px 0;color:var(--muted)}details p{max-width:750px;margin-top:0}.download{text-align:center}.download>p:not(.eyebrow){color:var(--muted);font-size:1.25rem}.download .store-actions{justify-content:center;margin-bottom:20px}
.feature {transition:background .2s}.feature:hover{background:#402718}
@media(min-width:901px) and (min-height:701px) and (prefers-reduced-motion:no-preference){.reveal-ready{opacity:.35;transform:translateY(18px);transition:opacity .65s,transform .65s}.reveal-ready.is-visible{opacity:1;transform:none}}
@media(max-width:1000px){.migration-layout{gap:45px}.tour-slide{gap:28px}.chapter-links a{padding-inline:10px}}
@media(max-width:900px){.hero-art{transform:none}.migration-intro{position:static}.tour-heading{align-items:flex-start}.tour-heading>.text-link{font-size:0.875rem;white-space:nowrap}.tour-image{width:260px;height:490px}.tour-slide{border-bottom:1px solid var(--line);padding:45px 0}.migration-layout{grid-template-columns:1fr}.migration-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.migration-step{min-height:0;padding-bottom:20px}.migration-step h3{font-size:1.5625rem}.tour-copy h3{font-size:2.375rem}}
@media(max-width:620px){:root{--header-height:73px}.brand{gap:8px;font-size:0.9375rem}nav{gap:10px}.hero{padding-top:35px}.hero-copy{text-align:left}.hero h1{font-size:clamp(2.5rem,11vw,3.625rem)}.hero .lead{font-size:1.125rem}.hero .promise{font-size:0.875rem}.hero .store-actions{justify-content:flex-start;gap:10px}.store-badge-google{width:165px}.store-badge-app{width:143px}.migration-cta strong{font-size:1rem}.hero-art .hero-composite{max-width:420px}.tour-heading{display:block}.tour-heading>.text-link{margin-top:10px}.tour-slide{grid-template-columns:1fr;gap:28px}.tour-copy h3{font-size:2.375rem}.tour-copy .text-link{display:none}.tour-image{width:260px;height:490px}.migration-steps{display:block}.migration-step{padding:25px 0 40px}.migration-faq{margin-top:30px}summary{font-size:1.125rem}.migration-intro h2{font-size:2.75rem}.download .store-actions{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-art{transform:none}.migration-intro{position:static}.reveal-ready{opacity:1;transform:none}}
/* Frame the phone area of the existing marketing screenshots. */
.tour-image img{width:132%;max-width:none;transform:translate(-12%,-29%)}
@media(max-height:700px){.migration-intro{position:static}}
/* Contain decorative overflow without changing vertical scrolling. */
body{overflow-x:clip}
@media(min-width:1200px) and (min-height:850px){.tour-image{width:300px;height:565px}.is-pinned .tour-image{height:min(565px,100%)}}

/* Place the untouched simulator capture only inside the existing phone screen.
   Coordinates follow the original 1080 x 1350 artwork. */
.hero-composite{position:relative;aspect-ratio:4 / 5}
.hero-composite .hero-background{display:block;width:100%;height:auto}
.hero-composite .hero-screen{position:absolute;left:28.333333%;top:17.259259%;width:42.407407%;height:76.074074%;max-width:none;object-fit:cover;object-position:center;border-radius:10.3% / 4.6%}

.mobile-nav{display:none;position:relative}
.nav-links{gap:clamp(12px,1.5vw,22px)}
.mobile-nav summary{padding:10px 4px;min-height:44px;font-size:1rem}
.mobile-nav-links{position:absolute;right:0;top:100%;width:min(20rem,calc(100vw - 28px));padding:12px;background:#21140e;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}
.mobile-nav-links a{display:block;padding:12px;color:var(--ink);font-size:1rem;text-decoration:none}
@media(max-width:900px){.nav-links{display:none}.mobile-nav{display:block}}

h1,h2,h3{overflow-wrap:anywhere}
nav{flex-wrap:wrap}

/* Full app captures retain their complete UI, unlike the older marketing crops. */
.tour-image--screen{background:#100d0b}
.tour-image--screen img{width:100%;height:100%;object-fit:contain;transform:none}
.tour-controls,.chapter-links{flex-wrap:wrap}