/* Shared styles for the search landing pages (built by scripts/website/build-seo-pages.js). Mirrors index.html. */
:root { --steel:#2B5A8C; --steel-d:#1F4670; --steel-c:#E5EDF6; --navy:#1C2A40; --navy2:#263752; --orange:#F25F4C; --orange-d:#D44432;
  --orange-c:#FFECE9; --green:#2F8F57; --ink:#1F2A37; --muted:#5D6B7E; --bg:#F7F9FC; --card:#FFFFFF; --line:#E3E8EF;
  --shadow:0 24px 60px -28px rgba(16,32,60,.35); --head:'Plus Jakarta Sans','Inter',system-ui,sans-serif; }
* { box-sizing:border-box; margin:0; padding:0; }
html { -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body { font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif; background:var(--bg); color:var(--ink); line-height:1.6; -webkit-font-smoothing:antialiased; }
body.rtl { font-family:'Cairo','Inter',system-ui,sans-serif; }
h1,h2,h3 { font-family:var(--head); letter-spacing:-.025em; line-height:1.15; text-wrap:balance; color:var(--navy); }
.rtl h1,.rtl h2,.rtl h3,.rtl .btn,.rtl .eyebrow { font-family:'Cairo',var(--head); letter-spacing:0; }
img { max-width:100%; display:block; }
a { color:var(--steel); }
.wrap { max-width:1180px; margin:0 auto; padding-inline:1.25rem; }
section { padding-block:clamp(3rem,6vw,5rem); }
section.white { background:#fff; }
.eyebrow { display:inline-block; font:700 .78rem/1.3 var(--head); letter-spacing:.12em; text-transform:uppercase; color:var(--orange); }
.sec-head { max-width:760px; margin-bottom:2rem; }
.sec-head h2 { font-size:clamp(1.7rem,3.2vw,2.4rem); margin-top:.6rem; }
.center { text-align:center; margin-inline:auto; }
.muted { color:var(--muted); } .fine { font-size:.86rem; color:var(--muted); }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; font:700 1rem/1 var(--head); padding:.95rem 1.4rem; border-radius:.8rem; text-decoration:none; border:1.5px solid transparent; white-space:nowrap; }
.btn-orange { background:var(--orange); color:#fff; } .btn-orange:hover { background:var(--orange-d); }
.btn-outline { background:#fff; color:var(--navy); border-color:var(--line); }
.btn-white { background:#fff; color:var(--orange-d); }
.play { display:inline-flex; align-items:center; gap:.7rem; background:#0D1117; color:#fff; border-radius:.8rem; padding:.55rem 1.1rem .55rem .85rem; text-decoration:none; }
.play small { display:block; font:600 .62rem/1 'Inter'; letter-spacing:.08em; opacity:.8; } .play b { display:block; font:700 1.15rem/1.15 var(--head); }
header.top { position:sticky; top:0; z-index:50; background:rgba(28,42,64,.95); backdrop-filter:blur(12px); }
.nav { display:flex; align-items:center; gap:1rem; padding-block:.7rem; }
.brand { display:flex; align-items:center; gap:.5rem; text-decoration:none; }
.brand img.mark { height:34px; width:34px; background:#fff; border-radius:9px; padding:3px; }
.brand span { font:800 1.3rem/1 'Plus Jakarta Sans',sans-serif; color:#fff; } .brand span i { font-style:normal; color:var(--orange); }
.nav nav { display:flex; gap:1.3rem; margin-inline-start:auto; }
.nav nav a { color:rgba(255,255,255,.82); text-decoration:none; font-weight:600; font-size:.92rem; } .nav nav a:hover { color:#fff; }
.nav .btn { padding:.65rem 1rem; font-size:.9rem; }
@media (max-width:900px) { .nav nav { display:none; } .nav .btn { margin-inline-start:auto; } }
.crumbs { padding-block:1rem 0; font-size:.88rem; color:var(--muted); } .crumbs a { color:var(--muted); }
.hero { padding-block:clamp(1.5rem,4vw,3rem) clamp(3rem,6vw,4.5rem); }
.hero-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:3rem; align-items:center; }
@media (max-width:900px) { .hero-grid { grid-template-columns:1fr; } }
.hero h1 { font-size:clamp(2.1rem,4.6vw,3.4rem); margin:.9rem 0 1rem; } .hero h1 em { font-style:normal; color:var(--orange); }
.lead { font-size:clamp(1.03rem,1.5vw,1.17rem); color:var(--muted); max-width:640px; }
.ctas { display:flex; flex-wrap:wrap; gap:.8rem; margin:1.8rem 0 1.2rem; align-items:center; }
.ticks { display:flex; flex-wrap:wrap; gap:.4rem 1.3rem; list-style:none; color:var(--muted); font-size:.92rem; }
.ticks li::before { content:"✓"; color:var(--green); font-weight:800; margin-inline-end:.45rem; }
.hero-img { width:100%; max-width:440px; height:auto; aspect-ratio:4/5; object-fit:cover; border-radius:1.4rem; box-shadow:var(--shadow); justify-self:center; }
.grid4 { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:1rem; }
.feat { background:var(--card); border:1px solid var(--line); border-radius:1.1rem; padding:1.3rem; }
.feat h3 { font-size:1.08rem; margin-bottom:.35rem; } .feat p { color:var(--muted); font-size:.95rem; }
.steps { list-style:none; display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:1rem; counter-reset:s; }
.steps li { background:var(--bg); border:1px solid var(--line); border-radius:1.1rem; padding:1.4rem; position:relative; }
.steps li::before { counter-increment:s; content:counter(s); font:800 2.2rem/1 var(--head); color:var(--steel-c); position:absolute; top:1rem; inset-inline-end:1.2rem; }
.steps h3 { font-size:1.1rem; margin-bottom:.4rem; } .steps p { color:var(--muted); font-size:.95rem; }
.modes { margin-top:1.4rem; display:flex; flex-wrap:wrap; gap:.4rem; align-items:center; }
.chip { background:var(--steel-c); color:var(--steel); border-radius:99px; padding:.3rem .75rem; font-weight:700; font-size:.82rem; }
.two { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:2.5rem; } @media (max-width:820px) { .two { grid-template-columns:1fr; } }
.h2s { font-size:clamp(1.5rem,2.6vw,2rem); margin:.5rem 0 1rem; }
.list { list-style:none; display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:.5rem 1rem; }
.list li::before { content:"→"; color:var(--orange); font-weight:800; margin-inline-end:.5rem; }
.rtl .list li::before { content:"←"; }
.faq { max-width:820px; margin-inline:auto; display:grid; gap:.7rem; }
.faq details { background:var(--card); border:1px solid var(--line); border-radius:1rem; padding:1rem 1.2rem; }
.faq summary { font:700 1.03rem/1.4 var(--head); cursor:pointer; list-style:none; display:flex; justify-content:space-between; gap:1rem; color:var(--navy); }
.rtl .faq summary { font-family:'Cairo',var(--head); }
.faq summary::after { content:"+"; color:var(--orange); font-size:1.4rem; line-height:1; } .faq details[open] summary::after { content:"–"; }
.faq p { color:var(--muted); margin-top:.6rem; }
.final { background:linear-gradient(120deg,var(--orange),#F2805C); color:#fff; border-radius:1.5rem; padding:clamp(1.6rem,4vw,2.6rem); display:flex; flex-wrap:wrap; gap:1.5rem; align-items:center; justify-content:space-between; }
.final h2 { color:#fff; font-size:clamp(1.5rem,3vw,2.2rem); } .final p { color:rgba(255,255,255,.92); margin-top:.5rem; max-width:620px; }
.related { margin-top:1.6rem; display:flex; flex-wrap:wrap; gap:.5rem 1.2rem; font-size:.95rem; }
.cards3 { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:1rem; }
.rcard { background:var(--card); border:1px solid var(--line); border-radius:1.1rem; overflow:hidden; }
.rcard img { width:100%; height:auto; aspect-ratio:16/10; object-fit:cover; } .rcard div { padding:1rem 1.2rem 1.2rem; }
.rcard h3 { font-size:1.1rem; margin-bottom:.3rem; } .rcard p { color:var(--muted); font-size:.95rem; }
footer.site { background:var(--navy); color:rgba(255,255,255,.7); padding-block:2.5rem 2rem; font-size:.9rem; }
.foot { display:flex; flex-wrap:wrap; gap:1.5rem 3rem; justify-content:space-between; }
footer.site a { color:rgba(255,255,255,.8); text-decoration:none; } footer.site a:hover { color:#fff; }
.fcol { display:flex; flex-direction:column; gap:.35rem; } .fcol b { color:#fff; margin-bottom:.2rem; }
.copy { margin-top:1.6rem; font-size:.82rem; color:rgba(255,255,255,.5); }
:focus-visible { outline:3px solid var(--orange); outline-offset:2px; }

/* partner enquiry form (partner page) */
.pform { background:var(--card); border:1px solid var(--line); border-radius:1.2rem; padding:1.4rem; display:grid; gap:.35rem; }
.pform label { font:600 .86rem/1.4 var(--head); color:var(--navy); margin-top:.5rem; }
.pform input, .pform select, .pform textarea { width:100%; font:inherit; padding:.7rem .85rem; border:1.5px solid var(--line); border-radius:.7rem; background:#fff; color:var(--ink); }
.pform input:focus, .pform select:focus, .pform textarea:focus { outline:none; border-color:var(--steel); box-shadow:0 0 0 3px var(--steel-c); }
.pform textarea { min-height:120px; resize:vertical; }
.pform .row2 { display:grid; grid-template-columns:1fr 1fr; gap:.8rem; } @media (max-width:560px) { .pform .row2 { grid-template-columns:1fr; } }
.pform .check { display:flex; gap:.6rem; align-items:flex-start; font-weight:500; margin-top:.9rem; } .pform .check input { width:auto; margin-top:.25rem; }
.pform .hp { position:absolute; left:-9999px; height:0; overflow:hidden; }
.pform .status { min-height:1.4rem; font-size:.92rem; margin-top:.6rem; } .pform .status.ok { color:var(--green); } .pform .status.err { color:#C0392B; }