/* Public landing rhythm and RA-02C neutral surfaces. */
.landing-page,
.dark .landing-page {
  --bg: #fff;
  --surface: #fff;
  --surface-variant: #F7F7F7;
  --surface-container: #F7F7F7;
  --surface-container-h: #D8D8D8;
  --text: #171717;
  --text-secondary: #514b57;
  --text-light: #5B5B5B;
  --primary: #171717;
  --primary-dark: #494450;
  --primary-container: #F7F7F7;
  --on-primary-container: #171717;
  --text-on-primary: #fff;
  --border: #dedde1;
  --outline-variant: #D8D8D8;
  background: #fff;
  color: #171717;
}
.landing-page *, .landing-page *::before, .landing-page *::after { box-sizing: border-box; }
.landing-page .landing-nav { height: 72px; padding-inline: max(24px, calc((100vw - 1160px)/2)); background: rgb(255 255 255 / 94%); border-color: #D8D8D8; }
.landing-page .landing-logo-wordmark { height: 34px !important; }
.landing-page .landing-logo-slogan { opacity: 1; color: #5B5B5B; }
.landing-page .landing-nav-links a { font-size: 14px; opacity: 1; }
.landing-page .landing-nav-signin { background: #171717; color: #fff; border-color: #171717; min-height: 42px; }
.landing-page .landing-nav-signin:hover { background: #494450; color: #fff; }
.landing-page .landing-hero { max-width: 1160px; gap: 32px; padding-block: 70px 52px; }
.landing-page .landing-hero-left { flex: 1 1 49%; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 22px; }
.landing-page .landing-hero-right { flex: 1 1 51%; min-width: 0; }
.landing-page .landing-headline { max-width: 10ch; font-size: clamp(48px, 5.5vw, 72px); line-height: 1.07; letter-spacing: -.055em; }
.landing-page .landing-headline-accent { color: #171717; }
.landing-page .landing-sub { max-width: 48ch; font-size: 18px; line-height: 1.62; }
.landing-page .landing-badge { margin: 0; background: #F7F7F7; color: #171717; border: 1px solid #D8D8D8; }
.landing-page .landing-ctas { max-width: 350px; gap: 12px; }
.landing-page .landing-btn-primary { box-shadow: none; border-radius: 12px; }
.landing-page .landing-btn-primary:hover { box-shadow: 0 6px 20px rgb(48 43 56 / 14%); }
.landing-page .landing-email-signin { background: #fff; border-color: #c9c7cc; color: #171717; }
.landing-page .landing-art-wrap { background: transparent; }
.landing-page .landing-hero-art { max-width: 590px; }
.landing-page .landing-demo { padding-block: 64px 88px; background: #F7F7F7; }
.landing-page .landing-demo-inner { max-width: 1120px; gap: 24px; }
.landing-page .landing-demo-header { max-width: 680px; }
.landing-page .landing-demo-frame { border-radius: 16px; box-shadow: 0 18px 50px rgb(48 43 56 / 7%); }
.landing-page .landing-demo-day { border-color: #D8D8D8; }
.landing-page .preview-task { background: #fff; border-color: #D8D8D8; border-radius: 8px; }
.landing-page .preview-check:hover { background: #F7F7F7; }
.landing-page .landing-problem, .landing-page .landing-features, .landing-page .landing-how,
.landing-page .landing-pricing, .landing-page .landing-downloads, .landing-page .landing-for,
.landing-page .landing-about, .landing-page .landing-proof, .landing-page .landing-final-cta { padding-block: 78px; background: #fff; }
.landing-page .landing-problem, .landing-page .landing-how, .landing-page .landing-downloads,
.landing-page .landing-about { background: #f8f8f9; }
.landing-page .landing-problem-inner, .landing-page .landing-how-layout, .landing-page .landing-for-layout,
.landing-page .landing-final-cta-inner { max-width: 1120px; gap: clamp(28px, 5vw, 72px); }
.landing-page .landing-features { width: 100%; }
.landing-page .landing-features-grid { max-width: 1120px; margin-inline: auto; }
.landing-page .landing-feature-card { background: #fff !important; border: 1px solid #dedde1 !important; border-radius: 14px; box-shadow: none; }
.landing-page .landing-feature-icon { background: #F7F7F7 !important; color: #171717 !important; }
.landing-page .landing-pricing-inner, .landing-page .landing-downloads-inner, .landing-page .landing-proof-inner,
.landing-page .landing-about-inner { max-width: 900px; }
.landing-page .landing-pricing-split { gap: 18px; }
.landing-page .landing-pricing-col { padding: 24px; border: 1px solid #dedde1; border-radius: 14px; background: #fff; }
.landing-page .landing-download-card { background: #fff; border-radius: 14px; }
.landing-page .landing-download-card.is-mac { background: #fff; }
.landing-page .landing-download-icon, .landing-page .landing-download-icon.play { background: #F7F7F7; }
.landing-page .landing-proof-card { border: 1px solid #dedde1; box-shadow: none; border-radius: 14px; }
.landing-page .landing-about-prayer-remembrance, .landing-page .landing-about-quran { background: #fff; border-color: #dedde1; box-shadow: none; }
.landing-page .landing-footer { background: #f8f8f9; }
@media (max-width: 860px) {
  .landing-page .landing-nav { padding-inline: 20px; }
  .landing-page .landing-hero { padding: 48px 24px 40px; gap: 24px; }
  .landing-page .landing-hero-left { gap: 18px; }
  .landing-page .landing-headline { font-size: clamp(42px, 7vw, 58px); }
  .landing-page .landing-demo { padding: 52px 20px 72px; }
}
@media (max-width: 700px) {
  .landing-page .landing-nav { height: 62px; padding-inline: 16px; }
  .landing-page .landing-logo-wordmark { height: 28px !important; }
  .landing-page .landing-hero { padding: 44px 20px 34px; gap: 18px; }
  .landing-page .landing-hero-left { width: 100%; gap: 17px; }
  .landing-page .landing-headline { max-width: 11ch; font-size: clamp(42px, 10vw, 56px); line-height: 1.08; }
  .landing-page .landing-sub { font-size: 16px; line-height: 1.6; }
  .landing-page .landing-ctas { max-width: none; }
  .landing-page .landing-hero-right { width: 100%; }
  .landing-page .landing-hero-art { max-height: 300px; width: 100%; object-fit: contain; }
  .landing-page .landing-demo { padding: 48px 16px 64px; }
  .landing-page .landing-problem, .landing-page .landing-features, .landing-page .landing-how,
  .landing-page .landing-pricing, .landing-page .landing-downloads, .landing-page .landing-for,
  .landing-page .landing-about, .landing-page .landing-proof, .landing-page .landing-final-cta { padding-block: 56px; }
  .landing-page .landing-pricing-col { padding: 20px; }
}

.dark .landing-page .ra02c-on-light { display: block; }
.dark .landing-page .ra02c-on-dark { display: none; }

/* The approved five-prayer flower is the hero artwork. Its own SVG animation
   pauses automatically under reduced motion. */
.landing-page .landing-hero-right { background: #171717; border-radius: 28px; aspect-ratio: 1 / 1; min-height: 0; overflow: hidden; }
.landing-page .landing-hero-flower { width: min(100%, 540px); max-width: none; max-height: none; height: auto; border-radius: 0; animation: none; }
@media (max-width: 700px) {
  .landing-page .landing-hero-right { max-width: 460px; margin-inline: auto; border-radius: 20px; }
  .landing-page .landing-hero-flower { max-height: none; }
}
/* Header: section links, centered lockup, clear return and trial actions. */
.landing-page .landing-nav {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 28px;
  height: 78px;
}
.landing-page .landing-logo { grid-column: 2; grid-row: 1; justify-self: center; }
.landing-page .landing-logo-slogan { display: none; }
.landing-page .landing-nav-links { grid-column: 1; grid-row: 1; display: flex; justify-self: start; margin: 0; gap: 24px; }
.landing-page .landing-nav-links a { font-size: 14px; font-weight: 650; white-space: nowrap; }
.landing-page .landing-header-actions { grid-column: 3; grid-row: 1; display: flex; align-items: center; justify-self: end; gap: 18px; }
.landing-page .landing-header-actions .page-lang-wrap { margin: 0; }
.landing-page .landing-header-login, .landing-page .landing-header-trial { font-size: 14px; font-weight: 700; text-decoration: none; white-space: nowrap; }
.landing-page .landing-header-login { color: #171717; }
.landing-page .landing-header-trial { display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border-radius: 10px; background: #171717; color: #fff; transition: background .18s, transform .18s; }
.landing-page .landing-header-trial:hover { background: #494450; transform: translateY(-1px); }
.landing-page .landing-nav-android, .landing-page .landing-menu-button, .landing-page .landing-mobile-actions { display: none; }
@media (max-width: 1050px) and (min-width: 701px) {
  .landing-page .landing-nav { gap: 14px; padding-inline: 20px; }
  .landing-page .landing-nav-links { gap: 14px; }
  .landing-page .landing-nav-links a { font-size: 12px; }
  .landing-page .landing-header-actions { gap: 10px; }
  .landing-page .landing-header-login, .landing-page .landing-header-trial { font-size: 12px; }
  .landing-page .landing-logo-wordmark { height: 28px !important; }
}
@media (max-width: 700px) {
  .landing-page .landing-nav { grid-template-columns: 44px minmax(0, 1fr) 44px; gap: 8px; height: 64px; padding-inline: 16px; }
  .landing-page .landing-menu-button { grid-column: 1; grid-row: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 4px; width: 44px; height: 44px; padding: 0; border: 1px solid #dedde1; border-radius: 10px; background: #fff; cursor: pointer; }
  .landing-page .landing-menu-button span { display: block; width: 18px; height: 2px; border-radius: 2px; background: #171717; }
  .landing-page .landing-logo { grid-column: 2; grid-row: 1; }
  .landing-page .landing-logo-wordmark { height: 30px !important; }
  .landing-page .landing-header-actions { grid-column: 3; grid-row: 1; }
  .landing-page .landing-header-actions .page-lang-wrap { display: block; }
  .landing-page .landing-header-actions .page-lang-btn { width: 44px; height: 44px; padding: 0; }
  .landing-page .landing-header-login, .landing-page .landing-header-trial { display: none; }
  .landing-page .landing-nav-links { display: none; position: absolute; top: 64px; left: 0; right: 0; z-index: 120; padding: 24px 20px 30px; border-bottom: 1px solid #dedde1; background: #fff; box-shadow: 0 16px 24px rgb(48 43 56 / 12%); }
  .landing-page .landing-nav-links.is-open { display: flex; flex-direction: column; align-items: stretch; gap: 0; }
  .landing-page .landing-nav-links > a { display: block; padding: 13px 4px; border-bottom: 1px solid #D8D8D8; font-size: 18px; color: #171717; }
  .landing-page .landing-nav-android { display: block; }
  .landing-page .landing-mobile-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 22px; }
  .landing-page .landing-mobile-actions a { display: flex; justify-content: center; align-items: center; min-height: 48px; border: 1px solid #171717; border-radius: 10px; color: #171717; text-decoration: none; font-size: 14px; font-weight: 700; text-align: center; }
  .landing-page .landing-mobile-actions .landing-header-trial { display: flex; color: #fff; }
  .landing-page .landing-mobile-actions .landing-header-login { display: flex; }
}
@media (max-width: 700px) {
  .landing-page .landing-nav-links { position: fixed; top: 64px; inset-inline: 0; width: 100vw; max-height: calc(100dvh - 64px); overflow-y: auto; }
}

/* Feature summary belongs with the five-checkpoint explanation. */
.landing-page .landing-problem-inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; }
.landing-page .landing-problem-text { grid-column: 1; grid-row: 1; max-width: 520px; }
.landing-page .landing-problem-visual { grid-column: 2; grid-row: 1; width: 100%; min-width: 0; }
.landing-page .landing-problem-inner > .landing-features-grid { grid-column: 1 / -1; grid-row: 2; width: 100%; max-width: none; margin-top: 20px; }
@media (max-width: 700px) {
  .landing-page .landing-problem-inner { display: flex; flex-direction: column; align-items: stretch; gap: 24px; }
  .landing-page .landing-problem-text { max-width: none; }
  .landing-page .landing-problem-inner > .landing-features-grid { order: 2; margin-top: 0; grid-template-columns: 1fr; }
  .landing-page .landing-problem-visual { order: 3; align-self: center; }
}
@media (max-width: 700px) {
  .landing-page .landing-problem-text { flex: none; }
}
/* One day, using the board's ruled rows, neutral checks and prayer palette. */
.landing-page .landing-demo-inner { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,460px); align-items:center; gap:32px 72px; }
.landing-page .landing-demo-header { grid-column:1; grid-row:1; }
.landing-page .landing-demo-frame { grid-column:2; grid-row:1 / span 2; border-radius:12px; background:#fff; box-shadow:0 12px 35px #1717170c; }
.landing-page .landing-demo-strip { display:block; min-height:0; overflow:visible; }
.landing-page .landing-demo-day { width:100%!important; padding:26px 28px; border:0; }
.landing-page .landing-demo-day h3 { font-family:var(--font-ui);font-size:11px;letter-spacing:.03em;color:#5B5B5B;margin-bottom:5px; }
.landing-page .landing-demo-day h2 { font-size:28px;text-transform:uppercase;letter-spacing:.02em;margin-bottom:24px; }
.landing-page .preview-prayer { min-height:38px;padding:8px 0;border-top:0;border-bottom:1px solid #D8D8D8;font-size:11px;letter-spacing:.06em;text-transform:uppercase; }
.landing-page .preview-prayer .prayer-icon { width:16px;height:16px;display:inline-flex; }
.landing-page .preview-prayer svg { width:16px;height:16px; }
.landing-page .preview-prayer[data-prayer-slot="Fajr"] { color:#2673A4; }
.landing-page .preview-prayer[data-prayer-slot="Dhuhr"] { color:#876A0B; }
.landing-page .preview-prayer[data-prayer-slot="Asr"] { color:#B65018; }
.landing-page .preview-prayer[data-prayer-slot="Maghrib"] { color:#C24133; }
.landing-page .preview-prayer[data-prayer-slot="Isha"] { color:#7C5CB5; }
.landing-page .preview-task { display:block;min-height:0;padding:0;margin:0;border:0;border-bottom:1px solid #D8D8D8;border-radius:0;background:#fff; }
.landing-page .preview-task-toggle { display:flex;align-items:center;gap:10px;width:100%;min-height:48px;text-align:start;color:#171717;border:0;background:transparent;padding:8px 0;cursor:pointer;font:inherit; }
.landing-page .preview-task-toggle:hover { background:#F7F7F7; }
.landing-page .preview-task-toggle:focus-visible { outline:2px solid #3298D8;outline-offset:3px;border-radius:4px; }
.landing-page .preview-check { display:grid;place-items:center;flex:0 0 23px;width:23px;height:23px;border-radius:5px;background:transparent;color:#171717; }
.landing-page .preview-check::before { width:17px;height:17px;border:1px solid #858585;border-radius:4px; }
.landing-page .preview-task.is-done .preview-check::before { background:#D8D8D8;border-color:#D8D8D8;color:#171717;font-size:13px; }
.landing-page .preview-text { font-size:15px;line-height:1.5;transition:color .2s,opacity .2s; }
.landing-page .preview-task.is-done .preview-text { color:#5B5B5B;opacity:.7;text-decoration:line-through;text-decoration-thickness:1px; }
.landing-page .preview-status { display:block;padding:10px 28px;border-top:1px solid #D8D8D8;color:#5B5B5B;font-size:12px;text-align:end;font-variant-numeric:tabular-nums; }
.landing-page .landing-demo-hint { grid-column:1;grid-row:2;text-align:start;align-self:start;max-width:43ch;font-size:13px; }
.landing-page .landing-proof-header { align-items:flex-start;text-align:start;gap:12px; }
.landing-usecase-note { margin:0;color:#5B5B5B;font-size:16px; }
.landing-page .landing-usecase { margin:0;padding:28px 24px;background:#fff;border-top:3px solid #171717; }
.landing-page .landing-usecase::before { content:none; }
.landing-page .landing-usecase .usecase-label { font-size:11px;font-weight:700;letter-spacing:.13em;color:#5B5B5B; }
.landing-page .landing-usecase h3 { font-family:var(--font-ui);font-size:21px;line-height:1.3;letter-spacing:-.025em;margin:18px 0 12px;color:#171717; }
.landing-page .landing-usecase p { font-family:var(--font-ui);font-style:normal;font-size:16px;line-height:1.6;min-height:0;letter-spacing:0; }
@media(max-width:700px){
 .landing-page .landing-demo-inner{grid-template-columns:minmax(0,1fr);gap:24px;}
 .landing-page .landing-demo-header,.landing-page .landing-demo-frame,.landing-page .landing-demo-hint{grid-column:1;grid-row:auto;}
 .landing-page .landing-demo-frame{width:100%;max-width:460px;justify-self:center;}
 .landing-page .landing-demo-day{width:100%!important;padding:24px 20px;}
 .landing-page .landing-demo-hint{text-align:center;max-width:none;}
}
@media(prefers-reduced-motion:reduce){.landing-page .preview-text{transition:none;}}

/* Open flower artwork and a compact, aligned interactive example. */
.landing-page .landing-hero-right { background:transparent; border-radius:0; aspect-ratio:auto; overflow:visible; display:flex; flex-direction:column; justify-content:center; }
.landing-page .landing-hero-flower { width:min(100%,480px); }
.landing-page .landing-flower-caption { margin:0; text-align:center; font-size:19px; line-height:1.6; color:#171717; }
.landing-page .landing-flower-caption span { color:#5B5B5B; font-size:16px; }
.landing-page .landing-demo-inner { max-width:1040px; margin-inline:auto; grid-template-columns:minmax(0,1fr) minmax(300px,420px); gap:64px; align-items:center; }
.landing-page .landing-demo-header { margin:0; padding:0; max-width:460px; }
.landing-page .landing-demo-headline { font-size:clamp(32px,3.2vw,44px); line-height:1.15; }
.landing-page .landing-demo-frame { grid-row:1; }
.landing-page .landing-demo-hint { margin:24px 0 0; font-size:12px; line-height:1.6; }
.landing-page .preview-list > :last-child { border-bottom:0; }
.landing-page .landing-features-grid { row-gap:16px; }
@media(max-width:700px) {
 .landing-page .landing-demo-inner { grid-template-columns:minmax(0,1fr); gap:28px; }
 .landing-page .landing-demo-frame { grid-row:auto; }
 .landing-page .landing-demo-header { max-width:none; }
 .landing-page .landing-demo-hint { text-align:start; }
 .landing-page .landing-flower-caption { margin:0 0 10px; }
}

.landing-page .landing-devices{padding-block:115px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:90px}
.landing-page .devices-copy>p:not(.eyebrow){color:var(--muted);margin-block:24px}
.landing-page .mac-download-version:not(:empty){display:block;font-size:13px;line-height:1.5;color:var(--muted);margin-top:4px}
.landing-page .device-visual{position:relative;padding:45px 30px 100px 0}
.landing-page .desktop-frame{border:6px solid var(--ink);border-radius:13px;overflow:hidden;box-shadow:0 20px 40px #1717171a;background:white}
.landing-page .frame-dots{display:flex;gap:4px;padding:6px;background:var(--ink)}
.landing-page .frame-dots i{height:4px;width:4px;border-radius:50%;background:#a39bad}
.landing-page .phone-preview{position:absolute;width:174px;right:0;bottom:0;border:5px solid var(--ink);border-radius:23px;background:#fff;box-shadow:0 12px 35px #17171726;padding:16px 11px;display:flex;flex-direction:column;gap:13px;font-size:9px;transform:rotate(4deg)}
.landing-page .phone-speaker{display:block;width:48px;height:7px;border-radius:8px;background:var(--ink);align-self:center;margin-top:-8px}
.landing-page .phone-preview small{font-size:8px;color:var(--purple)}
.landing-page .phone-preview strong{font-size:15px;line-height:1.3}
.landing-page .phone-prayer{border-bottom:1px solid var(--line);color:#876A0B;font-size:8px;padding-top:6px}
.landing-page .phone-plus{border-radius:50%;background:var(--ink);color:white;font-size:22px;width:31px;height:31px;text-align:center;align-self:flex-end}
.landing-page .ios-note{border-top:1px solid var(--line);margin-top:28px;padding-top:20px}
.landing-page .ios-label{font-size:13px;font-weight:650}
.landing-page .ios-label span{font-size:11px;font-weight:400;background:#F7F7F7;color:#5B5B5B;padding:4px 9px;border-radius:20px;margin-left:8px}
.landing-page .ios-note label{display:block;font-size:12px;color:var(--muted);margin:12px 0 8px}
.landing-page .ios-note form>div{display:flex;gap:6px}
.landing-page .ios-note input{min-width:0;width:100%;border:1px solid #858585;border-radius:6px;padding:10px;background:transparent;font-size:12px}
.landing-page .ios-note button{font-size:12px;white-space:nowrap;border:1px solid var(--ink);border-radius:6px;padding:10px;background:transparent;color:var(--ink)}
.landing-page .ios-status{font-size:11px;margin-top:6px}
.landing-page .landing-devices { --ink:#171717;--muted:#5B5B5B;--purple:#7C5CB5;--line:#D8D8D8; width:min(1120px,calc(100% - 64px));margin-inline:auto;gap:64px;padding-block:80px; }
.landing-page .landing-devices h2 {font-family:var(--font-ui);font-size:clamp(36px,4vw,54px);line-height:1.15;letter-spacing:-.04em;margin:18px 0;}
.landing-page .landing-devices .eyebrow {font-size:12px;letter-spacing:.15em;font-weight:700;color:#5B5B5B;}
.landing-page .devices-copy > p:not(.eyebrow) {font-size:19px;line-height:1.6;}
.landing-page .landing-devices .button {display:inline-flex;align-items:center;justify-content:center;background:#171717;color:#fff;padding:18px 24px;min-height:54px;border-radius:10px;text-decoration:none;font-size:18px;font-weight:650;}
.landing-page .desktop-frame img {display:block;width:100%;height:auto;}
.landing-page .ios-note input,.landing-page .ios-note button {font:inherit;font-size:14px;min-height:46px;}
.landing-page .ios-note label {font-size:14px;}
.landing-page .ios-email-note {display:block;margin-top:8px;font-size:12px;color:#5B5B5B;}
.landing-page .ios-status {font-size:13px;line-height:1.5;}
@media(max-width:700px){
 .landing-page .landing-devices{width:calc(100% - 40px);grid-template-columns:1fr;gap:38px;padding-block:56px;}
 .landing-page .device-visual{max-width:460px;width:100%;margin:auto;padding:20px 30px 90px 0;}
 .landing-page .phone-preview{width:150px;font-size:8px;gap:10px;}
 .landing-page .phone-preview strong{font-size:13px;}
 .landing-page .devices-copy>p:not(.eyebrow){font-size:16px;}
 .landing-page .ios-note input{font-size:16px;}
}
/* Platform downloads: equal emphasis, recognizable store marks, quiet metadata. */
.landing-page .landing-devices { --ink:#171717;--muted:#626262;--line:#e6e6e6; }
.landing-page .devices-copy .download-intro {font-size:17px;line-height:1.7;margin:20px 0 28px;max-width:440px;}
.landing-page .platform-downloads {display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.landing-page .platform-download {display:flex;align-items:center;gap:14px;min-height:114px;padding:20px 18px;border:1px solid #e4e4e4;border-radius:18px;background:#fff;color:#171717;text-decoration:none;box-shadow:0 3px 12px #00000004;transition:background .18s,border-color .18s,transform .18s;}
.landing-page .platform-download:hover {background:#fafafa;border-color:#a5a5a5;transform:translateY(-2px);}
.landing-page .platform-download:focus-visible,.landing-page .ios-note input:focus-visible,.landing-page .ios-note button:focus-visible {outline:2px solid #2673a4;outline-offset:4px;}
.landing-page .platform-icon {display:grid;place-items:center;flex:0 0 34px;width:34px;height:38px;}
.landing-page .platform-icon svg {display:block;width:30px;height:34px;}
.landing-page .platform-copy {display:flex;flex-direction:column;gap:4px;min-width:0;}
.landing-page .platform-copy small {font-size:9px;font-weight:650;letter-spacing:.09em;line-height:1.4;}
.landing-page .platform-copy strong {font-size:21px;font-weight:650;letter-spacing:-.04em;line-height:1.2;white-space:nowrap;}
.landing-page .platform-copy>span,.landing-page .platform-copy .mac-download-version:not(:empty) {font-size:11px;line-height:1.4;color:#626262;margin:0;}
.landing-page .platform-arrow {margin-inline-start:auto;font-size:20px;align-self:flex-start;line-height:1;color:#626262;}
.landing-page .ios-note {border:1px solid #e9e9e9;background:#f8f8f8;border-radius:18px;padding:20px;margin-top:14px;}
.landing-page .ios-heading {display:flex;align-items:center;gap:12px;}
.landing-page .platform-icon-ios {background:#fff;border:1px solid #e8e8e8;border-radius:11px;width:42px;height:42px;flex-basis:42px;}
.landing-page .platform-icon-ios svg {width:29px;height:29px;}
.landing-page .ios-heading>div {display:flex;flex-direction:column;gap:4px;}
.landing-page .ios-heading strong {font-size:14px;line-height:1.4;font-weight:650;}
.landing-page .ios-heading>div>span {font-size:12px;line-height:1.5;color:#626262;}
.landing-page .ios-coming {margin-inline-start:auto;font-size:10px;white-space:nowrap;border:1px solid #dfdfdf;border-radius:20px;padding:5px 8px;color:#626262;}
.landing-page .ios-note label {font-size:12px;font-weight:550;color:#454545;margin:20px 0 8px;}
.landing-page .ios-note .ios-email-row {display:flex;gap:8px;}
.landing-page .ios-note input {border:1px solid #d6d6d6;border-radius:9px;background:#fff;padding:12px;font-size:14px;}
.landing-page .ios-note input::placeholder {color:#737373;}
.landing-page .ios-note button {background:#171717;color:#fff;border:1px solid #171717;border-radius:9px;padding:12px 15px;font-size:13px;font-weight:550;display:flex;align-items:center;gap:12px;cursor:pointer;}
.landing-page .ios-note button:hover {background:#333;}
.landing-page .ios-email-note {font-size:11px;color:#626262;margin-top:10px;line-height:1.5;}
.landing-page .ios-status:empty {display:none;}
@media(min-width:701px) and (max-width:1050px){.landing-page .landing-devices{grid-template-columns:1fr;max-width:650px}.landing-page .device-visual{display:none}}
@media(max-width:440px){.landing-page .platform-downloads{grid-template-columns:1fr}.landing-page .platform-download{min-height:92px}.landing-page .ios-coming{display:none}.landing-page .ios-note{padding:16px}.landing-page .ios-note button{padding-inline:12px;gap:7px}}
@media(prefers-reduced-motion:reduce){.landing-page .platform-download{transition:none}.landing-page .platform-download:hover{transform:none}}
/* A single generous reflection, with restrained brand-color details. */
.landing-page .verse-carousel {position:relative;margin-top:34px;padding:30px 40px 20px;border:1px solid #dedde1;border-radius:24px;background:linear-gradient(135deg,#fff 65%,#7C5CB50a);box-shadow:0 16px 48px #17171706;overflow:hidden;}
.landing-page .verse-carousel::before{content:'';position:absolute;inset:8px;border:1px solid #D8D8D8;border-radius:18px;pointer-events:none;}
.verse-ornament{text-align:center;color:#7C5CB5;font-size:30px;line-height:1;margin-bottom:20px;}
.verse-stage{display:grid;align-items:center;min-height:245px;}
.landing-page .verse-slide{margin:0;padding:0;text-align:center;border:0;background:none;box-shadow:none;}
.verse-arabic{font-family:'Amiri','Noto Naskh Arabic',serif;font-size:clamp(25px,3vw,35px);line-height:2;color:#171717;margin:0 auto 20px;max-width:740px;}
.verse-translation{font-size:17px;line-height:1.8;color:#5B5B5B;max-width:620px;margin:0 auto 20px;}
.verse-slide cite{font-style:normal;font-size:12px;letter-spacing:.06em;color:#7C5CB5;}
.verse-slide cite a{color:inherit;text-decoration:none;}
.verse-slide cite a:hover{text-decoration:underline;}
.verse-controls{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px;}
.verse-controls button{min-width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#171717;cursor:pointer;font:inherit;}
.verse-controls button:hover{background:#D8D8D8;}
.verse-controls button:focus-visible{outline:2px solid #7C5CB5;outline-offset:2px;}
.verse-dots{display:flex;gap:0;}
.verse-dots button{position:relative;min-width:32px;}
.verse-dots button::after{content:'';display:block;width:6px;height:6px;background:#dedde1;border-radius:8px;margin:auto;transition:width .3s,background .3s;}
.verse-dots button[aria-current="true"]::after{width:22px;background:#7C5CB5;}
.verse-controls .verse-pause{position:absolute;inset-inline-end:0;font-size:12px;border-radius:8px;padding:0 12px;}
@media(max-width:700px){.landing-page .verse-carousel{padding:26px 20px 16px;}.verse-stage{min-height:340px;}.verse-arabic{font-size:25px;line-height:1.9;}.verse-translation{font-size:15px;}.verse-controls{gap:0;padding-inline-end:40px;}.verse-dots button{min-width:28px;}}
@media(prefers-reduced-motion:reduce){.verse-dots button::after{transition:none;}}

.landing-page .landing-sub { white-space: pre-line; }
.landing-page .landing-download-jump { display:inline-flex; align-items:center; min-height:44px; margin-top:-12px; color:#171717; font-size:14px; font-weight:650; text-decoration:underline; text-underline-offset:4px; }
.landing-page .landing-download-jump:hover { color:#7C5CB5; }
.landing-page .landing-download-jump:focus-visible { outline:2px solid #7C5CB5; outline-offset:3px; border-radius:3px; }
.landing-page #downloads { scroll-margin-top:92px; }