:root{
  color-scheme: light;
  --ink:#202124;
  --muted:#5f6368;
  --muted-2:#80868b;
  --line:#dadce0;
  --line-soft:#e8eaed;
  --surface:#ffffff;
  --soft:#f6f8fc;
  --soft-2:#eef3fb;
  --accent:#2563eb;
  --accent-dark:#1d4ed8;
  --accent-soft:#dbeafe;
  --ok:#188038;
  --warn:#f29900;
  --danger:#b3261e;
  --radius:18px;
  --shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.08);
  --shadow-hover:0 4px 10px rgba(60,64,67,.16),0 1px 3px rgba(60,64,67,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Geist,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--ink);
  background:var(--soft)!important;
  font-feature-settings:"liga";
}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}

/* ECIT productivity-suite theme: familiar inbox/workspace patterns, original branding. */
.nav{
  position:sticky;
  top:0;
  z-index:20;
  min-height:64px!important;
  height:auto!important;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:10px 22px!important;
  background:rgba(246,248,252,.94)!important;
  border-bottom:1px solid var(--line-soft);
  box-shadow:none!important;
  backdrop-filter:blur(14px);
}
.brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:max-content;
  font-size:19px;
  font-weight:600;
  letter-spacing:-.02em;
}
.mark{
  display:grid;
  place-items:center;
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
  color:#fff;
  background:linear-gradient(135deg,#2563eb,#14b8a6)!important;
  box-shadow:0 6px 16px rgba(37,99,235,.22);
  font-family:"Geist Mono",monospace;
  font-weight:700;
}
nav{
  display:flex;
  align-items:center;
  gap:4px!important;
  flex-wrap:wrap;
  padding:6px;
  color:#3c4043!important;
  font-size:14px!important;
  font-weight:500!important;
  background:#edf2fa;
  border:1px solid #e4e9f2;
  border-radius:999px;
}
nav a{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
}
nav a:hover{background:#fff;box-shadow:0 1px 2px rgba(60,64,67,.12)}
nav a[href="/admin.html"],nav a[href="/support.html"],nav a[href="/workspace.html"],nav a[href="/users.html"],.admin-link{
  color:#174ea6!important;
}

.btn,button.btn,.tab{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px!important;
  padding:0 18px!important;
  border:0;
  border-radius:999px!important;
  font-size:14px!important;
  font-weight:600!important;
  cursor:pointer;
  transition:background .15s ease,box-shadow .15s ease,transform .15s ease,color .15s ease;
}
.btn:hover,.tab:hover{transform:translateY(-1px)}
.btn.dark,.tab.active{
  background:#0b57d0!important;
  color:#fff!important;
  box-shadow:0 1px 2px rgba(11,87,208,.28),0 1px 3px 1px rgba(11,87,208,.16)!important;
}
.btn.dark:hover,.tab.active:hover{background:#0842a0!important}
.btn.light,.tab:not(.active){
  background:#fff!important;
  color:#1f1f1f!important;
  border:1px solid var(--line-soft)!important;
  box-shadow:none!important;
}
.btn.light:hover,.tab:not(.active):hover{background:#edf2fa!important;box-shadow:var(--shadow)!important}
button.danger,.danger{background:#fce8e6!important;color:var(--danger)!important}

.hero{
  position:relative;
  overflow:hidden;
  max-width:1180px;
  margin:0 auto;
  padding:88px 24px 54px!important;
  text-align:center;
}
.hero:before{
  content:"";
  position:absolute;
  inset:42px 3% auto;
  height:390px;
  z-index:-1;
  background:
    radial-gradient(circle at 18% 28%,rgba(37,99,235,.18),transparent 32%),
    radial-gradient(circle at 76% 18%,rgba(20,184,166,.16),transparent 30%),
    radial-gradient(circle at 50% 90%,rgba(251,188,4,.13),transparent 34%);
  filter:blur(10px);
}
.badge,.eyebrow,.pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:max-content;
  border-radius:999px!important;
  padding:6px 11px!important;
  background:#e8f0fe!important;
  color:#174ea6!important;
  border:1px solid #d2e3fc;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:.01em;
}
.hero h1{
  margin:22px 0 18px!important;
  font-size:clamp(54px,9vw,108px)!important;
  line-height:.92!important;
  letter-spacing:-.07em!important;
  font-weight:650!important;
}
.sub,.section-head p,.contact p,.top p,p{
  color:var(--muted);
  line-height:1.65;
}
.sub{max-width:760px;margin:0 auto;font-size:18px}
.actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}
.terminal-card{
  max-width:690px;
  margin:34px auto 0;
  text-align:left;
  background:#fff;
  border:1px solid var(--line-soft);
  border-radius:24px;
  box-shadow:var(--shadow);
  overflow:hidden;
}
.term-top{display:flex;gap:7px;padding:14px 16px;background:#f1f3f4;border-bottom:1px solid var(--line-soft)}
.term-top span{width:10px;height:10px;border-radius:50%;background:#bdc1c6}.term-top span:nth-child(1){background:#f28b82}.term-top span:nth-child(2){background:#fdd663}.term-top span:nth-child(3){background:#81c995}
pre{margin:0;padding:20px 22px;white-space:pre-wrap;color:#3c4043;font-family:"Geist Mono",ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;line-height:1.6}

.strip,.section,.contact,.checkup,.process{
  max-width:1180px;
  margin:18px auto!important;
  padding:24px!important;
}
.strip{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.strip>div,.card,.box,.record,.formbox,.stat,.module,.col,.login-card{
  background:var(--surface)!important;
  border:1px solid var(--line-soft)!important;
  border-radius:var(--radius)!important;
  box-shadow:none!important;
}
.strip>div,.card{padding:18px}.strip strong,.card h3{display:block;margin:0 0 6px;color:#202124}.strip span,.card p{color:var(--muted);font-size:14px;line-height:1.55}
.section-head{max-width:760px;margin-bottom:22px}.section h2,.section-head h2,.top h1,.login-card h1{
  color:#202124;
  letter-spacing:-.045em!important;
  line-height:1.02!important;
}
.section h2,.section-head h2{font-size:clamp(34px,5vw,58px);margin:14px 0 10px}
.grid,.cards,.grid2,.grid3,.stats,.modules,.board,.twocol,.layout{gap:14px!important}
.cards{display:grid;grid-template-columns:repeat(3,1fr)}
.card{transition:box-shadow .15s ease,transform .15s ease,border-color .15s ease}.card:hover,.record:hover{box-shadow:var(--shadow-hover)!important;transform:translateY(-1px);border-color:#d2e3fc!important}
.icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:14px;border-radius:14px;background:#e8f0fe;color:#174ea6;font-weight:700}
.checkup,.contact{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:#fff;border:1px solid var(--line-soft);border-radius:28px;box-shadow:var(--shadow)}
.ticks{margin:0;padding:0;list-style:none;display:grid;gap:10px}.ticks li{position:relative;padding:12px 14px 12px 42px;border-radius:14px;background:#f8fbff;border:1px solid #e8f0fe}.ticks li:before{content:"✓";position:absolute;left:15px;color:var(--ok);font-weight:800}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.steps>div{background:#fff;border:1px solid var(--line-soft);border-radius:20px;padding:18px}.steps b{color:#174ea6}.steps h3{margin:10px 0 6px}.small{font-size:13px;color:var(--muted-2)!important}.contact-lines{display:grid;gap:8px;margin-top:16px}.contact-lines span{display:inline-flex;width:max-content;border-radius:999px;background:#edf2fa;padding:8px 12px;color:#3c4043}

.lead-form,form{display:grid;gap:12px}
.lead-form{grid-template-columns:1fr 1fr;background:#f8fbff;border:1px solid #e8f0fe;border-radius:22px;padding:18px}
label{display:grid;gap:7px;color:#3c4043;font-size:13px;font-weight:650}
input,select,textarea{
  width:100%;
  min-height:42px;
  padding:10px 12px;
  color:#202124;
  background:#fff;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  outline:none;
}
textarea{resize:vertical;min-height:92px}
input:focus,select:focus,textarea:focus{border-color:#1a73e8!important;box-shadow:0 0 0 3px rgba(26,115,232,.14)}
.hp{display:none!important}.wide{grid-column:1/-1!important}
#formStatus,.msg{color:var(--muted);font-size:14px}
footer{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;padding:34px;color:var(--muted);border-top:1px solid var(--line-soft)}

/* Private app shells */
.crm,.desk,.workspace,.users{max-width:1360px!important;margin:0 auto!important;padding:24px 18px 70px!important}
.top{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:18px!important;margin-bottom:12px!important}.top h1{font-size:clamp(36px,5vw,58px)!important;margin:12px 0 6px!important}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0!important;padding:6px;background:#edf2fa;border-radius:999px;width:max-content;max-width:100%}
.panel{display:none}.panel.active{display:block}.stats{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;margin:18px 0!important}.stat,.module{padding:16px!important}.stat b,.module b{font-size:30px!important;letter-spacing:-.045em}.stat span,.module span{display:block;color:var(--muted);font-size:13px}.box,.formbox{padding:18px!important}.record{padding:13px!important;margin-bottom:10px!important}.record b{display:block;color:#202124}.record small{display:block;color:var(--muted);margin:4px 0}.record p{font-size:13px;color:#3c4043;white-space:pre-wrap}.col{padding:12px!important;min-height:230px;background:#fff!important}.col h3{font-size:14px;margin:0 0 10px;display:flex;justify-content:space-between;color:#3c4043}.table{width:100%;border-collapse:separate;border-spacing:0 8px}.table td,.table th{text-align:left;padding:11px;background:#fff;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.table tr td:first-child,.table tr th:first-child{border-radius:12px 0 0 12px;border-left:1px solid var(--line-soft)}.table tr td:last-child,.table tr th:last-child{border-radius:0 12px 12px 0;border-right:1px solid var(--line-soft)}.mini{min-height:30px!important;padding:0 10px!important;font-size:12px!important}.urgent{background:#fce8e6!important;color:var(--danger)!important}.high{background:#fef7e0!important;color:#8a5200!important}.admin{background:#e8f0fe!important;color:#174ea6!important}.disabled{background:#fce8e6!important;color:var(--danger)!important}.resolved,.closed{opacity:.72}

/* Login */
.login-wrap{min-height:calc(100vh - 64px)!important;display:grid!important;place-items:center!important;padding:24px}.login-card{width:min(460px,100%);padding:30px!important}.err{color:var(--danger)!important;font-size:14px}

@media(max-width:1100px){.cards,.strip,.steps,.checkup,.contact,.twocol,.layout,.board,.stats,.modules,.grid2,.grid3,.formgrid,.lead-form{grid-template-columns:1fr!important}.top{display:block!important}.nav{align-items:flex-start;flex-direction:column}nav{border-radius:18px;width:100%;overflow-x:auto;justify-content:flex-start}.hero{padding-top:54px!important}.tabs{border-radius:18px}.section,.strip{padding:18px!important}}
@media(max-width:720px){.hero h1{font-size:52px!important}.nav{padding:10px 14px!important}.brand{font-size:17px}.btn{width:max-content}.contact-lines span{width:100%}}