/* SeppFlow public-site design system — shared by product, industry and legal pages. */
:root {
  --navy: #f4f8fb;
  --navy-2: #eaf2f7;
  --card: #ffffff;
  --line: rgba(7, 17, 31, .12);
  --text: #07111f;
  --muted: #52657a;
  --amber: #137f76;
  --amber-2: #0e9f91;
  --green: #0e9f6e;
  --hero-bg: #07111f;
  --hero-text: #ffffff;
  --nav-bg: rgba(244, 248, 251, .92);
  --radius: 18px;
  --maxw: 1180px;
}

body { letter-spacing: -.006em; }
header { box-shadow: 0 1px 0 rgba(7, 17, 31, .04); }
.logo { letter-spacing: -.03em; }
.logo small { color: var(--muted); }
.btn-primary {
  background: #49d6c8 !important;
  color: #07111f !important;
  box-shadow: 0 12px 30px rgba(73, 214, 200, .2) !important;
}
.btn-primary:hover { background: #67eadc !important; }
.hero {
  background: #07111f !important;
  overflow: hidden;
}
.hero::before {
  background:
    radial-gradient(700px 420px at 80% 10%, rgba(85, 168, 255, .18), transparent 65%),
    radial-gradient(560px 360px at 8% 92%, rgba(73, 214, 200, .12), transparent 65%) !important;
}
.hero h1 { letter-spacing: -.055em; }
.hero .hl { color: #83eee3 !important; }
.hero .panel { background: linear-gradient(145deg, #13253b, #091829); }
.hero .panel, .hero .panel * { color: #fff; }
.hero .panel .info span, .hero .panel .k { color: #a8b8ca; }
.pill { border-color: rgba(73, 214, 200, .3) !important; }
.trust { background: #eaf2f7; }
.pillar, .prob, .why-card, .offer-box, .work, .qa { box-shadow: 0 10px 35px rgba(7, 17, 31, .035); }
.cta-box { background: #07111f !important; border-color: rgba(255,255,255,.12) !important; }
.cta-box h2, .cta-box p, .cta-box .eyebrow { color: #fff !important; }
a:focus-visible, button:focus-visible, select:focus-visible, input:focus-visible, textarea:focus-visible {
  outline: 3px solid rgba(73, 214, 200, .7);
  outline-offset: 3px;
}
@media (max-width: 760px) {
  h1 { font-size: clamp(39px, 11vw, 54px) !important; }
  h2 { font-size: clamp(30px, 8vw, 40px) !important; }
  .hero { padding-top: 64px !important; }
  .nav-cta > .btn-ghost { display: none; }
  .btn { white-space: normal; text-align: center; justify-content: center; }
}
[dir="rtl"] body { text-align: right; }
[dir="rtl"] .hero .wrap, [dir="rtl"] .why, [dir="rtl"] .offer-grid { direction: rtl; }
[dir="rtl"] .nav-links, [dir="rtl"] .hero-cta, [dir="rtl"] .f-links { direction: rtl; }