/* 1More landing — shared base styles (transcoded from the Claude Design "Flow" prototype). */
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: #151517;
  color: #fff;
  font-family: 'Inter', sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
::selection { background: #FE842F; color: #111; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #151517; }
::-webkit-scrollbar-thumb { background: #43444B; }

/* scroll-reveal */
[data-reveal] { opacity: 0; transform: translateY(46px); transition: opacity .9s cubic-bezier(.16,.8,.3,1), transform .9s cubic-bezier(.16,.8,.3,1); }
[data-reveal].in { opacity: 1; transform: none; }
[data-reveal-s] { opacity: 0; transform: scale(.9); transition: opacity .9s cubic-bezier(.16,.8,.3,1), transform .9s cubic-bezier(.16,.8,.3,1); }
[data-reveal-s].in { opacity: 1; transform: none; }

@keyframes lg-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes lg-morph1 { 0%,100% { border-radius:42% 58% 63% 37% / 41% 44% 56% 59%; transform:translate(0,0) rotate(0deg); } 50% { border-radius:58% 42% 38% 62% / 63% 56% 44% 37%; transform:translate(50px,-40px) rotate(18deg); } }
@keyframes lg-morph2 { 0%,100% { border-radius:63% 37% 47% 53% / 55% 48% 52% 45%; transform:translate(0,0) rotate(0deg); } 50% { border-radius:37% 63% 53% 47% / 45% 52% 48% 55%; transform:translate(-44px,38px) rotate(-15deg); } }

/* RTL (Arabic) */
[dir="rtl"], [dir="rtl"] * { font-family: 'Cairo', sans-serif !important; letter-spacing: normal !important; }
[dir="rtl"] .lg-arrow { display: inline-block; transform: scaleX(-1); }
[dir="rtl"] h1 { line-height: 1.22 !important; }
[dir="rtl"] h2 { line-height: 1.2 !important; }
[dir="rtl"] .lg-bigline { line-height: 1.18 !important; }

/* language toggle (replaces the prototype's enBtnStyle/arBtnStyle bindings) */
.lang-btn { padding:7px 14px; border:none; border-radius:999px; cursor:pointer; font-weight:700; font-size:13px; font-family:inherit; transition:background .15s ease, color .15s ease; background:transparent; color:#99A1AF; }
.lang-btn.active { background:linear-gradient(160deg,#FE842F,#FF9F5A); color:#1A1A1C; }

/* hover helpers (replace the prototype's style-hover attribute) */
.hover-lift { transition: transform .18s ease; }
.hover-lift:hover { transform: translateY(-3px); }
.fork-card { transition: transform .2s ease, box-shadow .2s ease; }
.fork-card.orange:hover { transform: translateY(-4px); box-shadow: 0 22px 50px rgba(254,132,47,.18); }
.fork-card.blue:hover { transform: translateY(-4px); box-shadow: 0 22px 50px rgba(43,127,255,.16); }
.hover-orange { transition: color .15s ease; }
.hover-orange:hover { color: #FE842F; }

/* FAQ accordion (built by app.js) */
.faq-item { border-bottom:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.02); }
.faq-item:last-child { border-bottom:none; }
.faq-q { width:100%; display:flex; align-items:center; gap:18px; padding:24px 26px; background:transparent; border:none; cursor:pointer; text-align:start; color:#fff; font-family:'Inter',sans-serif; }
.faq-n { font-family:'Space Mono',monospace; font-size:13px; color:#FE842F; min-width:28px; }
.faq-qt { flex:1; font-weight:700; font-size:clamp(17px,2.2vw,23px); letter-spacing:-.02em; }
.faq-sign { font-family:'Space Mono',monospace; font-weight:700; font-size:26px; color:#FE842F; line-height:1; }
.faq-a { padding:0 26px 26px; padding-inline-start:72px; max-width:760px; font-size:16px; line-height:1.6; color:#99A1AF; }