@charset "UTF-8";

:root {
  color-scheme: light;
  --ink: #27211e;
  --muted: #786e68;
  --orange: #f26335;
  --orange-dark: #d94b22;
  --peach: #fff0e8;
  --cream: #fbf7f2;
  --line: #e9e0d9;
  --white: #fffdfb;
  font-family: "Inter", "Noto Sans SC", "Microsoft YaHei", "PingFang SC", sans-serif;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 92px; }
body { margin: 0; color: var(--ink); background: var(--cream); }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
a:focus-visible, summary:focus-visible { outline: 3px solid #f26335; outline-offset: 4px; }
.section-wrap { width: min(1160px, calc(100% - 64px)); margin-inline: auto; }
.skip-link { position: fixed; z-index: 50; top: 10px; left: 10px; padding: 12px 18px; transform: translateY(-160%); background: white; border-radius: 10px; }
.skip-link:focus { transform: translateY(0); }

.site-header { position: sticky; top: 0; z-index: 20; border-bottom: 1px solid rgba(75, 53, 38, .07); background: rgba(251, 247, 242, .88); backdrop-filter: blur(16px); }
.nav-wrap { width: min(1240px, calc(100% - 56px)); height: 78px; margin-inline: auto; display: flex; align-items: center; justify-content: space-between; }
.brand { display: inline-flex; align-items: center; gap: 11px; font-size: 18px; font-weight: 800; letter-spacing: .04em; }
.brand img { border-radius: 13px; }
.desktop-nav { display: flex; align-items: center; gap: 42px; color: #766e68; font-size: 14px; }
.desktop-nav a { transition: color .2s ease; }
.desktop-nav a:hover { color: var(--orange-dark); }
.nav-download { display: inline-flex; align-items: center; gap: 14px; padding: 12px 17px; border: 1px solid #e9d9ce; border-radius: 999px; background: #fffdfa; font-size: 13px; font-weight: 700; transition: transform .2s ease, border-color .2s ease; }
.nav-download:hover { transform: translateY(-2px); border-color: var(--orange); }
.nav-download span { color: var(--orange); font-size: 17px; }

.hero { display: grid; grid-template-columns: 1fr .92fr; gap: 54px; align-items: center; min-height: 686px; padding-top: 54px; padding-bottom: 80px; }
.hero-copy { padding: 22px 0 20px 4px; }
.eyebrow, .section-kicker { display: flex; align-items: center; gap: 10px; color: var(--orange-dark); font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.eyebrow { margin-bottom: 28px; }
.eyebrow-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 5px #ffe4d7; }
h1, h2, h3, p { margin-top: 0; }
.hero h1 { max-width: 650px; margin-bottom: 22px; font-size: clamp(48px, 5.6vw, 76px); line-height: 1.13; letter-spacing: -.07em; font-weight: 850; }
.hero h1 span { color: var(--orange); }
.hero-lede { max-width: 510px; margin-bottom: 31px; color: #716761; font-size: 16px; line-height: 1.9; }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.button { min-height: 54px; display: inline-flex; align-items: center; justify-content: center; gap: 20px; padding: 0 23px; border-radius: 14px; font-size: 14px; font-weight: 750; transition: transform .2s ease, box-shadow .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: #fff; background: var(--orange); box-shadow: 0 12px 24px rgba(228, 87, 42, .2); }
.button-primary:hover { box-shadow: 0 16px 30px rgba(228, 87, 42, .3); }
.button-primary span { font-size: 19px; }
.button-quiet { color: #716761; }
.button-quiet span { color: var(--orange); font-size: 18px; }
.download-meta { display: flex; align-items: center; gap: 10px; margin-top: 27px; color: #827871; font-size: 12px; }
.download-meta i { width: 3px; height: 3px; border-radius: 50%; background: #c8b9af; }
.android-mark { width: 22px; height: 22px; display: inline-flex; color: #599b74; }
.android-mark svg { fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.hero-note { margin: 8px 0 0 32px; color: #a0968e; font-size: 11px; }

.hero-visual { position: relative; min-height: 540px; display: flex; align-items: center; justify-content: center; isolation: isolate; }
.hero-visual::before { position: absolute; z-index: -2; width: 450px; height: 450px; content: ""; border-radius: 48% 52% 62% 38% / 43% 45% 55% 57%; background: radial-gradient(circle at 36% 34%, #ffe8d6 0 25%, #ffd1b6 62%, #ffc0a0 100%); transform: rotate(12deg); }
.hero-visual::after { position: absolute; z-index: -1; width: 400px; height: 460px; content: ""; border-radius: 48% 52% 52% 48%; background: linear-gradient(150deg, rgba(243, 99, 53, .1), rgba(255, 213, 191, .08)); transform: rotate(-17deg); }
.orbit { position: absolute; z-index: -1; border: 1px solid rgba(242, 99, 53, .18); border-radius: 50%; }
.orbit-one { width: 520px; height: 190px; transform: rotate(-32deg); }
.orbit-two { width: 450px; height: 150px; transform: rotate(57deg); }
.phone-shell { position: relative; overflow: hidden; border: 8px solid #292625; border-radius: 34px; background: #fff; box-shadow: 0 32px 70px rgba(64, 42, 28, .23), 0 4px 12px rgba(64, 42, 28, .12); }
.phone-shell img { width: 100%; height: auto; }
.phone-main { width: clamp(205px, 25vw, 280px); transform: rotate(3.4deg) translateY(5px); }
.phone-camera { position: absolute; z-index: 2; top: 6px; left: 50%; width: 62px; height: 16px; border-radius: 0 0 10px 10px; background: #292625; transform: translateX(-50%); }
.float-tag { position: absolute; z-index: 3; display: flex; align-items: center; gap: 11px; padding: 12px 15px; border: 1px solid rgba(255,255,255,.72); border-radius: 14px; background: rgba(255,253,251,.92); box-shadow: 0 12px 32px rgba(79, 53, 36, .13); }
.float-tag b, .float-tag small { display: block; }
.float-tag b { margin-bottom: 3px; font-size: 12px; }
.float-tag small { color: #8e8178; font-size: 10px; }
.tag-icon, .coin-icon { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; color: #fff; background: var(--orange); font-size: 17px; font-weight: 800; }
.coin-icon { color: #b85d35; background: #fff0e6; }
.float-tag-top { top: 93px; left: -2px; }
.float-tag-bottom { right: -8px; bottom: 86px; }
.visual-caption { position: absolute; right: 4%; bottom: 24px; color: #926b56; font-size: 11px; letter-spacing: .04em; }

.ticker { overflow: hidden; border-block: 1px solid #efdfd3; background: #fff9f3; }
.ticker-inner { width: min(1160px, calc(100% - 64px)); min-height: 70px; display: flex; align-items: center; justify-content: space-between; gap: 22px; margin-inline: auto; color: #756b63; font-size: 13px; font-weight: 700; white-space: nowrap; }
.ticker-inner b { color: #e9a07e; font-size: 12px; }

.features { padding-top: 112px; padding-bottom: 120px; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 48px; margin-bottom: 44px; }
.section-kicker { margin-bottom: 16px; }
.section-heading h2, .showcase h2, .steps h2, .faq h2 { margin-bottom: 0; font-size: clamp(36px, 4.2vw, 54px); line-height: 1.2; letter-spacing: -.055em; }
.section-heading > p { max-width: 360px; margin-bottom: 7px; color: var(--muted); font-size: 14px; line-height: 1.9; }
.mobile-break { display: none; }
.feature-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 18px; }
.feature-card { position: relative; overflow: hidden; min-height: 300px; padding: 26px 28px; border: 1px solid #efe4db; border-radius: 22px; background: #fffdfa; }
.feature-card-large { min-height: 345px; background: linear-gradient(145deg, #fffdfa, #fff4eb); }
.feature-topline { display: flex; align-items: center; justify-content: space-between; color: #a1948b; font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.feature-symbol { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; color: var(--orange); background: #ffebe2; font-size: 23px; font-weight: 500; }
.feature-card h3 { margin: 20px 0 10px; font-size: 22px; letter-spacing: -.04em; line-height: 1.35; }
.feature-card p { max-width: 430px; margin-bottom: 0; color: #827770; font-size: 13px; line-height: 1.8; }
.task-preview { position: absolute; right: 27px; bottom: 26px; left: 27px; min-height: 78px; display: flex; align-items: center; gap: 13px; padding: 13px 16px; border: 1px solid #f1e2d8; border-radius: 14px; background: rgba(255,255,255,.83); }
.task-preview-icon { width: 43px; height: 43px; display: grid; place-items: center; border-radius: 12px; color: white; background: #ff8252; font-size: 20px; }
.task-preview-copy { flex: 1; }
.task-preview-copy b, .task-preview-copy small, .task-preview-reward span { display: block; }
.task-preview-copy b { margin-bottom: 5px; font-size: 12px; }
.task-preview-copy small { color: #9a8e85; font-size: 10px; }
.task-preview-reward { color: var(--orange-dark); font-size: 17px; font-weight: 800; text-align: right; }
.task-preview-reward span { margin-top: 2px; color: #aa9c91; font-size: 9px; font-weight: 500; }
.feature-card-dark { color: #fff9f4; border-color: #282625; background: #282625; }
.feature-card-dark .feature-topline { color: #c6b7ad; }
.feature-card-dark .feature-symbol { color: #ffb38f; background: rgba(255,255,255,.12); }
.feature-card-dark p { color: #cfc3bb; }
.proof-lines { position: absolute; right: 26px; bottom: 28px; left: 28px; display: flex; gap: 7px; }
.proof-lines i { height: 5px; flex: 1; border-radius: 9px; background: #f16639; }
.proof-lines i:nth-child(2) { flex: 1.4; background: #77594d; }
.proof-lines i:nth-child(3) { flex: .6; background: #493e39; }
.feature-card-wide { grid-column: 1 / -1; min-height: 210px; display: flex; align-items: center; background: #f4eee8; }
.feature-card-wide .feature-topline { position: absolute; top: 26px; right: 28px; left: 28px; }
.wide-copy { width: 47%; }
.feature-card-wide h3 { margin-top: 30px; }
.status-card { width: 42%; display: flex; align-items: center; gap: 12px; margin-left: auto; padding: 18px; border: 1px solid rgba(125,101,83,.12); border-radius: 15px; background: #fffdfa; box-shadow: 0 12px 30px rgba(60,43,32,.06); }
.status-check { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; color: white; background: #65a77d; font-weight: 800; }
.status-card b, .status-card small { display: block; }
.status-card b { margin-bottom: 5px; font-size: 12px; }
.status-card small { color: #94877e; font-size: 10px; }
.status-arrow { margin-left: auto; color: var(--orange); font-size: 20px; }
.feature-index { position: absolute; right: 22px; bottom: 10px; color: rgba(242,99,53,.12); font-size: 67px; font-weight: 850; line-height: 1; }
.feature-card-wide .feature-index { right: 20px; bottom: 3px; }

.showcase { overflow: hidden; background: #f0e7de; }
.showcase-inner { min-height: 640px; display: grid; grid-template-columns: 1fr .95fr; align-items: center; gap: 50px; padding-top: 85px; padding-bottom: 85px; }
.showcase-copy { padding-left: 6px; }
.showcase h2 { margin-bottom: 20px; }
.showcase-copy > p { max-width: 430px; margin-bottom: 20px; color: #766c64; font-size: 14px; line-height: 1.9; }
.text-link { display: inline-flex; align-items: center; gap: 12px; color: var(--orange-dark); font-size: 13px; font-weight: 800; }
.text-link span { font-size: 17px; }
.showcase-points { display: grid; gap: 11px; margin-top: 36px; color: #655b54; font-size: 12px; }
.showcase-points div { display: flex; align-items: center; gap: 10px; }
.showcase-points span { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 7px; color: #a94925; background: #ffdbca; font-size: 12px; font-weight: 800; }
.showcase-phones { position: relative; min-height: 470px; display: flex; align-items: center; justify-content: center; }
.showcase-phones::before { position: absolute; width: 390px; height: 390px; content: ""; border-radius: 50%; background: #f7c8af; }
.phone-secondary { width: 230px; transform: rotate(-4deg) translateY(24px); }
.showcase-sticker { position: absolute; right: 8%; bottom: 33px; width: 103px; height: 103px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.7); border-radius: 50%; color: #fff; background: var(--orange); box-shadow: 0 13px 28px rgba(183,76,37,.2); transform: rotate(9deg); }
.showcase-sticker span { margin-bottom: 3px; font-size: 9px; font-weight: 800; letter-spacing: .15em; opacity: .8; }
.showcase-sticker b { font-size: 14px; line-height: 1.3; text-align: center; }

.steps { padding-top: 112px; padding-bottom: 120px; }
.steps-heading { max-width: 570px; margin-bottom: 48px; }
.steps-heading h2 { margin-bottom: 15px; }
.steps-heading > p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.8; }
.steps-row { display: grid; grid-template-columns: repeat(3,1fr); gap: 30px; }
.step { padding-top: 2px; }
.step-number { color: var(--orange); font-size: 13px; font-weight: 850; letter-spacing: .12em; }
.step-rule { height: 1px; margin: 17px 0 21px; background: #dfd2c8; }
.step-rule::after { width: 7px; height: 7px; display: block; content: ""; border-radius: 50%; background: var(--orange); transform: translateY(-3px); }
.step h3 { margin-bottom: 9px; font-size: 19px; letter-spacing: -.03em; }
.step p { max-width: 300px; margin: 0; color: #80756e; font-size: 13px; line-height: 1.8; }

.download-section { overflow: hidden; color: white; background: #262321; }
.download-panel { position: relative; min-height: 410px; display: flex; align-items: center; padding-top: 70px; padding-bottom: 70px; isolation: isolate; }
.download-copy { position: relative; z-index: 2; max-width: 560px; }
.section-kicker-light { color: #ffac86; }
.download-copy h2 { margin-bottom: 15px; font-size: clamp(40px, 4.8vw, 60px); line-height: 1.14; letter-spacing: -.06em; }
.download-copy p { max-width: 400px; margin-bottom: 24px; color: #c9beb6; font-size: 14px; line-height: 1.8; }
.button-light { min-height: 52px; color: #36231c; background: #fff6ef; }
.button-light span { color: var(--orange); font-size: 19px; }
.download-footnote { margin-top: 15px; color: #ad9f95; font-size: 11px; }
.download-art { position: absolute; top: 0; right: 3%; bottom: 0; width: 47%; display: grid; place-items: center; }
.download-orb { position: absolute; top: -110px; right: -10%; z-index: -1; width: 470px; height: 470px; border-radius: 50%; background: radial-gradient(circle at 37% 38%, #ff9a69, #f26335 62%, #c93f1b); opacity: .92; }
.download-art-ring { position: absolute; width: 340px; height: 340px; border: 1px solid rgba(255,255,255,.3); border-radius: 50%; box-shadow: 0 0 0 35px rgba(255,255,255,.06), 0 0 0 70px rgba(255,255,255,.035); }
.download-art-card { position: relative; z-index: 2; width: 248px; display: flex; flex-direction: column; align-items: center; padding: 28px 18px 24px; border: 1px solid rgba(255,255,255,.75); border-radius: 20px; color: #342822; background: rgba(255,251,247,.95); box-shadow: 0 24px 60px rgba(72,25,9,.22); transform: rotate(5deg); }
.download-art-check { width: 55px; height: 55px; display: grid; place-items: center; margin-bottom: 15px; border-radius: 17px; color: #fff; background: var(--orange); font-size: 25px; font-weight: 800; }
.download-art-card b { margin-bottom: 7px; font-size: 16px; }
.download-art-card small { color: #8b7b71; font-size: 11px; }
.download-art-icon { position: absolute; z-index: 3; top: 14%; right: 6%; width: 62px; height: 62px; padding: 6px; border: 1px solid rgba(255,255,255,.7); border-radius: 18px; background: #fffaf7; box-shadow: 0 12px 24px rgba(62,28,16,.16); transform: rotate(-10deg); }
.download-art-icon img { border-radius: 12px; }

.faq { display: grid; grid-template-columns: .72fr 1.28fr; gap: 85px; padding-top: 105px; padding-bottom: 108px; }
.faq-list { border-top: 1px solid var(--line); }
.faq details { border-bottom: 1px solid var(--line); }
.faq summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 21px 0; cursor: pointer; list-style: none; font-size: 14px; font-weight: 750; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary span { color: var(--orange); font-size: 23px; font-weight: 400; transition: transform .2s ease; }
.faq details[open] summary span { transform: rotate(45deg); }
.faq details p { max-width: 600px; margin: -2px 38px 22px 0; color: #80756e; font-size: 13px; line-height: 1.85; }

.site-footer { border-top: 1px solid #eee3da; background: #f8f1e9; }
.footer-inner { min-height: 92px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.brand-footer { gap: 9px; font-size: 15px; }
.brand-footer img { border-radius: 11px; }
.footer-inner p { margin: 0; color: #82766e; font-size: 12px; }
.footer-copy { color: #a1958c; font-size: 11px; }
.footer-note { margin: 0; padding: 0 24px 22px; color: #a1958c; font-size: 10px; text-align: center; }
.mobile-download { display: none; }

@media (max-width: 920px) {
  .section-wrap { width: min(100% - 44px, 720px); }
  .nav-wrap { width: calc(100% - 40px); }
  .desktop-nav { gap: 22px; }
  .hero { grid-template-columns: 1fr .8fr; gap: 12px; min-height: 610px; }
  .hero-visual { min-height: 470px; }
  .hero-visual::before { width: 360px; height: 360px; }
  .phone-main { width: 220px; }
  .float-tag-top { left: -15px; }
  .float-tag-bottom { right: -12px; }
  .float-tag { padding: 10px 12px; }
  .feature-grid { grid-template-columns: 1fr 1fr; }
  .feature-card-wide { grid-column: 1 / -1; }
  .showcase-inner { grid-template-columns: 1fr .8fr; gap: 22px; }
  .faq { gap: 38px; }
}

@media (max-width: 680px) {
  html { scroll-padding-top: 74px; }
  .section-wrap { width: calc(100% - 40px); }
  .nav-wrap { width: calc(100% - 32px); height: 66px; }
  .brand { gap: 8px; font-size: 16px; }
  .brand img { width: 36px; height: 36px; border-radius: 11px; }
  .desktop-nav { display: none; }
  .nav-download { gap: 8px; padding: 10px 12px; font-size: 11px; }
  .hero { grid-template-columns: 1fr; gap: 0; min-height: auto; padding-top: 62px; padding-bottom: 52px; }
  .hero-copy { padding: 0; }
  .eyebrow { margin-bottom: 21px; font-size: 10px; }
  .hero h1 { margin-bottom: 17px; font-size: clamp(43px, 12vw, 62px); }
  .hero-lede { margin-bottom: 24px; font-size: 14px; line-height: 1.8; }
  .button { min-height: 49px; padding-inline: 17px; border-radius: 12px; font-size: 12px; }
  .button-quiet { padding-inline: 10px; }
  .download-meta { margin-top: 21px; gap: 8px; font-size: 10px; }
  .hero-note { font-size: 10px; }
  .hero-visual { min-height: 440px; margin-top: 9px; }
  .hero-visual::before { width: 325px; height: 325px; }
  .hero-visual::after { width: 295px; height: 355px; }
  .phone-main { width: min(58vw, 230px); border-width: 7px; border-radius: 29px; }
  .phone-camera { width: 55px; height: 14px; }
  .float-tag { gap: 8px; padding: 9px 10px; border-radius: 12px; }
  .tag-icon, .coin-icon { width: 28px; height: 28px; border-radius: 8px; font-size: 14px; }
  .float-tag b { font-size: 10px; }
  .float-tag small { font-size: 8px; }
  .float-tag-top { top: 63px; left: -1px; }
  .float-tag-bottom { right: 0; bottom: 66px; }
  .visual-caption { right: 0; bottom: 28px; font-size: 9px; }
  .orbit-one { width: 360px; height: 135px; }
  .orbit-two { width: 330px; height: 120px; }
  .ticker-inner { width: calc(100% - 32px); min-height: 58px; gap: 13px; overflow: hidden; font-size: 11px; }
  .ticker-inner b { font-size: 9px; }
  .features { padding-top: 76px; padding-bottom: 78px; }
  .section-heading { display: block; margin-bottom: 29px; }
  .section-heading h2, .showcase h2, .steps h2, .faq h2 { font-size: 36px; }
  .section-heading > p { margin-top: 16px; font-size: 13px; }
  .feature-grid { grid-template-columns: 1fr; gap: 12px; }
  .feature-card, .feature-card-large { min-height: 290px; padding: 22px; border-radius: 18px; }
  .feature-card h3 { font-size: 20px; }
  .feature-card p { font-size: 12px; }
  .task-preview { right: 19px; left: 19px; bottom: 20px; padding: 10px 12px; }
  .feature-card-dark { min-height: 270px; }
  .feature-card-wide { min-height: 355px; display: block; }
  .feature-card-wide .feature-topline { top: 22px; right: 22px; left: 22px; }
  .wide-copy { width: 100%; }
  .feature-card-wide h3 { margin-top: 38px; }
  .status-card { position: absolute; right: 19px; bottom: 34px; left: 19px; width: auto; margin: 0; padding: 14px; }
  .status-card small { font-size: 9px; }
  .showcase-inner { grid-template-columns: 1fr; gap: 10px; padding-top: 75px; padding-bottom: 50px; }
  .showcase-copy { padding: 0; }
  .showcase-copy > p { font-size: 13px; }
  .showcase-points { margin-top: 24px; }
  .showcase-phones { min-height: 430px; }
  .showcase-phones::before { width: 330px; height: 330px; }
  .phone-secondary { width: min(53vw, 220px); }
  .showcase-sticker { right: 6%; bottom: 24px; width: 88px; height: 88px; }
  .showcase-sticker b { font-size: 12px; }
  .steps { padding-top: 76px; padding-bottom: 78px; }
  .steps-heading { margin-bottom: 33px; }
  .steps-heading > p { font-size: 12px; }
  .steps-row { grid-template-columns: 1fr; gap: 28px; }
  .step-rule { margin: 11px 0 14px; }
  .step h3 { margin-bottom: 6px; font-size: 17px; }
  .step p { font-size: 12px; }
  .download-panel { min-height: 600px; align-items: flex-start; padding-top: 67px; padding-bottom: 0; }
  .download-copy { max-width: none; }
  .download-copy h2 { font-size: 43px; }
  .download-copy p { max-width: 310px; font-size: 13px; }
  .download-art { top: auto; right: 0; bottom: -21px; width: 100%; height: 272px; }
  .download-orb { top: -4px; right: -32px; width: 310px; height: 310px; }
  .download-art-ring { width: 235px; height: 235px; box-shadow: 0 0 0 25px rgba(255,255,255,.06), 0 0 0 48px rgba(255,255,255,.035); }
  .download-art-card { width: 205px; padding: 20px 16px; }
  .download-art-check { width: 45px; height: 45px; margin-bottom: 11px; border-radius: 14px; }
  .download-art-icon { top: 7%; right: 12%; width: 54px; height: 54px; border-radius: 15px; }
  .faq { grid-template-columns: 1fr; gap: 30px; padding-top: 76px; padding-bottom: 82px; }
  .faq summary { padding: 18px 0; font-size: 12px; }
  .faq details p { font-size: 12px; }
  .footer-inner { min-height: 122px; flex-wrap: wrap; justify-content: flex-start; gap: 10px 18px; padding-top: 23px; padding-bottom: 18px; }
  .footer-inner p { width: calc(100% - 160px); font-size: 10px; }
  .footer-copy { width: 100%; padding-left: 44px; }
  .mobile-download { position: fixed; z-index: 15; right: 16px; bottom: max(14px, env(safe-area-inset-bottom)); left: 16px; min-height: 50px; display: flex; align-items: center; justify-content: center; gap: 18px; border: 1px solid rgba(255,255,255,.7); border-radius: 15px; color: white; background: var(--orange); box-shadow: 0 12px 28px rgba(154,59,28,.28); font-size: 13px; font-weight: 800; }
  .mobile-download span { font-size: 19px; }
  .site-footer { padding-bottom: 62px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}