:root { --ink:#19251f; --muted:#58635d; --accent:#c84027; --coral:#f16b4b; --line:#dce3de; --mint:#edf4ef; --paper:#f8faf8; --header-height:85px; color-scheme:light; }
* { box-sizing:border-box; margin:0; padding:0; letter-spacing:0; }
html { scroll-behavior:smooth; scroll-padding-top:calc(var(--header-height) + 24px); }
body { font:400 16px/1.7 'Plus Jakarta Sans',sans-serif; color:var(--ink); background:#fff; -webkit-font-smoothing:antialiased; min-height:100vh; display:flex; flex-direction:column; }
main { flex:1; }
img { max-width:100%; display:block; }
a { color:inherit; }
button,select,summary { font:inherit; }
button,select,summary,a { -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
:focus-visible { outline:3px solid var(--accent); outline-offset:5px; }
[hidden] { display:none !important; }
.container { width:min(100% - 96px,1200px); margin-inline:auto; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip-link { position:fixed; top:12px; inset-inline-start:16px; z-index:200; padding:8px 16px; color:#fff; background:var(--ink); transform:translateY(-160%); }
.skip-link:focus { transform:none; }
.icon { width:20px; height:20px; flex:0 0 20px; }
.site-header { position:sticky; top:0; z-index:100; background:rgba(255,255,255,.97); border-bottom:1px solid var(--line); }
.header-inner { display:flex; align-items:center; justify-content:space-between; gap:28px; min-height:84px; }
.logo { display:inline-flex; align-items:center; gap:10px; text-decoration:none; flex-shrink:0; direction:ltr; }
.logo > img { width:38px; height:38px; border-radius:10px; }
.logo-text { font:800 21px/1.2 'Plus Jakarta Sans',sans-serif; }
.logo-text span { color:var(--accent); }
.nav-links { display:flex; align-items:center; gap:30px; }
.nav-links a { position:relative; padding-block:29px; text-decoration:none; font-size:13px; font-weight:600; color:var(--muted); white-space:nowrap; }
.nav-links a:hover { color:var(--accent); }
.nav-links a[aria-current="page"] { color:var(--ink); }
.nav-links a[aria-current="page"]::after { content:''; height:3px; background:var(--accent); position:absolute; bottom:0; inset-inline:0; }
.header-actions { display:flex; align-items:center; gap:14px; }
.language-picker select { background:transparent; color:var(--ink); min-height:44px; width:104px; border:0; border-radius:4px; padding:8px; font-size:13px; font-weight:600; cursor:pointer; }
.header-download { display:inline-flex; gap:9px; align-items:center; justify-content:center; padding:10px 15px; border-radius:5px; background:var(--ink); color:#fff; font-size:12px; font-weight:600; text-decoration:none; white-space:nowrap; }
.header-download .icon { filter:invert(1); width:16px; height:16px; flex-basis:16px; }
.header-download:hover { background:var(--accent); }
.eyebrow,.section-label { display:flex; align-items:center; gap:10px; font-size:11px; font-weight:700; text-transform:uppercase; line-height:1.6; margin-bottom:18px; }
.eyebrow::before,.section-label::before { content:''; width:18px; height:2px; background:var(--accent); flex-shrink:0; }
.hero { position:relative; isolation:isolate; text-align:center; min-height:min(690px,calc(100svh - 150px)); padding:60px 0 128px; display:grid; align-items:start; overflow:hidden; }
.hero-background { position:absolute; z-index:-1; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 60%; }
.hero-content { max-width:750px; margin-inline:auto; position:relative; }
.hero .eyebrow { justify-content:center; margin-bottom:12px; }
.hero h1 { font-size:88px; font-weight:800; line-height:1.08; margin-bottom:14px; direction:ltr; }
.hero h1 span { color:var(--accent); }
.hero-tagline { font-size:25px; font-weight:600; line-height:1.35; margin-bottom:18px; }
.hero-sub { font-size:15px; line-height:1.8; max-width:550px; margin:0 auto 28px; color:var(--muted); }
.download-group { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.dl-btn { display:inline-flex; min-height:58px; min-width:178px; align-items:center; justify-content:center; gap:12px; padding:9px 20px; color:#fff; background:var(--ink); border:1px solid var(--ink); border-radius:6px; text-decoration:none; }
.dl-btn:hover { background:#304238; border-color:#304238; }
.dl-btn > img { width:27px; height:27px; object-fit:contain; border-radius:5px; }
.dl-btn-text { text-align:start; line-height:1.3; }
.dl-btn-text small { display:block; font-size:10px; margin-bottom:3px; }
.dl-btn-text strong { display:block; font-size:16px; font-weight:600; }
.integrations { border-block:1px solid var(--line); background:#fff; }
.integrations-inner { min-height:106px; display:flex; gap:36px; align-items:center; justify-content:space-between; }
.integrations p { max-width:230px; font-size:13px; color:var(--muted); }
.integration-list { list-style:none; display:flex; align-items:center; gap:48px; font-size:15px; font-weight:600; }
.integration-list li { display:flex; align-items:center; gap:10px; }
.integration-list img { width:20px; height:20px; }
.product-section { padding:100px 0; background:var(--mint); }
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:64px; }
.section-heading h2 { font-size:44px; line-height:1.2; font-weight:700; max-width:670px; text-wrap:balance; }
.text-link { display:inline-flex; align-items:center; gap:12px; font-size:13px; font-weight:700; text-decoration:none; padding-block:10px; border-bottom:1px solid var(--ink); flex-shrink:0; }
.text-link:hover { color:var(--accent); border-color:var(--accent); }
.product-stage { display:grid; grid-template-columns:1fr 1.15fr; gap:80px; align-items:center; max-width:900px; margin-inline:auto; }
.app-figure { margin:0; }
.app-device { width:246px; margin-inline:auto; padding:6px; background:#17221c; border-radius:28px; box-shadow:0 28px 45px -25px rgba(23,34,28,.4); }
.app-device img { width:100%; height:auto; border-radius:23px; aspect-ratio:640 / 1385; object-fit:contain; background:white; }
figcaption { font-size:11px; color:var(--muted); text-align:center; margin-top:24px; }
.route-preview { border:1px solid #d3dfd6; border-radius:8px; background:#fff; box-shadow:0 18px 40px -28px rgba(23,34,28,.3); text-align:start; overflow:hidden; }
.route-preview-head { padding:28px; border-bottom:1px solid var(--line); }
.route-preview-head .eyebrow { font-size:10px; color:var(--muted); margin-bottom:10px; }
.route-preview h3 { font-size:24px; line-height:1.4; font-weight:700; margin-bottom:4px; }
.route-preview-head > p:last-child { font-size:12px; color:var(--muted); }
.route-list { list-style:none; padding:4px 28px; }
.route-stop { display:grid; grid-template-columns:30px minmax(0,1fr) 20px; gap:14px; align-items:center; min-height:86px; position:relative; padding-block:18px; }
.route-stop + .route-stop { border-top:1px solid var(--line); }
.stop-number { display:grid; place-items:center; height:30px; width:30px; border-radius:50%; border:1px solid #b6cbbd; background:var(--mint); color:#285e3d; font:600 12px/1 'JetBrains Mono',monospace; }
.route-stop:nth-child(n+3) .stop-number { background:#fff; border-color:var(--line); color:var(--muted); }
.stop-copy span { display:block; font-size:13px; font-weight:600; line-height:1.5; }
.stop-copy small { display:block; font-size:10px; color:var(--muted); margin-top:4px; }
.stop-check { width:16px; height:16px; }
.route-preview-foot { display:flex; align-items:center; gap:10px; padding:18px 28px; background:#f3f7f4; border-top:1px solid var(--line); color:#285e3d; font-size:12px; font-weight:600; }
.preview-note { color:var(--muted); font-size:12px; line-height:1.7; margin-top:24px; max-width:340px; }
.page-content { padding:72px 0 100px; }
.page-heading { margin-bottom:62px; max-width:820px; }
.page-heading h1,.section-title { font-size:56px; line-height:1.18; font-weight:700; text-wrap:balance; }
.page-heading > p { font-size:16px; color:var(--muted); margin-top:24px; max-width:600px; }
.features-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; border-top:1px solid var(--line); }
.feature-card { position:relative; border-bottom:1px solid var(--line); padding:36px 30px 40px; }
.feature-card:not(:nth-child(3n)) { border-inline-end:1px solid var(--line); }
.feature-card:nth-child(1),.feature-card:nth-child(5) { background:var(--paper); }
.feature-index { position:absolute; inset-inline-end:30px; top:40px; color:var(--muted); font:400 11px/1 'JetBrains Mono',monospace; }
.feature-icon { display:grid; place-items:center; width:46px; height:46px; background:var(--mint); border-radius:6px; margin-bottom:42px; }
.feature-icon img { width:23px; height:23px; }
.feature-card:nth-child(3n) .feature-icon { background:#fbeee9; }
.feature-card h2 { font-size:19px; line-height:1.45; font-weight:700; margin-bottom:14px; }
.feature-card p { font-size:13px; line-height:1.9; color:var(--muted); }
.workflow { display:grid; grid-template-columns:1.05fr 1fr; gap:88px; align-items:start; }
.steps { border-top:1px solid var(--line); }
.step { border-bottom:1px solid var(--line); }
.step summary { list-style:none; display:grid; grid-template-columns:38px minmax(0,1fr) 20px; align-items:center; gap:18px; min-height:100px; padding:26px 0; cursor:pointer; }
.step summary::-webkit-details-marker { display:none; }
.step-num { font:400 13px/1 'JetBrains Mono',monospace; color:var(--muted); }
.step summary h2 { font-size:21px; font-weight:600; line-height:1.4; }
.step[open] .step-num,.step[open] h2 { color:var(--accent); }
.step[open] .step-chevron { transform:rotate(180deg); }
.step p { padding-block:0 30px; padding-inline:56px 38px; font-size:14px; line-height:1.9; color:var(--muted); }
.workflow-preview { position:sticky; top:calc(var(--header-height) + 40px); padding:38px 36px; background:var(--mint); min-height:640px; display:grid; align-items:center; }
.workflow-preview .app-device { width:230px; }
.workflow-preview .route-preview h3 { font-size:20px; }
.workflow-preview .route-preview-head,.workflow-preview .route-preview-foot { padding-inline:22px; }
.workflow-preview .route-list { padding-inline:22px; }
.privacy-header { border-bottom:1px solid var(--line); padding-bottom:40px; margin-bottom:56px; }
.privacy-header h1 { max-width:800px; }
.privacy-header .privacy-meta { color:var(--muted); font-size:12px; margin-top:24px; }
.privacy-grid { display:grid; grid-template-columns:250px minmax(0,1fr); gap:80px; align-items:start; }
.privacy-toc { position:sticky; top:calc(var(--header-height) + 30px); }
.privacy-toc summary { font-size:12px; font-weight:700; list-style:none; display:flex; justify-content:space-between; align-items:center; padding-block:10px; cursor:pointer; }
.privacy-toc summary::-webkit-details-marker { display:none; }
.privacy-toc ol { list-style:none; border-inline-start:1px solid var(--line); margin-top:16px; padding-inline-start:20px; }
.privacy-toc a { display:block; padding-block:7px; text-decoration:none; font-size:12px; line-height:1.55; color:var(--muted); }
.privacy-toc a:hover { color:var(--accent); }
.privacy-content { max-width:770px; }
.privacy-intro { font-size:18px; color:var(--ink); line-height:1.85; margin-bottom:32px; }
.privacy-section { border-top:1px solid var(--line); padding-block:30px; scroll-margin-top:calc(var(--header-height) + 24px); }
.privacy-section h2 { font-size:21px; line-height:1.5; margin-bottom:16px; font-weight:700; }
.privacy-section p,.privacy-section li,.privacy-copyright { color:var(--muted); font-size:14px; line-height:1.95; }
.privacy-section p + p { margin-top:14px; }
.privacy-section ul { padding-inline-start:22px; margin-block:14px; }
.privacy-section li { margin-block:6px; padding-inline-start:4px; }
.privacy-section a { color:var(--accent); font-weight:600; text-underline-offset:4px; overflow-wrap:anywhere; }
.privacy-copyright { font-size:12px; padding-block:24px; border-top:1px solid var(--line); }
.cta { text-align:center; border-top:1px solid var(--line); background:var(--paper); padding:88px 0; }
.cta .container { max-width:850px; }
.cta-logo { width:44px; height:44px; margin:0 auto 24px; border-radius:10px; }
.cta h2 { font-size:44px; line-height:1.2; font-weight:700; margin-bottom:20px; }
.cta p { font-size:14px; color:var(--muted); margin-bottom:30px; }
.site-footer { padding:48px 0 28px; color:#fff; background:var(--ink); }
.footer-top { display:flex; align-items:center; justify-content:space-between; gap:36px; padding-bottom:34px; }
.site-footer .logo-text { font-size:25px; }
.site-footer .logo-text span { color:#ff9176; }
.footer-links { display:flex; align-items:center; flex-wrap:wrap; gap:24px; }
.footer-links a { text-decoration:none; color:#e1e8e3; font-size:12px; }
.footer-links a:hover,.footer-bottom a:hover { color:#ffb09c; }
.footer-bottom { border-top:1px solid #3d4941; padding-top:24px; font-size:11px; color:#bcc9c0; }
.footer-bottom a { color:#fff; text-decoration:underline; text-underline-offset:3px; }
html[lang="ar"] body { font-family:'Noto Sans Arabic',sans-serif; }
html[lang="hi"] body { font-family:'Noto Sans Devanagari',sans-serif; }
html[lang="ar"] .hero h1 { font-family:'Plus Jakarta Sans',sans-serif; }
html[lang="ar"] .eyebrow,html[lang="hi"] .eyebrow,html[lang="ar"] .section-label,html[lang="hi"] .section-label { text-transform:none; }
html[lang="ar"] .hero-tagline { line-height:1.7; }
html[lang="ar"] .section-title,html[lang="ar"] .section-heading h2,html[lang="ar"] .cta h2 { line-height:1.5; }
html[dir="rtl"] .text-link > .icon { transform:scaleX(-1); }
@media(min-width:901px) { .privacy-toc summary .icon { display:none; } }
@media(max-width:1150px) {
  .container { width:calc(100% - 64px); }
  .header-inner { gap:20px; }
  .nav-links { gap:22px; }
  .header-download span { display:none; }
  .header-download { width:42px; height:42px; padding:0; }
  .header-actions { gap:8px; }
  .product-stage,.workflow { gap:48px; }
  .privacy-grid { gap:48px; grid-template-columns:220px minmax(0,1fr); }
}
@media(max-width:900px) {
  .nav-links { gap:18px; }
  .nav-links a { font-size:12px; }
  .header-actions { gap:4px; }
  .header-download { display:none; }
  .hero h1 { font-size:74px; }
  .hero-sub { max-width:500px; }
  .integration-list { gap:24px; font-size:13px; }
  .features-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .feature-card:not(:nth-child(3n)) { border-inline-end:none; }
  .feature-card:nth-child(odd) { border-inline-end:1px solid var(--line); }
  .page-heading h1 { font-size:46px; }
  .workflow { gap:32px; }
  .workflow-preview { padding:30px 20px; }
  .step summary { gap:10px; grid-template-columns:30px minmax(0,1fr) 20px; }
  .step summary h2 { font-size:18px; }
  .step p { padding-inline:40px 0; }
  .privacy-grid { display:block; }
  .privacy-toc { position:static; padding:12px 20px; background:var(--paper); border:1px solid var(--line); margin-bottom:40px; }
  .privacy-toc ol { columns:2; }
  .privacy-toc li { break-inside:avoid; }
  .privacy-content { max-width:none; }
}
@media(max-width:700px) {
  :root { --header-height:119px; }
  .container { width:calc(100% - 40px); }
  .header-inner { display:grid; grid-template-columns:1fr auto; min-height:auto; gap:0 12px; padding-top:12px; }
  .logo > img { width:32px; height:32px; border-radius:8px; }
  .logo-text { font-size:19px; }
  .header-actions { grid-column:2; grid-row:1; }
  .language-picker select { width:102px; font-size:12px; }
  .nav-links { grid-row:2; grid-column:1 / -1; justify-content:space-between; gap:14px; }
  .nav-links a { font-size:11px; padding-block:16px; }
  .hero { min-height:550px; padding:44px 0 110px; }
  .hero-background { object-position:center bottom; }
  .hero h1 { font-size:49px; line-height:1.15; margin-bottom:16px; }
  .hero .eyebrow { font-size:10px; margin-bottom:16px; }
  .hero-tagline { font-size:21px; margin-bottom:18px; }
  .hero-sub { font-size:13px; line-height:1.8; max-width:420px; margin-bottom:24px; }
  .hero-content { max-width:480px; }
  .hero .download-group { gap:8px; }
  .dl-btn { min-width:0; min-height:54px; gap:9px; padding:9px 13px; }
  .dl-btn > img { width:24px; height:24px; }
  .dl-btn-text strong { font-size:14px; }
  .dl-btn-text small { font-size:9px; }
  .integrations-inner { display:block; padding-block:24px; }
  .integrations p { max-width:none; text-align:center; font-size:12px; margin-bottom:18px; }
  .integration-list { justify-content:center; flex-wrap:wrap; gap:14px 24px; font-size:12px; }
  .integration-list li { gap:7px; }
  .integration-list img { width:16px; height:16px; }
  .product-section,.page-content { padding:56px 0; }
  .section-heading { display:block; margin-bottom:36px; }
  .section-heading h2 { font-size:32px; }
  .section-heading .text-link { margin-top:24px; }
  .product-stage { grid-template-columns:1fr; gap:40px; }
  .product-stage .app-device { width:238px; }
  .product-stage .route-preview { max-width:440px; margin-inline:auto; }
  .preview-note { text-align:center; margin-inline:auto; }
  .route-preview h3 { font-size:22px; }
  .page-heading { margin-bottom:36px; }
  .page-heading h1 { font-size:36px; }
  .page-heading p { font-size:14px; margin-top:20px; }
  .features-grid { grid-template-columns:1fr; }
  .feature-card { padding:30px 22px; }
  .feature-card:nth-child(odd) { border-inline-end:none; }
  .feature-icon { margin-bottom:24px; }
  .feature-card h2 { font-size:20px; }
  .feature-card p { font-size:14px; }
  .workflow { grid-template-columns:1fr; gap:36px; }
  .step summary { min-height:90px; }
  .step summary h2 { font-size:20px; }
  .workflow-preview { position:static; min-height:610px; padding:32px 24px; }
  .privacy-header { padding-bottom:28px; }
  .privacy-header h1 { font-size:34px; }
  .privacy-toc ol { columns:1; }
  .privacy-intro { font-size:16px; }
  .privacy-section h2 { font-size:20px; }
  .cta { padding:56px 0; }
  .cta h2 { font-size:32px; }
  .cta p { font-size:13px; }
  .footer-top { align-items:start; flex-direction:column; gap:28px; }
  .footer-links { gap:16px 24px; }
  .footer-bottom { line-height:1.9; }
  html[lang="ar"] .hero-tagline { font-size:20px; }
  html[lang="ar"] .hero-sub { line-height:1.9; }
}
@media(max-width:370px) {
  .container { width:calc(100% - 32px); }
  .hero h1 { font-size:43px; }
  .hero-tagline { font-size:19px; }
  .nav-links { gap:10px; }
  .nav-links a { font-size:10px; }
  .dl-btn { padding-inline:10px; gap:8px; }
  .dl-btn-text strong { font-size:13px; }
  .hero .eyebrow { font-size:9px; }
  .page-heading h1 { font-size:31px; }
}
@media(max-height:740px) and (max-width:700px) {
  .hero { min-height:0; padding-block:28px 66px; }
  .hero h1 { margin-bottom:10px; }
  .hero .eyebrow { margin-bottom:8px; }
  .hero-tagline { margin-bottom:12px; }
  .hero-sub { margin-bottom:20px; font-size:12px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }