/* mSamex — marketing landing (logged-out, desktop + tablet) */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: var(--bg); color: var(--snow); font-family: var(--font); -webkit-font-smoothing: antialiased; font-feature-settings: "ss01","cv02"; }
.mono { font-family: var(--mono); font-variant-numeric: tabular-nums; letter-spacing: -0.01em; }
.up { color: var(--up); } .down { color: var(--down); } .muted { color: var(--mute); }
a { color: inherit; text-decoration: none; }
:focus-visible { outline: 2px solid var(--mint); outline-offset: 2px; border-radius: 5px; }

.lwrap { max-width: 1240px; margin: 0 auto; padding: 0 40px; }

/* nav */
.lnav { position: sticky; top: 0; z-index: 50; display: flex; align-items: center; gap: 28px; height: 64px; padding: 0 40px; border-bottom: 1px solid var(--line); background: color-mix(in srgb, var(--bg) 86%, transparent); backdrop-filter: blur(16px); }
.lbrand { display: flex; align-items: center; gap: 9px; }
.lbrand .wm { font-weight: 700; font-size: 18px; letter-spacing: -0.03em; } .lbrand .wm-s { color: var(--mint); }
.lnav-links { display: flex; gap: 22px; }
.lnav-links a { color: var(--snow-dim); font-size: 14px; font-weight: 500; }
.lnav-links a:hover { color: var(--snow); }
.lnav-right { margin-left: auto; margin-inline-start: auto; display: flex; align-items: center; gap: 12px; }
.lnav-icon { width: 34px; height: 34px; display: grid; place-items: center; background: transparent; border: 1px solid var(--line); border-radius: 8px; color: var(--snow-dim); cursor: pointer; font-size: 13px; font-weight: 600; padding: 0; }
.lnav-icon:hover { color: var(--snow); border-color: var(--mute); }
.btn { border: none; border-radius: 8px; font-weight: 600; font-size: 14px; cursor: pointer; padding: 9px 18px; white-space: nowrap; }
.btn.pri { background: var(--mint); color: var(--ink); }
.btn.ghost { background: transparent; color: var(--snow); border: 1px solid var(--line); }
.btn.ghost:hover { border-color: var(--mute); }
.btn.lg { padding: 13px 26px; font-size: 15px; }

/* live ticker */
.lticker { display: flex; height: 38px; border-bottom: 1px solid var(--line); overflow: hidden; background: var(--surface); }
.lticker-track { display: flex; align-items: center; gap: 28px; padding: 0 24px; white-space: nowrap; animation: scroll 40s linear infinite; }
@keyframes scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.lticker .tk { display: flex; align-items: center; gap: 7px; font-size: 12.5px; color: var(--snow-dim); }
.lticker .tk strong { color: var(--snow); }

/* hero */
.hero { position: relative; overflow: hidden; border-bottom: 1px solid var(--line); }
.hero-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,0.022) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.022) 1px, transparent 1px); background-size: 64px 64px; mask-image: radial-gradient(70% 70% at 60% 30%, black, transparent 100%); }
.hero-inner { position: relative; display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 40px; align-items: center; padding-block: 90px 100px; }
.hero h1 { font-size: clamp(44px, 5vw, 72px); font-weight: 700; letter-spacing: -0.04em; line-height: 0.98; margin: 0 0 20px; text-wrap: balance; }
.hero h1 .mint { color: var(--mint); }
.hero .lede { font-size: 18px; line-height: 1.55; color: var(--snow-dim); max-width: 48ch; margin: 0 0 28px; }
.hero-cta { display: flex; gap: 10px; max-width: 460px; margin-bottom: 18px; }
.hero-cta input { flex: 1; background: var(--surface); border: 1px solid var(--line); border-radius: 8px; color: var(--snow); padding: 13px 16px; font-size: 15px; }
.hero-cta input:focus { outline: none; border-color: var(--mint); }
.hero-trust { display: flex; gap: 22px; flex-wrap: wrap; }
.hero-trust > div { display: flex; align-items: center; gap: 7px; font-size: 13px; color: var(--snow-dim); }
.hero-trust svg { width: 16px; height: 16px; color: var(--mint); }
.hero-mark { display: flex; justify-content: center; }
.hero-mark-glow { position: absolute; }

/* stats band */
.statband { display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: 1px solid var(--line); }
.statband > div { padding: 32px 40px; border-right: 1px solid var(--line); }
.statband > div:last-child { border-right: none; }
.statband strong { display: block; font-size: 30px; font-weight: 700; letter-spacing: -0.02em; }
.statband span { font-family: var(--mono); font-size: 11px; color: var(--mute); text-transform: uppercase; letter-spacing: 0.1em; }

