/* Public marketing page only. Logical properties keep the Arabic layout native. */
:root {
  --plane:#f8f6ef; --surface-1:#fffef9; --text-primary:#193b2b;
  --text-secondary:#566252; --text-muted:#636d5e; --border:#dce1d4;
  --brand-blue-ink:#285238; --brand-teal-ink:#42663b; --brand-teal-deep:#183d2c;
  --brand-orange:#edc677; --on-accent:#233721; --radius-card:20px;
  --site-width:1180px;
  /* `system-ui` first, matching `app.css`. Leading with "Segoe UI" served a
     Windows font to every visitor who had one and the platform's own face to
     nobody else, so the site looked different on a Mac, an iPhone and an
     Android handset for no reason anyone chose. */
  --sans:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
}
html { scroll-behavior:smooth; }
body.site { font-size:16px; line-height:1.7; }
.site h1,.site h2,.site h3 { font-weight:600; text-wrap:balance; }
.site h2 { letter-spacing:-.035em; }
.site a { text-underline-offset:4px; }
.siteheader { background:rgba(248,246,239,.96); backdrop-filter:blur(14px); }
.siteheader-inner { min-height:84px; padding-inline:24px; gap:28px; flex-wrap:nowrap; }
.brand-name { font-size:23px; letter-spacing:-.045em; }
.brand-mark { width:31px; }
.sitenav { gap:22px; }
.sitenav a { font-size:14px; }
.site .btn { border-radius:8px; font-size:14px; min-height:48px; padding:12px 22px; transition:background .2s,transform .2s; }
.site .btn:hover { transform:translateY(-2px); background:#e7ebdd; }
.site .btn-accent { background:var(--brand-teal-deep); color:#fffdf4; }
.site .btn-accent:hover { background:#2a563c; }
.site .btn-lg { min-height:54px; font-size:15px; }
.sitelink { gap:12px; font-weight:600; }
.site .forward { display:inline-block; }
[dir="rtl"] .forward { transform:scaleX(-1); }
.harvest-hero { position:relative; isolation:isolate; overflow:hidden; background:#f5f3e9; }
.daylight { position:absolute; inset:-30%; z-index:-1; pointer-events:none;
  background:radial-gradient(ellipse at 65% 50%,#dce8bb 0,transparent 39%),radial-gradient(ellipse at 26% 42%,#ffedc2 0,transparent 35%);
  animation:daylight-drift 16s ease-in-out infinite alternate; }
.harvest-hero::after { content:""; position:absolute; inset:0; pointer-events:none; z-index:-1; opacity:.2;
  background-image:repeating-radial-gradient(ellipse at 100% 120%,transparent 0 44px,#919e7329 45px 46px,transparent 47px 70px); }
.harvest-hero-inner { max-width:var(--site-width); margin:auto; display:grid; grid-template-columns:1.04fr 1fr; align-items:center; gap:34px; padding:64px 24px 24px; }
.harvest-copy { min-width:0; }
.site .eyebrow { display:flex; gap:10px; align-items:center; font-size:12px; letter-spacing:.1em; text-transform:uppercase; font-weight:700; color:#58703f; margin-bottom:22px; }
.eyebrow>span { width:7px; height:7px; background:#718844; border-radius:50%; }
.harvest-copy h1 { font-size:clamp(44px,4.6vw,67px); letter-spacing:-.058em; line-height:1.08; margin-bottom:24px; }
.harvest-copy h1 em { display:block; font-family:Georgia,"Times New Roman",serif; font-weight:400; color:#6d803e; }
.hero-lede { font-size:17px; line-height:1.8; max-width:49ch; margin-bottom:22px!important; }
.hero-actions { gap:12px; margin:24px 0 12px; }
.site .hero-note { color:#69715f; font-size:12px; margin-bottom:24px; }
.hero-detail { display:flex; gap:14px; align-items:center; border-top:1px solid #ced6be; padding-top:20px; max-width:470px; }
.hero-detail>span { font-size:30px; color:#7a8b4c; }
.hero-detail p { font-size:13px; line-height:1.7; margin:0; color:#59644d; }
.hero-bottom { max-width:var(--site-width); margin:auto; padding:20px 24px 25px; display:flex; justify-content:space-between; gap:16px; align-items:center; }
.hero-bottom p { margin:0; color:#626e54; font-size:12px; }
.motion-toggle { border:1px solid #c6cebb; background:transparent; color:#43583a; border-radius:20px; font:inherit; font-size:11px; padding:8px 14px; min-height:36px; cursor:pointer; flex-shrink:0; }
.field-art { position:relative; min-width:0; }
.field-landscape { width:100%; height:auto; display:block; filter:drop-shadow(0 24px 24px #203c241b); }
.field-label { position:absolute; display:flex; gap:12px; align-items:center; background:#fffdf4; border:1px solid #e9e8d5; border-radius:12px; box-shadow:0 12px 32px #213c2420; padding:14px 18px; font-size:12px; }
.field-label-top { top:15%; inset-inline-end:0; }
.status-dot { height:8px; width:8px; background:#758b48; border-radius:50%; box-shadow:0 0 0 5px #e7eddb; }
.field-label-bottom { bottom:10%; inset-inline-start:0; }
.field-label strong { display:block; font-size:14px; font-weight:600; }
.field-label small { display:block; color:#657057; margin-top:2px; }
.field-check { border-radius:50%; background:#e4ebd3; font-size:20px; padding:2px 10px; color:#4c6a39; }
.art-caption { position:absolute; bottom:0; inset-inline-end:7%; font-size:10px; color:#69735e; }
.field-scan { animation:field-scan 10s ease-in-out infinite alternate; }
.field-pulse { transform-origin:141px 298px; animation:field-pulse 4s ease-out infinite; }
@keyframes daylight-drift { to { transform:translate3d(6%,3%,0) rotate(8deg); } }
@keyframes field-scan { from { transform:translateY(-130px); } to { transform:translateY(155px); } }
@keyframes field-pulse { 0% { transform:scale(.6); opacity:.9; } 100% { transform:scale(1.7); opacity:0; } }
.capability-strip { padding:22px 24px; display:flex; flex-wrap:wrap; justify-content:center; gap:18px 46px; border-block:1px solid var(--border); background:#fffdf6; }
.capability-strip span { font-size:13px; font-weight:600; display:flex; gap:12px; align-items:center; }
.capability-strip i { font-style:normal; color:#9a9e6a; }
.band { padding:72px 24px; }
.section-heading { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:end; margin-bottom:30px; }
.section-heading .band-lede { margin-bottom:3px; }
.band-title { font-size:clamp(29px,3.1vw,43px); max-width:25ch; margin-bottom:16px!important; }
.band-lede { font-size:16px; max-width:65ch; }
.section-heading .eyebrow { margin-bottom:16px; }
.steps { gap:20px; margin-top:30px; }
.step { padding:28px; background:transparent; border-radius:0; border:none; border-inline-start:1px solid #cfd6c4; }
.step:first-child { padding-inline-start:0; border:0; }
.step-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:26px; }
.step-symbol { width:48px; height:48px; display:grid; place-items:center; border:1px solid #cdd8bd; border-radius:50%; color:#516d37; font-size:26px; }
.step-index { color:#6c785c; font-size:12px; letter-spacing:.1em; }
.step h3 { font-size:22px; margin-bottom:12px; }
.step p { color:var(--text-secondary); font-size:15px; margin-bottom:0; }
.feature-section { background:#eaf0df; }
.feature-tabs { display:flex; gap:8px; border-bottom:1px solid #c5d2b7; margin-top:30px; padding-bottom:12px; flex-wrap:wrap; }
.feature-tabs button { font:inherit; font-size:14px; display:flex; align-items:center; gap:13px; border:0; border-radius:7px; background:transparent; color:#526447; padding:12px 20px; min-height:48px; cursor:pointer; }
.feature-tabs button span { font-size:11px; opacity:.75; }
.feature-tabs button[aria-selected="true"] { background:#214a32; color:white; }
.feature-panel { display:grid; grid-template-columns:1.1fr 1fr; gap:72px; align-items:center; padding:38px 0 6px; }
.feature-panel[hidden] { display:none; }
.feature-copy { max-width:520px; }
.feature-kicker { font-size:12px; color:#546848; }
.feature-copy h3 { font-size:30px; letter-spacing:-.03em; margin:12px 0 16px; }
.feature-copy p { font-size:16px; color:#43553f; }
.feature-copy .feature-detail { font-size:14px; padding-inline-start:16px; border-inline-start:2px solid #9fad7e; }
.feature-copy .sitelink { padding-inline-start:0; }
.feature-preview { margin:0; width:100%; max-width:440px; justify-self:center; transform:rotate(-2deg); }
[dir="rtl"] .feature-preview { transform:rotate(2deg); }
.feature-preview img { width:100%; height:250px; object-fit:cover; object-position:top; display:block; border:1px solid #cfdbc3; border-radius:0 0 10px 10px; box-shadow:0 15px 30px #28461c16; }
.mini-browser { background:#fafcf5; border:1px solid #cfdbc3; border-bottom:0; border-radius:10px 10px 0 0; padding:12px; display:flex; gap:4px; align-items:center; direction:ltr; }
.mini-browser>span { width:5px; height:5px; border-radius:50%; background:#b7c4a5; }
.mini-browser b { margin:auto; font-size:10px; color:#7b8871; font-weight:500; }
.feature-preview figcaption { color:#59684e; font-size:10px; margin-top:12px; text-align:center; }
.audience-section { background:#fffef9; }
.cards { gap:24px; }
.sitecard { border:0; border-top:1px solid #d4dcca; border-radius:0; background:transparent; padding:24px 0 0; }
.audience-index { font-size:12px; color:#71805e; display:block; margin-bottom:20px; }
.sitecard h3 { font-size:22px; margin-bottom:12px; }
.sitecard p { color:var(--text-secondary); font-size:15px; margin:0; }
#paths { background:#1e3f2d; }
#paths .eyebrow { color:#d0d8a4; }
#paths .band-lede { color:#d4dfcb; }
#paths .pathcard { background:#ffffff08; color:#fffdf3; border:1px solid #ffffff30; border-radius:14px; padding:32px; }
.path-icon { font-size:27px; color:#e8cf8e; }
.pathcard h3 { font-size:25px; margin:8px 0; }
.pathcard p { color:#d7e1d1; font-size:15px; margin-bottom:20px; }
.pathcard .btn { background:transparent; color:#fffdf4; border-color:#7a9478; }
.pathcard .btn-accent { background:#efd08c; color:#233722; border-color:transparent; }
.pathcard .btn:hover { color:#193b2b; background:#f4dcaa; }
.faq-layout { display:grid; grid-template-columns: .85fr 1.2fr; gap:100px; }
.faq-layout>.band-title { max-width:15ch; }
.faq { padding:16px 0; }
.faq:first-child { border-top:1px solid var(--border); }
.faq>summary { display:flex; gap:20px; justify-content:space-between; font-size:15px; }
.faq>summary::-webkit-details-marker { display:none; }
.faq>summary span { font-size:22px; font-weight:400; }
.faq[open]>summary span { transform:rotate(45deg); }
.faq p { padding-top:10px; font-size:14px; color:var(--text-secondary); }
.band-demo { background:#efeede; color:var(--text-primary); }
.band-demo .band-lede,.band-demo .muted { color:#56634d; }
.band-demo .fieldlabel { color:#29412d; }
.band-demo .demo-optional summary { color:#3d5f33; }
.band-demo .band-title { max-width:none; }
.band-demo .band-narrow { max-width:760px; }
.authfield { border-color:#becbb2; background:#fffef8; }
.demoform { gap:18px; }
.demoform>.btn { justify-self:start; }
.demoform .muted { font-size:12px; }
.sitefooter { background:#f8f6ef; }
.sitefooter-inner { display:flex; justify-content:space-between; gap:30px; }
.sitefooter p { font-size:12px; margin:0; max-width:50ch; }
/* Arabic gets its own reading rhythm, without Latin tracking or italic glyphs. */
/* Identical to the application's Arabic stack (`app.css`). This asked for
   Tahoma first — legible, which is why it was picked, and to an Arabic reader
   the visual signature of 1994 Windows software. It also meant the marketing
   site and the product were set in two different Arabic faces, so the brand
   had no consistent voice in its primary language. Tahoma stays last, where
   it is a genuine fallback rather than the default. */
html[lang="ar"] { --sans:"IBM Plex Sans Arabic","Noto Sans Arabic","Segoe UI",system-ui,Tahoma,sans-serif; }
[lang="ar"] .site { line-height:1.95; }
[lang="ar"] .harvest-copy h1 { font-size:clamp(39px,4.1vw,59px); line-height:1.45; letter-spacing:0; font-weight:700; }
[lang="ar"] .harvest-copy h1 em { font-family:inherit; font-style:normal; font-weight:700; }
[lang="ar"] .eyebrow,[lang="ar"] .brand-name,[lang="ar"] .site h2,[lang="ar"] .feature-copy h3 { letter-spacing:0; }
[lang="ar"] .band-title { line-height:1.5; font-size:clamp(28px,2.7vw,38px); }
[lang="ar"] .site h3 { line-height:1.55; }
[lang="ar"] .hero-lede { font-size:17px; line-height:2; }
[lang="tr"] .eyebrow { text-transform:none; letter-spacing:.035em; }
@media(min-width:861px) { .feature-panel { min-height:355px; } }
@media(max-width:1100px) { .siteheader-inner { gap:16px; min-height:72px; } .public-mobile-menu { padding-inline:24px; } .harvest-copy h1 { font-size:50px; } .section-heading { gap:36px; } .feature-panel { gap:36px; } }
@media(max-width:860px) {
  .harvest-hero-inner { gap:20px; padding-top:38px; grid-template-columns:1fr; }
  .harvest-copy { max-width:620px; } .harvest-copy h1 { font-size:52px; max-width:17ch; }
  .field-art { width:min(100%,470px); margin:auto; } .hero-detail { max-width:100%; }
  .section-heading { grid-template-columns:1fr; gap:4px; }
  .steps,.cards { grid-template-columns:1fr; gap:20px; }
  .step,.step:first-child { border:0; border-top:1px solid #cfd6c4; padding:24px 0 0; }
  .step-top { margin-bottom:16px; } .feature-panel { grid-template-columns:1fr; gap:24px; }
  .feature-copy { max-width:none; } .feature-preview { width:min(100%,390px); }
  .faq-layout { grid-template-columns:1fr; gap:24px; } .band { padding-block:48px; }
}
@media(max-width:540px) {
  .siteheader-inner { padding:10px 16px; gap:8px; flex-wrap:wrap; }
  .brand-name { font-size:20px; } .brand-mark { width:25px; }
  .siteactions { gap:0; } .siteactions>.btn { display:none; } .siteactions .sitelink { font-size:12px; padding-inline:8px; }
  .locale>summary { font-size:12px; padding-inline:8px; }
  .public-mobile-menu { padding-inline:16px; font-size:13px; border-top:1px solid #e3e6d8; }
  .public-mobile-menu summary { min-height:40px; padding-block:7px; }
  .harvest-hero-inner { padding:32px 20px 12px; }
  .harvest-copy h1 { font-size:44px; letter-spacing:-.05em; }
  .site .eyebrow { font-size:10px; letter-spacing:.07em; margin-bottom:18px; }
  .hero-lede { font-size:15px; line-height:1.85; }
  .hero-actions { gap:6px; } .hero-actions .btn { padding-inline:15px; font-size:13px; }
  .hero-actions .sitelink { font-size:13px; padding-inline:8px; }
  .hero-note { font-size:11px!important; } .hero-detail p { font-size:12px; }
  .hero-bottom { padding:16px 20px 22px; flex-wrap:wrap; gap:12px; } .hero-bottom p { font-size:11px; }
  .field-label { padding:10px 12px; font-size:10px; gap:8px; } .field-label strong { font-size:11px; } .field-label small { font-size:9px; }
  .capability-strip { gap:10px 20px; padding:20px; } .capability-strip span { font-size:11px; gap:7px; }
  .band { padding-inline:20px; } .band-title { font-size:31px; } .band-lede { font-size:15px; }
  .feature-tabs { gap:4px; } .feature-tabs button { padding:10px 12px; font-size:12px; gap:8px; }
  .feature-copy h3 { font-size:26px; } .feature-copy p { font-size:15px; }
  .feature-preview img { height:210px; } .feature-preview { width:94%; }
  #paths .pathcard { padding:24px; } .pathcard h3 { font-size:23px; }
  .sitefooter-inner { display:block; } .sitefooter p+p { margin-top:10px; }
  [lang="ar"] .harvest-copy h1 { font-size:37px; line-height:1.5; }
  [lang="ar"] .hero-lede { font-size:15px; }
}
.motion-paused .daylight,.motion-paused .field-scan,.motion-paused .field-pulse { animation-play-state:paused; }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .daylight,.field-scan,.field-pulse { animation:none!important; } .site .btn { transition:none; } }