/* Motamed editorial showcase — full-bleed, calm, and driver-focused. */
.landing-page,.journal{overflow-x:clip;background:var(--paper)}
.landing-page header,.journal header{max-width:1240px;margin-inline:auto;padding:16px 28px;border-bottom:1px solid rgba(18,29,55,.10)}
.landing-page header nav,.journal header nav{gap:6px;align-items:center}
.landing-page header nav a,.journal header nav a{padding:8px 11px;border-radius:9px;color:var(--ink);font-size:13px;font-weight:650;text-decoration:none;white-space:nowrap}
.landing-page header nav a:hover,.journal header nav a:hover{background:#e9edfc;color:var(--indigo);text-decoration:none}
.landing-page header nav .nav-cta,.journal header nav .nav-cta{background:var(--ink);color:#fff;padding-inline:14px}
.landing-page header nav .nav-cta:hover,.journal header nav .nav-cta:hover{background:var(--indigo);color:#fff}
.landing-page header select,.journal header select{min-height:35px;padding:0 9px;border:1px solid rgba(18,29,55,.20);border-radius:9px;background:#fff;font:inherit;font-size:12px}
.landing-page .landing-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);align-items:center;gap:clamp(28px,5vw,84px);padding:70px 0 42px}
.landing-page .hero-copy{grid-column:1;grid-row:1;max-width:570px;position:relative;z-index:2}.landing-page .hero-mockup{grid-column:2;grid-row:1}html[dir="rtl"] .landing-page .hero-copy{grid-column:2}html[dir="rtl"] .landing-page .hero-mockup{grid-column:1}
.landing-page h1{margin:0;color:var(--indigo);font-size:clamp(64px,8vw,112px);line-height:.9;letter-spacing:-.07em}
.landing-page .hero-promise{max-width:11ch;margin:25px 0 18px;color:var(--ink);font-size:clamp(34px,4.2vw,62px);line-height:1.05;letter-spacing:-.055em}
.landing-page .lead{max-width:54ch;margin:0;color:#485777;font-size:17px;line-height:1.95}
.landing-page .channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:30px}
.landing-page .channel{display:block;padding:13px 12px;border:1px solid rgba(18,29,55,.16);border-radius:11px;background:#fff;color:var(--ink);font-size:13px;font-weight:700;text-align:center;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.landing-page .channel:hover{border-color:var(--indigo);box-shadow:0 8px 22px rgba(33,53,201,.12);transform:translateY(-2px);text-decoration:none}
.landing-page .availability{min-height:2.5em;margin:7px 4px 0;color:#71809c;font-size:11px;line-height:1.55}
.landing-page .safety{margin-top:20px;color:#65728b;font-size:12px}
.landing-page .hero-mockup{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:hidden}.landing-page .hero-mockup::before{content:"";position:absolute;width:360px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#dbe2ff,rgba(219,226,255,0) 70%);z-index:-1}.landing-page .hero-mockup img{position:relative;width:min(220px,20vw);border:7px solid #13243d;border-radius:25px;box-shadow:0 24px 55px rgba(18,29,55,.20);object-fit:cover;object-position:top;background:#f4f6fb}.landing-page .hero-mockup img:first-of-type{transform:rotate(7deg) translate(22px,10px);z-index:1}.landing-page .hero-mockup img:nth-of-type(2){width:min(190px,17vw);transform:rotate(-8deg) translate(-22px,30px)}.landing-page .hero-mockup-label{position:absolute;inset-inline-end:5%;bottom:25px;padding:9px 12px;border:1px solid rgba(18,29,55,.14);border-radius:9px;background:#fff;color:var(--indigo);font-size:11px;font-weight:700;box-shadow:0 10px 22px rgba(18,29,55,.10)}
.landing-page .product-stage{grid-column:1/-1;grid-row:2;position:relative;width:100vw;min-height:560px;margin-inline:calc(50% - 50vw);padding:74px 8vw 88px;overflow:hidden;background:radial-gradient(circle at 17% 28%,rgba(255,255,255,.22),transparent 19%),radial-gradient(circle at 82% 72%,rgba(131,151,255,.34),transparent 29%),linear-gradient(125deg,#263cc8,#5068ed 55%,#1d2fae);display:flex;justify-content:center;align-items:center;isolation:isolate}
.landing-page .product-stage::before{content:"";position:absolute;inset:-35% -10%;z-index:-1;background:radial-gradient(ellipse,rgba(255,255,255,.20),transparent 55%);filter:blur(20px);animation:motamed-drift 13s ease-in-out infinite alternate}
.landing-page .product-stage::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.42;background-image:radial-gradient(rgba(255,255,255,.30) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent,black 20%,black 80%,transparent)}
.landing-page .stage-orbit{position:absolute;width:38vw;aspect-ratio:1;border:1px solid rgba(255,255,255,.24);border-radius:50%;animation:motamed-spin 24s linear infinite;pointer-events:none}
.landing-page .screen-main,.landing-page .screen-side{position:relative;z-index:1;object-fit:cover;object-position:top;border:8px solid #13243d;border-radius:28px;background:#f4f6fb;box-shadow:0 28px 70px rgba(7,16,64,.38)}
.landing-page .screen-main{width:min(285px,25vw);transform:rotate(3deg) translateY(7px);margin-inline:22px}
.landing-page .screen-side{width:min(235px,21vw);transform:rotate(-8deg) translateY(38px);margin-inline:22px;opacity:.96}
.landing-page .stage-note{position:absolute;z-index:3;max-width:240px;padding:15px 17px;border:1px solid rgba(255,255,255,.55);border-radius:14px;background:rgba(248,250,255,.91);color:var(--ink);box-shadow:0 17px 35px rgba(7,16,64,.23);backdrop-filter:blur(12px);animation:motamed-float 5s ease-in-out infinite}
.landing-page .stage-note strong,.landing-page .stage-note span{display:block}
.landing-page .stage-note strong{font-size:14px;line-height:1.5}.landing-page .stage-note span{margin-top:6px;color:#526283;font-size:12px;line-height:1.6}
.landing-page .stage-note-main{inset-inline-start:9vw;top:76px}.landing-page .stage-note-mini{inset-inline-end:11vw;bottom:55px;animation-delay:-2.4s}
.landing-page .stage-note-mark{display:grid!important;place-items:center;width:28px;height:28px;margin-bottom:10px;border-radius:8px;background:var(--indigo);color:white!important;font-size:17px!important;font-weight:800}
.landing-page .preview-caption{max-width:780px;margin:-57px auto 0;position:relative;z-index:4;color:#dfe5ff;font-size:12px;text-align:center}
.landing-page .decision-band{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(26px,6vw,90px);margin-block:72px 98px;padding-block:28px;border-block:1px solid rgba(18,29,55,.14)}
.landing-page .band-intro h2{max-width:12ch;margin:0;color:var(--ink);font-size:clamp(32px,4vw,54px);line-height:1.05;letter-spacing:-.05em}.landing-page .band-intro>p{color:#5d6b87;line-height:1.9}
.landing-page .settings-proof{margin:0}.landing-page .settings-proof img{display:block;width:min(250px,45%);margin-inline:auto;border:7px solid #13243d;border-radius:24px;box-shadow:0 18px 45px rgba(18,29,55,.18)}
.landing-page .settings-proof figcaption{margin-top:12px;color:#667491;font-size:12px;text-align:center}
.landing-page .band-details{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-top:26px;border-top:1px solid rgba(18,29,55,.10)}
.landing-page .band-details article{padding-inline:4px}.landing-page .band-details article+article{border-inline-start:1px solid rgba(18,29,55,.11);padding-inline-start:22px}.landing-page .band-details h3{margin:0 0 10px;color:var(--indigo);font-size:18px}.landing-page .band-details p{margin:0;color:#5d6b87;font-size:14px;line-height:1.9}
.landing-page .landing-reading{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 72px;margin-bottom:96px}.landing-page .reading{padding:34px 0;border-top:1px solid rgba(18,29,55,.13);background:transparent!important;border-radius:0!important}.landing-page .reading h2{margin:0 0 14px;color:var(--ink);font-size:26px;letter-spacing:-.03em}.landing-page .reading p,.landing-page .reading li{color:#5d6b87;font-size:14px;line-height:2}.landing-page .reading ol{padding-inline-start:22px}.landing-page .reading details{padding:14px 0;border-top:1px solid rgba(18,29,55,.10)}.landing-page .reading details summary{cursor:pointer;color:var(--ink);font-weight:700}
.landing-page .download-close{display:flex;align-items:center;gap:26px;width:100vw;margin-inline:calc(50% - 50vw);padding:58px max(28px,calc((100vw - 1184px)/2));background:radial-gradient(circle at 78% 15%,rgba(111,132,255,.42),transparent 28%),var(--ink);color:#fff}.landing-page .download-close img{width:66px;height:66px}.landing-page .download-close h2{margin:0 0 7px;font-size:clamp(25px,3vw,42px);letter-spacing:-.04em}.landing-page .download-close p{margin:0;color:#d6defc}.landing-page .download-close .text-action{display:inline-block;margin-top:16px;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.55)}
.landing-page .landing-footer,.journal .landing-footer{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:28px;width:100vw;margin-inline:calc(50% - 50vw);padding:54px max(28px,calc((100vw - 1184px)/2));background:#0f2044;color:#c8d2f2}.landing-page .landing-footer h2,.journal .landing-footer h2{margin:0 0 12px;color:#fff;font-size:13px}.landing-page .landing-footer a,.journal .landing-footer a{display:block;width:max-content;margin:8px 0;color:#c8d2f2;font-size:13px;text-decoration:none}.landing-page .landing-footer a:hover,.journal .landing-footer a:hover{color:#fff;text-decoration:none}.landing-page .project-credit,.journal .project-credit{display:block;margin-top:10px;color:#91a5d4;font-size:11px}
.journal .journal-hero{background:radial-gradient(circle at 12% 20%,#e2e7ff,transparent 35%),var(--paper);border-bottom:1px solid rgba(18,29,55,.12)}.journal .article-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}.journal .article-card{padding:28px 0;border-top:1px solid rgba(18,29,55,.13);background:transparent;border-radius:0}.journal .article-card h2{font-size:24px;line-height:1.3}.journal .article-card a{text-decoration:none}.journal .article-card a:hover{text-decoration:none;color:var(--indigo)}
@keyframes motamed-drift{from{transform:translate3d(-5%,2%,0) scale(1)}to{transform:translate3d(7%,-4%,0) scale(1.16)}}@keyframes motamed-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes motamed-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.landing-page .stage-orbit,.landing-page .stage-note,.landing-page .product-stage::before{animation:none}}
@media (max-width:800px){.landing-page header,.journal header{padding-inline:18px}.landing-page header nav,.journal header nav{gap:2px}.landing-page header nav a,.journal header nav a{padding-inline:7px;font-size:11px}.landing-page header nav .nav-cta{display:none}.landing-page .landing-hero{display:block;padding-top:48px}.landing-page .hero-copy{padding-inline:22px}.landing-page .hero-mockup{min-height:350px;margin-top:20px}.landing-page .hero-mockup img{width:min(190px,48vw)}.landing-page .hero-mockup img:nth-of-type(2){width:min(160px,40vw)}.landing-page .channels{grid-template-columns:1fr}.landing-page .product-stage{min-height:480px;margin-top:48px;padding-inline:4vw}.landing-page .screen-main{width:min(245px,57vw);margin-inline:5px}.landing-page .screen-side{width:min(190px,45vw);margin-inline:5px}.landing-page .stage-note-main{inset-inline-start:5vw;top:25px}.landing-page .stage-note-mini{inset-inline-end:5vw;bottom:26px}.landing-page .preview-caption{margin:-35px 18px 0}.landing-page .decision-band{display:block;margin-inline:22px}.landing-page .band-intro{margin-bottom:30px}.landing-page .settings-proof img{width:55%}.landing-page .band-details{grid-template-columns:1fr;gap:0}.landing-page .band-details article+article{border-inline-start:0;border-top:1px solid rgba(18,29,55,.11);padding:22px 0 0;margin-top:22px}.landing-page .landing-reading{display:block;margin-inline:22px}.landing-page .download-close{padding-inline:22px}.landing-page .landing-footer{grid-template-columns:1fr 1fr;padding-inline:22px}.landing-page .footer-brand{grid-column:1/-1}.journal .article-list{display:block;margin-inline:22px}}
.landing-page .hero-mockup img,.landing-page .screen-main,.landing-page .screen-side{height:auto!important}

/* Direction is physical here: Persian reads right-to-left, but the composition
   stays intentionally stable: copy on the right, product proof on the left. */
.landing-page .landing-hero{direction:ltr}
.landing-page .hero-copy{grid-column:1;grid-row:1;text-align:left;direction:ltr}
.landing-page .hero-mockup{grid-column:2;grid-row:1;direction:ltr}
html[dir="rtl"] .landing-page .hero-copy{grid-column:2;text-align:right;direction:rtl}
html[dir="rtl"] .landing-page .hero-mockup{grid-column:1}
.landing-page header nav .nav-cta,.journal header nav .nav-cta{background:var(--indigo);color:#fff}
.landing-page header nav .nav-cta:hover,.journal header nav .nav-cta:hover{background:#172f9f}
.landing-page header nav .language-picker,.journal header nav .language-picker{display:flex;align-items:center;gap:6px;margin-inline-start:10px;padding:4px 7px 4px 5px;border:1px solid var(--indigo);border-radius:10px;background:#fff}
.landing-page .language-glyph,.journal .language-glyph{display:grid;place-items:center;min-width:24px;height:24px;border-radius:7px;background:var(--indigo);color:#fff;font-size:11px;font-weight:700}
.landing-page header nav .language-picker select,.journal header nav .language-picker select{min-height:27px;padding:0 4px;border:0;background:transparent;color:var(--ink);font-size:12px}
.landing-page .channels .channel{display:flex;align-items:center;justify-content:center;gap:8px}
.landing-page .platform-mark{width:22px;height:22px;flex:0 0 22px}.landing-page .platform-mark--android{color:#2fa866}.landing-page .platform-mark--bazaar{display:grid;place-items:center;border-radius:7px;background:#f0a23a;color:#fff;font-size:15px;font-weight:800}.landing-page .platform-mark--play{display:block}
.landing-page .decision-band{background:var(--paper)!important;color:var(--ink)!important;border-block:1px solid rgba(18,29,55,.14);border-radius:0}
.landing-page .decision-band p,.landing-page .decision-band .band-details p{color:#405367!important}.landing-page .decision-band .band-details article+article{border-color:rgba(18,29,55,.14)}
.landing-page .settings-proof img{height:auto!important}
@media (max-width:800px){.landing-page .hero-mockup{min-height:465px;overflow:hidden}.landing-page .channels{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.landing-page .channel{min-height:60px;padding:9px 5px;font-size:11px;line-height:1.45}.landing-page .platform-mark{width:19px;height:19px;flex-basis:19px}.landing-page .channel .platform-mark--bazaar{font-size:13px}.landing-page header nav .language-picker{margin-inline-start:4px}.landing-page .product-stage{min-height:620px}.landing-page .product-stage .screen-main{width:min(205px,53vw)}.landing-page .product-stage .screen-side{width:min(165px,43vw)}}
@media (max-width:360px){.landing-page .channels{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Final composition pass: the hero owns the phone mockups; the showcase below
   is a readable message, not a second pile of devices. */
.menu-toggle{display:none}
.landing-page .product-stage{min-height:320px;padding:70px 24px 64px;flex-direction:column}
.landing-page .product-stage .stage-orbit{width:min(520px,48vw)}
.landing-page .product-stage .stage-note-main{position:relative;inset:auto;max-width:500px;padding:26px 30px;text-align:center;animation:none}
.landing-page .product-stage .stage-note-mark{width:40px;height:40px;margin:0 auto 14px;font-size:22px!important}
.landing-page .product-stage .stage-note strong{font-size:22px;line-height:1.55}
.landing-page .product-stage .stage-note span{font-size:16px;line-height:1.8;margin-top:10px}
.landing-page .preview-caption{margin:22px auto 0;color:#eef1ff;font-size:15px;line-height:1.8;max-width:48ch}
.landing-page .decision-band{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(42px,7vw,100px);max-width:1184px;margin-inline:auto;margin-block:92px 112px;padding-block:78px}
.landing-page .band-intro{text-align:center}
.landing-page .band-intro h2{max-width:18ch;margin-inline:auto;line-height:1.25}
.landing-page .band-intro>p{max-width:42ch;margin-inline:auto;line-height:2}
.landing-page .settings-proof img{width:min(240px,62%)}
.landing-page .decision-band>.settings-proof{grid-column:2;grid-row:1;align-self:center}
.landing-page .band-details{padding-top:40px;gap:34px}
.journal .article-list{gap:24px 28px}
.journal .article-list li,.journal .article-list .featured-guide{border:1px solid rgba(18,29,55,.14);border-radius:18px;background:rgba(255,255,255,.52);padding:30px}
.journal .article-list .featured-guide{padding:36px;gap:54px}
.journal .article-list .article-card{border:1px solid rgba(18,29,55,.14);border-radius:18px;padding:28px;background:rgba(255,255,255,.52)}

@media (max-width:800px){
  .menu-toggle{display:grid;place-items:center;position:relative;z-index:21;width:42px;height:42px;padding:0;border:1px solid var(--indigo);border-radius:10px;background:var(--indigo);color:#fff;font-size:20px;line-height:1}
  .landing-page header,.journal header{position:relative}
  .landing-page header nav,.journal header nav{position:fixed;z-index:20;inset-block:0;inset-inline-end:0;width:min(285px,82vw);height:100dvh;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;padding:88px 24px 24px;background:var(--paper);box-shadow:-18px 0 40px rgba(18,29,55,.18);transform:translateX(105%);transition:transform .22s ease;pointer-events:none}
  html[dir="rtl"] .landing-page header nav,html[dir="rtl"] .journal header nav{transform:translateX(-105%);inset-inline-end:auto;inset-inline-start:0;box-shadow:18px 0 40px rgba(18,29,55,.18)}
  body.menu-open.landing-page header nav,body.menu-open.journal header nav{transform:translateX(0);pointer-events:auto}
  .landing-page header nav a,.journal header nav a{padding:13px 14px;font-size:15px;text-align:start}
  .landing-page header nav .nav-cta{display:block;text-align:center;margin-top:10px}
  .landing-page header nav .language-picker,.journal header nav .language-picker{margin:12px 0 0;justify-content:space-between}
  body.menu-open::after{content:"";position:fixed;z-index:19;inset:0;background:rgba(18,29,55,.26)}
  .landing-page .product-stage{min-height:300px;margin-top:48px;padding:56px 20px 52px}
  .landing-page .product-stage .stage-note-main{max-width:calc(100% - 20px);padding:22px 20px}
  .landing-page .product-stage .stage-note strong{font-size:19px}
  .landing-page .product-stage .stage-note span{font-size:14px}
  .landing-page .preview-caption{font-size:13px;margin-top:18px}
  .landing-page .decision-band{display:grid;grid-template-columns:1fr;margin-inline:0;padding-block:58px;margin-block:70px 84px;gap:42px}
  .landing-page .decision-band>.settings-proof{grid-column:1;grid-row:auto}
  .landing-page .band-intro h2{font-size:clamp(32px,8vw,46px)}
  .landing-page .settings-proof img{width:min(240px,72%)}
  .journal .article-list{display:grid;grid-template-columns:1fr;gap:18px;margin-inline:0}
  .journal .article-list li,.journal .article-list .featured-guide{padding:24px}
}
@media (prefers-reduced-motion:reduce){.landing-page header nav,.journal header nav{transition:none}}