/* POSFIELD public site: calm, readable, mobile first. Light and dark follow the system. */
:root{--s-bg:#f4f6fb;--s-card:#fff;--s-text:#0f172a;--s-dim:#5a6478;--s-line:#e2e7ef;--s-brand:#2451e6;--s-brand-ink:#fff;--s-soft:#eef2ff}
@media (prefers-color-scheme:dark){:root{--s-bg:#0b1020;--s-card:#121a2c;--s-text:#eef2f8;--s-dim:#9aa6bd;--s-line:#243049;--s-brand:#7b96ff;--s-brand-ink:#0b1020;--s-soft:#1a2548}}
*{box-sizing:border-box}
body{margin:0;background:var(--s-bg);color:var(--s-text);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Tahoma,"Noto Sans Arabic",sans-serif}
a{color:var(--s-brand)}
.site-header{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:12px 16px;border-bottom:1px solid var(--s-line);background:var(--s-card)}
.site-logo{font-weight:900;letter-spacing:.06em;font-size:1.2rem;color:var(--s-text);text-decoration:none;margin-inline-end:auto}
.site-nav{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px}
.site-nav a{color:var(--s-text);text-decoration:none;font-weight:600;min-height:44px;display:inline-flex;align-items:center}
.site-langs{display:flex;gap:6px}
.site-lang{min-height:36px;padding:4px 10px;border-radius:999px;border:1px solid var(--s-line);background:transparent;color:var(--s-text);cursor:pointer;font:inherit;font-size:.85rem}
.site-lang.is-on{background:var(--s-soft);border-color:var(--s-brand)}
.site-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 18px;border-radius:12px;background:var(--s-brand);color:var(--s-brand-ink)!important;font-weight:800;text-decoration:none;border:2px solid var(--s-brand)}
.site-btn-outline{background:transparent;color:var(--s-brand)!important}
.site-btn-block{width:100%;margin-top:auto}
.site-main{max-width:1080px;margin:0 auto;padding:24px 16px 40px}
.site-narrow{max-width:760px}
.site-hero{text-align:center;padding:12px 0 20px}
.site-eyebrow{margin:0;font-weight:900;letter-spacing:.12em;color:var(--s-brand)}
.site-hero h1,.site-narrow h1{font-size:clamp(1.6rem,4.5vw,2.4rem);line-height:1.25;margin:.3em 0}
.site-lead{font-size:1.1rem;color:var(--s-dim);max-width:640px;margin:0 auto 16px}
.site-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.site-muted{color:var(--s-dim)}
.site-center{text-align:center}
.site-toggle{display:inline-flex;gap:4px;padding:4px;margin:10px 0;border-radius:14px;background:var(--s-card);border:1px solid var(--s-line)}
.site-toggle-btn{min-height:44px;padding:6px 16px;border-radius:10px;border:0;background:transparent;color:var(--s-text);font:inherit;font-weight:700;cursor:pointer}
.site-toggle-btn.is-on{background:var(--s-brand);color:var(--s-brand-ink)}
.site-grid,.site-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.site-card{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:18px;background:var(--s-card);border:1px solid var(--s-line)}
.site-card h2{margin:0;font-size:1.35rem}
.site-for{margin:0;color:var(--s-dim)}
.site-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px;margin:8px 0}
.site-price strong{font-size:2.2rem;line-height:1}
.site-year-note{flex-basis:100%;color:var(--s-dim)}
.site-plus{margin:0;font-weight:700}
.site-list{margin:4px 0 12px;padding:0;list-style:none}
.site-list li{position:relative;padding-inline-start:26px;margin:4px 0}
.site-list li::before{content:"✓";position:absolute;inset-inline-start:0;color:var(--s-brand);font-weight:900}
.site-extras p{margin:2px 0;color:var(--s-dim)}
.site-module{margin-top:16px}
.site-card-module{border-style:dashed}
.site-examples,.site-fair{margin-top:28px}
.site-example-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.site-example{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;border-radius:14px;background:var(--s-card);border:1px solid var(--s-line)}
.site-example strong{font-size:1.25rem;white-space:nowrap}
.site-example small{font-weight:400;color:var(--s-dim)}
.site-example-more{background:transparent}
.site-faq{padding:14px 16px;margin:10px 0;border-radius:14px;background:var(--s-card);border:1px solid var(--s-line)}
.site-faq summary{font-weight:800;cursor:pointer;min-height:32px}
.site-faq p{margin:8px 0 0;color:var(--s-dim)}
.site-footer{padding:20px 16px 32px;border-top:1px solid var(--s-line);text-align:center}
.site-footer nav{display:flex;flex-wrap:wrap;gap:4px 16px;justify-content:center}
.site-footer a{min-height:44px;display:inline-flex;align-items:center}
.site-legal{margin:4px 0;color:var(--s-dim);font-size:.9rem}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--s-brand);outline-offset:2px}
/* POSFIELD design system alignment (same tokens as the app) */
body{font-family:'Cairo','Tajawal',system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
.site-header{position:sticky;top:0;z-index:10;box-shadow:0 1px 2px rgba(15,23,42,.06)}
.site-logo{color:var(--s-brand);letter-spacing:.08em}
.site-card{border-radius:20px;box-shadow:0 1px 2px rgba(15,23,42,.05),0 6px 20px rgba(15,23,42,.06)}
.site-card[data-plan=TEAM]{border-top:3px solid var(--s-brand)}
.site-btn{border-radius:12px;font-weight:800}
.site-example{border-radius:14px}
.site-faq{border-radius:14px}
.site-hero h1{font-weight:900;letter-spacing:-.01em}
/* phones: logo and languages on one row, navigation as one scrollable row */
@media (max-width:640px){
.site-header{gap:8px 10px;padding:10px 16px}
.site-langs{order:2;margin-inline-start:auto}
.site-lang{min-height:34px;padding:2px 9px;font-size:.8rem}
.site-nav{order:3;flex-basis:100%;flex-wrap:nowrap;overflow-x:auto;gap:14px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.site-nav::-webkit-scrollbar{display:none}
.site-nav a{white-space:nowrap;flex:none}
.site-nav .site-btn{order:-1;min-height:38px;padding:6px 14px}
}