:root {
  --navy: #0b1724;
  --navy-card: #101f2e;
  --navy-soft: #172a3b;
  --gold: #d4a017;
  --gold-light: #f1c84d;
  --cream: #f6f4ee;
  --muted: #aab4bd;
  --green: #4fa66a;
  --line: rgba(246, 244, 238, .13);
  --shadow: 0 24px 70px rgba(0, 0, 0, .35);
  --radius: 24px;
}
* { box-sizing: border-box; }
html { overflow-x: clip; scroll-behavior: smooth; scroll-padding-top: 84px; }
body { margin: 0; min-width: 320px; overflow-x: hidden; background: var(--navy); color: var(--cream); font-family: "Hanken Grotesk", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 16px; line-height: 1.6; }
button, a { font: inherit; }
a { color: inherit; }
img { display: block; max-width: 100%; }
.shell { width: min(1180px, calc(100% - 32px)); margin-inline: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 100; top: 12px; left: 12px; transform: translateY(-150%); background: var(--cream); color: var(--navy); padding: 10px 14px; border-radius: 8px; font-weight: 800; }
.skip-link:focus { transform: translateY(0); }
:focus-visible { outline: 3px solid var(--gold-light); outline-offset: 4px; }
.site-header { position: sticky; top: 0; z-index: 50; border-bottom: 1px solid rgba(255,255,255,.08); background: rgba(11,23,36,.88); backdrop-filter: blur(18px); }
.header-inner { min-height: 70px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 11px; color: var(--cream); text-decoration: none; font-weight: 750; letter-spacing: -.02em; }
.brand i { color: var(--gold-light); font-style: normal; }
.brand-mark { width: 34px; height: 34px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid rgba(212,160,23,.55); border-radius: 11px; background: linear-gradient(145deg, rgba(212,160,23,.24), rgba(212,160,23,.05)); color: var(--gold-light); font-family: Georgia, serif; font-weight: 700; }
.nav { display: flex; align-items: center; gap: 24px; }
.nav a { color: #c5ccd2; text-decoration: none; font-size: .9rem; font-weight: 700; }
.nav a:hover { color: var(--cream); }
.nav-cta { min-height: 44px; display: inline-flex; align-items: center; padding: 0 18px; border-radius: 12px; background: var(--gold); color: #0a1420 !important; }
.menu-toggle { display: none; width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 12px; background: var(--navy-card); color: var(--cream); }
.menu-toggle span:not(.sr-only) { display: block; width: 20px; height: 2px; margin: 5px auto; background: currentColor; transition: .2s ease; }
.hero { position: relative; overflow: hidden; padding: 54px 0 58px; }
.hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 78% 28%, rgba(212,160,23,.13), transparent 31%), linear-gradient(120deg, rgba(255,255,255,.025), transparent 45%); }
.hero-grid { position: relative; display: grid; grid-template-columns: minmax(0, 1.06fr) minmax(340px, .94fr); align-items: center; gap: clamp(34px, 6vw, 88px); }
.eyebrow { margin: 0 0 17px; color: var(--gold-light); font-size: .78rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
h1, h2 { font-family: "Space Grotesk", Inter, ui-sans-serif, system-ui, sans-serif; }
h1 { max-width: 720px; margin: 0; font-size: clamp(2.6rem, 5.4vw, 4.55rem); line-height: .98; letter-spacing: -.055em; }
h1 span { color: #d8dde1; font-weight: 500; }
.hero-lead { max-width: 640px; margin: 24px 0 28px; color: var(--muted); font-size: clamp(1.02rem, 1.8vw, 1.18rem); line-height: 1.65; }
.hero-apps { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 13px; }
.download-card { min-width: 0; display: flex; flex-direction: column; justify-content: space-between; gap: 22px; padding: 20px; border: 1px solid var(--line); border-radius: 20px; background: linear-gradient(155deg, rgba(23,42,59,.9), rgba(16,31,46,.78)); box-shadow: 0 12px 34px rgba(0,0,0,.14); }
.language { display: inline-flex; align-items: center; min-height: 26px; padding: 0 9px; border: 1px solid rgba(212,160,23,.3); border-radius: 999px; color: var(--gold-light); font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.download-card h2 { margin: 11px 0 4px; font-size: 1.28rem; letter-spacing: -.025em; }
.download-card p { margin: 0; color: var(--muted); font-size: .91rem; line-height: 1.55; }
.store-button { min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 11px 13px 11px 15px; border-radius: 13px; background: var(--gold); color: #0a1420; text-decoration: none; font-size: .88rem; font-weight: 850; transition: transform .2s ease, background .2s ease; }
.store-button small { white-space: nowrap; opacity: .72; font-size: .69rem; text-transform: uppercase; letter-spacing: .05em; }
.store-button:hover { transform: translateY(-2px); background: var(--gold-light); }
[data-missing-link="true"] { opacity: .66; cursor: not-allowed; filter: saturate(.7); }
.hero-visual { position: relative; min-height: 580px; display: grid; place-items: center; isolation: isolate; }
.visual-glow { position: absolute; width: 72%; aspect-ratio: 1; border-radius: 50%; background: rgba(79,166,106,.13); filter: blur(45px); }
.phone { position: absolute; overflow: hidden; margin: 0; border: 5px solid #253544; border-radius: 32px; background: #02080d; box-shadow: var(--shadow); }
.phone img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
.phone-front { z-index: 2; width: min(53%, 260px); aspect-ratio: .542; left: 18%; top: 33px; transform: rotate(-3deg); }
.phone-back { z-index: 1; width: min(49%, 240px); aspect-ratio: .555; right: 9%; bottom: 26px; transform: rotate(5deg); opacity: .88; }
.visual-note { position: absolute; z-index: 3; right: 0; top: 22%; display: flex; align-items: center; gap: 8px; margin: 0; padding: 9px 12px; border: 1px solid var(--line); border-radius: 999px; background: rgba(11,23,36,.88); color: #cbd2d7; font-size: .74rem; font-weight: 750; box-shadow: 0 12px 32px rgba(0,0,0,.22); }
.visual-note span { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(79,166,106,.13); }
.trust-strip { border-block: 1px solid var(--line); background: #0d1b29; }
.trust-list { min-height: 78px; display: grid; grid-template-columns: repeat(5, 1fr); align-items: center; }
.trust-list span { position: relative; padding: 14px 18px; color: #c4ccd2; text-align: center; font-size: .88rem; font-weight: 700; }
.trust-list span + span::before { content: ""; position: absolute; left: 0; top: 22%; bottom: 22%; width: 1px; background: var(--line); }
@media (max-width: 900px) {
  .nav { position: fixed; inset: 70px 16px auto; display: none; padding: 14px; border: 1px solid var(--line); border-radius: 18px; background: #101f2e; box-shadow: var(--shadow); }
  .nav.is-open { display: grid; }
  .nav a { min-height: 44px; display: flex; align-items: center; padding: 0 12px; }
  .menu-toggle { display: block; }
  .hero-grid { grid-template-columns: 1fr; }
  .hero-copy { max-width: 720px; }
  .hero-visual { min-height: 500px; max-width: 580px; width: 100%; margin-inline: auto; }
}
@media (max-width: 600px) {
  .shell { width: min(100% - 28px, 1180px); }
  .brand { max-width: 235px; font-size: .88rem; line-height: 1.1; }
  .hero { padding-top: 37px; }
  h1 { font-size: clamp(2.45rem, 12vw, 3.1rem); }
  .hero-lead { margin-top: 19px; }
  .hero-apps { grid-template-columns: 1fr; }
  .download-card { padding: 18px; }
  .hero-visual { min-height: 440px; margin-top: 2px; }
  .phone-front { width: 54%; left: 9%; }
  .phone-back { width: 49%; right: 4%; bottom: 10px; }
  .visual-note { top: auto; right: 4px; bottom: 24px; }
  .trust-list { grid-template-columns: 1fr 1fr; padding-block: 10px; }
  .trust-list span { min-height: 48px; display: grid; place-items: center; padding: 8px; }
  .trust-list span + span::before { display: none; }
  .trust-list span:last-child { grid-column: 1 / -1; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; } }
.section-pad { padding: clamp(72px, 10vw, 128px) 0; }
.section-heading { max-width: 700px; }
.section-heading.centered { margin-inline: auto; text-align: center; }
.kicker { margin: 0 0 13px; color: var(--gold-light); font-size: .76rem; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.section-heading h2, .report-copy h2, .disclaimer h2, .final-cta h2 { margin: 0; font-size: clamp(2.05rem, 4.5vw, 3.45rem); line-height: 1.05; letter-spacing: -.045em; }
.section-heading > p:last-child { max-width: 680px; color: var(--muted); font-size: 1.04rem; }
.story { background: var(--cream); color: var(--navy); }
.story-grid { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); align-items: end; gap: clamp(38px,7vw,100px); }
.story .kicker, .choose .kicker, .clarity .kicker, .faq .kicker { color: #936b08; }
.story-copy > p { margin: 0; color: #4f5d68; font-size: clamp(1.15rem,2.1vw,1.45rem); line-height: 1.6; }
.signal-row { height: 58px; display: flex; align-items: end; gap: 7px; margin-top: 32px; padding-top: 13px; border-top: 1px solid rgba(11,23,36,.13); }
.signal-row span { width: 100%; height: var(--h); border-radius: 4px 4px 1px 1px; background: linear-gradient(#d4a017, #4fa66a); opacity: .8; }
.features { background: #0e1c29; }
.feature-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin-top: 48px; }
.feature-card { min-height: 210px; padding: 22px; border: 1px solid var(--line); border-radius: 20px; background: linear-gradient(150deg, #132536, #0d1a27); transition: transform .2s ease, border-color .2s ease; }
.feature-card:hover { transform: translateY(-3px); border-color: rgba(212,160,23,.45); }
.feature-card > span { color: var(--gold-light); font-family: "Space Grotesk", monospace; font-size: .75rem; font-weight: 850; letter-spacing: .12em; }
.feature-card h3 { margin: 31px 0 9px; font-family: "Space Grotesk", sans-serif; font-size: 1.12rem; letter-spacing: -.02em; }
.feature-card p { margin: 0; color: var(--muted); font-size: .91rem; line-height: 1.55; }
.feature-card-wide { grid-column: span 2; display: grid; grid-template-columns: auto 1fr; align-items: start; column-gap: 26px; }
.feature-card-wide h3 { margin-top: 0; }
.feature-card-wide small { grid-column: 2; align-self: end; color: var(--gold-light); font-size: .72rem; font-weight: 750; text-transform: uppercase; letter-spacing: .06em; }
.steps { position: relative; overflow: hidden; }
.steps::after { content:""; position:absolute; right:-200px; bottom:-300px; width:600px; height:600px; border:1px solid rgba(212,160,23,.12); border-radius:50%; box-shadow:0 0 0 80px rgba(212,160,23,.025),0 0 0 160px rgba(212,160,23,.02); pointer-events:none; }
.step-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin: 50px 0 0; padding: 0; list-style: none; }
.step-grid li { min-height: 230px; padding: 26px; border-top: 1px solid rgba(212,160,23,.55); background: linear-gradient(180deg, rgba(255,255,255,.025), transparent); }
.step-grid li > span { display: block; margin-bottom: 64px; color: var(--gold-light); font: 800 .82rem/1 "Space Grotesk",sans-serif; letter-spacing: .12em; }
.step-grid h3 { margin: 0 0 8px; font-family: "Space Grotesk",sans-serif; font-size: 1.25rem; }
.step-grid p { margin: 0; color: var(--muted); }
.choose { background: var(--cream); color: var(--navy); }
.choice-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 46px; }
.choice-card { display: flex; flex-direction: column; padding: clamp(24px,4vw,42px); border: 1px solid rgba(11,23,36,.13); border-radius: 28px; background: #fff; box-shadow: 0 18px 48px rgba(11,23,36,.08); }
.choice-card .language { color: #795706; border-color: rgba(147,107,8,.22); background: #fbf5df; }
.choice-card h3 { margin: 18px 0 8px; font-family: "Space Grotesk",sans-serif; font-size: clamp(1.8rem,3vw,2.4rem); letter-spacing: -.045em; }
.choice-card p { margin: 0; color: #61707c; }
.choice-card ul { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 20px; margin: 28px 0 34px; padding: 0; list-style: none; color: #40505b; }
.choice-card li::before { content: "✓"; margin-right: 9px; color: #2c874a; font-weight: 900; }
.choice-card .store-button { margin-top: auto; }
.screenshot-head { display: flex; align-items: end; justify-content: space-between; gap: 30px; }
.tab-list { display: inline-flex; gap: 5px; padding: 5px; border: 1px solid var(--line); border-radius: 14px; background: #0e1b28; }
.tab-list button { min-height: 44px; padding: 0 17px; border: 0; border-radius: 10px; background: transparent; color: var(--muted); cursor: pointer; font-weight: 750; }
.tab-list button.active { background: var(--cream); color: var(--navy); }
.carousel-shell { position: relative; margin-top: 42px; }
.screenshot-track { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(220px, 1fr); gap: 18px; overflow-x: auto; padding: 10px 4px 30px; scroll-snap-type: x mandatory; scrollbar-color: var(--gold) transparent; scrollbar-width: thin; }
.screenshot-button { width: 100%; padding: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 24px; background: #07111a; box-shadow: 0 18px 45px rgba(0,0,0,.25); cursor: zoom-in; scroll-snap-align: start; }
.screenshot-button img { width: 100%; aspect-ratio: .56; object-fit: cover; object-position: top; transition: transform .25s ease; }
.screenshot-button:hover img { transform: scale(1.015); }
.carousel-arrow { position: absolute; z-index: 3; top: 46%; width: 46px; height: 46px; border: 1px solid var(--line); border-radius: 50%; background: rgba(16,31,46,.9); color: var(--cream); cursor: pointer; box-shadow: 0 8px 26px rgba(0,0,0,.3); }
.carousel-arrow.prev { left: -23px; }.carousel-arrow.next { right: -23px; }
.report { padding-top: 22px; }
.report-panel { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(280px,.75fr); gap: clamp(34px,7vw,100px); padding: clamp(30px,6vw,70px); border: 1px solid rgba(212,160,23,.35); border-radius: 32px; background: radial-gradient(circle at 83% 22%,rgba(212,160,23,.16),transparent 28%),linear-gradient(145deg,#152b3d,#0d1b28); }
.report-copy > p { color: #bdc6cd; font-size: 1.05rem; }
.report-copy strong { display: block; margin-top: 23px; color: var(--gold-light); font-size: .83rem; text-transform: uppercase; letter-spacing: .06em; }
.report-list { display: grid; grid-template-columns: 1fr 1fr; align-content: center; gap: 12px; }
.report-list span { min-height: 54px; display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.025); color: #d4dadd; font-weight: 700; }
.report-list span::before { content:""; width: 8px; height: 8px; border-radius: 50%; background: var(--green); }
.clarity { background: var(--cream); color: var(--navy); }
.clarity-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(32px,7vw,100px); }
.clarity-copy > p { margin-top: 0; color: #52616c; font-size: 1.1rem; }
.link-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
.link-row a { min-height: 46px; display: inline-flex; align-items: center; padding: 0 16px; border: 1px solid rgba(11,23,36,.16); border-radius: 12px; color: var(--navy); text-decoration: none; font-weight: 800; }
.link-row a:hover { border-color: #936b08; }
.sources { background: #0e1c29; }
.source-list { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; margin-top: 42px; }
.source-card { position: relative; min-height: 128px; display: flex; flex-direction: column; justify-content: center; padding: 23px 54px 23px 23px; border: 1px solid var(--line); border-radius: 18px; background: #122332; text-decoration: none; transition: border-color .2s ease, transform .2s ease; }
.source-card:hover { transform: translateY(-2px); border-color: rgba(212,160,23,.5); }
.source-card span { margin-bottom: 7px; color: var(--gold-light); font-size: .73rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.source-card strong { line-height: 1.35; }
.source-card i { position: absolute; right: 20px; top: 20px; color: var(--gold-light); font-style: normal; }
.source-note { max-width: 780px; margin: 26px 0 0; color: var(--muted); font-size: .9rem; }
.disclaimer { background: #0b1724; }
.disclaimer-box { display: grid; grid-template-columns: auto 1fr; gap: 24px; padding-block: 36px; border-block: 1px solid rgba(212,160,23,.3); }
.disclaimer-mark { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--gold); border-radius: 50%; color: var(--gold-light); font-family: Georgia,serif; font-size: 1.2rem; font-weight: 800; }
.disclaimer h2 { font-size: clamp(1.8rem,3.5vw,2.7rem); }
.disclaimer p { margin: 11px 0 0; color: var(--muted); }
.faq { background: var(--cream); color: var(--navy); }
.faq-grid { display: grid; grid-template-columns: minmax(220px,.65fr) minmax(0,1.35fr); gap: clamp(35px,7vw,110px); align-items: start; }
.accordion { border-top: 1px solid rgba(11,23,36,.15); }
.accordion details { border-bottom: 1px solid rgba(11,23,36,.15); }
.accordion summary { min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 10px 0; cursor: pointer; font-family: "Space Grotesk",sans-serif; font-weight: 750; list-style: none; }
.accordion summary::-webkit-details-marker { display: none; }
.accordion summary::after { content: "+"; color: #936b08; font-size: 1.5rem; font-weight: 400; transition: transform .2s ease; }
.accordion details[open] summary::after { transform: rotate(45deg); }
.accordion p { margin: -2px 40px 22px 0; color: #52616c; }
.final-cta { position: relative; overflow: hidden; padding: clamp(80px,11vw,140px) 0; text-align: center; background: #101f2e; }
.final-cta::before { content:""; position:absolute; inset:auto 50% -290px auto; transform:translateX(50%); width:620px; height:620px; border-radius:50%; background:radial-gradient(circle,rgba(212,160,23,.19),transparent 67%); }
.final-inner { position: relative; z-index: 1; max-width: 880px; }
.final-cta > .shell > p:not(.kicker) { color: var(--muted); font-size: 1.1rem; }
.final-buttons { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; max-width: 720px; margin: 34px auto 0; }
.final-button { min-height: 78px; display: flex; flex-direction: column; justify-content: center; border-radius: 17px; background: var(--gold); color: #0a1420; text-decoration: none; box-shadow: 0 15px 35px rgba(0,0,0,.2); }
.final-button:hover { background: var(--gold-light); }
.final-button span { font-weight: 900; }.final-button small { margin-top: 2px; font-weight: 700; opacity: .75; }
.footer { padding: 66px 0 28px; background: #07121d; }
.footer-grid { display: grid; grid-template-columns: minmax(260px,1.8fr) repeat(3,1fr); gap: 34px; }
.footer-brand p { max-width: 390px; color: #8997a2; font-size: .9rem; }
.footer h2 { margin: 0 0 15px; color: #788994; font-family: inherit; font-size: .73rem; letter-spacing: .12em; text-transform: uppercase; }
.footer-grid > div:not(.footer-brand) a { display: block; margin: 9px 0; color: #c7cfd4; text-decoration: none; font-size: .9rem; }
.footer-grid a:hover { color: var(--gold-light); }
.footer-bottom { display: flex; justify-content: space-between; gap: 20px; margin-top: 52px; padding-top: 22px; border-top: 1px solid var(--line); color: #74838f; font-size: .8rem; }
.lightbox { position: fixed; max-width: min(92vw,520px); max-height: 92vh; padding: 16px; border: 1px solid var(--line); border-radius: 24px; background: #07111a; color: var(--cream); box-shadow: 0 25px 90px rgba(0,0,0,.65); }
.lightbox::backdrop { background: rgba(2,8,13,.84); backdrop-filter: blur(8px); }
.lightbox img { max-height: 78vh; margin-inline: auto; border-radius: 15px; }
.lightbox p { margin: 12px 42px 0 4px; color: var(--muted); }
.lightbox-close { position: absolute; top: 20px; right: 20px; width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 50%; background: rgba(11,23,36,.92); color: var(--cream); font-size: 1.6rem; cursor: pointer; }
.reveal { opacity: 0; transform: translateY(16px); transition: opacity .55s ease, transform .55s ease; }
.reveal.is-visible { opacity: 1; transform: none; }
.info-page { min-height: 100vh; background: radial-gradient(circle at 75% 10%,rgba(212,160,23,.12),transparent 26%),var(--navy); }
.back-link { color: var(--cream); text-decoration: none; font-weight: 800; }
.info-main { padding: clamp(60px,10vw,110px) 0; }
.info-card { max-width: 840px; padding: clamp(26px,5vw,58px); border: 1px solid var(--line); border-radius: 28px; background: linear-gradient(145deg,#132638,#0c1a27); box-shadow: var(--shadow); }
.info-card h1 { font-size: clamp(2.5rem,7vw,4.3rem); }
.info-card h2 { margin: 38px 0 8px; font-size: 1.35rem; }
.info-card p { color: #b5c0c8; }
.info-card a { color: var(--gold-light); }
.info-cta { min-height: 54px; display: inline-flex; align-items: center; margin-top: 22px; padding: 0 20px; border-radius: 13px; background: var(--gold); color: #0a1420 !important; text-decoration: none; font-weight: 900; }
.info-note { margin-top: 36px; padding: 18px; border: 1px solid rgba(212,160,23,.25); border-radius: 14px; background: rgba(212,160,23,.06); font-size: .9rem; }
.support-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 28px 0; }
.support-cards section { padding: 20px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.02); }
.support-cards h2 { margin-top: 0; }
@media (max-width: 900px) {
  .feature-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .step-grid { grid-template-columns: 1fr; }
  .step-grid li { min-height: auto; display: grid; grid-template-columns: 70px 1fr; }
  .step-grid li > span { margin: 5px 0; }
  .choice-card ul { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1.7fr 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
  .carousel-arrow.prev { left: 0; }
  .carousel-arrow.next { right: 0; }
}
@media (max-width: 600px) {
  .section-pad { padding: 72px 0; }
  .story-grid, .choice-grid, .clarity-grid, .faq-grid, .report-panel, .source-list { grid-template-columns: 1fr; }
  .story-copy > p { font-size: 1.08rem; }
  .feature-grid { grid-template-columns: 1fr; }
  .feature-card { min-height: 180px; }
  .feature-card-wide { grid-column: auto; grid-template-columns: auto 1fr; }
  .feature-card-wide small { margin-top: 24px; }
  .step-grid { gap: 0; }
  .step-grid li { grid-template-columns: 55px 1fr; padding: 24px 8px; }
  .choice-card ul { margin-top: 24px; }
  .screenshot-head { align-items: stretch; flex-direction: column; }
  .tab-list { display: grid; grid-template-columns: 1fr 1fr; }
  .tab-list button { padding-inline: 10px; font-size: .86rem; }
  .screenshot-track { grid-auto-columns: min(78vw,310px); }
  .carousel-arrow { display: none; }
  .report-panel { width: calc(100% - 20px); padding: 26px 20px; }
  .report-list { grid-template-columns: 1fr; }
  .disclaimer-box { grid-template-columns: 1fr; }
  .source-card { min-height: 112px; }
  .final-buttons { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-bottom { flex-direction: column; }
  .support-cards { grid-template-columns: 1fr; }
  .info-page .header-inner { min-height: 82px; }
  .info-page .brand { max-width: 210px; }
  .hero { padding-top: 28px; }
  h1 { font-size: clamp(2.35rem, 10.8vw, 2.75rem); line-height: 1; }
  .eyebrow { margin-bottom: 12px; font-size: .7rem; }
  .hero-lead { margin: 14px 0 18px; font-size: .96rem; line-height: 1.5; }
  .hero-apps { gap: 10px; }
  .download-card { gap: 12px; padding: 14px; border-radius: 17px; }
  .download-card h2 { margin: 7px 0 2px; font-size: 1.15rem; }
  .download-card p { font-size: .84rem; line-height: 1.42; }
  .language { min-height: 23px; font-size: .65rem; }
  .store-button { min-height: 48px; padding-block: 8px; }
}
@media (prefers-reduced-motion: reduce) { .reveal { opacity: 1; transform: none; } }
.app-landing { background: #0b1724; }
.app-hero { position: relative; overflow: hidden; padding: clamp(42px,7vw,86px) 0 66px; }
.app-hero::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 78% 28%,rgba(212,160,23,.15),transparent 28%); pointer-events:none; }
.app-hero-grid { position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.72fr); align-items:center; gap:clamp(38px,7vw,92px); }
.app-hero-copy h1 { margin:0; font-size:clamp(3.6rem,8vw,6.9rem); line-height:.92; letter-spacing:-.065em; }
.app-hero-lead { max-width:650px; margin:24px 0; color:#bdc6cd; font-size:clamp(1.06rem,2vw,1.3rem); }
.play-cta { min-height:68px; width:min(100%,390px); display:flex; flex-direction:column; justify-content:center; padding:11px 20px; border-radius:16px; background:var(--gold); color:#09131e; text-decoration:none; box-shadow:0 16px 38px rgba(0,0,0,.26); }
.play-cta span { font-weight:900; }.play-cta small { font-size:.72rem; font-weight:700; opacity:.7; }
.cta-note { margin:13px 0 0; color:#82919c; font-size:.78rem; }
.app-hero-shot { display:grid; place-items:center; }
.app-shot-button { width:min(100%,315px); padding:0; overflow:hidden; border:5px solid #263847; border-radius:34px; background:#02080d; box-shadow:var(--shadow); cursor:zoom-in; transform:rotate(2deg); }
.app-shot-button img { width:100%; height:auto; object-fit:contain; }
@media(max-width:760px){.app-hero{padding:30px 0 52px}.app-hero-grid{grid-template-columns:1fr;gap:28px}.app-hero-copy h1{font-size:clamp(2.75rem,13.2vw,3.35rem)}.app-hero-lead{margin:16px 0 18px;line-height:1.52}.play-cta{min-height:62px}.app-hero-shot{justify-items:center}.app-shot-button{width:min(74vw,285px);transform:none}}
.landing-trust { border-block:1px solid var(--line); background:#0e1c29; }
.landing-trust .shell { min-height:70px; display:grid; grid-template-columns:repeat(5,1fr); align-items:center; }
.landing-trust span { padding:10px; color:#c7d0d6; text-align:center; font-size:.86rem; font-weight:750; }
.landing-feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:46px; }
.landing-feature-grid article { min-height:190px; padding:23px; border:1px solid var(--line); border-radius:20px; background:linear-gradient(150deg,#142737,#0e1b28); }
.landing-feature-grid span { color:var(--gold-light); font-size:.72rem; font-weight:850; letter-spacing:.12em; }
.landing-feature-grid h3 { margin:28px 0 7px; font-family:"Space Grotesk",sans-serif; font-size:1.18rem; }
.landing-feature-grid p { margin:0; color:var(--muted); font-size:.92rem; }
.app-screens { background:var(--cream); color:var(--navy); }
.app-screens .kicker, .app-process .kicker { color:#936b08; }
.app-screens .section-heading > p:last-child { color:#53616c; }
.landing-screen-row { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(220px,1fr); gap:16px; overflow-x:auto; margin-top:40px; padding:8px 3px 25px; scroll-snap-type:x mandatory; }
.landing-screen { padding:0; overflow:hidden; border:1px solid rgba(11,23,36,.15); border-radius:24px; background:#07111a; box-shadow:0 16px 36px rgba(11,23,36,.14); cursor:zoom-in; scroll-snap-align:start; }
.landing-screen img { width:100%; height:auto; object-fit:contain; }
.app-process { background:var(--cream); color:var(--navy); padding-top:0; }
.landing-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:42px 0 0; padding:0; list-style:none; }
.landing-steps li { min-height:190px; padding:25px; border-top:3px solid var(--gold); background:#fff; box-shadow:0 13px 34px rgba(11,23,36,.07); }
.landing-steps b { color:#936b08; font-size:.75rem; letter-spacing:.12em; }
.landing-steps h3 { margin:34px 0 7px; font-family:"Space Grotesk",sans-serif; }
.landing-steps p { margin:0; color:#596874; }
.app-focus { overflow:hidden; }
.app-focus.alt { background:#0e1c29; }
.focus-grid { display:grid; grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr); align-items:center; gap:clamp(40px,8vw,110px); }
.focus-copy h2 { margin:0; font:700 clamp(2.15rem,4.5vw,3.6rem)/1.04 "Space Grotesk",sans-serif; letter-spacing:-.045em; }
.focus-copy > p:not(.kicker) { color:var(--muted); font-size:1.06rem; }
.focus-copy ul { margin:25px 0 0; padding:0; list-style:none; color:#c5cdd3; }
.focus-copy li { margin:10px 0; }.focus-copy li::before { content:"✓"; margin-right:10px; color:var(--green); font-weight:900; }
.focus-visuals { position:relative; min-height:590px; }
.focus-phone { position:absolute; z-index:2; top:0; left:4%; width:min(48%,270px); padding:0; overflow:hidden; border:4px solid #293a48; border-radius:29px; background:#03090e; box-shadow:var(--shadow); cursor:zoom-in; transform:rotate(-3deg); }
.focus-phone.secondary { z-index:1; top:75px; left:auto; right:4%; transform:rotate(4deg); }
.focus-phone img { width:100%; height:auto; object-fit:contain; }
.app-focus.alt .focus-visuals { order:0; }.app-focus.alt .focus-copy { order:1; }
.safe-note { padding:15px 17px; border:1px solid rgba(212,160,23,.28); border-radius:13px; background:rgba(212,160,23,.06); font-size:.87rem !important; }
.app-detail { overflow:hidden; background:#0b1724; }
.app-detail.light { background:var(--cream); color:var(--navy); }
.detail-grid { display:grid; grid-template-columns:minmax(0,.86fr) minmax(420px,1.14fr); align-items:center; gap:clamp(40px,7vw,96px); }
.detail-copy h2 { margin:0; font:700 clamp(2.15rem,4.5vw,3.6rem)/1.04 "Space Grotesk",sans-serif; letter-spacing:-.045em; }
.detail-copy h3 { margin:28px 0 7px; font:700 1.12rem/1.3 "Space Grotesk",sans-serif; }
.detail-copy > p:not(.kicker) { color:var(--muted); font-size:1.04rem; }
.app-detail.light .detail-copy > p:not(.kicker) { color:#586773; }
.app-detail.light .kicker { color:#936b08; }
.detail-points { margin:24px 0 0; padding:0; list-style:none; color:#c8d0d6; }
.app-detail.light .detail-points { color:#4f5f6b; }
.detail-points li { margin:10px 0; }
.detail-points li::before { content:"✓"; margin-right:10px; color:var(--green); font-weight:900; }
.detail-note { padding:15px 17px; border:1px solid rgba(212,160,23,.28); border-radius:13px; background:rgba(212,160,23,.07); font-size:.9rem !important; }
.detail-media { display:grid; place-items:center; }
.detail-shot { width:min(100%,560px); padding:0; overflow:hidden; border:3px solid #293a48; border-radius:24px; background:#fff; box-shadow:var(--shadow); cursor:zoom-in; }
.detail-shot.portrait { width:min(100%,345px); }
.detail-shot img { display:block; width:100%; height:auto; object-fit:contain; }
.media-first .detail-media { order:0; }.media-first .detail-copy { order:1; }
.daily-grid-section { background:var(--cream); color:var(--navy); }
.daily-grid-section .kicker { color:#936b08; }.daily-grid-section .section-heading > p:last-child { color:#5a6873; }
.daily-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; margin-top:42px; }
.daily-grid figure { margin:0; overflow:hidden; border-radius:21px; background:#0d1a27; box-shadow:0 16px 38px rgba(11,23,36,.13); }
.daily-grid img { width:100%; height:auto; object-fit:contain; }
.daily-grid figcaption { padding:14px; color:var(--cream); text-align:center; font-weight:800; }
.app-report { background:#0e1c29; }
.report-showcase { display:grid; grid-template-columns:minmax(0,.8fr) minmax(460px,1.2fr); align-items:center; gap:clamp(38px,7vw,90px); }
.report-showcase-copy h2 { margin:0; font:700 clamp(2.15rem,4.5vw,3.55rem)/1.04 "Space Grotesk",sans-serif; letter-spacing:-.045em; }
.report-showcase-copy p { color:var(--muted); font-size:1.04rem; }
.report-showcase-copy strong { display:block; margin-top:22px; color:var(--gold-light); font-size:.82rem; letter-spacing:.05em; text-transform:uppercase; }
.report-images { display:grid; grid-template-columns:.72fr 1fr; align-items:center; gap:17px; }
.report-phone,.report-paper { padding:0; overflow:hidden; border:3px solid #293a48; border-radius:23px; background:#fff; box-shadow:var(--shadow); cursor:zoom-in; }
.report-phone img { width:100%; height:auto; object-fit:contain; }
.report-paper { border-radius:12px; }.report-paper img { width:100%; height:auto; }
.app-final { position:relative; overflow:hidden; padding:clamp(78px,10vw,125px) 0; text-align:center; background:#101f2e; }
.app-final::before { content:""; position:absolute; width:560px; height:560px; left:50%; bottom:-390px; transform:translateX(-50%); border-radius:50%; background:rgba(212,160,23,.16); filter:blur(35px); }
.app-final .shell { position:relative; }.app-final h2 { max-width:780px; margin:0 auto 28px; font:700 clamp(2.25rem,5vw,3.8rem)/1.03 "Space Grotesk",sans-serif; letter-spacing:-.045em; }
.centered-cta { margin-inline:auto; text-align:left; }
.landing-footer { margin-top:0; }.landing-footer a { color:#aebac2; text-decoration:none; }
@media(max-width:900px){.landing-feature-grid{grid-template-columns:repeat(2,1fr)}.focus-grid,.detail-grid,.report-showcase{grid-template-columns:1fr}.focus-copy,.detail-copy{max-width:720px}.focus-visuals{width:min(100%,620px);margin-inline:auto}.app-focus.alt .focus-copy,.media-first .detail-copy{order:0}.app-focus.alt .focus-visuals,.media-first .detail-media{order:1}.detail-media{width:min(100%,680px);margin-inline:auto}.report-images{width:min(100%,620px);margin-inline:auto}}
@media(max-width:600px){.landing-trust .shell{grid-template-columns:1fr 1fr;padding-block:9px}.landing-trust span:last-child{grid-column:1/-1}.landing-feature-grid{grid-template-columns:1fr}.landing-feature-grid article{min-height:160px}.landing-screen-row{grid-auto-columns:min(78vw,300px)}.landing-steps{grid-template-columns:1fr}.landing-steps li{min-height:155px}.landing-steps h3{margin-top:20px}.focus-grid,.detail-grid{gap:26px}.focus-visuals{min-height:430px}.focus-phone{width:55%;left:2%}.focus-phone.secondary{right:2%;top:55px}.detail-shot,.detail-shot.portrait{width:100%;max-width:360px}.daily-grid{grid-template-columns:repeat(2,1fr);gap:10px}.daily-grid figcaption{padding:10px;font-size:.86rem}.report-showcase{gap:30px}.report-images{grid-template-columns:.78fr 1fr}.app-final h2{font-size:2.25rem}.landing-footer{align-items:flex-start}}

/* Real app screenshot showcases — added from supplied production screenshots */
.real-showcase { background:#0b1724; }
.real-showcase.light { background:var(--cream); color:var(--navy); }
.real-showcase.light .kicker { color:#936b08; }
.real-showcase.light .section-heading > p:last-child { color:#586773; }
.real-grid { display:grid; gap:18px; margin-top:38px; align-items:start; }
.real-grid-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.real-grid-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.real-shot { display:block; width:100%; padding:0; overflow:hidden; border:1px solid rgba(212,160,23,.22); border-radius:24px; background:#050b10; box-shadow:0 18px 42px rgba(0,0,0,.22); cursor:zoom-in; }
.real-showcase.light .real-shot { border-color:rgba(11,23,36,.14); box-shadow:0 18px 42px rgba(11,23,36,.14); }
.real-shot img { display:block; width:100%; height:auto; object-fit:contain; }
@media (max-width:900px){ .real-grid-3 { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:620px){ .real-grid-2,.real-grid-3 { grid-template-columns:1fr; } .real-grid { gap:22px; margin-top:28px; } .real-shot { border-radius:20px; } }

/* 2026-09-16 mobile landing fix: prevent long app names from widening the viewport */
@media (max-width: 600px) {
  .app-hero-grid,
  .app-hero-copy,
  .app-hero-shot {
    min-width: 0;
    width: 100%;
  }

  .app-hero-copy h1 {
    max-width: 100%;
    font-size: clamp(2.15rem, 10.6vw, 2.55rem);
    line-height: .96;
    letter-spacing: -.055em;
    white-space: nowrap;
  }

  .app-hero .eyebrow {
    max-width: 100%;
    font-size: .66rem;
    line-height: 1.45;
    letter-spacing: .105em;
    overflow-wrap: anywhere;
  }

  .app-hero-lead {
    max-width: 100%;
    font-size: 1rem;
  }

  .play-cta {
    width: 100%;
    max-width: 100%;
    padding-inline: 18px;
  }

  .app-shot-button {
    width: min(82vw, 300px);
  }
}

@media (max-width: 360px) {
  .app-hero-copy h1 {
    font-size: 2.15rem;
  }

  .app-hero .eyebrow {
    font-size: .62rem;
    letter-spacing: .085em;
  }
}


/* Store buttons */
.store-cta-row{display:flex;gap:14px;flex-wrap:wrap;align-items:stretch}.store-cta-row .play-cta{flex:1 1 240px}.appstore-cta{background:#fff;color:#09131e}.centered-store-row{justify-content:center;max-width:800px;margin-inline:auto}.centered-store-row .play-cta{max-width:390px}@media(max-width:760px){.store-cta-row{flex-direction:column}.store-cta-row .play-cta{width:100%;flex-basis:auto}}

/* Analytics consent */
.analytics-consent {
  position: fixed;
  z-index: 9999;
  left: 16px;
  right: 16px;
  bottom: 16px;
  max-width: 980px;
  margin: 0 auto;
  background: rgba(11, 23, 36, 0.98);
  color: #f6f4ee;
  border: 1px solid rgba(212, 160, 23, 0.35);
  border-radius: 18px;
  box-shadow: 0 18px 48px rgba(0,0,0,.28);
}
.analytics-consent__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 18px 20px;
}
.analytics-consent strong { display: block; margin-bottom: 4px; }
.analytics-consent p { margin: 0; font-size: .92rem; line-height: 1.45; color: rgba(246,244,238,.82); }
.analytics-consent a { color: #f0c95b; }
.analytics-consent__actions { display: flex; flex: 0 0 auto; gap: 10px; }
.analytics-consent button {
  border-radius: 999px;
  padding: 10px 15px;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
.analytics-consent__secondary {
  border: 1px solid rgba(246,244,238,.35);
  background: transparent;
  color: #f6f4ee;
}
.analytics-consent__primary {
  border: 1px solid #d4a017;
  background: #d4a017;
  color: #0b1724;
}
@media (max-width: 680px) {
  .analytics-consent { left: 10px; right: 10px; bottom: 10px; }
  .analytics-consent__inner { align-items: stretch; flex-direction: column; padding: 15px; }
  .analytics-consent__actions { width: 100%; }
  .analytics-consent button { flex: 1 1 0; padding: 10px 8px; font-size: .86rem; }
}