/* ===== Service pages: book-demo, ERP, ERP features (extends pages.css) ===== */
.blue-btn{background:linear-gradient(180deg,#1f79d6,#1259b3);color:#fff;box-shadow:0 10px 22px rgba(18,89,179,.3)}
.blue-btn:hover{transform:translateY(-2px)}
.btn-sm{font-size:12.5px;padding:11px 18px;border-radius:9px}
.u{text-decoration:underline}

/* ---------- Book demo ---------- */
.bk{background:linear-gradient(180deg,#0c1a25,#0d1922);color:#fff;padding:90px 24px 100px;margin-top:24px}
.bk__grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:60px;align-items:center}
.bk h1{margin-top:18px;font-size:clamp(30px,3vw,46px);font-weight:700;letter-spacing:-.045em;line-height:1.02}
.bk__txt{margin-top:28px;color:#aeb6bd;font-size:14px;line-height:1.7;max-width:470px}
.form{background:#fff;border-radius:20px;padding:18px 18px 16px;color:var(--ink)}
.form input,.form select{width:100%;height:42px;border:1px solid #e6e8ec;border-radius:10px;padding:0 14px;font-size:13px;font-family:var(--ff-body);color:#333;background:#fff;margin-bottom:8px;outline:none;appearance:none;-webkit-appearance:none}
.form input:focus,.form select:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,124,10,.14)}
.form select{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23888' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 14px center}
.form .btn{width:100%;margin-top:6px;font-size:13px;padding:14px;border-radius:10px}
.form__note{margin-top:12px;text-align:center;font-size:10.5px;color:#9a9ea6}
.form__msg{margin-top:10px;text-align:center;font-size:12px;font-weight:600;display:none}
.form__msg.ok{display:block;color:#0a8a4a}.form__msg.err{display:block;color:#c62828}

/* ---------- Shared service hero ---------- */
.sv-hero{text-align:center;padding:60px 24px 0}
.sv-hero h1{font-size:clamp(34px,3.6vw,58px);font-weight:700;letter-spacing:-.045em;line-height:1.1}
.sv-hero p{margin:20px auto 0;max-width:420px;color:#5b5f68;font-size:13.5px;line-height:1.7}
.sv-hero__btns{display:flex;justify-content:center;gap:10px;margin-top:22px;flex-wrap:wrap}
.sv-hero small{display:block;margin-top:22px;color:#5b5f68;font-size:12.5px}

/* ---------- ERP page ---------- */
.stage{max-width:1000px;margin:36px auto 0;padding:0 24px}
.stage__box{position:relative;border-radius:6px;overflow:hidden;background:linear-gradient(180deg,#141a22,#0d1219);padding:44px 40px 52px;box-shadow:0 40px 80px rgba(0,0,0,.18)}
.stage__box::before,.stage__box::after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;filter:blur(40px)}
.stage__box::before{left:-80px;top:-60px;background:rgba(160,100,30,.5)}
.stage__box::after{right:-90px;bottom:-90px;background:rgba(170,100,25,.55)}
.player{position:relative;z-index:1;max-width:540px;margin:0 auto;border:3px solid #232a33;border-radius:22px;overflow:hidden;background:#000;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.player img{width:100%;aspect-ratio:1192/753;object-fit:cover;opacity:.72;filter:blur(.6px)}
.player__play{position:absolute;left:50%;top:44%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.35);border:0;cursor:pointer}
.player__play svg{width:22px;height:22px;margin-left:3px}
.player__bar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:14px;padding:16px 18px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.65));color:#e6e6e6;font-size:11px}
.player__bar svg{width:14px;height:14px;flex:0 0 14px}
.player__bar i{flex:1;height:3px;background:rgba(255,255,255,.35);border-radius:3px;position:relative}
.player__bar i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:36%;background:var(--orange);border-radius:3px}
.chat{display:flex;align-items:center;justify-content:center;gap:14px;margin:40px auto 0}
.chat__av{position:relative;width:38px;height:38px;flex:0 0 38px}
.chat__av img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.chat__av::after{content:"";position:absolute;right:-6px;top:-8px;width:12px;height:9px;border-radius:3px;background:#fff;border:1px solid #999}
.chat__pill{background:#fff;border-radius:999px;padding:14px 34px;font-size:12.5px;color:#444;box-shadow:0 4px 12px rgba(0,0,0,.18),0 1px 0 #e6e6e6 inset;border:1px solid #ececec}
.sec-title{text-align:center;font-size:clamp(28px,2.8vw,42px);font-weight:700;letter-spacing:-.045em;line-height:1.15}
.perf{max-width:1000px;margin:70px auto 0;padding:0 24px}
.perf__row{margin-top:48px;background:#f8f9fb;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:center;padding:0 0 0 80px}
.perf__vid{margin:-6px 0;border:3px solid #232a33;border-radius:22px;overflow:hidden;position:relative;box-shadow:0 24px 40px rgba(0,0,0,.28);background:#000;max-width:360px}
.perf__vid img{width:100%;aspect-ratio:786/485;object-fit:cover;opacity:.6}
.perf__vid .player__play{width:42px;height:42px;margin:-21px 0 0 -21px;top:46%}
.perf__vid .player__play svg{width:15px;height:15px}
.perf__vid .player__bar{padding:10px 12px;font-size:8px}
.perf h3{font-size:38px;font-weight:700;letter-spacing:-.04em}
.perf h3+b{display:block;margin-top:8px;font-family:var(--ff);font-size:12px;font-weight:600}
.perf p{margin-top:16px;font-size:12px;line-height:1.75;color:#5b5f68;max-width:330px}
.auto{max-width:1000px;margin:70px auto 0;padding:0 24px}
.auto__grid{margin-top:28px;display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:40px;padding:0 70px}
.auto__txt{font-size:12.5px;line-height:1.75;color:#5b5f68;max-width:320px}
.auto__bill{margin-top:60px;border-radius:10px;box-shadow:0 10px 40px rgba(0,0,0,.14);overflow:hidden;width:100%}
.auto__inv{border-radius:6px;box-shadow:0 14px 40px rgba(0,0,0,.2);width:100%;max-width:320px;justify-self:end;margin-top:20px}
.auto__bill,.auto__inv{display:block}
.auto__left{display:flex;flex-direction:column}
.mob{max-width:1000px;margin:70px auto 0;padding:0 24px}
.mob__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:30px;background:#f5efe6;padding:0 40px 0 0;min-height:104px;margin:0 0 0 0}
.mob__imgs{position:relative;height:200px}
.mob__imgs img{position:absolute}
.mob__imgs .m1{left:90px;bottom:-20px;height:240px;width:auto;box-shadow:0 14px 36px rgba(0,0,0,.2);border-radius:4px;z-index:2}
.mob__imgs .m2{left:200px;top:-90px;height:290px;width:auto;transform:rotate(12deg);filter:drop-shadow(0 10px 20px rgba(0,0,0,.18))}
.mob h2{font-size:clamp(28px,2.6vw,36px);font-weight:700;letter-spacing:-.045em;line-height:1.1}
.mob p{margin-top:24px;font-size:12px;line-height:1.7;color:#5b5f68;max-width:300px}
.recon{max-width:1000px;margin:100px auto 0;padding:0 24px}
.recon__grid{margin:44px auto 0;max-width:700px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:50px;align-items:center}
.recon h3{font-size:14px;font-weight:700}
.recon p{margin-top:6px;font-size:12px;line-height:1.55;color:#5b5f68}
.recon__blk+.recon__blk{margin-top:44px}
.recon__img{background:#f8f9fb;aspect-ratio:3/2}
.recon__img img{width:100%;height:100%;object-fit:cover}
.more{margin-top:60px}
.feat{background:#f8f9fb;margin-top:50px;padding:54px 24px 40px}
.feat__grid{max-width:520px;margin:40px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.card{background:#fff;border-radius:10px;padding:16px 14px 14px;box-shadow:0 2px 6px rgba(0,0,0,.08),0 8px 20px rgba(0,0,0,.05)}
.card__ico{width:22px;height:22px;border-radius:6px;background:#ffe5cc;display:grid;place-items:center}
.card__ico svg{width:11px;height:11px;fill:var(--orange)}
.card h3{margin-top:12px;font-size:13px;font-weight:700;letter-spacing:-.01em}
.card p{margin-top:8px;font-size:9.5px;line-height:1.6;color:#5b5f68}
.card a{color:inherit;text-decoration:underline}
.linkmore{display:block;text-align:center;margin-top:34px;color:var(--orange);font-weight:700;font-size:12px;font-family:var(--ff);text-decoration:none}
.linkmore:hover{text-decoration:underline}
.apps{margin-top:70px;text-align:center;padding:0 24px}
.apps__sub{margin-top:14px;font-size:11px;color:#444}
.apps__row{max-width:700px;margin:44px auto 0;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.app{background:#fff;border:1px solid var(--orange);border-radius:10px;padding:14px 12px 16px;text-align:left;box-shadow:0 14px 18px rgba(0,0,0,.18)}
.app i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--orange)}
.app i svg{width:10px;height:10px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.app b{display:block;margin-top:14px;font-size:11px;font-family:var(--ff)}
.app span{display:block;margin-top:6px;font-size:7.5px;color:#aaa}
.users{position:relative;margin-top:60px;max-width:1000px;margin-left:auto;margin-right:auto;padding:0 24px}
.users img{width:100%;border-radius:6px}
.users__blob{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(480px,70%);background:#fff;border-radius:999px;padding:40px 20px;text-align:center;box-shadow:0 0 40px 30px #fff}
.users__blob h2{font-size:clamp(24px,2.4vw,34px);font-weight:700;letter-spacing:-.045em;position:relative;display:inline-block}
.users__blob h2 small{position:absolute;right:-6px;top:-18px;font-size:10px;font-weight:600;color:var(--orange);letter-spacing:0}
.users__blob p{margin-top:10px;font-size:9px;color:#555}
.quote{max-width:600px;margin:70px auto 0;padding:0 24px}
.quote__card{background:#f6f8fa;border-radius:12px;padding:26px 30px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;min-height:110px;position:relative}
.quote__card::before{content:"\201C";position:absolute;left:30px;top:-6px;color:var(--orange);font-size:56px;font-family:var(--ff);font-weight:800;line-height:1}
.quote__card p{padding-top:26px;font-weight:700;font-size:11.5px;line-height:1.7;font-family:var(--ff);max-width:300px}
.quote__who{text-align:center;font-size:9.5px;color:#666}
.quote__who img{width:46px;height:46px;border-radius:50%;object-fit:cover;margin:-48px auto 12px;border:0}
.quote__who b{display:block;color:#111;font-size:10px;font-family:var(--ff)}
.unleash{text-align:center;margin:70px auto 0;padding:0 24px 90px}
.unleash h2{font-size:clamp(28px,2.8vw,38px);font-weight:700;letter-spacing:-.045em;line-height:1.1}
.unleash .btn{margin-top:30px}
.unleash__arr{display:block;margin-top:22px;color:var(--orange);font-size:12px;font-weight:700}
.unleash small{display:block;margin-top:8px;font-size:11px;line-height:1.6;color:#333}

/* ---------- ERP features page ---------- */
.ef{max-width:1000px;margin:56px auto 0;padding:0 24px;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:34px;align-items:start}
.ef__main{padding-left:0}
.ef__sec{scroll-margin-top:90px}
.ef__sec+.ef__sec{margin-top:36px}
.ef__sec h2{font-size:25px;font-weight:700;letter-spacing:-.045em;margin-bottom:22px}
.ef__cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:520px}
.ef__cards .card{padding:15px 16px 18px;min-height:96px;box-shadow:0 2px 3px rgba(0,0,0,.14),0 6px 12px rgba(0,0,0,.08)}
.ef__cards .card h3{margin-top:0;font-size:13px}
.ef__cards .card p{font-size:10.5px;line-height:1.6;margin-top:6px;color:#4b4f57}
.ef__side{position:sticky;top:96px;background:#f8f9fb;border-radius:16px;padding:14px 16px 26px}
.ef__side header{display:flex;align-items:center;gap:6px;padding:2px 0 12px;border-bottom:1px solid #e3e6ea;font-family:var(--ff);font-size:10.5px;font-weight:700;line-height:1.2}
.ef__side header img{height:14px;width:auto}
.ef__side header span{display:block;font-weight:400;color:#666;font-size:9px}
.ef__side nav{display:grid;margin-top:12px}
.ef__side a{position:relative;display:block;padding:9px 0 9px 8px;font-size:10.5px;color:#444;text-decoration:none;font-family:var(--ff);transition:color .2s}
.ef__side a:hover{color:var(--orange)}
.ef__side a.on{font-weight:700;color:#000}
.ef__side a.on::before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:2px;background:#000}
.int{background:#f8f9fb;margin-top:50px;padding:40px 24px 60px}
.int__in{max-width:600px;margin:0 auto}
.int h2{font-size:25px;font-weight:700;letter-spacing:-.045em}
.int__row{margin-top:32px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.int .app p{margin-top:12px;font-size:7.5px;line-height:1.65;color:#aaa;font-family:var(--ff-body)}
.int .app b{margin-top:12px}
.smart{text-align:center;padding:50px 24px 90px}
.smart h2{font-size:clamp(26px,2.6vw,36px);font-weight:700;letter-spacing:-.045em;line-height:1.1}
.smart .free{display:block;margin-top:34px;color:var(--orange);font-weight:700;font-size:11.5px;font-family:var(--ff)}
.smart .btn{margin-top:20px}
.smart small{display:block;margin-top:18px;font-size:10px;color:#333}

/* ---------- Responsive ---------- */
@media (max-width:980px){
  .bk__grid{grid-template-columns:1fr;gap:34px}
  .perf__row{padding:24px;grid-template-columns:1fr}
  .perf__vid{max-width:none;margin:0}
  .auto__grid{grid-template-columns:1fr;padding:0}
  .auto__bill{margin-top:20px}
  .auto__inv{justify-self:center}
  .mob__row{grid-template-columns:1fr;padding:26px 24px;gap:20px}
  .mob__imgs{height:260px;order:2;overflow:hidden}
  .mob__imgs .m1{left:calc(50% - 150px);bottom:0;height:250px}
  .mob__imgs .m2{left:calc(50% - 20px);top:0;height:220px}
  .recon__grid{grid-template-columns:1fr;gap:30px}
  .apps__row{grid-template-columns:repeat(3,1fr)}
  .int__row{grid-template-columns:1fr}
  .ef{grid-template-columns:1fr}
  .ef__side{position:static;order:-1}
  .ef__cards{max-width:none}
}
@media (max-width:640px){
  .sv-hero{padding-top:44px}
  .stage{padding:0 12px}
  .stage__box{padding:20px 12px 26px}
  .player__play{width:48px;height:48px;margin:-24px 0 0 -24px}
  .chat__pill{padding:12px 18px;font-size:12px}
  .feat__grid{grid-template-columns:1fr}
  .apps__row{grid-template-columns:repeat(2,1fr)}
  .ef__cards{grid-template-columns:1fr}
  .quote__card{grid-template-columns:1fr;gap:14px;padding:28px 22px}
  .quote__who{text-align:left;display:flex;align-items:center;gap:12px}
  .quote__who img{margin:0}
  .users__blob{width:86%;padding:26px 14px}
  .bk{padding:56px 18px 64px}
}

/* ---------- ERP apps page ---------- */
.apps-pg{max-width:940px;margin:0 auto;padding:54px 24px 10px}
.apps-pg__sec{margin-top:34px;scroll-margin-top:90px}
.apps-pg__sec h2{font-size:clamp(24px,2.4vw,32px);font-weight:700;letter-spacing:-.045em;margin-bottom:26px}
.apps-pg__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.appc{display:block;background:#fff;border:1px solid var(--orange);border-radius:11px;padding:16px 16px 20px;text-decoration:none;color:inherit;box-shadow:0 10px 14px rgba(0,0,0,.16);transition:transform .2s,box-shadow .2s}
.appc:hover{transform:translateY(-3px);box-shadow:0 16px 22px rgba(255,124,10,.22)}
.appc i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--orange)}
.appc i svg{width:11px;height:11px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.appc b{display:block;margin-top:16px;font-size:12.5px;font-family:var(--ff)}
.appc span{display:block;margin-top:7px;font-size:10px;line-height:1.5;color:#8d929b}
@media (max-width:760px){.apps-pg__grid{grid-template-columns:repeat(2,1fr);gap:12px}}
@media (max-width:480px){.apps-pg{padding:40px 16px 0}.apps-pg__grid{grid-template-columns:1fr}}