@import url("shared-components.css");

:root {
  --navy: #23242a;
  --blue: #6657d9;
  --teal: #6873a8;
  --amber: #a99feb;
  --ink: #292a33;
  --muted: #777887;
  --mist: #f5f4fb;
  --line: #e5e3ef;
  --white: #ffffff;
}

body { background: #eeedf5; }
.deck { max-width: 1540px; }
.intro { align-items: center; }
.phone { border: 1px solid #d9d7e5; border-radius: 34px; box-shadow: 0 28px 80px #3e3a5917; }
.phone::before { width: 90px; height: 22px; background: #23242a; }
.top, .top.light { background: #ffffff; color: #292a33; border-bottom: 0; padding-bottom: 16px; }
.top .eyebrow { color: #6657d9; opacity: 1; letter-spacing: .08em; }
.top h3 { font-size: 28px; font-weight: 680; }
.search { background: #f1f0f7; color: #777887; border-radius: 16px; }
.content { padding: 22px; }
.section-row { margin-bottom: 16px; }
.card, .stat { border: 0; border-radius: 20px; box-shadow: 0 10px 28px #3d38520d; }
.field { border-radius: 15px; background: #fff; box-shadow: none; }
.service i { width: 60px; height: 60px; border: 0; border-radius: 50%; background: #ebe8ff; }
.hero { border-radius: 24px; background: #23242a; }
.btn { border-radius: 15px; background: #6657d9; box-shadow: 0 10px 24px #6657d933; }
.btn.compact { color: #6657d9; }
.btn.secondary { background: #eae7ff; color: #5446c0; box-shadow: none; }
.status { border-radius: 99px; background: #e8e6fb; color: #5548b5; }
.status.amber { background: #f0edff; color: #6a5bc7; }
.tabs { gap: 4px; padding: 4px; border-radius: 15px; background: #eae9f1; }
.tab { flex: 1; border: 0; border-radius: 12px; background: transparent; text-align: center; }
.tab.on { background: #fff; color: #292a33; box-shadow: 0 4px 12px #36324812; }
.avatar, .building-icon { background: #e9e6ff; color: #6657d9; }
.map { background: radial-gradient(circle at 30% 40%,#d9d5fb 0 7%,transparent 8%),linear-gradient(145deg,#eeedf7,#e5e3f0); color: #6657d9; }
.timeline { border-color: #d9d5f4; }
.timeline .done::before { background: #6657d9; }
.nav { left: 18px; right: 18px; bottom: 12px; height: 62px; border: 0; border-radius: 22px; box-shadow: 0 8px 28px #302d451c; }
.nav .on, .link, .upload { color: #6657d9; }
.steps b { height: 3px; }
.steps b.on { background: #6657d9; }
.brand-logo { border-radius: 30px; box-shadow: 0 20px 45px #443e7c14; }
[style*="border-color:#176bff"] { border-color: #6657d9 !important; box-shadow: 0 0 0 3px #6657d91c !important; }