/* CareOS24 public SEO pages */
:root {
  --seo-ink: #0c1a2e;
  --seo-muted: #4a5d73;
  --seo-line: #d7e0ea;
  --seo-paper: #f4f7fb;
  --seo-white: #ffffff;
  --seo-accent: #0360f1;
  --seo-accent-deep: #0246b5;
  --seo-glow: rgba(3, 96, 241, 0.16);
  --seo-serif: "Source Serif 4", "Noto Sans Arabic", Georgia, serif;
  --seo-sans: "Space Grotesk", "Noto Sans Arabic", system-ui, sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body.seo{margin:0;color:var(--seo-ink);background:var(--seo-white);font-family:var(--seo-sans);line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit}
.seo-skip{position:absolute;left:-999px;top:0;background:var(--seo-ink);color:#fff;padding:.5rem 1rem;z-index:100}
.seo-skip:focus{left:0}
.seo-wrap{width:min(1120px,calc(100% - 2rem));margin-inline:auto}
.seo-top{position:sticky;top:0;z-index:20;backdrop-filter:blur(10px);background:rgba(255,255,255,.92);border-bottom:1px solid var(--seo-line)}
.seo-top__inner{display:flex;align-items:center;gap:.75rem;min-height:4rem;flex-wrap:wrap}
.seo-brand{display:inline-flex;align-items:center;gap:.65rem;text-decoration:none;font-weight:700;letter-spacing:-.02em;flex-shrink:0}
.seo-brand img{display:block;height:28px;width:auto}
.seo-nav{display:none;flex:1;gap:.25rem;overflow-x:auto}
.seo-nav__link{text-decoration:none;font-size:.75rem;font-weight:600;padding:.35rem .5rem;border-radius:8px;color:var(--seo-muted);white-space:nowrap}
.seo-nav__link[aria-current="page"],.seo-nav__link:hover{color:var(--seo-ink);background:var(--seo-paper)}
.seo-top__cta{margin-inline-start:auto;display:inline-flex;gap:.5rem;flex-shrink:0}
.seo-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:650;font-size:.875rem;padding:.65rem 1rem;border-radius:10px;border:1px solid transparent}
.seo-btn--primary{background:var(--seo-accent);color:#fff}
.seo-btn--primary:hover{background:var(--seo-accent-deep)}
.seo-btn--ghost{background:transparent;border-color:var(--seo-line);color:var(--seo-ink)}
.seo-btn--ghost:hover{background:var(--seo-paper)}
.seo-hero{position:relative;overflow:hidden;padding:clamp(3rem,8vw,5.5rem) 0 clamp(2.5rem,6vw,4rem);border-bottom:1px solid var(--seo-line)}
.seo-hero__bg{position:absolute;inset:0;background:radial-gradient(900px 420px at 12% -10%,var(--seo-glow),transparent 60%),linear-gradient(180deg,#eef4ff 0%,#fff 72%);pointer-events:none}
.seo-hero__inner{position:relative;max-width:46rem}
.seo-brand-mark{margin:0 0 .75rem;font-size:clamp(1.75rem,4.5vw,2.75rem);font-weight:700;letter-spacing:-.04em;line-height:1.05}
.seo-eyebrow{margin:0 0 .65rem;font-size:.75rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--seo-accent)}
.seo-hero h1{margin:0 0 1rem;font-family:var(--seo-serif);font-size:clamp(1.55rem,3.6vw,2.25rem);font-weight:600;letter-spacing:-.02em;line-height:1.18}
.seo-lead{margin:0 0 1.5rem;font-size:1.0625rem;color:var(--seo-muted);max-width:40rem}
.seo-hero__actions{display:flex;flex-wrap:wrap;gap:.65rem}
.seo-section{padding:clamp(2.5rem,5vw,4rem) 0}
.seo-section__sub{margin:0 0 1.75rem;color:var(--seo-muted);max-width:40rem}
.seo-grid{display:grid;gap:2rem}
.seo-grid h2,.seo-section h2{margin:0 0 1rem;font-size:1.25rem;letter-spacing:-.02em}
.seo-bullets{margin:0;padding:0;list-style:none;display:grid;gap:.85rem}
.seo-bullets li{position:relative;padding-left:1.35rem;color:var(--seo-muted)}
.seo-bullets li::before{content:"";position:absolute;left:0;top:.55rem;width:.55rem;height:.55rem;border-radius:2px;background:var(--seo-accent)}
.seo-aside{background:var(--seo-paper);border:1px solid var(--seo-line);border-radius:16px;padding:1.35rem 1.4rem}
.seo-aside p{color:var(--seo-muted)}
.seo-aside .seo-btn{margin:.5rem 0 1rem}
.seo-aside__note{margin:0;font-size:.8125rem}
.seo-cards{display:grid;gap:1rem;grid-template-columns:1fr}
.seo-card{display:grid;gap:.4rem;text-decoration:none;padding:1.15rem 1.2rem;border:1px solid var(--seo-line);border-radius:14px;background:linear-gradient(180deg,#fff,#f8fbff)}
.seo-card:hover{border-color:#b9cdf0;transform:translateY(-1px)}
.seo-card__eyebrow{font-size:.6875rem;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--seo-accent)}
.seo-card__title{font-size:1.125rem;font-weight:700;letter-spacing:-.02em}
.seo-card__text{font-size:.9375rem;color:var(--seo-muted)}
.seo-related{padding:2rem 0 3.5rem;background:var(--seo-paper);border-top:1px solid var(--seo-line)}
.seo-related__title,.seo-related h2{margin:0 0 1rem;font-size:1.1rem}
.seo-related__list{margin:0;padding:0;list-style:none;display:grid;gap:.55rem}
.seo-related__list a{color:var(--seo-accent-deep);font-weight:600;text-decoration:none}
.seo-related__list a:hover{text-decoration:underline}
.seo-foot{border-top:1px solid var(--seo-line);padding:2rem 0 2.5rem;background:#0c1a2e;color:#e8eef7}
.seo-foot a{color:#c9d7ec;text-decoration:none}
.seo-foot a:hover{color:#fff}
.seo-foot__inner{display:grid;gap:1.25rem}
.seo-foot p{margin:.4rem 0 0;color:#9db0c8;max-width:36rem}
.seo-foot__links{display:flex;flex-wrap:wrap;gap:1rem}
.seo-foot__copy{margin:0;font-size:.8125rem;color:#7f93ab}

.seo-lang { display:inline-flex; gap:.35rem; margin-inline-end:.5rem; }
.seo-lang a { font-size:.75rem; font-weight:700; text-decoration:none; padding:.35rem .5rem; border-radius:8px; color:var(--seo-muted); border:1px solid var(--seo-line); }
.seo-lang a[aria-current="true"] { background:var(--seo-ink); color:#fff; border-color:var(--seo-ink); }
.seo-section--tint { background:var(--seo-paper); border-block:1px solid var(--seo-line); }
.seo-section--faq h2 { margin-bottom:1rem; }
.seo-faq { display:grid; gap:.65rem; }
.seo-faq__item { border:1px solid var(--seo-line); border-radius:12px; padding:.85rem 1rem; background:#fff; }
.seo-faq__item summary { cursor:pointer; font-weight:650; }
.seo-faq__item p { margin:.65rem 0 0; color:var(--seo-muted); }
.seo-rich { margin-top:1.25rem; color:var(--seo-muted); }
.seo-prose { max-width:46rem; }
.seo-prose h2 { margin:1.75rem 0 .75rem; font-size:1.2rem; }
.seo-prose p { color:var(--seo-muted); }
.seo-cards--dense { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); }
.seo-card--compact { padding:.9rem 1rem; }
.seo-card--compact .seo-card__title { font-size:0.95rem; }
.seo-flow { display:grid; gap:1rem; }
.seo-flow-step { display:grid; grid-template-columns:auto 1fr; gap:1rem; padding:1.1rem 1.2rem; border:1px solid var(--seo-line); border-radius:14px; background:#fff; }
.seo-flow-step__num { width:2rem; height:2rem; border-radius:8px; background:var(--seo-accent); color:#fff; display:grid; place-items:center; font-weight:700; }
.seo-flow-step h2 { margin:0 0 .35rem; font-size:1.05rem; }
.seo-flow-step h2 a { text-decoration:none; }
.seo-flow-step p { margin:0; color:var(--seo-muted); }
.seo-flow-step__link { display:inline-block; margin-top:.55rem; color:var(--seo-accent-deep); font-weight:650; text-decoration:none; }
.seo-demo-section { padding-top: 0; background: linear-gradient(180deg, #fff 0%, #f3f7fc 42%, #fff 100%); }
.seo-demo { display:grid; gap:1.5rem; align-items:start; }
.seo-demo__aside { padding:1.5rem 1.35rem; border-radius:20px; background:linear-gradient(165deg,#0c1a2e 0%,#16345a 55%,#0f2744 100%); color:#e8eef7; box-shadow:0 18px 40px rgba(12,26,46,.18); }
.seo-demo__aside-kicker { margin:0 0 .5rem; font-size:.72rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:#8eb6ff; }
.seo-demo__aside h2 { margin:0 0 1.1rem; font-family:var(--seo-serif); font-size:1.35rem; font-weight:600; letter-spacing:-.02em; color:#fff; }
.seo-demo__steps { list-style:none; margin:0; padding:0; display:grid; gap:.95rem; }
.seo-demo__step { display:grid; grid-template-columns:auto 1fr; gap:.75rem; align-items:start; }
.seo-demo__step-num { width:1.75rem; height:1.75rem; border-radius:8px; display:grid; place-items:center; background:#0360f1; color:#fff; font-weight:700; font-size:.85rem; }
.seo-demo__step strong { display:block; color:#fff; font-size:.95rem; }
.seo-demo__step p { margin:.2rem 0 0; color:#a9bdd4; font-size:.875rem; }
.seo-demo__trust { margin:1.35rem 0 0; padding:0; list-style:none; display:grid; gap:.55rem; }
.seo-demo__trust li { position:relative; padding-inline-start:1.1rem; color:#c5d5e8; font-size:.875rem; }
.seo-demo__trust li::before { content:""; position:absolute; inset-inline-start:0; top:.55rem; width:.45rem; height:.45rem; border-radius:2px; background:#3d8bff; }
.seo-demo__aside-note { margin:1.25rem 0 0; color:#8fa6c0; font-size:.8125rem; }
.seo-demo__panel { background:#fff; border:1px solid var(--seo-line); border-radius:22px; padding:clamp(1.25rem,3vw,1.85rem); box-shadow:0 12px 36px rgba(12,26,46,.06); }
.seo-demo__panel-head { margin-bottom:1.25rem; }
.seo-demo__panel-head h2 { margin:0 0 .35rem; font-size:1.2rem; letter-spacing:-.02em; }
.seo-demo__panel-head p { margin:0; color:var(--seo-muted); font-size:.875rem; }
.seo-demo__form { max-width:none; }
.seo-demo__grid { display:grid; gap:0.95rem; grid-template-columns:1fr; }
.seo-demo__field { display:grid; gap:0.35rem; font-size:0.8125rem; font-weight:650; color:var(--seo-ink); }
.seo-demo__field span { letter-spacing:.01em; }
.seo-demo__field input, .seo-demo__field select, .seo-demo__field textarea {
  font:inherit; font-weight:500; font-size:.9375rem; padding:0.72rem 0.85rem; border:1px solid var(--seo-line);
  border-radius:12px; background:#f8fbff; color:var(--seo-ink); transition:border-color .15s, box-shadow .15s, background .15s;
}
.seo-demo__field input:focus, .seo-demo__field select:focus, .seo-demo__field textarea:focus {
  outline:none; border-color:#7aa7f5; background:#fff; box-shadow:0 0 0 4px rgba(3,96,241,.12);
}
.seo-demo__field textarea { resize:vertical; min-height:5.5rem; }
.seo-demo__schedule { margin:1.15rem 0; padding:1rem 1.05rem; border-radius:16px; background:linear-gradient(180deg,#f0f6ff,#f8fbff); border:1px solid #d7e5f8; }
.seo-demo__schedule h3 { margin:0 0 .75rem; font-size:.9rem; }
.seo-demo__modules { border:0; margin:0 0 1rem; padding:0; }
.seo-demo__modules legend { font-size:.8125rem; font-weight:700; margin-bottom:.55rem; padding:0; }
.seo-demo__chips { display:flex; flex-wrap:wrap; gap:.45rem; }
.seo-demo__chip { display:inline-flex !important; align-items:center; cursor:pointer; margin:0; font-weight:600 !important; }
.seo-demo__chip input { position:absolute; opacity:0; pointer-events:none; }
.seo-demo__chip span {
  display:inline-flex; align-items:center; padding:.45rem .7rem; border-radius:999px; border:1px solid var(--seo-line);
  background:#fff; color:var(--seo-muted); font-size:.8125rem; transition:all .15s;
}
.seo-demo__chip input:checked + span { background:#0360f1; border-color:#0360f1; color:#fff; }
.seo-demo__chip:hover span { border-color:#9bbcf5; color:var(--seo-ink); }
.seo-demo__submit-row { display:grid; gap:.75rem; margin-top:.35rem; }
.seo-demo__submit { width:100%; padding:.9rem 1.15rem; font-size:1rem; border:0; cursor:pointer; }
.seo-demo__submit:disabled { opacity:.65; cursor:wait; }
.seo-demo__status { padding:0.85rem 1rem; border-radius:12px; background:#eef6ff; color:var(--seo-ink); font-weight:600; }
.seo-demo__status.is-ok { background:#e8f8ef; color:#0d5c32; }
.seo-demo__status.is-err { background:#fdeeee; color:#8a1f1f; }
.seo-demo__status.is-pending { background:#eef6ff; color:#0246b5; }
.seo-demo__fine { margin:0; color:var(--seo-muted); font-size:0.8125rem; }
.seo-demo__hp { position:absolute; left:-9999px; opacity:0; height:0; width:0; }
@media (min-width:720px){
  .seo-demo__grid, .seo-demo__grid--2 { grid-template-columns:1fr 1fr; }
  .seo-demo__field--full { grid-column:1 / -1; }
}
@media (min-width:960px){
  .seo-demo { grid-template-columns:minmax(260px,.9fr) minmax(0,1.25fr); gap:1.75rem; }
  .seo-demo__aside { position:sticky; top:5rem; }
  .seo-demo__submit { width:auto; justify-self:start; min-width:14rem; }
}
html[dir="rtl"] .seo-hero__inner { text-align:right; }
html[dir="rtl"] .seo-bullets li { padding-left:0; padding-right:1.35rem; }
html[dir="rtl"] .seo-bullets li::before { left:auto; right:0; }

@media (min-width:720px){
  .seo-nav{display:flex}
  .seo-grid{grid-template-columns:1.4fr .9fr;align-items:start}
  .seo-cards{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:980px){.seo-cards{grid-template-columns:repeat(3,1fr)}}
@media (max-width:719px){
  .seo-top__cta .seo-btn--ghost{display:none}
  .seo-brand span{display:none}
}