/* DomoBil - isolated from the Camelsys WordPress theme. */
#camelsys-domobil{--red:#c90022;
  --red-dark:#ab001d;
  --dark:#17212b;
  --text:#33404d;
  --muted:#687583;
  --line:#e7ebef;
  --soft:#f6f8fa;}

#camelsys-domobil, #camelsys-domobil *{box-sizing:border-box}

#camelsys-domobil{scroll-behavior:smooth}

#camelsys-domobil{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.55}

#camelsys-domobil a{color:inherit;text-decoration:none}

#camelsys-domobil .container{width:min(1180px,calc(100% - 40px));margin:auto}

#camelsys-domobil .btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:10px;background:var(--red);color:#fff;font-weight:700;font-size:14px;border:1px solid var(--red);transition:.2s}

#camelsys-domobil .btn:hover{background:var(--red-dark);transform:translateY(-1px)}

#camelsys-domobil .btn.secondary{background:#fff;color:var(--dark);border-color:#cfd6dc}

#camelsys-domobil .hero{min-height:600px;
  background:
    linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.98) 38%,rgba(255,255,255,.78) 52%,rgba(255,255,255,.10) 74%,rgba(255,255,255,0) 100%),
    url("demo-poster.jpg") center right/cover no-repeat;
  position:relative;overflow:hidden;}

#camelsys-domobil .hero-inner{min-height:600px;display:flex;align-items:center}

#camelsys-domobil .hero-copy{max-width:600px;padding:60px 0}

#camelsys-domobil .domobil-logo{width:440px;max-width:100%;height:auto;display:block;margin-bottom:24px}

#camelsys-domobil .kicker{font-size:12px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--red);margin-bottom:12px}

#camelsys-domobil h1{font-size:50px;line-height:1.03;margin:0 0 18px;color:var(--dark);letter-spacing:-1.8px}

#camelsys-domobil h1 span{color:var(--red)}

#camelsys-domobil .hero p{font-size:18px;color:#53606d;max-width:550px;margin:0 0 28px}

#camelsys-domobil .actions{display:flex;gap:12px;flex-wrap:wrap}

#camelsys-domobil .quick{background:#fff;border-bottom:1px solid var(--line)}

#camelsys-domobil .quick-grid{display:grid;grid-template-columns:repeat(4,1fr)}

#camelsys-domobil .quick-item{padding:28px 22px;border-right:1px solid var(--line)}

#camelsys-domobil .quick-item:last-child{border-right:none}

#camelsys-domobil .quick-item strong{display:block;color:var(--dark);font-size:17px;margin-bottom:5px}

#camelsys-domobil .quick-item span{color:var(--muted);font-size:13px}

#camelsys-domobil .section{padding:82px 0}

#camelsys-domobil .section.gray{background:var(--soft)}

#camelsys-domobil .section-head{max-width:720px;margin-bottom:38px}

#camelsys-domobil h2{font-size:38px;line-height:1.12;color:var(--dark);margin:0 0 12px;letter-spacing:-1px}

#camelsys-domobil .section-head p{color:var(--muted);font-size:17px;margin:0}

#camelsys-domobil .cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}

#camelsys-domobil .card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 8px 30px rgba(23,33,43,.04)}

#camelsys-domobil .icon{width:48px;height:48px;border-radius:13px;background:#fff1f3;color:var(--red);display:grid;place-items:center;font-size:23px;border:1px solid #ffd9df;margin-bottom:18px}

#camelsys-domobil .card h3{margin:0 0 8px;color:var(--dark);font-size:18px}

#camelsys-domobil .card p{margin:0;color:var(--muted);font-size:14px}

#camelsys-domobil .split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}

#camelsys-domobil .dashboard{background:var(--dark);padding:14px;border-radius:22px;box-shadow:0 22px 55px rgba(23,33,43,.15)}

#camelsys-domobil .dashboard-inner{background:#fff;border-radius:14px;padding:18px;min-height:340px}

#camelsys-domobil .dash-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:16px}

#camelsys-domobil .dash-title{font-weight:800;color:var(--dark)}

#camelsys-domobil .badge{font-size:11px;font-weight:700;color:#18804a;background:#eaf8ef;border-radius:20px;padding:5px 10px}

#camelsys-domobil .metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}

#camelsys-domobil .metric{background:var(--soft);padding:15px;border-radius:12px}

#camelsys-domobil .metric small{display:block;color:var(--muted)}

#camelsys-domobil .metric strong{display:block;color:var(--dark);font-size:24px}

#camelsys-domobil .chart{height:130px;border:1px solid var(--line);border-radius:12px;margin-top:14px;position:relative;overflow:hidden;background:linear-gradient(#fff,#fafbfc)}

#camelsys-domobil .chart:after{content:"";position:absolute;left:5%;right:5%;bottom:30px;height:55px;border-bottom:3px solid var(--red);border-radius:50%;transform:skewY(-7deg)}

#camelsys-domobil .features{display:grid;gap:20px;margin-top:26px}

#camelsys-domobil .feature{display:grid;grid-template-columns:48px 1fr;gap:14px}

#camelsys-domobil .feature .icon{margin:0}

#camelsys-domobil .feature strong{display:block;color:var(--dark);margin-bottom:3px}

#camelsys-domobil .feature p{margin:0;color:var(--muted);font-size:14px}

#camelsys-domobil .energy-box{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}

#camelsys-domobil .energy-number{font-size:58px;font-weight:800;color:var(--red);line-height:1}

#camelsys-domobil .energy-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 18px 50px rgba(23,33,43,.08)}

#camelsys-domobil .bar{height:14px;background:#edf1f4;border-radius:20px;overflow:hidden;margin:14px 0 20px}

#camelsys-domobil .bar span{display:block;width:72%;height:100%;background:var(--red)}

#camelsys-domobil .modules{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}

#camelsys-domobil .module{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;position:relative;overflow:hidden}

#camelsys-domobil .module:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:var(--red)}

#camelsys-domobil .module h3{margin:0 0 8px;color:var(--dark)}

#camelsys-domobil .module p{margin:0;color:var(--muted);font-size:14px}

#camelsys-domobil .cta{background:var(--dark);color:#fff;padding:62px 0;position:relative;overflow:hidden}

#camelsys-domobil .cta:after{content:"";position:absolute;right:-90px;top:-180px;width:440px;height:440px;background:var(--red);opacity:.17;transform:rotate(35deg)}

#camelsys-domobil .cta-inner{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:30px}

#camelsys-domobil .cta h2{color:#fff;margin-bottom:8px}

#camelsys-domobil .cta p{margin:0;color:#c8d0d8}

#camelsys-domobil .footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:30px}

#camelsys-domobil .footer-domobil{width:230px;max-width:100%;margin-top:18px}

@media (max-width:900px){
#camelsys-domobil .cards{grid-template-columns:repeat(2,1fr)}

#camelsys-domobil .split,
#camelsys-domobil .energy-box{grid-template-columns:1fr}

#camelsys-domobil .modules{grid-template-columns:repeat(2,1fr)}

#camelsys-domobil .footer-grid{grid-template-columns:1fr 1fr}

#camelsys-domobil .quick-grid{grid-template-columns:repeat(2,1fr)}

#camelsys-domobil h1{font-size:40px}
}

@media (max-width:600px){
#camelsys-domobil .container{width:min(100% - 28px,1180px)}

#camelsys-domobil .hero,
#camelsys-domobil .hero-inner{min-height:540px}

#camelsys-domobil .hero{background:
    linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.96) 65%,rgba(255,255,255,.55) 100%),
    url("background-2.jpg") center/cover no-repeat;}

#camelsys-domobil h1{font-size:35px}

#camelsys-domobil .cards,
#camelsys-domobil .modules,
#camelsys-domobil .footer-grid{grid-template-columns:1fr}

#camelsys-domobil .quick-grid{grid-template-columns:1fr}

#camelsys-domobil .quick-item{border-right:none;border-bottom:1px solid var(--line)}

#camelsys-domobil .cta-inner{display:block}

#camelsys-domobil .cta .btn{margin-top:20px}
}

#camelsys-domobil .icon{width:58px;height:58px;border-radius:16px;background:#fff;border:1px solid #e7ebef;color:var(--red);display:grid;place-items:center;margin-bottom:18px;box-shadow:0 8px 24px rgba(23,33,43,.06)}

#camelsys-domobil .icon svg{width:31px;height:31px;display:block;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

#camelsys-domobil .feature .icon{width:48px;height:48px;border-radius:14px;margin-bottom:0;box-shadow:none;background:#fff}

#camelsys-domobil .demo-section{padding:76px 0;background:#fff}

#camelsys-domobil .demo-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}

#camelsys-domobil .demo-copy h2{font-size:36px;line-height:1.12;margin:0 0 14px;color:var(--dark)}

#camelsys-domobil .demo-copy p{color:var(--muted);font-size:17px;max-width:560px}

#camelsys-domobil .demo-video{background:#0f151b;padding:10px;border-radius:22px;box-shadow:0 22px 55px rgba(23,33,43,.16);overflow:hidden}

#camelsys-domobil .demo-video video{width:100%;display:block;border-radius:15px;background:#000}

#camelsys-domobil .clients-section{padding:88px 0 84px;
  background:linear-gradient(180deg,#f8fafc 0%,#f2f5f7 100%);
  position:relative;
  overflow:hidden;}

#camelsys-domobil .clients-section:before{content:"";
  position:absolute;
  width:420px;height:420px;
  border-radius:50%;
  background:rgba(201,0,34,.045);
  top:-230px;right:-120px;
  pointer-events:none;}

#camelsys-domobil .clients-head{max-width:820px;
  margin:0 auto 38px;
  text-align:center;
  position:relative;
  z-index:1;}

#camelsys-domobil .clients-head .eyebrow{display:inline-flex;
  align-items:center;
  gap:9px;
  padding:7px 14px;
  margin-bottom:14px;
  border-radius:999px;
  background:rgba(201,0,34,.08);
  color:var(--red);
  font-size:11px;
  font-weight:800;
  letter-spacing:1.5px;}

#camelsys-domobil .clients-head .eyebrow:before{content:"";
  width:6px;height:6px;
  border-radius:50%;
  background:var(--red);
  box-shadow:0 0 0 4px rgba(201,0,34,.10);}

#camelsys-domobil .clients-head h2{font-size:40px;
  line-height:1.08;
  margin:0 0 14px;
  color:var(--dark);
  letter-spacing:-.7px;}

#camelsys-domobil .clients-head h2 .accent{color:var(--red)}

#camelsys-domobil .clients-head p{margin:0 auto;
  color:var(--muted);
  font-size:17px;
  max-width:690px;}

#camelsys-domobil .clients-grid{display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
  position:relative;
  z-index:1;}

#camelsys-domobil .client-card{background:#fff;
  border:1px solid #e1e6ea;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 12px 35px rgba(23,33,43,.07);
  transition:transform .2s,box-shadow .2s,border-color .2s;}

#camelsys-domobil .client-card:hover{transform:translateY(-4px);
  border-color:rgba(201,0,34,.22);
  box-shadow:0 20px 46px rgba(23,33,43,.12);}

#camelsys-domobil .client-card img{width:100%;height:220px;object-fit:cover;display:block;background:#eef2f4;}

#camelsys-domobil .client-info{padding:17px 18px 19px;
  border-top:3px solid rgba(201,0,34,.10);}

#camelsys-domobil .client-info strong{display:block;
  color:var(--dark);
  font-size:16px;
  margin-bottom:4px;}

#camelsys-domobil .client-info span{font-size:13px;color:var(--muted)}

@media  (max-width:900px){
#camelsys-domobil .demo-grid{grid-template-columns:1fr}

#camelsys-domobil .clients-grid{grid-template-columns:repeat(2,1fr)}

#camelsys-domobil .demo-copy h2,
#camelsys-domobil .clients-head h2{font-size:30px}
}

@media  (max-width:600px){
#camelsys-domobil .clients-grid{grid-template-columns:1fr}

#camelsys-domobil .client-card img{height:210px}
}

#camelsys-domobil .theme-toggle{appearance:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:9px 13px;
  border-radius:999px;
  border:1px solid #d7dde2;
  background:#fff;
  color:#17212b;
  font:700 12px Arial,Helvetica,sans-serif;
  cursor:pointer;
  transition:all .22s ease;
  white-space:nowrap;}

#camelsys-domobil .theme-toggle:hover{border-color:var(--red);color:var(--red);transform:translateY(-1px)}

#camelsys-domobil .theme-icon{font-size:18px;line-height:1}

#camelsys-domobil .theme-label{letter-spacing:.1px}

#camelsys-domobil.dark-theme{--dark:#f4f7fa;
  --text:#dbe3ea;
  --muted:#9eabb7;
  --line:#2b3742;
  --soft:#121a22;
  background:#0b1015;
  color:var(--text);}

#camelsys-domobil.dark-theme .theme-toggle{background:#171f28;
  border-color:#34424e;
  color:#f2f5f7;}

#camelsys-domobil.dark-theme .theme-toggle:hover{border-color:#ff294d;color:#ff526c}

#camelsys-domobil.dark-theme .hero{position:relative;
  background-color:#0b1015;}

#camelsys-domobil.dark-theme .hero:before{content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(7,11,15,.97) 0%,rgba(7,11,15,.93) 36%,rgba(7,11,15,.78) 54%,rgba(7,11,15,.43) 74%,rgba(7,11,15,.22) 100%);
  z-index:0;
  pointer-events:none;}

#camelsys-domobil.dark-theme .hero-inner{position:relative;z-index:1}

#camelsys-domobil.dark-theme .hero p{color:#b7c2cc}

#camelsys-domobil.dark-theme .btn.secondary{background:#171f28;
  color:#f1f4f6;
  border-color:#3a4652;}

#camelsys-domobil.dark-theme .quick{background:#0f161d;
  border-color:var(--line);}

#camelsys-domobil.dark-theme .quick-item{border-color:var(--line)}

#camelsys-domobil.dark-theme .quick-item strong{color:#f0f4f7}

#camelsys-domobil.dark-theme .quick-item span{color:#98a6b2}

#camelsys-domobil.dark-theme .section{background:#0b1015}

#camelsys-domobil.dark-theme .section.gray{background:#101820}

#camelsys-domobil.dark-theme .section-head h2,
#camelsys-domobil.dark-theme .section-head h3,
#camelsys-domobil.dark-theme .card h3,
#camelsys-domobil.dark-theme .feature strong,
#camelsys-domobil.dark-theme .module h3{color:#f1f5f8}

#camelsys-domobil.dark-theme .section-head p,
#camelsys-domobil.dark-theme .card p,
#camelsys-domobil.dark-theme .feature p,
#camelsys-domobil.dark-theme .module p{color:#9eabb7}

#camelsys-domobil.dark-theme .card,
#camelsys-domobil.dark-theme .module,
#camelsys-domobil.dark-theme .energy-card{background:#151e27;
  border-color:#2b3742;
  box-shadow:0 14px 38px rgba(0,0,0,.22);}

#camelsys-domobil.dark-theme .icon{background:#1c1820;
  border-color:#49232d;}

#camelsys-domobil.dark-theme .feature .icon{background:#171f28}

#camelsys-domobil.dark-theme .dashboard{background:#05080b}

#camelsys-domobil.dark-theme .dashboard-inner{background:#151e27}

#camelsys-domobil.dark-theme .dash-top{border-color:#2b3742}

#camelsys-domobil.dark-theme .dash-title,
#camelsys-domobil.dark-theme .metric strong{color:#f1f5f8}

#camelsys-domobil.dark-theme .metric{background:#101820}

#camelsys-domobil.dark-theme .metric small{color:#97a5b1}

#camelsys-domobil.dark-theme .chart{border-color:#2b3742;
  background:linear-gradient(#151e27,#101820);}

#camelsys-domobil.dark-theme .energy-card .bar{background:#29343e}

#camelsys-domobil.dark-theme .demo-section{background:#0b1015}

#camelsys-domobil.dark-theme .demo-copy h2{color:#f1f5f8}

#camelsys-domobil.dark-theme .demo-copy p{color:#9eabb7}

#camelsys-domobil.dark-theme .demo-video{background:#05080b;
  box-shadow:0 22px 55px rgba(0,0,0,.35);}

#camelsys-domobil.dark-theme .clients-section{background:linear-gradient(180deg,#101820 0%,#0d141b 100%);}

#camelsys-domobil.dark-theme .client-card{background:#151e27;
  border-color:#2b3742;
  box-shadow:0 12px 34px rgba(0,0,0,.24);}

#camelsys-domobil.dark-theme .client-card:hover{border-color:#71303b;box-shadow:0 18px 40px rgba(0,0,0,.30)}

#camelsys-domobil.dark-theme .client-info{border-color:#4a222d}

#camelsys-domobil.dark-theme .client-info strong{color:#f1f5f8}

#camelsys-domobil.dark-theme .client-info span{color:#9eabb7}

#camelsys-domobil.dark-theme .cta{background:#05080b;}

#camelsys-domobil.dark-theme .copy{border-color:#2b3742;color:#74818d}

#camelsys-domobil.dark-theme .clients-head .eyebrow{background:#21151a;border-color:#4d242e;color:#ff5a72}

#camelsys-domobil.dark-theme .clients-head h2{color:#f2f5f7}

#camelsys-domobil.dark-theme .clients-head p{color:#9eabb7}

@media  (max-width:900px){
#camelsys-domobil .theme-toggle{min-height:40px;padding:8px 10px}

#camelsys-domobil .theme-label{display:none}
}

@media  (max-width:720px){
#camelsys-domobil .theme-toggle{min-height:38px;padding:7px 10px}

#camelsys-domobil .theme-icon{font-size:19px}
}

/* Compatibility with the Select/WordPress layout and WPBakery page rows. */
#camelsys-domobil {
  display: block;
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-top: 0;
  position: relative;
  isolation: isolate;
  overflow: clip;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.55;
  text-align: left;
  background: #fff;
}
#camelsys-domobil h1,
#camelsys-domobil h2,
#camelsys-domobil h3,
#camelsys-domobil h4,
#camelsys-domobil p {
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: normal;
  text-transform: none;
}
#camelsys-domobil a { text-decoration:none; }
#camelsys-domobil section[id] { scroll-margin-top: 105px; }
#camelsys-domobil .cs-domobil-tools {
  position:absolute;
  top: 14px;
  right: max(20px, calc((100vw - 1160px) / 2));
  z-index:10;
}
#camelsys-domobil .cs-domobil-tools .theme-toggle { cursor:pointer; }
@media (max-width: 767px) {
  #camelsys-domobil .cs-domobil-tools { top: 10px;right: 12px; }
  #camelsys-domobil { font-size:15px; }
}