/* sections */
.sec { padding: 90px 0; border-bottom: 1px solid var(--line); }
.sec-kicker { font-family: var(--mono); font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--mint); margin-bottom: 14px; }
.sec h2 { font-size: clamp(32px, 4vw, 48px); font-weight: 700; letter-spacing: -0.03em; margin: 0 0 16px; max-width: 18ch; text-wrap: balance; }
.sec .sub { font-size: 17px; color: var(--snow-dim); max-width: 56ch; line-height: 1.55; }
.feat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 48px; }
.feat { background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 28px; }
.feat .fic { width: 44px; height: 44px; border-radius: 10px; background: var(--mint-wash); color: var(--mint); display: grid; place-items: center; margin-bottom: 18px; }
.feat .fic svg { width: 22px; height: 22px; }
.feat h3 { font-size: 19px; font-weight: 600; margin: 0 0 8px; letter-spacing: -0.01em; }
.feat p { font-size: 14px; color: var(--snow-dim); line-height: 1.55; margin: 0 0 16px; }
.feat .frow { display: flex; justify-content: space-between; font-family: var(--mono); font-size: 12px; padding: 8px 0; border-top: 1px solid var(--line); }
.feat .frow span { color: var(--mute); }

/* trust split */
.trust { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
.trust-items { display: flex; flex-direction: column; gap: 18px; }
.trust-item { display: flex; gap: 14px; }
.trust-item .ti { width: 38px; height: 38px; border-radius: 9px; background: var(--surface); border: 1px solid var(--line); display: grid; place-items: center; color: var(--mint); flex-shrink: 0; }
.trust-item .ti svg { width: 19px; height: 19px; }
.trust-item h4 { margin: 0 0 4px; font-size: 15px; font-weight: 600; }
.trust-item p { margin: 0; font-size: 13.5px; color: var(--snow-dim); line-height: 1.5; }
.trust-card { background: var(--surface); border: 1px solid var(--line); border-radius: 14px; padding: 32px; }
.trust-card .big { font-family: var(--mono); font-size: 40px; font-weight: 700; color: var(--mint); }

/* cta band */
.ctaband { text-align: center; padding: 100px 0; }
.ctaband h2 { font-size: clamp(34px, 4.5vw, 56px); font-weight: 700; letter-spacing: -0.03em; margin: 0 0 14px; }
.ctaband p { font-size: 18px; color: var(--snow-dim); margin: 0 0 28px; }
.appbadges { display: flex; gap: 12px; justify-content: center; margin-top: 20px; }
.appbadge { display: flex; align-items: center; gap: 10px; border: 1px solid var(--line); border-radius: 10px; padding: 10px 18px; background: var(--surface); }
.appbadge svg { width: 22px; height: 22px; }
.appbadge div { text-align: left; } .appbadge small { font-size: 10px; color: var(--mute); display: block; } .appbadge strong { font-size: 14px; }

/* footer */
.lfoot { padding: 48px 0; }
.lfoot-grid { display: grid; grid-template-columns: 1.4fr repeat(4, 1fr); gap: 32px; }
.lfoot h5 { font-size: 12px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--mute); margin: 0 0 14px; font-family: var(--mono); }
.lfoot a { display: block; font-size: 13.5px; color: var(--snow-dim); padding: 5px 0; }
.lfoot a:hover { color: var(--snow); }
.lfoot-bottom { display: flex; justify-content: space-between; align-items: center; padding: 24px 0; border-top: 1px solid var(--line); margin-top: 40px; font-size: 12.5px; color: var(--mute); flex-wrap: wrap; gap: 12px; }

@media (max-width: 1024px) {
  .hero-inner { grid-template-columns: 1fr; gap: 24px; }
  .hero-mark { display: none; }
  .statband { grid-template-columns: repeat(2, 1fr); } .statband > div:nth-child(2) { border-right: none; }
  .feat-grid { grid-template-columns: 1fr; } .trust { grid-template-columns: 1fr; }
  .lfoot-grid { grid-template-columns: 1fr 1fr; }
  .lnav-links { display: none; }
}
@media (max-width: 560px) { .lwrap, .lnav { padding-left: 20px; padding-right: 20px; } .hero-cta { flex-direction: column; } }

/* logical-direction + RTL */
.appbadge div { text-align: start; }
.mono { direction: ltr; unicode-bidi: isolate; }
[dir="rtl"] .hero-trust svg { transform: scaleX(-1); }
[dir="rtl"] .lticker-track { animation-direction: reverse; }